/* Scores preview page (owner only) */
.sc-t td, .sc-t th { white-space: nowrap; }
.sc-t small { color: var(--muted); font-weight: 600; margin-left: 1px; }
.sc-score { display: inline-block; min-width: 38px; text-align: center; font: 800 16px var(--f-display); padding: 2px 8px; border-radius: 999px; background: var(--accent-soft); color: var(--accent); }
.sc-score.good { background: var(--good-soft); color: var(--good); }
.sc-score.warn { background: var(--warn-soft); color: var(--warn); }
.sc-score.bad { background: var(--due-soft); color: var(--due); }
.sc-up { color: var(--good); font-weight: 700; }
.sc-dn { color: var(--due); font-weight: 700; }
.sc-detail td { background: var(--accent-soft); white-space: normal; }
.sc-dg { display: grid; grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)); gap: 14px; font-size: 13px; line-height: 1.45; }
.sc-ctl { display: flex; flex-wrap: wrap; gap: 14px; align-items: flex-end; }
.sc-in { display: grid; gap: 4px; font-size: 13px; font-weight: 700; color: var(--muted); }
.sc-in input[type="number"] { width: 110px; padding: 7px 9px; border: 1px solid var(--line); border-radius: 8px; background: var(--surface); color: var(--ink); font: inherit; }
.sc-bars { display: grid; gap: 14px; margin-top: 14px; }
.sc-bar { display: grid; grid-template-columns: 90px 1fr; gap: 4px 12px; align-items: center; }
.sc-bn { font-weight: 700; }
.sc-bt { display: grid; gap: 4px; }
.sc-b { min-width: 34px; border-radius: 6px; padding: 3px 8px; font-size: 12.5px; font-weight: 700; color: #fff; white-space: nowrap; }
.sc-b.now { background: var(--muted); }
.sc-b.sim { background: var(--accent); }
.sc-bp { grid-column: 2; }
@media (max-width: 560px) { .sc-bar { grid-template-columns: 1fr; } .sc-bp { grid-column: 1; } }