/* Brand lockup and the sidebar navigation redesign.
 * A later pass over the base layer — order matters, keep it loaded after the files above. */
.brand-lockup{gap:12px;letter-spacing:normal;line-height:1;white-space:nowrap}
.brand-symbol{width:44px;height:44px;flex-shrink:0;display:grid;place-items:center;border-radius:13px;color:#14213a;background:#d6f774;box-shadow:inset 0 0 0 1px #ffffff35,0 3px 10px #0000000c}
.brand-symbol svg{width:34px;height:34px}
.brand-wordmark{font-size:26px;letter-spacing:-1.3px;font-weight:800}
.brand-wordmark>span{font-weight:400;letter-spacing:-1.2px}
.brand-wordmark small{display:block;margin-top:7px;font-size:7px;letter-spacing:1.8px;color:inherit;opacity:.62;font-weight:600;line-height:1}
.side .brand-lockup{margin-left:0;margin-right:0}
.icon-label-button{display:inline-flex!important;align-items:center!important;justify-content:center;gap:9px;min-height:44px;border-radius:10px;line-height:1.35;text-decoration:none}
.ui-glyph{width:18px!important;height:18px!important;flex:0 0 18px;vertical-align:middle}
.icon-label-button>span{font-size:inherit!important;line-height:inherit!important}
.icon-label-button:hover:not(:disabled){background:#e9eff8;color:#243d65}
.side .icon-label-button:hover{background:#2b3850;color:white}
#tour-skip{padding:8px 10px;font-size:.78rem}
.case-close .ui-glyph{width:18px;height:18px}
.btn.ghost.icon-label-button{padding:10px 12px!important}
.auth-story .brand-symbol{width:50px;height:50px}
.auth-story .brand-wordmark{font-size:30px}
@media(max-width:760px){.brand-symbol{width:40px;height:40px;border-radius:12px}.brand-wordmark{font-size:25px}.brand-wordmark small{font-size:6px;letter-spacing:1.6px}.icon-label-button{min-height:44px}}
/* Calm, compact desktop navigation with consistent optical spacing. */
:root{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.shell{grid-template-columns:248px minmax(0,1fr)}
.side{background:linear-gradient(160deg,#f8f9fb,#eff1f5);color:#24272d;border-right:1px solid #dfe2e8;padding:30px 16px 18px;height:100dvh;overflow-y:auto;overflow-x:hidden}
.side .brand-lockup{margin:0 10px 44px;gap:11px;min-width:0}
.side .brand-symbol{width:38px;height:38px;border-radius:11px;background:#202e47;color:#e1f6ac;box-shadow:0 2px 4px #17223b15}
.side .brand-symbol svg{width:29px;height:29px}
.side .brand-wordmark{font-size:25px;letter-spacing:-1.1px;color:#202735}
.side .brand-wordmark>span{font-weight:400}
.side .brand-wordmark small{display:none}
.side>.eyebrow{font-size:10px;letter-spacing:1.3px;color:#8b909b;padding-left:14px;margin-bottom:12px;font-weight:600}
.side .nav{gap:5px}
.side .nav button{color:#616774;min-height:44px;padding:12px 13px;border-radius:10px;font-size:13px;font-weight:500;gap:11px;white-space:nowrap;transition:background .15s,color .15s;line-height:1.35}
.side .nav button svg{display:block;width:18px;height:18px;flex:0 0 18px;stroke-width:1.65;color:#8a919e}
.side .nav button:hover{background:#e7eaf0;color:#222d40}
.side .nav button.active{background:#fff;color:#243c66;box-shadow:0 1px 4px #2636500a,inset 0 0 0 1px #dfe4ec;font-weight:600}
.side .nav button.active svg{color:#426797}
.side-bottom{padding-top:32px}
.side .promo{margin:20px 0 18px;padding:15px;border:1px solid #dde2e9;background:#ffffff80;border-radius:13px;box-shadow:none}
.side .promo .tag{background:#e8edf4;color:#596a80;font-size:10px;padding:4px 7px;border-radius:5px;letter-spacing:.02em}
.side .promo h3{font-size:13px;font-weight:600;color:#374357;margin:10px 0 5px}
.side .promo p{font-size:12px;line-height:1.55;color:#838b99;margin-bottom:12px}
.side .promo .btn{background:#fff;color:#53657f;border:1px solid #dce2eb;font-size:11px;min-height:33px;padding:7px 10px;border-radius:7px;box-shadow:0 1px 2px #22334405}
.side .profile{border-color:#dfe3e9;padding:16px 3px 0;gap:10px;align-items:center;font-size:12px}
.side .profile>.avatar{width:32px;height:32px;background:#dde4ee;color:#52637c;font-size:12px}
.side .profile>div{min-width:0;flex:1}
.side .profile b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:132px;font-weight:600;color:#364255}
.side .profile br{display:none}
.side .profile small{display:block;color:#959ba5;font-size:10px;line-height:1.6;white-space:nowrap}
.side .profile button{color:#8b95a4!important;min-width:28px;min-height:32px;border-radius:7px;font-size:18px}
.side .profile button:hover{background:#e0e5ed}
@media(max-height:740px) and (min-width:761px){.side .brand-lockup{margin-bottom:28px}.side-bottom{padding-top:16px}.side .promo{padding:12px}.side .promo p{display:none}}
@media(max-width:1100px) and (min-width:761px){.shell{grid-template-columns:228px minmax(0,1fr)}.side{padding-left:12px;padding-right:12px}.side .nav button{font-size:12px}}
@media(max-width:760px){.shell{display:block}.side{height:auto;padding:18px 16px 12px;border-right:0;border-bottom:1px solid #dfe2e8;overflow:visible}.side .brand-lockup{margin:0 3px 18px}.side .nav{gap:6px;overflow-x:auto;padding-bottom:4px;scrollbar-width:thin}.side .nav button{min-height:40px;font-size:12px;padding:9px 12px}.side .nav button svg{width:16px;height:16px;flex-basis:16px}.side-bottom{display:none}}
@media(prefers-reduced-motion:reduce){.side .nav button{transition:none}}
/* Translucent surfaces retain opaque fallbacks and reduced-motion support. */
:root{--ink:#202c43;--muted:#69778b;--line:#dce3ed;--blue:#416cc7;--lime:#d5edac;background:#edf2f8;color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}