.app-shell{display:grid;grid-template-columns:var(--sidebar) minmax(0,1fr);min-height:100vh;transition:grid-template-columns .25s var(--spring)}
body.sidebar-collapsed .app-shell{grid-template-columns:78px minmax(0,1fr)}
.sidebar{position:sticky;top:0;height:100vh;padding:16px 12px;z-index:80}
.sidebar-panel{height:100%;display:flex;flex-direction:column;padding:12px;border-radius:28px;background:var(--glass);backdrop-filter:blur(26px) saturate(190%);-webkit-backdrop-filter:blur(26px) saturate(190%);border:1px solid var(--glassBorder);box-shadow:var(--shadow2),inset 0 1px 0 rgba(255,255,255,.25)}
.brand{height:52px;display:flex;align-items:center;gap:10px;padding:8px 9px;margin-bottom:10px}.brand-mark{width:32px;height:32px;object-fit:contain;flex:0 0 auto}.brand-copy{min-width:0}.brand-title{font-size:.92rem;font-weight:760;letter-spacing:.04em;white-space:nowrap}.brand-sub{font-size:.68rem;color:var(--muted);white-space:nowrap;margin-top:2px}
.sidebar-toggle{margin-left:auto}.nav-scroll{overflow:auto;min-height:0;padding:2px}.nav-section{margin:10px 0 14px}.nav-section-title{padding:0 10px 6px;color:var(--muted2);font-size:.65rem;font-weight:680;text-transform:uppercase;letter-spacing:.10em;white-space:nowrap}
.nav-item{position:relative;display:flex;align-items:center;gap:11px;min-height:42px;padding:8px 10px;border-radius:13px;color:var(--muted);margin:2px 0;transition:transform .1s ease,background .18s ease,color .18s ease}.nav-item:hover{background:rgba(255,255,255,.34);color:var(--text)}html[data-theme=dark] .nav-item:hover{background:rgba(255,255,255,.055)}.nav-item:active{transform:scale(.98)}
.nav-item.active{background:rgba(255,255,255,.5);color:var(--text);box-shadow:inset 0 0 0 1px var(--glassBorder)}html[data-theme=dark] .nav-item.active{background:rgba(255,255,255,.07)}.nav-item.active:before{content:"";position:absolute;left:2px;top:12px;bottom:12px;width:3px;border-radius:4px;background:var(--gold)}
.nav-icon{width:20px;height:20px;display:grid;place-items:center;flex:0 0 20px}.nav-icon svg,.icon svg{width:100%;height:100%;stroke:currentColor;stroke-width:1.8;fill:none;stroke-linecap:round;stroke-linejoin:round}.nav-label{font-size:.82rem;font-weight:570;white-space:nowrap}
.profile{margin-top:auto;display:flex;align-items:center;gap:10px;padding:10px;border-top:1px solid var(--hair)}.avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#202226,#41444a);color:#fff;font-size:.73rem;font-weight:700;flex:0 0 auto;border:1px solid rgba(255,255,255,.18)}.profile-name{font-size:.77rem;font-weight:660}.profile-company{font-size:.66rem;color:var(--muted);white-space:nowrap}
.profile-copy{min-width:0;flex:1}.profile-name,.profile-company{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-logout{width:32px;height:32px;border-radius:10px}.profile-logout .icon{width:16px;height:16px}
body.sidebar-collapsed .brand-copy,body.sidebar-collapsed .nav-label,body.sidebar-collapsed .nav-section-title,body.sidebar-collapsed .profile-copy{opacity:0;pointer-events:none;width:0;overflow:hidden}
body.sidebar-collapsed .brand{justify-content:center;padding-inline:0}
body.sidebar-collapsed .brand-mark{display:none}
body.sidebar-collapsed .sidebar-toggle{display:grid;margin:0 auto;transform:rotate(180deg);color:var(--gold2);background:color-mix(in srgb,var(--gold) 10%,var(--glass))}
body.sidebar-collapsed .sidebar-toggle:hover{transform:rotate(180deg) translateY(2px)}
body.sidebar-collapsed .profile{justify-content:center;padding-inline:0}
body.sidebar-collapsed .profile-logout{display:none}
.workspace{min-width:0}.topbar{height:var(--topbar);position:sticky;top:0;z-index:60;display:grid;grid-template-columns:minmax(180px,1fr) minmax(280px,560px) minmax(220px,1fr);align-items:center;gap:16px;padding:12px 22px 8px}.topbar-title{font-size:.92rem;font-weight:660}
.command-trigger{height:42px;border:1px solid var(--glassBorder);background:var(--glass);backdrop-filter:blur(18px) saturate(170%);-webkit-backdrop-filter:blur(18px) saturate(170%);border-radius:14px;display:flex;align-items:center;gap:10px;padding:0 12px;color:var(--muted);box-shadow:var(--shadow);text-align:left}.command-trigger .kbd{margin-left:auto}
.topbar-right{display:flex;align-items:center;justify-content:flex-end;gap:8px}.status-cluster{display:flex;gap:6px}.status-chip{display:flex;align-items:center;gap:6px;padding:7px 9px;border-radius:11px;background:var(--glass);border:1px solid var(--glassBorder);font-size:.68rem;color:var(--muted);white-space:nowrap}
.mobile-menu{display:none!important}.page{padding:18px 24px 48px;max-width:1680px;margin:0 auto;animation:pageIn .3s var(--out) both}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin:8px 0 24px}.page-subtitle{margin-top:7px;color:var(--muted);font-size:.92rem}.page-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}


/* === Golden AI v2 · precision alignment pass === */
.workspace{min-width:0;isolation:isolate}
.glass-topbar{
  background:color-mix(in srgb,var(--glass-strong) 82%,transparent);
  border:0;
  border-bottom:1px solid var(--hairline);
  box-shadow:0 1px 0 rgba(255,255,255,.18);
  backdrop-filter:blur(22px) saturate(175%);
  -webkit-backdrop-filter:blur(22px) saturate(175%);
}
.topbar{
  grid-template-columns:minmax(180px,.7fr) minmax(320px,620px) minmax(300px,.7fr);
  padding:12px 24px;
}
.topbar-title{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.topbar-right{min-width:0}
.status-chip{min-height:36px}
.command-trigger{width:100%;min-width:0}
.command-trigger>span:not(.icon):not(.kbd){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.page{padding:24px 28px 56px}
.page-head{align-items:flex-start;margin:10px 0 24px}
.page-head>div:first-child{min-width:0}
.page-actions{align-items:center;min-height:40px}
.sidebar-panel{overflow:hidden}
.nav-scroll{padding-bottom:10px}
.profile{min-height:57px}

@media (max-width:1180px){
  .topbar{grid-template-columns:minmax(150px,.65fr) minmax(260px,500px) auto}
}
@media (max-width:980px){
  .topbar{grid-template-columns:minmax(145px,.55fr) minmax(250px,420px) auto}
}
@media (max-width:760px){
  .topbar{grid-template-columns:40px minmax(0,1fr) auto;padding:10px 12px}
  .page{padding:16px 14px 44px}
}

/* v3 */
.topbar{align-items:center}
.command-trigger{max-width:560px;justify-self:end}

/* v4 · stable topbar and intentional navigation layering */
.topbar{
  grid-template-columns:minmax(140px,1fr) minmax(280px,560px) minmax(250px,1fr);
  gap:18px;
  overflow:visible;
}
.topbar-title{justify-self:start}
.topbar-right{width:100%;overflow:visible}
.status-cluster{flex:0 0 auto}
.status-chip{
  width:34px;
  height:34px;
  min-height:34px;
  padding:0;
  justify-content:center;
  border-radius:12px;
  transition:transform .2s var(--spring),background .2s ease,border-color .2s ease;
}
.status-chip:hover{transform:translateY(-2px);background:var(--glassStrong);border-color:color-mix(in srgb,var(--gold) 24%,var(--glassBorder))}
.status-chip .label{display:none}
.status-chip{cursor:pointer;position:relative}
.status-chip:focus-visible{box-shadow:var(--focus)}
.status-chip:after{content:"";position:absolute;inset:6px;border:1px solid color-mix(in srgb,var(--glassBorder) 58%,transparent);border-radius:8px;pointer-events:none}
.sidebar-scrim{display:none}

@media(max-width:1180px){
  .topbar{grid-template-columns:minmax(120px,1fr) minmax(250px,460px) minmax(230px,1fr)}
}

@media(max-width:760px){
  .mobile-menu{display:grid!important}
  .topbar{grid-template-columns:40px minmax(0,1fr) auto;gap:10px;overflow:hidden}
  .topbar-title{justify-self:center;text-align:center}
  .topbar-right{width:auto}
  .sidebar-scrim{
    display:block;
    position:fixed;
    inset:0;
    z-index:90;
    border:0;
    padding:0;
    background:rgba(5,7,10,.46);
    backdrop-filter:blur(7px);
    -webkit-backdrop-filter:blur(7px);
    opacity:0;
    pointer-events:none;
    transition:opacity .25s ease;
  }
  body.nav-open{overflow:hidden}
  body.nav-open .sidebar-scrim{opacity:1;pointer-events:auto}
  .sidebar{z-index:100}
}