:root{--u-accent:var(--teal);--u-accent-strong:var(--teal);--u-ink:var(--ink);--u-muted:var(--muted);--u-faint:#7d8f89;--u-border:var(--line);--u-border-strong:#c3d2cc;--u-surface:#fff;--u-canvas:var(--paper);--u-ok:#1f7a5c;--u-ok-soft:#e6f2ec;--u-warn:#8a6120;--u-warn-soft:#fbf1da;--u-danger:#b03a3a;--u-danger-soft:#fbeaea;--u-info:#2b62b8;--u-info-soft:#e8f0fb;--u-radius-card:12px;--u-radius-inner:10px;--u-radius-badge:999px;--u-radius-nav:10px;--u-shadow-card:0 1px 2px #172c330a, 0 6px 18px #172c330d}body[data-site-theme=blue],body[data-site-theme=slate]{--u-faint:#7c8aa0;--u-border-strong:#c2cedd;--u-shadow-card:0 1px 2px #16233a0a, 0 6px 18px #16233a0d}.wsx-shell,.role-workspace{--u-accent:var(--wsx-accent);--u-accent-strong:var(--wsx-accent-strong);--u-ink:var(--wsx-ink);--u-muted:var(--wsx-muted);--u-faint:var(--wsx-faint);--u-border:var(--wsx-border);--u-border-strong:var(--wsx-border-strong);--u-surface:var(--wsx-surface);--u-canvas:var(--wsx-canvas);--u-ok:var(--wsx-ok);--u-ok-soft:var(--wsx-ok-soft);--u-warn:var(--wsx-warn);--u-warn-soft:var(--wsx-warn-soft);--u-danger:var(--wsx-danger);--u-danger-soft:var(--wsx-danger-soft);--u-info:var(--wsx-accent-strong);--u-info-soft:var(--wsx-accent-soft);--u-shadow-card:var(--wsx-shadow)}.oc-body{--u-accent:var(--oc-accent);--u-accent-strong:var(--oc-accent);--u-ink:var(--oc-ink);--u-muted:var(--oc-muted);--u-faint:var(--oc-faint);--u-border:var(--oc-border);--u-border-strong:#c7d4e6;--u-surface:var(--oc-surface);--u-canvas:var(--oc-canvas);--u-ok:var(--oc-ok);--u-ok-soft:var(--oc-ok-soft);--u-warn:var(--oc-warn);--u-warn-soft:var(--oc-warn-soft);--u-danger:var(--oc-danger);--u-danger-soft:var(--oc-danger-soft);--u-info:var(--oc-accent);--u-info-soft:var(--oc-accent-soft);--u-shadow-card:0 2px 8px #16233a0b}.main-nav{color:var(--u-muted);font-size:13px;font-weight:550}.main-nav a{color:var(--u-muted);font-weight:550;transition:color .15s}.main-nav a:hover{color:var(--u-ink)}.main-nav a.active{color:var(--u-ink);font-weight:650}.main-nav a.active:after{background:var(--u-accent);border-radius:2px}.workspace-nav>a,.help-nav a{border-radius:var(--u-radius-nav);color:var(--u-muted);margin:2px 0;padding:9px 11px;font-size:12.5px;font-weight:550;transition:background .15s,color .15s,box-shadow .15s;display:block}.workspace-nav>a:hover,.help-nav a:hover{background:var(--u-canvas);color:var(--u-ink)}.workspace-nav>a.selected{background:var(--u-info-soft);color:var(--u-accent-strong);box-shadow:inset 3px 0 0 var(--u-accent);font-weight:650}.oc-nav a,.oc-nav button,.oc-nav .oc-collapse{border-radius:var(--u-radius-nav);margin:2px 0;padding:9px 12px;font-size:13px;font-weight:550;transition:background .15s,color .15s,box-shadow .15s}.oc-nav a.is-active{font-weight:650;box-shadow:inset 3px 0 #ffffff8c}.oc-nav-group{letter-spacing:.16em;font-size:10px;font-weight:650}@media (width>=761px){.main-nav{gap:24px}.main-nav a{margin:0 -6px;padding:31px 6px}.workspace-shell:not(.wsx-shell) .workspace-nav{border:1px solid var(--u-border);border-radius:var(--u-radius-card);background:var(--u-surface);box-shadow:var(--u-shadow-card);padding:16px 12px}.workspace-shell:not(.wsx-shell) .workspace-nav h2{margin:8px 4px 14px;font-size:16px}.help-nav{border-left:0;flex-direction:column;gap:2px;padding-left:0;display:flex}}.work-card,.metric-card,.resource-card,.login-panel,.purchase-panel,.filter-panel,.oc-card{border:1px solid var(--u-border);border-radius:var(--u-radius-card);background:var(--u-surface);box-shadow:var(--u-shadow-card)}.sub-card{border:1px solid var(--u-border);border-radius:var(--u-radius-inner);background:var(--u-canvas);box-shadow:none}.metric-card{gap:11px}.metric-card>span:first-child{color:var(--u-muted);font-weight:550}.metric-card.accent{background:var(--u-info-soft);border-color:var(--u-accent)}.work-section>h2,.work-section>.section-heading h2{border-left:3px solid var(--u-accent);padding-left:12px}.card-heading h3,.oc-card-head h2{color:var(--u-ink);letter-spacing:-.01em;font-size:15px;font-weight:650}.badge,.oc-pill,.oc-context-badge,.demo-tag,.resource-tags>span,.wsx-group-count{border-radius:var(--u-radius-badge);letter-spacing:.02em;align-items:center;gap:6px;padding:3px 10px;font-size:10.5px;font-weight:600;line-height:1.5;display:inline-flex}.badge,.oc-pill{color:var(--u-muted);background:#edf1f2}.oc-body .badge,.oc-body .oc-pill.off{background:var(--u-canvas)}.badge:before,.oc-pill:before{content:"";opacity:.85;background:currentColor;border-radius:50%;flex:0 0 6px;width:6px;height:6px}.badge.success,.oc-pill.ok,.oc-context-badge{background:var(--u-ok-soft);color:var(--u-ok)}.badge.warning,.oc-pill.warn{background:var(--u-warn-soft);color:var(--u-warn)}.oc-pill.info{background:var(--u-info-soft);color:var(--u-info)}.role-workspace .wsx-card .badge{padding:3px 10px;font-size:10.5px}.wsx-chip,.wsx-chip-static,.oc-topmeta{border:1px solid var(--u-border-strong);border-radius:var(--u-radius-badge);background:var(--u-surface);color:var(--u-muted);padding:4px 11px;font-size:11px;font-weight:550}.progress-track{color:var(--u-muted);border-top:0;border-bottom:0;flex-direction:column;gap:0;padding:12px 2px;font-size:11px;display:flex}.progress-track>span,.oc-review-history-line{padding:3px 0 12px 24px;line-height:1.65;position:relative}.progress-track>span:before,.oc-review-history-line:before{content:"";background:var(--u-border-strong);width:9px;height:9px;box-shadow:0 0 0 3px var(--u-surface);border-radius:50%;position:absolute;top:9px;left:5px}.progress-track>span:after,.oc-review-history-line:after{content:"";background:var(--u-border);width:1.5px;position:absolute;top:21px;bottom:0;left:9px}.progress-track>span:last-child,.oc-review-history-line:last-of-type{padding-bottom:2px}.progress-track>span:last-child:after,.oc-review-history-line:last-of-type:after{display:none}.progress-track>span.complete{color:var(--u-accent-strong);font-weight:600}.progress-track>span.complete:before{background:var(--u-accent)}.oc-review-history-line{color:var(--u-muted);overflow-wrap:anywhere;background:0 0;border-left:0;margin:0;font-size:11.5px}.oc-review-history-line:before{background:var(--u-ok)}.commitment{gap:16px;position:relative}.commitment>span{z-index:1;border:1px solid var(--u-border-strong);background:var(--u-surface);width:26px;height:26px;color:var(--u-accent);border-radius:50%;place-items:center;font-size:12px;display:grid;position:relative}.commitment+.commitment{margin-top:24px}.commitment+.commitment:before{content:"";background:var(--u-border);width:1.5px;height:24px;position:absolute;top:-24px;left:12px}.empty-state,.empty-inline,.wsx-empty,.oc-empty,.role-workspace .wsx-empty{border:1.5px dashed var(--u-border-strong);border-radius:var(--u-radius-inner);background:var(--u-canvas);color:var(--u-muted)}.empty-state{text-align:center;padding:46px 30px}.empty-state>span{color:var(--u-faint)}.empty-state h3{color:var(--u-ink);font-size:16px}.empty-state p{color:var(--u-muted);font-size:12px}.empty-inline,.wsx-empty,.role-workspace .wsx-empty{color:var(--u-faint);padding:12px 14px;font-size:11.5px}.oc-empty{text-align:center;padding:28px 18px}.oc-empty b{color:var(--u-ink);font-size:12.5px}.oc-empty span{color:var(--u-muted);font-size:11px}@media (width<=760px){.workspace-nav>a,.help-nav a{margin:0;padding:7px 10px;font-size:11.5px}.help-nav{gap:6px}.empty-state{padding:34px 20px}.progress-track{padding:10px 0}.progress-track>span,.oc-review-history-line{padding-left:22px}}
