/* Shared shell for Content and Analytics. Keep the approved Analytics tokens. */
:root { --ink:#203039; --muted:#78838b; --line:#e3e9ec; --bg:#f4f7f8; --teal:#078d85; --blue:#5685d5; --soft:#e8f5f2; }
body { font-family:"Avenir Next",Avenir,"Segoe UI",sans-serif; background:var(--bg); color:var(--ink); }
[hidden] { display:none !important; }
.workspace-rail { width:208px; position:fixed; inset:0 auto 0 0; z-index:10; background:#fff; border-right:1px solid var(--line); padding:26px 16px; display:flex; flex-direction:column; overflow-y:auto; }
.workspace-rail .brand,.login-box .brand { font-size:23px; font-weight:700; letter-spacing:-1px; display:flex; align-items:center; gap:9px; color:var(--ink); text-decoration:none; }
.workspace-rail .logo,.login-box .logo { background:#173e3c; color:#fff; border-radius:9px; width:31px; height:31px; display:grid; place-items:center; font-size:21px; }
.workspace-rail .workspace { border:1px solid var(--line); border-radius:7px; margin:26px 0 22px; padding:10px; font-size:12px; }
.workspace-rail .workspace strong { display:block; }
.workspace-rail .muted { color:var(--muted); }
.workspace-rail .eyebrow { font-size:10px; font-weight:700; letter-spacing:1.2px; color:#7c8992; text-transform:uppercase; margin:0 12px 8px; }
.workspace-rail .analytics-label { margin-top:22px; }
.workspace-rail .nav { display:flex; gap:11px; align-items:center; text-align:left; border:0; border-radius:6px; background:none; width:100%; margin:2px 0; padding:9px 12px; min-height:40px; font:500 13px/1.5 "Avenir Next",Avenir,"Segoe UI",sans-serif; color:#52626b; text-decoration:none; cursor:pointer; }
.workspace-rail .nav span:first-child { width:18px; flex-shrink:0; font-size:17px; color:#75858b; }
.workspace-rail .nav:hover { background:#f0f6f5; }
.workspace-rail .nav.active { background:var(--soft); color:#057d75; font-weight:650; }
.workspace-rail .nav:focus-visible,.workspace-rail .brand:focus-visible { outline:3px solid #7cc9bf; outline-offset:2px; }
.workspace-rail .sidebar-bottom { margin-top:auto; border-top:1px solid var(--line); padding-top:16px; font-size:11px; color:var(--muted); }
.workspace-rail .sidebar-bottom > div { margin:0 12px 8px; }
.workspace-rail .dot { width:6px; height:6px; display:inline-block; border-radius:100%; background:#2e9c72; margin-right:6px; }
.workspace-main,.main { margin-left:208px; }
.workspace-main > .topbar,.main > .topbar { min-height:63px; background:white; border-bottom:1px solid var(--line); padding:15px 30px; display:flex; align-items:center; justify-content:space-between; }
.crumb { color:#89969c; font-size:13px; }
.crumb > span { margin:0 10px; }
.crumb strong { color:#35464f; font-weight:500; }
@media(max-width:1100px) and (min-width:761px) {
  .workspace-rail { width:174px; padding-right:10px; padding-left:10px; }
  .workspace-main,.main { margin-left:174px; }
  .workspace-rail .nav { font-size:12px; gap:8px; padding-left:10px; }
}
@media(max-width:760px) {
  .workspace-rail { position:static; width:auto; padding:12px 16px; display:grid; grid-template-columns:1fr auto; gap:8px 12px; border-right:0; border-bottom:1px solid var(--line); overflow:visible; }
  .workspace-rail .brand { font-size:21px; margin:0; }
  .workspace-rail .workspace,.workspace-rail .eyebrow { display:none; }
  .workspace-rail .workspace-nav { display:flex; align-items:center; gap:4px; }
  .workspace-rail .analytics-nav { grid-column:1/-1; display:flex; overflow-x:auto; min-width:0; padding:2px 0; }
  .workspace-rail .nav { width:auto; white-space:nowrap; min-height:40px; margin:0; padding:8px 10px; font-size:12px; }
  .workspace-rail .workspace-nav .nav span { display:none; }
  .workspace-rail .sidebar-bottom { display:flex; grid-column:1/-1; justify-content:space-between; align-items:center; border:0; padding:0; margin:0; }
  .workspace-rail .sidebar-bottom > div { margin:0; }
  .workspace-main,.main { margin-left:0; }
  .workspace-main > .topbar,.main > .topbar { min-height:52px; padding:12px 16px; }
}