/* Shared navigation and page geometry. Existing role-filtered navigation is the only navigation source. */
html.ss-studio{--studio-nav:var(--studio-paper);--studio-nav-text:var(--studio-ink);--studio-nav-muted:var(--studio-muted);--studio-nav-hover:var(--studio-soft);--studio-nav-active:color-mix(in srgb,var(--studio-blue) 10%,var(--studio-paper));--studio-nav-active-ink:color-mix(in srgb,var(--studio-blue) 80%,var(--studio-ink))}
.ss-studio #adminView{width:auto!important;max-width:none;margin:0 0 0 var(--studio-sidebar)!important;padding:88px 28px 40px;min-height:100dvh;transition:margin-left .2s ease}
.ss-studio #adminView>.topbar{position:fixed!important;top:0;left:var(--studio-sidebar);right:0;height:66px;margin:0;padding:0 28px;z-index:45;border-radius:0;background:var(--studio-paper)!important;border:0;border-bottom:1px solid var(--studio-line);box-shadow:none;backdrop-filter:none;gap:14px;justify-content:flex-start;transition:left .2s ease}
.ss-studio #adminView>.topbar>.brand-heading{display:none!important}.ss-studio #adminView>.topbar .topbar-actions{margin:0 0 0 auto!important;gap:10px;flex-wrap:nowrap}
.ss-studio .studio-nav-toggle{border:0;background:transparent;color:var(--studio-muted);width:36px;height:36px;border-radius:8px;display:grid;place-items:center;flex:none}
.ss-studio .studio-nav-toggle:hover{background:var(--studio-soft);color:var(--studio-ink)}
.ss-studio .studio-breadcrumb{display:flex;align-items:center;min-width:0}.ss-studio .studio-breadcrumb h1{font-size:20px;line-height:1.25;font-weight:600;color:var(--studio-ink);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ss-studio .studio-preview{font-size:10px;font-weight:650;letter-spacing:.12em;color:var(--studio-muted);border:1px solid var(--studio-line);padding:4px 6px;border-radius:5px}
.ss-studio .studio-brand{position:fixed;left:0;top:0;width:var(--studio-sidebar);height:86px;background:var(--studio-nav);z-index:51;padding:25px 22px;overflow:hidden;transition:width .2s ease}
.ss-studio .studio-brand-link{display:flex;align-items:center;gap:12px;text-decoration:none;white-space:nowrap;color:var(--studio-nav-text)}
.ss-studio #adminView>#adminNav{position:fixed!important;top:86px;bottom:80px;left:0;width:var(--studio-sidebar);margin:0;padding:6px 12px 18px;z-index:50;display:flex;flex-direction:column;flex-wrap:nowrap;gap:4px;overflow-x:hidden;overflow-y:auto;background:var(--studio-nav)!important;border:0!important;border-radius:0;box-shadow:none!important;scrollbar-width:thin;scrollbar-color:var(--studio-line) transparent;transition:width .2s ease}
.ss-studio #adminNav::before{content:'НАВИГАЦИЯ';font-size:9px;letter-spacing:1.7px;color:var(--studio-nav-muted);padding:0 14px 8px;white-space:nowrap}
html.ss-studio #adminNav .admin-nav-btn{display:flex;align-items:center;justify-content:flex-start;flex-shrink:0;gap:12px;width:100%;min-height:40px;padding:9px 12px;background:transparent!important;color:var(--studio-nav-text)!important;border:1px solid transparent;border-radius:8px;box-shadow:none!important;font-size:13px;font-weight:450;text-align:left;white-space:nowrap;line-height:1.3;position:relative}
html.ss-studio #adminNav .admin-nav-btn:hover{background:var(--studio-nav-hover)!important;color:var(--studio-nav-text)!important}
html.ss-studio #adminNav .admin-nav-btn.is-active{background:var(--studio-nav-active)!important;border-color:color-mix(in srgb,var(--studio-blue) 20%,transparent);color:var(--studio-nav-active-ink)!important;font-weight:600}
html.ss-studio #adminNav .admin-nav-btn.is-active::before{content:'';position:absolute;left:-13px;top:10px;bottom:10px;width:3px;border-radius:2px;background:var(--studio-blue)}
.ss-studio #adminNav .studio-nav-section-start{margin-top:13px}
.ss-studio .studio-sidebar-profile{position:fixed;bottom:0;left:0;width:var(--studio-sidebar);height:80px;background:var(--studio-nav);z-index:51;display:flex;align-items:center;gap:10px;padding:16px 20px;border-top:1px solid var(--studio-line);overflow:hidden}
.ss-studio .studio-avatar{width:34px;height:34px;border-radius:11px;background:var(--studio-nav-active);color:var(--studio-nav-active-ink);display:grid;place-items:center;font-size:12px;font-weight:600;flex:none}.ss-studio .studio-profile-copy{min-width:0}.ss-studio .studio-profile-copy strong{display:block;font-size:12px;font-weight:550;color:var(--studio-nav-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ss-studio .studio-profile-copy small{font-size:11px;color:var(--studio-nav-muted)}
.ss-studio.studio-nav-compact{--studio-sidebar:72px}.ss-studio.studio-nav-compact .studio-brand{padding:24px 18px}.ss-studio.studio-nav-compact .studio-profile-copy,.ss-studio.studio-nav-compact #adminNav::before{display:none}.ss-studio.studio-nav-compact #adminNav .studio-nav-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.ss-studio.studio-nav-compact #adminNav .admin-nav-btn{justify-content:center;padding:9px}.ss-studio.studio-nav-compact .studio-sidebar-profile{padding:18px}
html.ss-studio #adminNav .admin-nav-btn{border-color:transparent!important}
html.ss-studio #adminNav .admin-nav-btn.is-active{border-color:color-mix(in srgb,var(--studio-blue) 20%,transparent)!important}
.ss-studio .studio-nav-overlay{display:none}
.ss-studio #adminView>.card{margin-top:0}.ss-studio #adminView #overviewDashboard{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;min-width:0}.ss-studio #overviewDashboard>.card{margin:0;min-width:0;resize:vertical}.ss-studio #overviewDashboard>:is(#monthlySummarySection,#attentionSection,#dailySection){grid-column:1/-1}.ss-studio #overviewDashboard>:is(#pendingSection,#deletionSection,#passwordResetSection,#bugReportsSection){grid-column:auto}
.ss-studio .dashboard-card-controls{gap:3px}.ss-studio .dashboard-card-controls>button{border:0!important;background:transparent!important;color:var(--studio-muted);min-width:24px}.ss-studio .dashboard-drag-handle{color:var(--studio-line)}
.ss-studio .studio-digest{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:20px 0}
.ss-studio .studio-stat{padding:18px 16px;border:1px solid var(--studio-line);border-radius:12px;background:var(--studio-paper);display:flex;align-items:center;gap:12px}.ss-studio .studio-stat-icon{width:42px;height:42px;background:#edf3ff;color:#376bcb;border-radius:11px;display:grid;place-items:center;flex:none}.ss-studio .studio-stat:nth-child(2) .studio-stat-icon{background:#eaf6ef;color:#30825b}.ss-studio .studio-stat:nth-child(3) .studio-stat-icon{background:#fff1ed;color:#bc6651}.ss-studio .studio-stat:nth-child(4) .studio-stat-icon{background:#e9f2ff;color:#3277c2}.ss-studio .studio-stat>div{min-width:0}.ss-studio .studio-stat>div>span{font-size:12px;color:var(--studio-muted)}.ss-studio .studio-stat strong{display:block;font-size:24px;font-weight:650;letter-spacing:-.7px;color:var(--studio-ink);white-space:nowrap}
.ss-studio .topbar [data-notifications]{padding:8px;width:40px;height:40px;position:relative}.ss-studio .topbar .notification-label{display:none}.ss-studio .topbar .notification-count{position:absolute;right:-5px;top:-5px;font-size:9px;min-width:17px;height:17px;padding:0 4px;border:2px solid var(--studio-paper);background:#25835c;color:#fff;display:grid;place-items:center;border-radius:10px}
.ss-studio #onlineBtn{background:var(--studio-soft)!important;border-color:var(--studio-line);font-size:12px}.ss-studio #onlineBtn::before{content:'';width:6px;height:6px;border-radius:50%;background:#3ab37f}
.ss-studio .studio-review-back,.ss-studio .studio-employee-dock{display:none}
@media(max-width:1100px){.ss-studio .studio-digest{gap:8px}.ss-studio .studio-stat{padding:14px 10px;gap:8px}.ss-studio .studio-stat strong{font-size:20px}.ss-studio #adminView{padding-inline:20px}.ss-studio .topbar-actions{gap:6px}.ss-studio .studio-bug>span{display:none}}
@media(max-width:760px){
 .ss-studio{--studio-sidebar:256px}.ss-studio.studio-nav-compact{--studio-sidebar:256px}
 .ss-studio #adminView{margin:0!important;padding:78px 14px 30px!important;width:100%!important}
 .ss-studio #adminView>.topbar{left:0!important;height:60px;padding:0 14px;gap:8px}
 .ss-studio .studio-breadcrumb h1{font-size:16px;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
 .ss-studio .studio-preview,.ss-studio #onlineBtn{display:none!important}
 .ss-studio #adminView>#adminNav,.ss-studio :is(.studio-brand,.studio-sidebar-profile){transform:translateX(-100%);transition:transform .2s ease;z-index:80}
 .ss-studio.studio-nav-open #adminView>#adminNav,.ss-studio.studio-nav-open :is(.studio-brand,.studio-sidebar-profile){transform:translateX(0)}
 .ss-studio.studio-nav-open .studio-nav-overlay{display:block;position:fixed;inset:0;background:#09132270;border:0;z-index:79;backdrop-filter:blur(3px)}
 .ss-studio.studio-nav-compact .studio-profile-copy{display:block}.ss-studio.studio-nav-compact #adminNav .studio-nav-label{position:static;width:auto;height:auto;clip-path:none}.ss-studio.studio-nav-compact #adminNav .admin-nav-btn{justify-content:flex-start;padding:10px 12px}
 html.ss-studio #adminNav .admin-nav-btn{font-size:14px;min-height:44px}.ss-studio #adminView #overviewDashboard{grid-template-columns:1fr;gap:14px}.ss-studio #overviewDashboard>.card{grid-column:1!important;padding:16px}
 .ss-studio .studio-digest{grid-template-columns:repeat(2,minmax(0,1fr));margin:16px 0}.ss-studio .studio-stat{padding:12px}.ss-studio .studio-stat-icon{width:32px;height:32px}.ss-studio .studio-stat strong{font-size:19px}
 .ss-studio .employee-menu-items{position:fixed!important;top:65px!important;right:12px!important;left:auto!important;width:min(320px,calc(100vw - 24px));max-height:calc(100dvh - 90px);min-width:0}
}

/* Review's older full-window layout must not reposition the shared shell. */
/* Legacy review height caps must not let cards extend past the page footer. */
html.ss-studio body #adminView:has(#peopleSection:not(.hidden)){height:auto!important;min-height:100dvh!important;display:block;padding:88px 28px 40px}
.ss-studio #adminView:has(#peopleSection:not(.hidden))>.topbar{top:0!important;display:flex!important;transform:none}
.ss-studio #adminView:has(#peopleSection:not(.hidden))>#adminNav{top:86px!important}
.ss-studio #adminView>.topbar{display:flex!important}
@media(max-width:760px){
 html.ss-studio{--studio-sidebar:256px}
 .ss-studio #adminView:has(#peopleSection:not(.hidden))>#adminNav{transform:translateX(-100%)}
 .ss-studio.studio-nav-open #adminView:has(#peopleSection:not(.hidden))>#adminNav{transform:translateX(0)}
}

.ss-studio #adminView>.topbar{flex-direction:row!important;flex-wrap:nowrap!important;align-items:center!important;justify-content:flex-start!important}
.ss-studio #adminView>.topbar .studio-breadcrumb{width:auto;flex:0 1 auto;margin:0}
.ss-studio #adminView>.topbar .topbar-actions{width:auto!important;flex:0 0 auto!important;align-self:center;flex-direction:row!important;flex-wrap:nowrap!important}
.ss-studio .studio-drawer-close{display:none}
@media(max-width:760px){.ss-studio .studio-drawer-close{display:grid;place-items:center;position:absolute;right:12px;top:27px;width:30px;height:30px;border:0;border-radius:7px;color:var(--studio-nav-text);background:var(--studio-nav-hover);font-size:20px}.ss-studio .studio-brand{padding-left:16px}.ss-studio .studio-brand-link{gap:9px}.ss-studio #adminView>.topbar .studio-breadcrumb{font-size:13px}.ss-studio #adminView>.topbar .topbar-actions{gap:5px!important}}

/* Use the unchanged full logo, or its original icon when the rail is collapsed. */
.ss-studio .studio-brand{display:flex;align-items:center;padding:20px;border-bottom:1px solid var(--studio-line)}
.ss-studio .studio-brand-link{width:100%;height:100%;min-width:0}
.ss-studio .studio-brand-logo{display:block!important;width:100%!important;height:auto!important;max-width:192px!important;max-height:42px!important;object-fit:contain;filter:none!important}
.ss-studio .studio-brand-icon{display:none;width:36px;height:36px;object-fit:contain;filter:none!important}
@media(min-width:761px){
 .ss-studio .studio-brand{height:66px;padding:12px 20px}
 .ss-studio .studio-brand-link{justify-content:center}
 .ss-studio #adminView>#adminNav{top:66px}
 .ss-studio.studio-nav-compact .studio-brand{padding:12px 18px}
 .ss-studio.studio-nav-compact .studio-brand-logo{display:none!important}
 .ss-studio.studio-nav-compact .studio-brand-icon{display:block}
}
@media(max-width:760px){.ss-studio .studio-brand,.ss-studio.studio-nav-compact .studio-brand{padding:20px 54px 20px 20px}}