/* PIVOT CONTROL OS — shell. Legacy classes are hooks only, not visual references. */
body.pivot-ui{font-family:var(--pc-font);background:var(--pc-canvas);color:var(--pc-text)}
body.pivot-ui:not([data-active-view="home"]) .app{background:var(--pc-canvas)!important}

/* CONTROL RAIL */
body.pivot-ui:not([data-active-view="home"]) .pivot-primary-nav{
  position:fixed!important;z-index:150!important;inset:0 auto 0 0!important;width:86px!important;height:auto!important;min-height:100vh!important;
  padding:0!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:0!important;
  background:var(--pc-ink)!important;border:0!important;border-radius:0!important;box-shadow:none!important;overflow:hidden!important
}
.pivot-nav-brand{height:112px;flex:0 0 112px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;border-bottom:1px solid rgba(255,255,255,.08)}
.pivot-brand-glyph{position:relative;width:38px;height:38px;display:grid;place-items:center;color:#fff;font:800 17px/1 var(--pc-font);letter-spacing:-.06em}
.pivot-brand-glyph::before,.pivot-brand-glyph::after{content:"";position:absolute;background:rgba(255,255,255,.24)}.pivot-brand-glyph::before{width:38px;height:1px;left:0;top:19px}.pivot-brand-glyph::after{width:1px;height:38px;left:19px;top:0}.pivot-brand-glyph i{position:absolute;width:7px;height:7px;border-radius:50%;background:var(--pc-red);right:3px;top:3px;box-shadow:0 0 0 4px rgba(212,0,61,.13)}
.pivot-nav-brand b{font:800 8px/1.25 var(--pc-font);letter-spacing:.16em;color:#fff;text-align:center}.pivot-nav-brand small{display:none}
body.pivot-ui:not([data-active-view="home"]) .pivot-primary-nav button{
  position:relative;width:86px!important;height:76px!important;min-width:86px!important;min-height:76px!important;flex:0 0 76px!important;margin:0!important;padding:0!important;
  display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:7px!important;
  border:0!important;border-bottom:1px solid rgba(255,255,255,.055)!important;border-radius:0!important;background:transparent!important;color:#777981!important;
  font:650 9px/1 var(--pc-font)!important;box-shadow:none!important;transition:color .14s ease,background .14s ease!important
}
body.pivot-ui:not([data-active-view="home"]) .pivot-primary-nav button:hover{background:#1b1b20!important;color:#c7c8cc!important}
body.pivot-ui:not([data-active-view="home"]) .pivot-primary-nav button.active{background:#1a1a1f!important;color:#fff!important;box-shadow:none!important}
body.pivot-ui:not([data-active-view="home"]) .pivot-primary-nav button.active::before{content:"";position:absolute;left:0;top:17px;bottom:17px;width:3px;background:var(--pc-red)}
body.pivot-ui:not([data-active-view="home"]) .pivot-primary-nav button.active::after{display:none!important;content:none!important}
.pivot-nav-icon{width:22px;height:22px;display:grid;place-items:center}.pivot-nav-icon svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}.pivot-primary-nav button em{font:inherit!important;font-style:normal!important;color:inherit!important}.pivot-nav-stage{margin-top:auto;padding:18px 0;color:#54565e;font:750 7px/1 var(--pc-font);letter-spacing:.16em;text-align:center}

/* COMMAND LINE */
body.pivot-ui:not([data-active-view="home"]) .pivot-commandbar{
  position:fixed!important;z-index:140!important;top:0!important;left:86px!important;right:0!important;width:auto!important;height:72px!important;min-height:72px!important;padding:0 22px!important;
  display:grid!important;grid-template-columns:42px minmax(0,1fr) auto auto!important;align-items:center!important;
  background:rgba(251,250,248,.96)!important;border:0!important;border-bottom:1px solid var(--pc-line)!important;border-radius:0!important;box-shadow:none!important;backdrop-filter:blur(15px)
}
body.pivot-ui:not([data-active-view="home"]) .pivot-command-home,
body.pivot-ui:not([data-active-view="home"]) .pivot-commandbar .top-icon{width:36px!important;min-width:36px!important;height:36px!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;color:var(--pc-graphite)!important;display:grid!important;place-items:center!important;font:500 20px/1 var(--pc-font)!important}
body.pivot-ui:not([data-active-view="home"]) .pivot-command-home:hover,
body.pivot-ui:not([data-active-view="home"]) .pivot-commandbar .top-icon:hover{background:#f0eeea!important}
.pivot-command-title{min-width:0;display:flex!important;flex-direction:column!important;gap:4px!important;color:var(--pc-ink)!important;line-height:1!important}.pivot-command-brand{display:block;color:var(--pc-red);font:800 7px/1 var(--pc-font);letter-spacing:.18em}.pivot-command-title #pageTitle{display:block;color:var(--pc-ink);font:720 18px/1 var(--pc-font);letter-spacing:-.025em}.pivot-command-context{display:flex!important;align-items:center!important;gap:8px!important}.pivot-command-actions{display:flex!important;align-items:center!important;gap:3px!important;height:auto!important}

/* WORKSPACE */
body.pivot-ui:not([data-active-view="home"]) .pivot-workspace{position:fixed!important;z-index:1!important;top:72px!important;left:86px!important;right:0!important;bottom:0!important;width:auto!important;height:auto!important;overflow:hidden!important;background:var(--pc-canvas)!important}
body.pivot-ui[data-active-view="home"] .pivot-command-brand{display:none}


/* PIVOT CONTROL R21 — chrome-less workspace */
@media (min-width:821px){
  body.pivot-ui:not([data-active-view="home"]) .pivot-commandbar{
    position:fixed!important;z-index:140!important;top:0!important;left:86px!important;right:0!important;
    width:auto!important;height:0!important;min-height:0!important;padding:0!important;margin:0!important;
    display:block!important;background:transparent!important;border:0!important;box-shadow:none!important;
    backdrop-filter:none!important;overflow:visible!important;pointer-events:none!important;
  }
  body.pivot-ui:not([data-active-view="home"]) .pivot-command-title,
  body.pivot-ui:not([data-active-view="home"]) .pivot-command-context,
  body.pivot-ui:not([data-active-view="home"]) .pivot-command-home{display:none!important}
  body.pivot-ui:not([data-active-view="home"]) .pivot-command-actions{
    position:fixed!important;z-index:171!important;top:10px!important;right:12px!important;
    height:40px!important;display:flex!important;align-items:center!important;gap:6px!important;
    pointer-events:none!important;background:transparent!important;
  }
  body.pivot-ui:not([data-active-view="home"]) .pivot-commandbar .pivot-command-actions .top-icon:not(.hidden){
    width:36px!important;min-width:36px!important;height:36px!important;min-height:36px!important;
    display:grid!important;place-items:center!important;padding:0!important;border:1px solid rgba(25,25,28,.10)!important;
    border-radius:10px!important;background:rgba(255,255,255,.94)!important;color:var(--pc-graphite)!important;
    box-shadow:0 5px 16px rgba(18,18,20,.08)!important;backdrop-filter:blur(10px)!important;
    pointer-events:auto!important;
  }
  body.pivot-ui[data-active-view="agenda"] .pivot-command-actions,
  body.pivot-ui[data-active-view="clients"] .pivot-command-actions{display:none!important}
  body.pivot-ui:not([data-active-view="home"]) .pivot-workspace{
    top:0!important;left:86px!important;right:0!important;bottom:0!important;height:auto!important;
  }
  body.pivot-ui:not([data-active-view="home"]) .pivot-primary-nav .pivot-nav-home{
    height:50px!important;min-height:50px!important;flex:0 0 50px!important;gap:4px!important;
    color:#a7a9ae!important;background:rgba(255,255,255,.025)!important;
  }
  body.pivot-ui:not([data-active-view="home"]) .pivot-primary-nav .pivot-nav-home:hover{color:#fff!important;background:#1b1b20!important}
  body.pivot-ui:not([data-active-view="home"]) .pivot-primary-nav .pivot-nav-home .pivot-nav-icon,
  body.pivot-ui:not([data-active-view="home"]) .pivot-primary-nav .pivot-nav-home .pivot-nav-icon svg{width:18px!important;height:18px!important}
  body.pivot-ui:not([data-active-view="home"]) .pivot-primary-nav .pivot-nav-home em{font-size:8px!important}
}