/* Customer summary — scoped styles for the owner daily table only. Loaded solely by
   customer-summary.html. Read-only; no editing, no charts. */

.page--wide { max-width: 820px; }

.cs-head { margin-bottom: 14px; }
.cs-head h1 { font-size: 20px; font-weight: 600; margin: 0 0 4px; }
.cs-head p { color: var(--text-secondary); font-size: 14px; margin: 0; }

.cs-controls { display: flex; align-items: center; gap: 8px; margin-bottom: 14px; }
.cs-controls label { font-size: 13px; color: var(--text-secondary); }
.cs-seg button { font-size: 14px; }
.cs-seg button.on { background: var(--text-primary); color: #fff; border-color: var(--text-primary); }

.cs-table-wrap { overflow-x: auto; }
table.cs-table { border-collapse: collapse; width: 100%; font-size: 14px; }
.cs-table th, .cs-table td { padding: 8px 10px; text-align: right; white-space: nowrap; border-bottom: 0.5px solid var(--border); }
.cs-table th:first-child, .cs-table td:first-child { text-align: left; }
.cs-table thead th { color: var(--text-secondary); font-weight: 600; border-bottom: 1px solid var(--border-strong); }
.cs-table .num { font-variant-numeric: tabular-nums; }
.cs-table tr.cs-totals td { font-weight: 700; border-top: 1px solid var(--border-strong); border-bottom: none; }
.cs-table .cs-auto-flag { color: var(--warning-text); }
.cs-empty { color: var(--text-secondary); padding: 20px 4px; }
.cs-pct { color: var(--accent-text); }