/* Independent workspace views: navigation changes pages instead of scrolling a long dashboard. */
body.workspace-pages-ready .workspace-page-hidden{display:none!important}

.workspace-page-heading{
  order:2;
  position:relative;
  display:grid;
  grid-template-columns:58px minmax(0,1fr) auto;
  gap:24px;
  align-items:end;
  margin:22px 0 30px;
  padding:25px 27px 24px;
  border:1px solid rgba(103,174,216,.2);
  background:
    linear-gradient(112deg,rgba(8,30,46,.88),rgba(3,13,22,.72)),
    radial-gradient(circle at 92% 0,rgba(88,185,237,.12),transparent 35%);
  overflow:hidden;
}
.workspace-page-heading:after{
  content:"";
  position:absolute;
  right:-42px;
  top:-78px;
  width:230px;
  height:230px;
  border:1px solid rgba(88,185,237,.09);
  border-radius:50%;
  box-shadow:0 0 0 38px rgba(88,185,237,.018),0 0 0 76px rgba(88,185,237,.012);
  pointer-events:none;
}
.workspace-page-number{
  align-self:start;
  padding-top:7px;
  border-top:1px solid var(--cyan);
  color:var(--cyan);
  font:600 11px "Arial Narrow","Segoe UI",sans-serif;
  letter-spacing:.18em;
}
.workspace-breadcrumb{display:flex;align-items:center;gap:8px;margin-bottom:15px;color:#526e7d;font-size:10px;letter-spacing:.08em}
.workspace-breadcrumb button{border:0;background:transparent;color:#6d93a6;padding:0;cursor:pointer;font:inherit;letter-spacing:inherit}
.workspace-breadcrumb button:hover{color:var(--cyan2)}
.workspace-breadcrumb strong{color:#819ba8;font-weight:500}
.workspace-page-eyebrow{margin:0 0 7px;color:var(--amber);font:700 9px "Arial Narrow","Segoe UI",sans-serif;letter-spacing:.23em}
.workspace-page-copy h2{margin:0;color:#f1f6f7;font:560 29px/1.25 var(--display,"Microsoft YaHei UI","PingFang SC",sans-serif);letter-spacing:.055em}
.workspace-page-description{max-width:730px;margin:9px 0 0;color:#829aa6;font-size:12px;line-height:1.75}
.workspace-page-actions{position:relative;z-index:1;display:flex;align-items:center;gap:9px;padding-bottom:2px}
.workspace-page-actions button,.workspace-owner-pill{
  min-height:36px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(103,174,216,.28);
  background:rgba(3,14,23,.54);
  color:#9bb7c5;
  padding:8px 13px;
  font-size:10px;
  letter-spacing:.05em;
}
.workspace-page-actions button{cursor:pointer}
.workspace-page-actions button:hover{border-color:var(--cyan);color:var(--cyan2);background:rgba(88,185,237,.08)}
.workspace-context-action{border-color:rgba(214,169,81,.45)!important;color:#d9b66d!important}
.workspace-owner-pill{color:#d4b36d;border-color:rgba(214,169,81,.35);font:700 9px "Arial Narrow","Segoe UI",sans-serif;letter-spacing:.14em}
.workspace-page-actions [hidden]{display:none!important}

.lower-grid.workspace-single-panel{grid-template-columns:1fr}
body[data-workspace-route="assistant"] #aiWorkflow{display:block}
body[data-workspace-route="assistant"] #assistant{order:3;margin-top:0}
body[data-workspace-route="assistant"] #aiWorkflow{order:4}
body[data-workspace-route="assistant"] #workspacePlatform{order:5}
body[data-workspace-route="assistant"] .lower-grid{order:6}
body[data-workspace-route="channels"] #channels,
body[data-workspace-route="schedule"] #schedule,
body[data-workspace-route="reports"] #riskTrend,
body[data-workspace-route="decision"] #decision,
body[data-workspace-route="business"] #business{margin-top:0}

/* The permanent system bar stays restrained; each view owns the large title below it. */
body.workspace-pages-ready:not([data-workspace-route="overview"]) .topbar{padding-bottom:15px}
body.workspace-pages-ready:not([data-workspace-route="overview"]) .topbar h1{font-size:17px;color:#a8bbc4}
body.workspace-pages-ready:not([data-workspace-route="overview"]) .topbar .date{margin-top:5px}

@media(max-width:980px){
  .workspace-page-heading{grid-template-columns:42px minmax(0,1fr);gap:18px}
  .workspace-page-actions{grid-column:2;justify-content:flex-start;padding:0}
}

@media(max-width:720px){
  body.workspace-pages-ready main{padding-bottom:92px}
  .workspace-page-heading{grid-template-columns:1fr;gap:0;margin:15px 0 23px;padding:19px 17px 18px}
  .workspace-page-number{display:none}
  .workspace-breadcrumb{margin-bottom:12px;font-size:9px}
  .workspace-page-eyebrow{font-size:8px;margin-bottom:6px}
  .workspace-page-copy h2{font-size:22px;letter-spacing:.035em}
  .workspace-page-description{font-size:11px;line-height:1.65;margin-top:7px}
  .workspace-page-actions{grid-column:1;margin-top:15px;overflow-x:auto;scrollbar-width:none}
  .workspace-page-actions::-webkit-scrollbar{display:none}
  .workspace-page-actions button,.workspace-owner-pill{min-height:34px;white-space:nowrap;padding:7px 11px}
  .workspace-page-heading:after{width:170px;height:170px;right:-73px;top:-80px}

  body.workspace-pages-ready .mobile-nav{
    display:flex;
    align-items:stretch;
    gap:0;
    height:64px;
    overflow-x:auto;
    overflow-y:hidden;
    padding:0 max(4px,env(safe-area-inset-left));
    scrollbar-width:none;
    overscroll-behavior-x:contain;
  }
  body.workspace-pages-ready .mobile-nav::-webkit-scrollbar{display:none}
  body.workspace-pages-ready .mobile-nav button{
    flex:0 0 64px;
    min-width:64px;
    padding:4px 5px 2px;
    font-size:11px;
    white-space:nowrap;
  }
  body.workspace-pages-ready .mobile-nav button.active{background:linear-gradient(180deg,rgba(88,185,237,.09),transparent)}
}

@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
}