/* Workbench: an app shell under the shared glass header. */
body{background:var(--bg)}
.wb{display:grid;grid-template-columns:248px minmax(0,1fr);gap:clamp(16px,2vw,28px);max-width:var(--wrap);margin:0 auto;padding:6px var(--gut) 0;align-items:start}
#sidebar{position:sticky!important;top:var(--gh-off)!important;inset:auto!important;left:auto!important;width:auto!important;height:calc(100dvh - var(--gh-off) - 14px);transform:none!important;padding:14px!important;border-radius:20px;background:linear-gradient(180deg,rgba(22,32,58,.6),rgba(10,16,32,.55))!important;border:1px solid rgba(255,255,255,.1)!important;box-shadow:0 20px 50px -24px rgba(0,0,0,.7)!important;overflow-y:auto;display:flex;flex-direction:column;gap:2px;z-index:5;scrollbar-width:thin}
.shell{margin:0!important;min-width:0}
.workspace{display:flex;gap:10px;align-items:center;padding:10px;border-radius:14px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08)!important;margin:0 0 10px!important}
.workspace .avatar{flex:none;width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:rgba(82,255,198,.14);color:#52ffc6;font-weight:800}
#org-label{font-size:14px;font-weight:700;color:#fff;line-height:1.25;min-width:0}#org-label small{display:block;font-size:11.5px;font-weight:500;color:#8294b1;margin-top:2px}
.nav-label{font:700 10.5px/1 var(--mono);letter-spacing:.16em;color:#6f819f;margin:8px 8px 6px!important}
.nav-group{font:700 10px/1 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:#52698f;margin:14px 10px 4px}
#nav{display:flex;flex-direction:column;gap:2px}
#nav button{display:flex;align-items:center;gap:11px;width:100%;min-height:40px!important;padding:8px 11px!important;border-radius:11px!important;border:1px solid transparent!important;background:none!important;color:#a9b8d2!important;font:500 14px/1.25 var(--sans)!important;text-align:left}
#nav button:hover{background:rgba(255,255,255,.06)!important;color:#fff!important}
#nav button.active{background:linear-gradient(100deg,rgba(82,255,198,.16),rgba(54,228,255,.06))!important;color:#52ffc6!important;border-color:rgba(82,255,198,.3)!important}
#nav button:disabled{opacity:.4}
.nav-icon{display:grid;place-items:center;width:20px;flex:none;font-size:0}.nav-ico{display:block}
.nav-new{margin-left:auto;font:700 9px/1 var(--mono);letter-spacing:.08em;padding:3px 5px;border-radius:5px;background:rgba(255,200,87,.14);color:#ffc857;border:1px solid rgba(255,200,87,.3)!important}
.guide-nav-title{font:700 10px/1 var(--mono);letter-spacing:.16em;color:#52698f;margin:6px 10px}
.guide-step-num{display:grid;place-items:center;width:22px;height:22px;flex:none;border-radius:7px;background:rgba(255,255,255,.07);font:700 11px var(--mono);color:#cfd9ec}
#nav button.active .guide-step-num{background:#52ffc6;color:#03150f}
.guide-nav-summary{margin:12px 6px;padding:12px;border-radius:12px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08)}.guide-nav-summary span{font:700 10px var(--mono);letter-spacing:.12em;color:#ffc857}.guide-nav-summary strong{display:block;margin:4px 0;color:#fff;font-size:14px}.guide-nav-summary p{margin:0;font-size:12.5px;color:#8a9bb8;line-height:1.5}
.nav-guidance{margin:6px 10px;font-size:12.5px;color:#8a9bb8;line-height:1.5}
.sidebar-bottom{margin-top:auto;padding:12px 6px 2px;border-top:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;gap:2px;font-size:12.5px;color:#7f90ad}
.wb-saved{display:flex;align-items:center;gap:8px;margin-bottom:6px}.status-dot{width:7px;height:7px;border-radius:50%;background:#52ffc6;box-shadow:0 0 8px #52ffc6;display:inline-block}
.sidebar-bottom button.quiet{text-align:left;padding:6px 4px!important;background:none!important;border:0!important;color:#9fb0cc!important;font-size:13px!important;border-radius:6px}.sidebar-bottom button.quiet:hover{color:#52ffc6!important}
.sidebar-bottom p{margin:8px 0 0;font-size:11.5px;line-height:1.55;color:#6f819f}.sidebar-bottom a{color:#9fb0cc}
/* page bar */
.wbbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:4px 2px 14px}
#breadcrumb{font-size:13px;color:#8294b1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#breadcrumb span{margin:0 6px;opacity:.5}
.wbbar .pill{font:700 10px var(--mono);letter-spacing:.12em;padding:5px 9px;border-radius:7px;color:#ffc857;border:1px solid rgba(255,200,87,.4);background:rgba(255,200,87,.08)}
/* main surface */
#main{max-width:none;margin:0;padding:0 0 var(--sec);min-height:60vh}
#main h1{font-size:clamp(24px,2.8vw,32px);letter-spacing:-.035em;line-height:1.15}
#main h2{font-size:clamp(18px,2vw,22px);letter-spacing:-.025em}#main h3{font-size:16.5px;letter-spacing:-.015em}
#main p,#main li,#main td,#main label{font-size:15px;line-height:1.6}
#main .eyebrow,#main .nav-label{font:700 10.5px/1.2 var(--mono);letter-spacing:.14em;color:#52ffc6}
#main .card,#main .stat,#main .table-wrap,#main .result,#main .task-choice,#main .kanban-col{border-radius:16px;border:1px solid rgba(255,255,255,.1);background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.02));box-shadow:none;padding:clamp(14px,1.8vw,20px)}
#main .hero,#main .focus,#main .library-callout{border-radius:18px;border:1px solid rgba(255,255,255,.1);background:linear-gradient(135deg,rgba(82,255,198,.09),rgba(166,120,255,.08))}
#main .task-cards{gap:14px}.task-choice h2{font-size:18px!important;margin:.4em 0}.task-choice p{font-size:14px!important}
#main button{border-radius:11px;font-family:var(--sans);font-size:14px;min-height:38px}
#main button.primary,#main .guide-document-link{background:linear-gradient(96deg,#52ffc6,#36e4ff)!important;color:#03150f!important;border-color:transparent!important;font-weight:700}
#main input,#main select,#main textarea{border-radius:10px;font-size:15px;padding:9px 12px}
#main table{font-size:14px}#main th{font:700 11px var(--mono);letter-spacing:.08em;text-transform:uppercase}
footer.sf{margin-top:var(--sec)!important}
/* phones and small tablets: tools become a scrolling tab strip */
@media(max-width:900px){
 .wb{grid-template-columns:minmax(0,1fr);gap:0;padding-top:0}
 #sidebar{top:var(--gh-off)!important;height:auto;padding:6px!important;border-radius:16px;flex-direction:row;overflow:visible;margin-bottom:12px;background:rgba(8,12,24,.86)!important;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:20}
 #sidebar .workspace,#sidebar .nav-label,#sidebar .sidebar-bottom,.nav-group,.guide-nav-title,.guide-nav-summary,.nav-guidance,#nav .quiet{display:none!important}
 #nav{flex-direction:row;overflow-x:auto;scrollbar-width:none;gap:4px;width:100%}#nav::-webkit-scrollbar{display:none}
 #nav button{width:auto;flex:none;white-space:nowrap;min-height:38px!important;padding:7px 12px!important}
 .nav-ico{width:16px;height:16px}
}
#main .task-choice p,#main .task-choice h2,#main .guide-lead,#main .task-choice *{line-height:1.5}