/* Xbook OS shell — canonical navigation and operating views.
   This file deliberately sits after the legacy stylesheet: it consolidates the existing product
   without deleting the underlying records or breaking old deep links. */
:root{--os-sidebar:238px;--os-nav-h:48px}
.app{grid-template-columns:var(--os-sidebar) 1fr}
.sidebar{width:var(--os-sidebar);min-width:var(--os-sidebar)}
.sb-nav{padding-bottom:8px}
.sb-btn[data-section]{position:relative}
.sb-btn[data-section].on:after{content:"";position:absolute;right:8px;width:5px;height:5px;border-radius:50%;background:var(--gold)}
.sb-clients{border-top:1px solid rgba(255,255,255,.1);padding-top:7px}
.os-client-state{display:flex;align-items:center;gap:5px;font-size:9px;color:rgba(255,255,255,.62);white-space:nowrap}
.os-state-dot{width:7px;height:7px;border-radius:50%;flex:0 0 7px}
.os-dot-connected{background:#4cc38a}.os-dot-partial{background:#e7a93f}.os-dot-incomplete{background:#e2675b}.os-dot-paused{background:#9aa4ba}.os-dot-attention{background:#f0b84d}
.os-sidebar-empty{font-size:11px;line-height:1.5;color:rgba(255,255,255,.62);padding:10px 12px}
.os-section-nav{display:flex;align-items:center;gap:6px;min-height:var(--os-nav-h);padding:7px 28px;border-bottom:1px solid var(--border);background:rgba(255,255,255,.86);backdrop-filter:blur(8px);position:sticky;top:0;z-index:30}
.os-section-title{font-size:12px;font-weight:700;color:var(--ink);margin-right:9px;letter-spacing:.02em}
.os-tab{border:1px solid transparent;background:transparent;border-radius:8px;padding:7px 10px;font:600 11.5px 'DM Sans',sans-serif;color:var(--ink3);cursor:pointer}
.os-tab:hover{background:var(--cream2);color:var(--ink)}
.os-tab.on{background:#fff;border-color:var(--border2);box-shadow:0 1px 5px rgba(15,35,83,.08);color:var(--ink)}
.os-route-note{margin-left:auto;font-size:10.5px;color:var(--ink4)}
.os-source{display:inline-flex;align-items:center;gap:5px;font-size:10px;color:var(--ink4);border:1px solid var(--border);border-radius:99px;padding:3px 7px;background:#fff}
.os-source:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--blue)}
.os-source.unavailable:before{background:var(--amber)}
.os-page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:15px}
.os-page-head h1{font-family:'DM Serif Display',serif;font-size:25px;font-weight:400;color:var(--ink);margin:0}
.os-page-sub{font-size:12.5px;line-height:1.5;color:var(--ink3);max-width:78ch;margin-top:3px}
.os-summary{display:grid;grid-template-columns:repeat(7,minmax(110px,1fr));gap:9px;margin-bottom:14px}
.os-summary-card{background:#fff;border:1px solid var(--border);border-radius:11px;padding:11px 12px;box-shadow:var(--shadow)}
.os-summary-card .n{font-family:'DM Serif Display',serif;font-size:22px;color:var(--ink)}
.os-summary-card .l{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--ink4);font-weight:650;margin-bottom:3px}
.os-summary-card .s{font-size:10.5px;color:var(--ink4);margin-top:3px}
.os-summary-card.attn{border-color:rgba(192,57,43,.28);background:#fffafa}
.os-summary-card.good{border-color:rgba(26,122,74,.2);background:#fbfffc}
.os-controls{display:flex;align-items:end;gap:8px;flex-wrap:wrap;background:#fff;border:1px solid var(--border);border-radius:11px;padding:10px 11px;margin-bottom:12px}
.os-controls label{font-size:9.5px;text-transform:uppercase;letter-spacing:.07em;color:var(--ink4);font-weight:650;display:block;margin-bottom:4px}
.os-controls input,.os-controls select{padding:7px 9px;border:1px solid var(--border2);border-radius:7px;background:#fff;font:12px 'DM Sans',sans-serif;color:var(--ink)}
.os-table-wrap{background:#fff;border:1px solid var(--border);border-radius:12px;overflow:auto;box-shadow:var(--shadow)}
.os-table{width:100%;border-collapse:collapse;font-size:11.5px;min-width:1180px}
.os-table th{position:sticky;top:0;background:var(--cream2);z-index:2;text-align:left;padding:8px 9px;font-size:9.5px;text-transform:uppercase;letter-spacing:.07em;color:var(--ink4);border-bottom:1px solid var(--border)}
.os-table td{padding:9px;border-bottom:1px solid var(--border);vertical-align:top;color:var(--ink2)}
.os-table tr:hover td{background:#fbfcff}
.os-table tr.os-attention td{background:#fffaf7}
.os-progress{width:74px;height:6px;background:var(--cream3);border-radius:99px;overflow:hidden;margin-top:4px}
.os-progress span{display:block;height:100%;background:var(--blue);border-radius:99px}
.os-progress.done span{background:var(--green)}
.os-stage{display:inline-flex;border-radius:99px;padding:3px 7px;font-size:9.5px;font-weight:650;background:var(--cream3);color:var(--ink3)}
.os-stage.waiting{background:#fff6de;color:#8b5b00}.os-stage.blocked{background:#fff0ee;color:var(--red)}.os-stage.review{background:#f5efff;color:#68429c}.os-stage.complete{background:#eaf8ef;color:var(--green)}.os-stage.setup{background:#fff0ee;color:var(--red)}
.os-empty{background:#fff;border:1px dashed var(--border2);border-radius:12px;padding:28px;text-align:center;color:var(--ink3);font-size:12.5px;line-height:1.6}
.os-empty strong{display:block;color:var(--ink);font-size:14px;margin-bottom:4px}
.os-board{display:grid;grid-template-columns:repeat(8,minmax(220px,1fr));gap:10px;overflow:auto;padding-bottom:8px}
.os-lane{background:var(--cream2);border:1px solid var(--border);border-radius:11px;min-height:180px}
.os-lane-h{display:flex;align-items:center;justify-content:space-between;padding:9px 10px;border-bottom:1px solid var(--border);font-size:10px;text-transform:uppercase;letter-spacing:.06em;font-weight:700;color:var(--ink3)}
.os-lane-body{padding:8px}
.os-work-card{background:#fff;border:1px solid var(--border);border-radius:9px;padding:9px;margin-bottom:7px;cursor:pointer;box-shadow:0 1px 4px rgba(15,35,83,.05)}
.os-work-card:hover{border-color:var(--border2);box-shadow:var(--shadow2)}
.os-work-card .t{font-size:11.5px;font-weight:650;color:var(--ink);line-height:1.35}.os-work-card .m{font-size:10px;color:var(--ink4);margin-top:4px}.os-work-card .nxt{font-size:10px;color:var(--ink3);border-top:1px solid var(--border);margin-top:7px;padding-top:6px}
.os-doc-grid{display:grid;grid-template-columns:repeat(5,minmax(145px,1fr));gap:10px;margin-bottom:13px}
.os-doc-list{display:grid;gap:8px}.os-doc-row{display:grid;grid-template-columns:minmax(220px,2fr) 130px 130px 150px minmax(180px,1fr);gap:10px;align-items:center;background:#fff;border:1px solid var(--border);border-radius:9px;padding:10px 12px;font-size:11.5px}.os-doc-row:hover{border-color:var(--border2)}
.os-client-legend{display:flex;gap:12px;flex-wrap:wrap;font-size:10.5px;color:var(--ink4);margin:0 0 12px}.os-client-legend span{display:flex;align-items:center;gap:5px}
.os-client-card-state{font-size:10px;font-weight:650;display:inline-flex;align-items:center;gap:5px}
.os-client-card-state:before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}
.os-home-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:12px}.os-home-stack{display:grid;gap:12px}.os-home-list{display:grid;gap:7px}.os-home-item{display:flex;gap:10px;align-items:flex-start;border:1px solid var(--border);border-radius:9px;padding:10px;background:#fff;cursor:pointer}.os-home-item:hover{border-color:var(--border2)}.os-home-item .main{min-width:0}.os-home-item .title{font-size:12px;font-weight:650;color:var(--ink)}.os-home-item .meta{font-size:10.5px;color:var(--ink4);margin-top:2px}.os-home-item .next{font-size:10.5px;color:var(--ink3);margin-top:4px}
@media(max-width:1100px){.os-summary{grid-template-columns:repeat(4,1fr)}.os-home-grid{grid-template-columns:1fr}.os-doc-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){:root{--os-sidebar:72px}.sb-btn{font-size:0}.sb-btn svg{margin:0}.sb-tagline,.sb-sync,.sb-logout,.sb-group,.sc-name,.os-client-state{display:none}.os-section-nav{padding:7px 12px;overflow:auto}.os-section-title,.os-route-note{display:none}.os-summary{grid-template-columns:repeat(2,1fr)}.os-controls{align-items:stretch}.os-doc-row{grid-template-columns:1fr}.main{min-width:0}}

/* Client identity and connection state — labels are primary; colour is secondary. */
.os-card-state{display:flex;align-items:center;gap:9px;padding:9px 12px;margin:0 0 10px;background:var(--cream2);border:1px solid var(--border);border-radius:8px;min-height:34px}
.os-state-label{display:inline-flex;align-items:center;gap:6px;font-size:10px;font-weight:700;white-space:nowrap}
.os-card-state-note{font-size:10px;color:var(--ink3);line-height:1.35}
.os-state-connected{color:var(--green)}.os-state-attention{color:var(--amber)}.os-state-partial,.os-state-incomplete{color:var(--red)}.os-state-paused{color:var(--ink4)}
.os-metric-note,.os-report-meta{margin:12px 0;padding:11px 13px;border:1px solid var(--border);border-radius:8px;background:var(--cream2);font-size:11px;color:var(--ink3);line-height:1.5}
.os-muted-row{opacity:.72}
.os-data-warning{margin:0 0 12px;padding:10px 13px;border:1px solid var(--amber-border);border-radius:8px;background:var(--amber-bg);color:var(--amber);font-size:11px;line-height:1.45}

/* Missing client setup values are an action state, not invisible whitespace. */
.os-unconfigured{color:var(--amber);font-style:italic;font-weight:500}

/* 2026-08-09 quiet operating sweep — action first, configuration second. */
.os-quiet-head{align-items:center}.os-quiet-strip{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:12px 0 14px}.os-quiet-strip button{appearance:none;background:#fff;border:1px solid var(--line,#e5e9f0);border-radius:9px;padding:10px 12px;text-align:left;color:var(--ink,#172033);cursor:pointer}.os-quiet-strip button:hover{border-color:#b8c5dc}.os-quiet-strip strong{display:block;font-size:20px;line-height:1.15}.os-quiet-strip span{display:block;font-size:10px;color:var(--ink4,#6f7d91);margin-top:2px;text-transform:uppercase;letter-spacing:.03em}.os-focus-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(245px,1fr));gap:9px}.os-focus-card,.os-intel-card{appearance:none;border:1px solid var(--line,#e5e9f0);background:#fff;border-radius:10px;padding:12px;text-align:left;color:var(--ink,#172033);cursor:pointer;min-width:0}.os-focus-card:hover,.os-intel-card:hover{border-color:#aebbd1;box-shadow:0 3px 14px rgba(28,45,75,.05)}.os-focus-top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:7px}.os-focus-due{font-size:10px;color:var(--ink4,#6f7d91)}.os-focus-due.late{color:#b53125}.os-focus-title{font-weight:650;font-size:12px;line-height:1.35;color:var(--ink,#172033)}.os-focus-client{font-size:10px;color:var(--ink3,#55657a);margin-top:4px}.os-focus-next{font-size:10.5px;color:#294f91;margin-top:8px}.os-focus-muted{font-size:9.5px;color:var(--ink4,#778398);margin-top:5px}.os-quiet-details{margin-top:14px;border-top:1px solid var(--line,#e7ebf1);padding-top:10px}.os-quiet-details summary{cursor:pointer;color:var(--ink3,#5d6b7e);font-size:11px;margin-bottom:10px}.os-quiet-footer{display:flex;align-items:center;gap:7px;margin:15px 0 0;color:var(--ink4,#7b8798);font-size:10px}.os-quiet-status{font-size:10px;color:var(--ink4,#748195);margin:-3px 0 10px}.os-evidence-list,.os-intel-list,.os-system-list{display:flex;flex-direction:column;gap:8px}.os-evidence-card{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#fff;border:1px solid var(--line,#e4e9f0);border-radius:9px;padding:11px 12px}.os-evidence-card[onclick]{cursor:pointer}.os-evidence-card[onclick]:hover{border-color:#b7c3d7}.os-evidence-main{min-width:0;flex:1}.os-evidence-actions{display:flex;gap:6px;flex:none}.os-evidence-state{margin-top:7px}.os-intel-card{width:100%}.os-intel-why{font-size:10.5px;line-height:1.45;color:var(--ink3,#536174);margin-top:8px}.os-intel-meta{display:flex;flex-wrap:wrap;gap:10px;margin-top:8px;font-size:9px;color:var(--ink4,#768294)}.os-intel-meta b{color:var(--ink3,#536174);font-weight:600;margin-right:2px}.os-form-quiet{display:flex;flex-direction:column;gap:9px;padding:12px}.os-form-quiet label{display:flex;flex-direction:column;gap:4px;font-size:10px;color:var(--ink3,#5e6d80)}.os-form-quiet input,.os-form-quiet select,.os-form-quiet textarea{width:100%;border:1px solid var(--line,#dfe5ed);border-radius:7px;padding:8px 9px;font:inherit;font-size:11px;color:var(--ink,#172033);background:#fff}.os-form-quiet textarea{resize:vertical;line-height:1.45}.os-system-row{display:grid;grid-template-columns:12px minmax(0,1fr) auto;gap:8px;align-items:center;border:1px solid var(--line,#e5e9f0);border-radius:8px;background:#fff;padding:10px 12px;font-size:10px}.os-system-row strong{font-size:11px}.os-system-row>div>div{color:var(--ink4,#748195);margin-top:2px}.os-system-row>span:last-child{color:var(--ink4,#748195);font-size:9px}.os-system-dot{width:8px;height:8px;border-radius:50%;background:#d3a126}.os-system-dot.good{background:#3c9b67}.os-system-dot.attn{background:#c44b3d}.os-quiet-actions{display:flex;flex-wrap:wrap;gap:7px;margin-top:13px}
@media(max-width:900px){.os-quiet-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.os-focus-grid{grid-template-columns:1fr}.os-evidence-card{align-items:flex-start;flex-direction:column}.os-evidence-actions{width:100%}}
.os-scope-flag{display:inline-block;margin-top:7px;padding:3px 6px;border-radius:5px;background:#fff6df;color:#815b08;font-size:9px;font-weight:600}