.mobile-app:has(.workspace-sidebar){padding-bottom:0;min-height:100dvh}
.workspace-sidebar{box-sizing:border-box;max-height:100dvh;overflow-y:auto;background:#fff;border-right:1px solid var(--app-line);color:var(--app-text);padding:24px 16px;display:flex;flex-direction:column;gap:28px;z-index:70}
.workspace-sidebar-head{display:flex;flex-shrink:0;align-items:center;justify-content:space-between;gap:10px;padding:0 8px}
.workspace-brand{display:flex;align-items:center;gap:12px;color:var(--app-text);text-decoration:none;min-width:0}
.workspace-brand span{display:grid;gap:5px}.workspace-brand strong{font-size:20px;line-height:1.2}.workspace-brand small{font-size:12px;color:var(--app-muted)}
.workspace-links{display:flex;flex-direction:column;gap:7px;flex:1;min-height:min(120px,20dvh);overflow:auto;padding:4px}
.workspace-nav-caption{font-size:11px;font-weight:800;letter-spacing:.1em;color:var(--app-muted);margin:8px 12px 12px}
.workspace-nav-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-shrink:0;margin-bottom:5px;padding-right:4px}
.workspace-nav-heading .workspace-nav-caption{margin:8px 0 8px 12px}
.workspace-create-request{display:flex;align-items:center;justify-content:center;width:44px;height:44px;flex:0 0 44px;border-radius:4px;background:var(--app-yellow);color:var(--app-text);text-decoration:none}
.workspace-create-request:hover{background:#ffdf57}
.workspace-create-request svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2.5;stroke-linecap:round}
.workspace-link{display:flex;align-items:center;gap:12px;min-height:52px;padding:12px 14px;border-radius:4px;color:#526379;text-decoration:none;font-size:15px;font-weight:750;line-height:1.4;transition:background .15s,color .15s}
.workspace-link:hover{background:#f3f7fb;color:#075fbe}.workspace-link.is-current{background:#eaf4ff;color:#075fbe;box-shadow:inset 3px 0 #1473e6}.workspace-link.is-primary{background:#ffd21c;color:#132844}.workspace-link-icon{width:26px;text-align:center;font-size:23px;flex-shrink:0}.workspace-link-badge{margin-left:auto;min-width:24px;padding:2px 6px;border-radius:4px;background:#1473e6;color:white;font-size:12px;text-align:center}
.workspace-sidebar-footer{flex-shrink:0;border-top:1px solid var(--app-line);padding:18px 8px 0;display:grid;gap:12px}.workspace-sidebar-footer>span{font-size:12px;color:var(--app-muted)}.workspace-sidebar-footer form{margin:0}
.workspace-signout{display:flex;align-items:center;gap:12px;min-height:46px;width:100%;padding:10px 12px;border:1px solid var(--app-line);border-radius:4px;background:#fff;color:#526379;font:inherit;font-size:14px;font-weight:700;cursor:pointer}.workspace-signout svg,.workspace-menu-toggle svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.workspace-signout:hover{background:#f6f8fb}
.workspace-menu-toggle,.workspace-nav-close{min-height:44px;border:1px solid var(--app-line);background:#fff;color:#0d4c95;border-radius:4px;font:inherit;font-size:14px;font-weight:800;cursor:pointer}.workspace-menu-toggle{display:flex;align-items:center;gap:7px;padding:8px 10px}.workspace-menu-toggle[hidden]{display:none}.workspace-nav-close{width:44px;font-size:28px;flex-shrink:0;display:none}
.workspace-sidebar a:not(.workspace-link):focus-visible,.workspace-sidebar button:focus-visible,.workspace-menu-toggle:focus-visible{outline:3px solid #1473e6;outline-offset:3px}
.workspace-sidebar .workspace-link:focus-visible{outline:none;text-decoration:underline;text-underline-offset:3px}
.workspace-nav-shade{position:fixed;inset:0;z-index:65;background:rgba(10,27,48,.48);backdrop-filter:blur(3px)}.workspace-nav-shade[hidden]{display:none}
.workspace-topbar .app-topbar-inner{gap:12px}.workspace-topbar .app-brand{margin-right:auto}.workspace-topbar .app-top-actions{flex-shrink:0}
@media(min-width:1100px){
 .mobile-app:has(.workspace-sidebar){padding-left:264px}
 .workspace-sidebar{position:fixed;inset:0 auto 0 0;width:264px;height:auto;padding-top:30px;padding-bottom:24px}
 .workspace-topbar .workspace-menu-toggle{display:none}.workspace-topbar .app-topbar-inner{height:82px;width:calc(100% - 64px);max-width:1400px}.workspace-topbar .app-brand img{display:none}.workspace-topbar .app-brand strong{font-size:15px}.workspace-topbar .app-brand small{display:block;font-size:12px}
 .mobile-app:has(.workspace-sidebar)>.app-content,.mobile-app:has(.workspace-sidebar)>.app-content.narrow{width:calc(100% - 64px);max-width:1400px;padding-top:32px}
}
@media(max-width:1099px){
 .workspace-sidebar{margin:24px 12px;border:1px solid var(--app-line);border-radius:4px}
 .nav-ready .workspace-sidebar{position:fixed;inset:0 auto 0 0;width:min(340px,calc(100% - 28px));height:auto;margin:0;border-radius:0 4px 4px 0;padding-top:calc(22px + env(safe-area-inset-top));padding-bottom:calc(20px + env(safe-area-inset-bottom));visibility:hidden;transform:translateX(-105%);transition:transform .2s ease,visibility .2s}
 .nav-ready.workspace-nav-open .workspace-sidebar{visibility:visible;transform:translateX(0)}.nav-ready .workspace-nav-close{display:block}
 .workspace-topbar .app-topbar-inner{width:calc(100% - 24px);height:72px;gap:10px}.workspace-topbar .app-brand img{width:34px;height:34px}.workspace-topbar .app-brand strong{font-size:16px}.workspace-topbar .app-brand small{display:none}
 .mobile-app:has(.workspace-sidebar) .fast-request-form .app-primary-button{bottom:calc(12px + env(safe-area-inset-bottom))}
}
@media(max-width:380px){.workspace-topbar .app-brand img{display:none}.workspace-topbar .app-brand strong{font-size:15px}.workspace-topbar .app-top-actions .app-install{display:none!important}}
@media(prefers-reduced-motion:reduce){.nav-ready .workspace-sidebar,.workspace-link{transition:none}}
