/* Shared workspace geometry, measured from Open Zamar's navigation. */
:root{--side:260px;--sidebar:260px}
.sidebar{width:260px;padding:28px 12px 20px}
.sidebar>.brand,.sidebar>.brand.service-lockup{display:flex;align-items:center;justify-content:flex-start;width:max-content;max-width:calc(100% - 32px);margin:0 16px 22px;padding:0;gap:6px;--service-logo-width:107px}
.sidebar>.brand img,.sidebar>.brand.service-lockup>img.service-wordmark{width:107px;height:30px;object-fit:contain;flex:none;margin:0}
.sidebar>.brand>span,.sidebar>.brand.service-lockup>span.service-label{display:inline-flex;align-items:center;justify-content:center;min-height:22px;margin:0;padding:2px 7px;border:.75px solid currentColor;border-radius:4px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:15px;line-height:1.05;font-weight:600;letter-spacing:-.3px;white-space:nowrap;color:var(--blue,#8b9dff)}
.sidebar>nav{display:grid;gap:4px;margin:0 0 0 8px;padding:0}
.sidebar>nav>a{display:flex;align-items:center;gap:8px;min-height:36px;height:36px;padding:0 8px;margin:0;border:0;border-radius:6px;box-shadow:none;font-size:14px;font-weight:400;line-height:20px;text-decoration:none;transition:background-color .16s ease,color .16s ease}
.sidebar>nav>a>span{display:flex;align-items:center;justify-content:center;width:18px;height:18px;flex:0 0 18px}
.sidebar>nav>a svg{display:block;width:18px;height:18px;flex:none}
.sidebar>nav>a:hover{background:#ffffff09;text-decoration:none}
.sidebar>nav>a.active,.sidebar>nav>a[aria-current=page]{background:#ffffff0e;font-weight:600}
.sidebar>nav>a:focus-visible{outline:2px solid var(--blue,#8b9dff);outline-offset:2px}
html[data-theme=light] .sidebar>nav>a:hover{background:#00000005}
html[data-theme=light] .sidebar>nav>a.active,html[data-theme=light] .sidebar>nav>a[aria-current=page]{background:#4659c710}
@media(min-width:768px) and (max-width:1199px){
 :root{--side:200px;--sidebar:200px}
 .sidebar{width:200px;padding:28px 14px 20px}
 .sidebar>.brand,.sidebar>.brand.service-lockup{margin-left:6px;margin-right:6px;max-width:calc(100% - 12px);--service-logo-width:86px}
 .sidebar>.brand img,.sidebar>.brand.service-lockup>img.service-wordmark{width:86px;height:24px}
 .sidebar>.brand>span,.sidebar>.brand.service-lockup>span.service-label{font-size:12px;min-height:18px;padding:2px 5px}
 .sidebar>nav{margin-left:0}
}
@media(max-width:767px){
 :root{--side:0px;--sidebar:0px}
 .sidebar{position:relative;inset:auto;width:100%;padding:20px 18px 0}
 .sidebar>.brand,.sidebar>.brand.service-lockup{margin:0;max-width:100%;--service-logo-width:86px}
 .sidebar>.brand img,.sidebar>.brand.service-lockup>img.service-wordmark{width:86px;height:24px}
 .sidebar>.brand>span,.sidebar>.brand.service-lockup>span.service-label{font-size:12px;min-height:18px;padding:2px 5px}
 .sidebar>nav{display:flex;gap:3px;margin:20px -18px 0;padding:0 12px 10px;overflow-x:auto;scrollbar-width:none}
 .sidebar>nav::-webkit-scrollbar{display:none}
 .sidebar>nav>a{flex:none;height:40px;min-height:40px;padding:0 8px;font-size:11px;white-space:nowrap}
 .sidebar>nav>a>span,.sidebar>nav>a svg{width:16px;height:16px;flex-basis:16px}
 .sidebar .sidebar-bottom{display:none}
 .workspace,.workspace-main{margin-left:0}
}
@media(prefers-reduced-motion:reduce){.sidebar>nav>a{transition:none}}