/* Sam's shift board: one request at a time, through the channels, the OS functions Sam may use, your team, and where the work lands. */
.sb{margin-top:2.4rem;background:var(--paper);border:1px solid var(--line);border-radius:26px;overflow:hidden}
.sb-tabs{display:flex;gap:6px;padding:14px 16px 0;overflow-x:auto;scrollbar-width:none}
.sb-tabs::-webkit-scrollbar{display:none}
.sb-tabs button{flex:0 0 auto;border:1px solid var(--line);background:transparent;border-radius:999px;padding:9px 14px;font:500 14px/1.1 var(--body);color:var(--ink-soft);cursor:pointer;text-align:left}
.sb-tabs button small{display:block;font-size:11.5px;font-weight:400;margin-top:3px;color:var(--ink-soft)}
.sb-tabs button[aria-selected=true]{background:var(--petrol);border-color:var(--petrol);color:var(--on-dark)}
.sb-tabs button[aria-selected=true] small{color:var(--on-dark-soft)}
.sb-tabs button:focus-visible{outline:2px solid var(--live);outline-offset:2px}
.sb-grid{display:grid;grid-template-columns:minmax(170px,.8fr) minmax(0,2.6fr) minmax(190px,.9fr);gap:18px;padding:18px 16px 16px}
.sb h4{margin:0 0 2px;font:600 14px/1.25 var(--display);color:var(--ink)}
.sb .sb-k{margin:0 0 12px;font-size:12.5px;color:var(--ink-soft)}
.sb-list{display:flex;flex-direction:column;gap:7px}
.sb-chip{display:flex;align-items:center;gap:9px;border:1px solid var(--line);background:#fff;border-radius:12px;padding:10px 12px;font-size:13.5px;line-height:1.25;transition:background .35s,border-color .35s,color .35s,box-shadow .35s}
.sb-chip i{flex:0 0 8px;height:8px;border-radius:50%;background:var(--line)}
.sb-chip em{margin-left:auto;font-style:normal;font-size:11.5px;color:var(--ink-soft);text-align:right}
.sb-chip.on{background:var(--petrol);border-color:var(--petrol);color:var(--on-dark)}
.sb-chip.on i{background:var(--live)}
.sb-chip.on em{color:var(--on-dark-soft)}
.sb-os{background:#fff;border:1px solid var(--line);border-radius:20px;padding:16px;min-width:0;display:flex;flex-direction:column;gap:14px}
.sb-now{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;background:var(--porcelain,#f3f3ef);border-radius:16px;padding:14px 16px}
.sb-ini{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:var(--petrol-deep);color:var(--on-dark);font:600 15px/1 var(--display)}
.sb-now b{display:block;font:600 17px/1.25 var(--display);letter-spacing:-.005em;min-height:1.25em}
.sb-now span{display:block;font-size:13px;color:var(--ink-soft);margin-top:3px}
.sb-dots{display:flex;gap:4px;justify-content:flex-end}
.sb-dots i{width:18px;height:5px;border-radius:3px;background:var(--line);transition:background .3s}
.sb-dots i.on{background:var(--petrol)}
.sb-dots i.hand{background:var(--brass-btn)}
.sb-step{display:block;text-align:right;font-size:11.5px;color:var(--ink-soft);margin-top:6px;white-space:nowrap}
.sb-osname{display:flex;justify-content:space-between;align-items:baseline;gap:10px;font-size:12.5px;color:var(--ink-soft)}
.sb-osname b{font:600 15px/1 var(--display);color:var(--ink)}
.sb-fns{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.sb-fns h5{margin:0 0 8px;padding-bottom:6px;border-bottom:1px solid var(--line);font:500 12.5px/1 var(--body);color:var(--ink-soft)}
.sb-tiles{display:grid;grid-template-columns:1fr 1fr;gap:7px}
.sb-t{position:relative;border:1px solid var(--line);border-radius:12px;padding:10px 10px 9px;font-size:13.5px;line-height:1.25;min-height:58px;display:flex;flex-direction:column;justify-content:space-between;gap:6px;transition:background .35s,border-color .35s,color .35s}
.sb-t small{font-size:11px;color:var(--ink-soft)}
.sb-t small::before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:5px;vertical-align:1px;background:var(--live)}
.sb-t.assist small::before{background:var(--brass-btn)}
.sb-t.on{background:var(--petrol);border-color:var(--petrol);color:var(--on-dark)}
.sb-t.on small{color:var(--on-dark-soft)}
.sb-t.on.assist{background:#f6efe2;border-color:var(--brass-btn);color:var(--ink)}
.sb-t.on.assist small{color:var(--ink-soft)}
.sb-t.used{border-color:var(--petrol)}
.sb-out{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:12px;color:var(--ink-soft)}
.sb-out span{margin-right:2px}
.sb-out em{font-style:normal;border:1px dashed var(--line);border-radius:8px;padding:4px 8px;color:var(--ink-soft);opacity:.75}
.sb-team{border-top:1px dashed var(--line);padding-top:12px;display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.sb-team > span{font-size:12.5px;color:var(--ink-soft);margin-right:4px}
.sb-p{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:999px;padding:6px 12px 6px 6px;font-size:13px;transition:all .35s}
.sb-p i{width:22px;height:22px;border-radius:50%;background:var(--porcelain,#eee);display:grid;place-items:center;font:600 10px/1 var(--body);font-style:normal;color:var(--ink-soft)}
.sb-p.on{background:var(--brass-btn);border-color:var(--brass-btn);color:#fff}
.sb-p.on i{background:#fff;color:var(--brass-btn)}
.sb-why{flex-basis:100%;font-size:13px;color:var(--ink-soft);min-height:1.3em}
.sb-why.on{color:var(--ink)}
.sb-metric{margin-top:16px;border-top:1px solid var(--line);padding-top:12px}
.sb-metric span{display:block;font-size:12.5px;color:var(--ink-soft)}
.sb-metric b{display:block;font:600 30px/1.1 var(--display);letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.sb-metric em{font-style:normal;font-size:12.5px;color:var(--petrol);font-weight:600;opacity:0;transition:opacity .4s}
.sb-metric em.show{opacity:1}
.sb-foot{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:12px 16px 14px;border-top:1px solid var(--line);font-size:12.5px;color:var(--ink-soft)}
.sb-leg{display:flex;flex-wrap:wrap;gap:14px}
.sb-leg span::before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:6px;background:var(--live)}
.sb-leg span.a::before{background:var(--brass-btn)}
.sb-ctl{display:flex;gap:6px}
.sb-ctl button{border:1px solid var(--line);background:#fff;border-radius:999px;padding:6px 12px;font:500 12.5px/1 var(--body);color:var(--ink);cursor:pointer}
.sb-ctl button:focus-visible{outline:2px solid var(--petrol);outline-offset:2px}
@media (max-width:1100px){.sb-grid{grid-template-columns:1fr 1fr}.sb-os{grid-column:1/-1;order:-1}}
@media (max-width:700px){.sb-grid{grid-template-columns:1fr}.sb-fns{grid-template-columns:1fr}.sb-now{grid-template-columns:auto 1fr}.sb-now>div:last-child{grid-column:1/-1}.sb-dots{justify-content:flex-start}.sb-step{text-align:left}}
@media (max-width:420px){.sb-tiles{grid-template-columns:1fr 1fr}.sb-t{font-size:12.5px}}