/* Eshraq Administration V1 — authenticated layout + professional-style navigation */
:root{--admin-sidebar-w:250px;--admin-sidebar-rail:82px;--admin-green:#07584f;--admin-green-2:#06473f;--admin-gold:#e7c66a}
html,body{overflow-x:hidden!important}
/* Security invariant: never render the administration shell before auth/AAL2 gate removes .hidden. */
#appView.hidden,.app.hidden{display:none!important;visibility:hidden!important}
.admin-ui-v060 #appView.app:not(.hidden){display:block!important;min-height:100dvh!important;overflow:visible!important}
.admin-ui-v060 .main{display:block!important;width:auto!important;min-width:0!important;margin-right:var(--admin-sidebar-w)!important;padding:0 20px 40px!important;overflow-x:hidden!important;transition:margin-right .2s ease!important}
.admin-ui-v060 .sidebar{position:fixed!important;inset-block:0!important;right:0!important;left:auto!important;width:var(--admin-sidebar-w)!important;height:100dvh!important;padding:14px 12px 12px!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;background:linear-gradient(180deg,var(--admin-green),var(--admin-green-2))!important;border-left:1px solid rgba(231,198,106,.20)!important;box-shadow:-8px 0 26px rgba(5,46,41,.08)!important;z-index:70!important;transition:width .2s ease!important}

/* User identity lives at the top of the sidebar. */
.admin-ui-v060 .brand{flex:0 0 auto!important;display:flex!important;align-items:center!important;gap:11px!important;min-height:72px!important;padding:4px 4px 13px!important;border-bottom:1px solid rgba(255,255,255,.11)!important;color:#fff!important;cursor:pointer!important}
.admin-ui-v060 .brand .brand-logos{width:50px!important;height:50px!important;flex:0 0 50px!important;display:grid!important;place-items:center!important;border-radius:15px!important;overflow:hidden!important;background:rgba(255,255,255,.08)!important;border:1px solid rgba(255,255,255,.15)!important}
.admin-ui-v060 .brand .brand-logos img{width:100%!important;height:100%!important;object-fit:cover!important;padding:0!important;background:transparent!important;border-radius:0!important}
.admin-ui-v060 .brand>div:last-child{min-width:0!important;display:grid!important;gap:2px!important}.admin-ui-v060 .brand b{font-size:14px!important;line-height:1.4!important;color:#fff!important}.admin-ui-v060 .brand span{font-size:11px!important;line-height:1.4!important;color:#d9ece7!important;margin:0!important}

.sidebar-collapse-btn{flex:0 0 auto!important;width:38px!important;height:38px!important;margin:8px 2px!important;border:1px solid rgba(255,255,255,.16)!important;border-radius:12px!important;background:rgba(255,255,255,.06)!important;color:#fff!important;display:grid!important;place-items:center!important;cursor:pointer!important}.sidebar-collapse-btn:hover{background:rgba(255,255,255,.12)!important;border-color:rgba(231,198,106,.45)!important}.sidebar-collapse-btn svg{width:18px!important;height:18px!important;fill:none!important;stroke:currentColor!important;stroke-width:2.4!important;stroke-linecap:round!important;stroke-linejoin:round!important}.sidebar-collapsed .sidebar-collapse-btn svg{transform:rotate(180deg)}

.admin-ui-v060 .nav-list{flex:1 1 auto!important;min-height:0!important;display:grid!important;align-content:start!important;gap:5px!important;overflow-y:auto!important;overflow-x:hidden!important;padding:4px 0 8px!important;scrollbar-width:none!important;overscroll-behavior:contain!important}.admin-ui-v060 .nav-list::-webkit-scrollbar{display:none!important}
.admin-ui-v060 .nav-list>button[data-page],.admin-ui-v060 .nav-group-items button{--nav-accent:#62b7a8;--nav-soft:rgba(98,183,168,.17);width:100%!important;min-width:0!important;min-height:56px!important;padding:6px 8px!important;margin:0!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:11px!important;border:1px solid transparent!important;border-radius:15px!important;background:transparent!important;color:#fff!important;text-align:right!important;cursor:pointer!important;transition:.15s ease!important}.admin-ui-v060 .nav-list button:hover{background:rgba(255,255,255,.07)!important;border-color:rgba(255,255,255,.13)!important}.admin-ui-v060 .nav-list button.active{background:rgba(255,255,255,.11)!important;border-color:rgba(255,255,255,.17)!important}
.admin-ui-v060 .nav-icon{width:42px!important;height:42px!important;flex:0 0 42px!important;display:grid!important;place-items:center!important;border:1px solid color-mix(in srgb,var(--nav-accent) 48%,transparent)!important;border-radius:13px!important;background:var(--nav-soft)!important;color:var(--nav-accent)!important}.admin-ui-v060 .nav-icon svg{width:23px!important;height:23px!important;fill:none!important;stroke:currentColor!important;stroke-width:2.4!important;stroke-linecap:round!important;stroke-linejoin:round!important}.admin-ui-v060 .nav-label{position:static!important;display:block!important;background:transparent!important;color:#fff!important;padding:0!important;font-size:14px!important;font-weight:800!important;line-height:1.45!important;white-space:normal!important;opacity:1!important;visibility:visible!important;text-align:right!important;pointer-events:none!important;box-shadow:none!important}
.admin-ui-v060 #nav button[data-page="dashboard"]{--nav-accent:#f0a34a;--nav-soft:rgba(240,163,74,.17)}.admin-ui-v060 #nav button[data-page="actionCenter"]{--nav-accent:#f27765;--nav-soft:rgba(242,119,101,.17)}.admin-ui-v060 #nav button[data-page="intake"]{--nav-accent:#5aa9e6;--nav-soft:rgba(90,169,230,.17)}.admin-ui-v060 #nav button[data-page="beneficiaries"]{--nav-accent:#a17ddd;--nav-soft:rgba(161,125,221,.17)}.admin-ui-v060 #nav button[data-page="duplicates"]{--nav-accent:#d6679b;--nav-soft:rgba(214,103,155,.17)}.admin-ui-v060 #nav button[data-page="deletions"]{--nav-accent:#dd9859;--nav-soft:rgba(221,152,89,.17)}.admin-ui-v060 #nav button[data-page="cases"]{--nav-accent:#e3b84e;--nav-soft:rgba(227,184,78,.17)}.admin-ui-v060 #nav button[data-page="sessions"]{--nav-accent:#ef7e7e;--nav-soft:rgba(239,126,126,.17)}.admin-ui-v060 #nav button[data-page="appointments"]{--nav-accent:#6aaed6;--nav-soft:rgba(106,174,214,.17)}.admin-ui-v060 #nav button[data-page="assessments"]{--nav-accent:#68b894;--nav-soft:rgba(104,184,148,.17)}.admin-ui-v060 #nav button[data-page="referrals"]{--nav-accent:#5aa8cc;--nav-soft:rgba(90,168,204,.17)}.admin-ui-v060 #nav button[data-page="protection"]{--nav-accent:#58a6a6;--nav-soft:rgba(88,166,166,.17)}.admin-ui-v060 #nav button[data-page="conversations"]{--nav-accent:#b38bd5;--nav-soft:rgba(179,139,213,.17)}.admin-ui-v060 #nav button[data-page="activities"]{--nav-accent:#e9a85d;--nav-soft:rgba(233,168,93,.17)}.admin-ui-v060 #nav button[data-page="campaigns"]{--nav-accent:#df7f93;--nav-soft:rgba(223,127,147,.17)}.admin-ui-v060 #nav button[data-page="improvements"]{--nav-accent:#e3be55;--nav-soft:rgba(227,190,85,.17)}.admin-ui-v060 #nav button[data-page="finance"]{--nav-accent:#63b49c;--nav-soft:rgba(99,180,156,.17)}.admin-ui-v060 #nav button[data-page="team"]{--nav-accent:#75a7d8;--nav-soft:rgba(117,167,216,.17)}.admin-ui-v060 #nav button[data-page="centers"]{--nav-accent:#9c8bd4;--nav-soft:rgba(156,139,212,.17)}.admin-ui-v060 #nav button[data-page="quality"]{--nav-accent:#d5a843;--nav-soft:rgba(213,168,67,.17)}.admin-ui-v060 #nav button[data-page="dataQuality"]{--nav-accent:#71a994;--nav-soft:rgba(113,169,148,.17)}.admin-ui-v060 #nav button[data-page="reports"]{--nav-accent:#72a6d2;--nav-soft:rgba(114,166,210,.17)}.admin-ui-v060 #nav button[data-page="audit"]{--nav-accent:#d38e64;--nav-soft:rgba(211,142,100,.17)}.admin-ui-v060 #nav button[data-page="settings"]{--nav-accent:#91a0ad;--nav-soft:rgba(145,160,173,.17)}
/* Legacy groups are semantic only; visually keep one flat list. */
.admin-ui-v060 .nav-group{display:contents!important}.admin-ui-v060 .nav-group summary{display:none!important}.admin-ui-v060 .nav-group-items{display:contents!important}

.sidebar-collapsed .admin-ui-v060 .sidebar,.admin-ui-v060.sidebar-collapsed .sidebar{width:var(--admin-sidebar-rail)!important}.sidebar-collapsed .admin-ui-v060 .main,.admin-ui-v060.sidebar-collapsed .main{margin-right:var(--admin-sidebar-rail)!important}.sidebar-collapsed .admin-ui-v060 .brand,.admin-ui-v060.sidebar-collapsed .brand{justify-content:center!important}.sidebar-collapsed .admin-ui-v060 .brand>div:last-child,.admin-ui-v060.sidebar-collapsed .brand>div:last-child{display:none!important}.sidebar-collapsed .sidebar-collapse-btn{margin-inline:auto!important}.sidebar-collapsed .admin-ui-v060 .nav-list button,.admin-ui-v060.sidebar-collapsed .nav-list button{justify-content:center!important;padding-inline:4px!important;gap:0!important}.sidebar-collapsed .admin-ui-v060 .nav-label,.admin-ui-v060.sidebar-collapsed .nav-label{display:none!important}.sidebar-collapsed .admin-ui-v060 .nav-icon,.admin-ui-v060.sidebar-collapsed .nav-icon{width:46px!important;height:46px!important;flex-basis:46px!important}

.admin-ui-v060 .topbar{min-height:78px!important;height:auto!important}.mobile-menu-btn{display:none!important}.mobile-menu-btn svg{width:20px!important;height:20px!important;fill:none!important;stroke:currentColor!important;stroke-width:2.3!important;stroke-linecap:round!important}.sidebar-backdrop{display:none;border:0;background:rgba(12,35,30,.42);position:fixed;inset:0;z-index:69}
.admin-quick-actions{margin:14px 0!important;padding:16px!important;background:linear-gradient(135deg,#fffdf8,#f4faf7)!important}.quick-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.quick-head h3{margin:4px 0 0;color:#0b6b5e}.quick-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.quick-action{border:1px solid #e7dfcf;background:#fff;border-radius:16px;padding:13px 8px;display:grid;place-items:center;gap:7px;cursor:pointer;color:#17312c;font-weight:800;min-height:92px;transition:.16s}.quick-action:hover{transform:translateY(-2px);box-shadow:0 10px 22px rgba(32,67,58,.10);border-color:#cfded8}.quick-icon{width:34px!important;height:34px!important;display:grid!important;place-items:center!important;color:#0b6b5e!important}.quick-icon svg{width:25px!important;height:25px!important;fill:none!important;stroke:currentColor!important;stroke-width:2.1!important;stroke-linecap:round!important;stroke-linejoin:round!important}
.my-account-dialog{width:min(760px,94vw)!important;max-height:88vh!important;overflow:auto!important}.my-account-dialog .dialog-head{padding:22px 24px 18px!important;display:flex!important;justify-content:space-between!important;align-items:flex-start!important;gap:16px!important;border-bottom:1px solid #ebe3d6}.my-account-dialog .dialog-body{padding:22px 24px 26px!important;display:grid!important;gap:18px!important}.my-account-head{display:grid!important;grid-template-columns:92px 1fr!important;align-items:center!important;gap:18px!important}.my-account-head>div:last-child{min-width:0}.my-avatar{width:88px!important;height:88px!important;border-radius:24px!important}.my-avatar img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important}.my-account-dialog form.stack{gap:15px!important;background:#fffdf8;border:1px solid #ece3d4;border-radius:18px;padding:18px!important}.my-account-dialog form.stack>label{display:grid!important;gap:7px!important}.account-section-title h3{margin:0 0 5px;color:#0b6b5e}.account-section-title p{margin:0;color:#6c7773;font-size:12px;line-height:1.7}.avatar-file-input{position:absolute!important;inline-size:1px!important;block-size:1px!important;opacity:0!important;pointer-events:none!important}.avatar-picker{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.avatar-file-name{font-size:12px;color:#6c7773}.avatar-choose-btn{min-width:116px}
.trusted-device-box{margin-top:12px;padding:12px;border:1px solid #e6dcc8;border-radius:14px;background:#fffdf8;text-align:right}.trusted-device-box label{display:grid;gap:6px;font-size:12px;font-weight:800}.trusted-device-box select{width:100%;border:1px solid #d8d3c8;border-radius:11px;padding:9px;background:#fff}.trusted-device-box p{margin:7px 0 0;font-size:11px;color:#6c7773;line-height:1.6}
@media(max-width:1100px){.quick-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){body.sidebar-open{overflow:hidden}.admin-ui-v060 .main,.sidebar-collapsed .admin-ui-v060 .main{margin-right:0!important;padding:0 12px 30px!important}.admin-ui-v060 .sidebar,.sidebar-collapsed .admin-ui-v060 .sidebar{width:min(330px,88vw)!important;transform:translateX(105%)!important;transition:transform .22s ease!important;box-shadow:-18px 0 50px rgba(0,0,0,.20)!important}.sidebar-open .sidebar{transform:translateX(0)!important}.sidebar-open .sidebar-backdrop{display:block!important}.sidebar-collapse-btn{display:none!important}.admin-ui-v060 .brand>div:last-child,.sidebar-collapsed .admin-ui-v060 .brand>div:last-child{display:grid!important}.admin-ui-v060 .nav-label,.sidebar-collapsed .admin-ui-v060 .nav-label{display:block!important}.admin-ui-v060 .nav-list button,.sidebar-collapsed .admin-ui-v060 .nav-list button{justify-content:flex-start!important;padding-inline:8px!important;gap:11px!important}.mobile-menu-btn{display:inline-grid!important;place-items:center!important}.admin-ui-v060 .topbar{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;padding:10px 0 12px!important}.admin-ui-v060 .top-actions{width:100%!important;display:flex!important;flex-wrap:wrap!important;gap:8px!important}.admin-ui-v060 #adminGlobalSearch{order:-2!important;flex:1 1 100%!important;width:100%!important}.quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.my-account-dialog{width:96vw!important;max-height:92vh!important}.my-account-dialog .dialog-head{padding:18px 16px 14px!important}.my-account-dialog .dialog-body{padding:16px!important}.my-account-head{grid-template-columns:74px 1fr!important;gap:12px!important}.my-avatar{width:72px!important;height:72px!important}}
@media(max-width:480px){.quick-grid{grid-template-columns:1fr 1fr}.quick-action{min-height:84px;padding:10px 6px}.my-account-head{grid-template-columns:1fr!important;text-align:center}.my-avatar{margin:auto}.avatar-picker{display:grid!important;grid-template-columns:1fr}.avatar-choose-btn{width:100%}}