/* Session — warm identity over the shared soft-UI system.
   Palette from the Ancient Time reference: bone and warm greys for the
   surfaces, deep warm ink, and a single cinnabar accent (the rising-sun
   red) doing the work teal does in Physo. Geometry, shadows and layout
   are inherited from ../emr/style.css unchanged. */
:root {
  --bg: #EDE7DE; --card: #FDFCF9; --ink: #26221C; --ink-soft: #7C7266;
  --line: rgba(38,34,28,.07); --well: #F1EBE2;
  --teal: #B8432C; --teal-soft: #F6E4DC; --coral: #D9442C;
  --amber: #8A6A1F; --amber-soft: #F4ECD9; --green: #4C7A3F; --green-soft: #E9EFDF;
  --shadow: 0 1px 2px rgba(38,34,28,.04), 0 12px 28px rgba(38,34,28,.09),
            inset 0 1px 0 rgba(255,255,255,.9);
  --raise: 0 1px 2px rgba(38,34,28,.07), 0 4px 12px rgba(38,34,28,.08),
           inset 0 1px 0 rgba(255,255,255,.95);
  --inset: inset 0 1.5px 4px rgba(38,34,28,.09), inset 0 -1px 0 rgba(255,255,255,.75);
}
/* The base sheet hardcodes its teal gradients — repaint them cinnabar. */
header.top { background: linear-gradient(var(--bg) 78%, rgba(237,231,222,0)); }
nav.tabs { background: rgba(251,248,243,.78); border-top-color: rgba(255,255,255,.7);
           box-shadow: 0 -8px 24px rgba(38,34,28,.06); }
.card, .stat, .pcard, .install-bar { background: linear-gradient(180deg, #FFFDFA, #F9F6F0);
        border-color: rgba(255,255,255,.65); }
.btn-teal, .cal-day.sel, .rchip.on, .fab, .msg {
  background: linear-gradient(180deg, #C74A2F, #A93A22); }
.btn-teal { box-shadow: 0 1px 2px rgba(169,58,34,.35), 0 5px 14px rgba(169,58,34,.28),
            inset 0 1px 0 rgba(255,255,255,.22); }
.cal-day.sel { box-shadow: 0 4px 10px rgba(169,58,34,.3); }
.rchip.on { box-shadow: 0 4px 10px rgba(169,58,34,.3), inset 0 1px 0 rgba(255,255,255,.25); }
.fab { box-shadow: 0 10px 26px rgba(169,58,34,.42), inset 0 1px 0 rgba(255,255,255,.25); }
.msg { box-shadow: 0 2px 8px rgba(169,58,34,.22); }
.msg a { color: #FFD9CC; }
.btn-coral { background: linear-gradient(180deg, #E0603F, #C74A2F);
             box-shadow: 0 4px 12px rgba(199,74,47,.3), inset 0 1px 0 rgba(255,255,255,.25); }
.btn-line, .cal-nav, .slot-row { background: linear-gradient(180deg, #FFFDFA, #F5F1EA); }
.seg button.on { background: linear-gradient(180deg, #FFFDFA, #F8F5EF); }
.inp:focus { box-shadow: 0 0 0 3px rgba(184,67,44,.14); border-color: var(--teal); }
.appt-card, .pk-row, .ex-row { background: #F4EFE7; }
.appt-card:active, .pk-row:active, .ex-row:active { background: #EDE6DB; }
.msg.them { background: #F4EFE7; }
.week-band .wb-body .appt-card { background: #F4EFE7; }
.week-band:nth-child(1) { background: #FBF8F3; }
.week-band:nth-child(2) { background: #F4EFE7; }
.week-band:nth-child(3) { background: #EDE7DC; }
.week-band:nth-child(4) { background: #E5DED1; }
.week-band:nth-child(5) { background: #DED6C7; }
.week-band:nth-child(6) { background: #D6CDBC; }
.week-band.open { background: #fff; }
.adh-dot { background: #E0D9CC; }
/* Splash: the six photographs are already monochrome — show them plain,
   under a slightly warmer scrim. */
.sp-bg { filter: contrast(1.03); }
.sp-scrim { background: linear-gradient(rgba(16,13,10,.7), rgba(16,13,10,.84)); }
.sp-btn { background: linear-gradient(180deg, #C74A2F, #A93A22); }
.sp-foot { color: #A79B8A; }