/* Xtreme: light blue surfaces, white cards, and readable blue text. */
:root {
  --ink: #193d59;
  --muted: #59758a;
  --accent: #236b9e;
  --green: var(--accent);
  --light: #e7f3ff;
  --paper: #f5faff;
  --border: #d2e3ef;
  --primary-bg: #cce8ff;
  --primary-hover: #b5dcfa;
  --primary-border: #9fc9e9;
  --primary-ink: #174d73;
}

.sidebar, .auth-art { background: #e6f3ff; }
.brand-icon { background: var(--accent); }
.avatar, .followup-bell:not(.has-unread) #followup-count { background: #d4eaff; }
.dot { background: #438dc2; }
.nav button.active,
button.primary, .primary,
.date-choice.selected,
.stat.featured {
  background: var(--primary-bg);
  color: var(--primary-ink);
  border-color: var(--primary-border);
}
button.primary:hover, .primary:hover,
.nav button.active:hover,
.date-choice.selected:hover { background: var(--primary-hover); }
.stat.featured .label, .stat.featured small,
.date-choice.selected small { color: #3c6381; }
input:focus, select:focus, textarea:focus, button:focus-visible { outline-color: #86bde6; }
.tag, .segmented button.active, .signature-pad, .dryer-handover { border-color: var(--primary-border); }
.list-heading, .keypad button { background: #f0f7ff; }
.outlet-row:hover, .keypad button:hover { background: #e5f2ff; }
.order, .arrow { color: #617e96; }
.week-day .bar { background: #dbeaf5; }
.week-day .bar span { background: #64a5d5; }
.badge.completed, .badge.collected, .calendar-case.done { background: #e0f0ff; color: #225d88; }
.badge.cancelled, .badge.skipped { background: #edf2f6; color: #647889; }
.auth-art p { color: var(--muted); }
.fold-art span { background: #c5e3fb; border-color: #93bfe0; box-shadow: 0 22px 28px #1d547012; }
.fold-art span:nth-child(2) { background: #fff; border-color: #fff; }
.fold-art span:nth-child(3) { background: #98cbf0; border-color: #98cbf0; }
#toast:not(.error) { background: #214f71; }
.modal-backdrop { background: #193d5980; }
.towel-photo-backdrop { background: rgba(12, 30, 47, .88); }
.towel-camera-backdrop { background: rgba(19, 44, 64, .8); }
.towel-camera video { background: #172d3e; }
button.visible-back { box-shadow: 0 3px 8px #193d5914; }
button.visible-back:hover { background: #d4eaff; }

.dryer-extra,
.group-pack-choice,
.group-confirm-list li,
.wash-picker-photo,
.wash-process,
.batch-outlets > div,
.wash-photos img,
.car-combine-bar,
.car-counts,
.car-mix-options,
.wash-picker-selected,
.packed-customer,
.complaint-stats > div,
.complaint-change { background: #edf6ff; }
.wash-process input:disabled, .wash-process select:disabled { background: #e4edf5; }
.complaint-cell.outside { background: #f1f6fa; color: var(--muted); }
.packer-delivery:not(.due-now) { background: #e1f0ff; color: #225d88; }
.wash-submit-actions .wash-continue {
  background: var(--primary-bg);
  border-color: var(--primary-border);
  color: var(--primary-ink);
}
.wash-submit-actions .wash-continue:hover {
  background: var(--primary-hover);
  border-color: #80b6de;
}

/* Pending, overdue, missing, and error colours retain their operational meaning. */
:root .storage-summary{margin-top:24px}