/* Shajar manager dashboard v2 — users, scroll, utilities */
#managerPanelModal{
  overflow:auto!important;
  -webkit-overflow-scrolling:touch!important;
  overscroll-behavior:contain!important;
  align-items:flex-start!important;
}
#managerPanelModal .manager-shell{
  display:flex!important;
  flex-direction:column!important;
  height:min(960px,calc(100dvh - 28px))!important;
  max-height:calc(100dvh - 28px)!important;
  min-height:0!important;
  margin:auto!important;
  overflow:hidden!important;
}
#managerPanelModal .manager-head{flex:0 0 auto!important}
#managerPanelModal .manager-body{
  flex:1 1 auto!important;
  min-height:0!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  -webkit-overflow-scrolling:touch!important;
  overscroll-behavior:contain!important;
  scrollbar-gutter:stable;
}
#managerPanelModal .manager-layout{min-height:0!important}
#managerPanelModal .manager-detail,#managerPanelModal #managerProposalList{
  -webkit-overflow-scrolling:touch!important;
  overscroll-behavior:contain!important;
}

.manager-v2-tools{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.manager-v2-btn{border:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.055);color:#f5f0fb;border-radius:11px;min-height:40px;padding:8px 12px;font:800 12px/1.4 inherit;cursor:pointer;transition:.18s ease}
.manager-v2-btn:hover{background:rgba(255,255,255,.1);transform:translateY(-1px)}
.manager-v2-btn.primary{background:linear-gradient(135deg,#6947e8,#8f5df3);border-color:rgba(169,137,255,.5)}
.manager-v2-btn.danger{color:#ffbfc7;border-color:rgba(255,104,126,.24);background:rgba(151,34,54,.13)}
.manager-v2-btn.success{color:#c9ffe2;border-color:rgba(82,214,142,.25);background:rgba(28,121,73,.16)}

#managerUsersView{display:none;min-height:100%}
#managerUsersView.open{display:block}
#managerPanelModal.users-mode #managerWorkflowStats,
#managerPanelModal.users-mode .manager-filter-card,
#managerPanelModal.users-mode .manager-layout{display:none!important}
#managerPanelModal.users-mode #managerUsersView{display:block!important}

.manager-users-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:14px}
.manager-users-title h3{margin:0 0 5px;color:#f7f3fb;font-size:20px}.manager-users-title p{margin:0;color:#9f96ad;font-size:12px;line-height:1.8}
.manager-users-actions{display:flex;gap:8px;flex-wrap:wrap}
.manager-user-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:14px}
.manager-user-stat{border:1px solid rgba(255,255,255,.08);border-radius:15px;padding:13px 14px;background:linear-gradient(180deg,rgba(28,21,41,.96),rgba(16,12,24,.98))}.manager-user-stat b{display:block;color:#fff;font-size:20px;margin-bottom:3px}.manager-user-stat span{color:#9f96ad;font-size:11px}
.manager-users-filter{display:grid;grid-template-columns:minmax(260px,2fr) minmax(150px,1fr) minmax(140px,1fr) minmax(140px,1fr);gap:9px;margin-bottom:13px;padding:12px;border:1px solid rgba(255,255,255,.08);border-radius:15px;background:rgba(20,15,29,.82)}
.manager-users-filter label{display:flex;flex-direction:column;gap:6px;color:#bdb4ca;font-size:11px;font-weight:800}.manager-users-filter input,.manager-users-filter select{height:42px;min-width:0;border:1px solid rgba(255,255,255,.11);border-radius:10px;background:#0d0a14;color:#f4eff9;padding:8px 10px;font:inherit}
.manager-users-filter input:focus,.manager-users-filter select:focus{outline:none;border-color:#8c66ff;box-shadow:0 0 0 3px rgba(140,102,255,.12)}
.manager-users-card{border:1px solid rgba(255,255,255,.08);border-radius:17px;overflow:hidden;background:linear-gradient(180deg,rgba(26,20,38,.96),rgba(15,11,23,.99))}
.manager-users-table-wrap{overflow:auto;max-height:calc(100dvh - 440px);-webkit-overflow-scrolling:touch}
.manager-users-table{width:100%;border-collapse:collapse;min-width:860px}.manager-users-table th{position:sticky;top:0;z-index:2;background:#151020;color:#aaa1b8;text-align:right;font-size:11px;padding:11px 12px;border-bottom:1px solid rgba(255,255,255,.08)}.manager-users-table td{padding:11px 12px;border-bottom:1px solid rgba(255,255,255,.055);color:#ece6f3;font-size:12px;vertical-align:middle}.manager-users-table tr:hover td{background:rgba(255,255,255,.018)}
.manager-user-name{font-weight:900;color:#fff}.manager-user-sub{display:block;color:#8e859e;font-size:10px;margin-top:3px}.manager-user-actions{display:flex;gap:5px;flex-wrap:wrap}.manager-user-actions button{min-height:32px;padding:5px 8px;border-radius:8px;font-size:10px}
.manager-status-chip{display:inline-flex;align-items:center;border-radius:999px;padding:5px 8px;font-size:10px;font-weight:900}.manager-status-chip.active{background:rgba(46,175,105,.14);color:#9af0bf;border:1px solid rgba(80,210,137,.22)}.manager-status-chip.inactive{background:rgba(209,69,89,.13);color:#ffb4be;border:1px solid rgba(255,100,124,.2)}
.manager-users-empty{padding:34px;text-align:center;color:#998fa7}

#managerUserEditor{position:fixed;inset:0;z-index:19000;display:none;place-items:center;padding:16px;background:rgba(3,2,10,.78);backdrop-filter:blur(11px)}#managerUserEditor.open{display:grid}.manager-user-editor-card{width:min(560px,100%);max-height:calc(100dvh - 32px);overflow:auto;border:1px solid rgba(255,255,255,.11);border-radius:20px;background:#110d1a;color:#f5eff9;box-shadow:0 26px 85px rgba(0,0,0,.5)}.manager-user-editor-head{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:17px 18px;border-bottom:1px solid rgba(255,255,255,.08)}.manager-user-editor-head h3{margin:0;font-size:18px}.manager-user-editor-body{padding:17px 18px}.manager-user-editor-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px}.manager-user-editor-grid label{display:flex;flex-direction:column;gap:6px;color:#bdb4ca;font-size:11px;font-weight:800}.manager-user-editor-grid input,.manager-user-editor-grid select{height:44px;border:1px solid rgba(255,255,255,.12);border-radius:10px;background:#09070f;color:#fff;padding:8px 10px;font:inherit}.manager-user-editor-grid .wide{grid-column:1/-1}.manager-user-editor-note{margin-top:12px;padding:10px 12px;border-radius:11px;background:rgba(112,78,220,.09);color:#a9a0b9;font-size:11px;line-height:1.8}.manager-user-editor-footer{display:flex;justify-content:flex-end;gap:8px;padding:14px 18px;border-top:1px solid rgba(255,255,255,.08)}

.manager-data-note{font-size:10px;color:#8d849b;margin-top:8px}

@media(max-width:900px){
  #managerPanelModal{padding:0!important}
  #managerPanelModal .manager-shell{width:100%!important;height:100dvh!important;max-height:100dvh!important;border-radius:0!important}
  #managerPanelModal .manager-body{padding-bottom:max(18px,env(safe-area-inset-bottom))!important}
  .manager-user-stats{grid-template-columns:1fr 1fr}.manager-users-filter{grid-template-columns:1fr 1fr}.manager-users-filter label:first-child{grid-column:1/-1}.manager-users-table-wrap{max-height:none}.manager-users-header{flex-direction:column}.manager-users-actions{width:100%}.manager-v2-btn{flex:1 1 auto}.manager-head-actions{width:100%!important}.manager-head-actions>.workflow-mini-btn,.manager-head-actions>.workflow-close,.manager-head-actions>.cms-manager-actions{flex:1 1 auto!important}.cms-manager-actions .cms-manager-open{width:100%}
}
@media(max-width:520px){.manager-user-stats{grid-template-columns:1fr 1fr}.manager-users-filter{grid-template-columns:1fr}.manager-users-filter label:first-child{grid-column:auto}.manager-user-editor-grid{grid-template-columns:1fr}.manager-user-editor-grid .wide{grid-column:auto}.manager-v2-tools{width:100%}.manager-v2-tools .manager-v2-btn{flex:1 1 45%}}