/* Shared material palette, with Race Day layout and component treatment below. */
html:is([data-experience=raceday], [data-experience=workspace]) {
  --rd-panel: linear-gradient(145deg, #ffffff9e, #ffffff52);
  --rd-control: linear-gradient(155deg, #ffffffe0, #ffffff66);
  --rd-table: #ffffffa8;
  --rd-stroke: #ffffffc2;
  --rd-rule: #38516913;
  --rd-shadow: 0 8px 28px #243f5910, inset 0 1px 0 #ffffffd9;
  --rd-muted: #5c6c7d;
  --ink: #1c2c3b;
  --muted: #5c6c7d;
  --accent: #216c85;
  --positive: #207653;
  --negative: #b44154;
}
html:is([data-experience=raceday], [data-experience=workspace])[data-theme=dark] {
  --rd-panel: linear-gradient(145deg, #344b6269, #202f456b);
  --rd-control: linear-gradient(155deg, #829fb544, #25374b8c);
  --rd-table: #172738cf;
  --rd-stroke: #c5e1f42c;
  --rd-rule: #d7ecff12;
  --rd-shadow: 0 8px 28px #00000024, inset 0 1px 0 #ffffff1c;
  --rd-muted: #a8bccc;
  --ink: #edf5fc;
  --muted: #a8bccc;
  --accent: #97e1ed;
  --positive: #8be1b6;
  --negative: #ff9eac;
}
html[data-experience=raceday] body {
  padding: 20px;
  background: radial-gradient(ellipse at 0% 4%, #acd4de 0%, transparent 50%),
    radial-gradient(ellipse at 100% 0%, #b7c9ee 0%, transparent 49%),
    radial-gradient(ellipse at 77% 105%, #e8d6c9 0%, transparent 44%),
    radial-gradient(ellipse at 5% 100%, #c4e1da 0%, transparent 45%), #e8edf3;
}
html[data-experience=raceday][data-theme=dark] body {
  background: radial-gradient(ellipse at 0% 0%, #1e4d5b 0%, transparent 54%),
    radial-gradient(ellipse at 100% 0%, #313d6b 0%, transparent 51%),
    radial-gradient(ellipse at 80% 100%, #3d3b49 0%, transparent 48%), #0e1925;
}
html[data-experience=raceday] .app-shell {
  isolation: isolate;
  border-radius: 28px;
  border: 1px solid var(--rd-stroke);
  background: #eff6fb52;
  box-shadow: 0 24px 80px #1d354922, 0 2px 9px #223d4f08, inset 0 1px 0 #ffffffb3;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}
html[data-experience=raceday][data-theme=dark] .app-shell { background: #14233666; }
html[data-experience=raceday] .app-shell .main-column { position: relative; background: transparent; }
html[data-experience=raceday] .app-shell .topbar {
  min-height: 102px;
  padding: 22px 30px;
  background: linear-gradient(#ffffff24, #ffffff05);
  border-bottom: 1px solid var(--rd-stroke);
}
html[data-experience=raceday] .app-shell .page-heading { gap: 14px; }
html[data-experience=raceday] .app-shell .page-heading h1 {
  display: flex;
  align-items: center;
  gap: 9px;
  font-size: 18px;
  letter-spacing: -.6px;
  font-weight: 650;
}
html[data-experience=raceday] .app-shell .page-heading h1::before {
  content: '';
  width: 26px;
  height: 26px;
  background: url('/brand/rsp-mark-light.svg') center / contain no-repeat;
}
html[data-experience=raceday][data-theme=dark] .app-shell .page-heading h1::before { background-image: url('/brand/rsp-mark.svg'); }
html[data-experience=raceday] .app-shell .page-heading p {
  margin: 3px 0 0 35px;
  font-size: 10px;
  letter-spacing: 1.1px;
  text-transform: uppercase;
  color: var(--rd-muted);
}
html[data-experience=raceday] .app-shell :is(.icon-btn, .experience-toggle, .timeline-toggle, .day-picker select) {
  isolation: isolate;
  overflow: hidden;
  background: var(--rd-control);
  border: 1px solid var(--rd-stroke);
  box-shadow: var(--rd-shadow);
  backdrop-filter: blur(24px) saturate(160%);
  -webkit-backdrop-filter: blur(24px) saturate(160%);
}
html[data-experience=raceday] .app-shell .icon-btn { width: 40px; height: 40px; border-radius: 50%; }
html[data-experience=raceday] .app-shell .experience-toggle { border-radius: 999px; padding: 4px; gap: 0; }
html[data-experience=raceday] .app-shell .experience-toggle button { border-radius: 999px; padding: 8px 14px; color: var(--rd-muted); }
html[data-experience=raceday] .app-shell .experience-toggle button[aria-pressed=true] {
  background: linear-gradient(150deg, #ffffffed, #ffffff83);
  box-shadow: 0 2px 7px #294c6020, inset 0 1px 0 #fff;
  color: #243a4b;
}
html[data-experience=raceday][data-theme=dark] .app-shell .experience-toggle button[aria-pressed=true] {
  background: linear-gradient(150deg, #b7d5ea4d, #7c9db933);
  box-shadow: 0 2px 7px #0003, inset 0 1px 0 #ffffff35;
  color: var(--ink);
}
html[data-experience=raceday] .app-shell .timeline-bar {
  position: absolute;
  z-index: 2;
  top: 20px;
  left: 50%;
  transform: translateX(-50%);
  padding: 0;
  width: 320px;
  border: 0;
  display: block;
  background: none;
}
html[data-experience=raceday] .app-shell .timeline-toggle { width: 100%; border-radius: 999px; padding: 5px; gap: 0; }
html[data-experience=raceday] .app-shell .timeline-toggle button { text-align: center; border-radius: 999px; min-width: 0; padding: 10px 18px; }
html[data-experience=raceday] .app-shell .timeline-toggle button span { font-size: 13px; font-weight: 600; letter-spacing: -.15px; }
html[data-experience=raceday] .app-shell .timeline-toggle button small { display: none; }
html[data-experience=raceday] .app-shell .timeline-toggle button.active {
  background: linear-gradient(150deg, #fffffff2, #ffffff88);
  box-shadow: 0 3px 9px #3452661c, inset 0 1px 0 #fff;
  border-color: #ffffffb3;
}
html[data-experience=raceday][data-theme=dark] .app-shell .timeline-toggle button.active {
  background: linear-gradient(150deg, #bdddec55, #86b4cd28);
  border-color: #ffffff29;
  box-shadow: 0 3px 9px #0002, inset 0 1px 0 #ffffff2a;
}
html[data-experience=raceday] .app-shell .timeline-toggle button.active span { color: var(--ink); }
html[data-experience=raceday] .app-shell .timeline-toggle i { border-radius: 999px; padding: 2px 6px; color: var(--accent); background: #46899b14; }
html[data-experience=raceday] .app-shell .timeline-sync {
  display: block;
  width: 100%;
  text-align: center;
  margin-top: 6px;
  font-size: 10px;
  color: var(--rd-muted);
}
html[data-experience=raceday] .app-shell:not(.filters-hidden) .timeline-bar {
  position: static; transform: none; width: 100%; padding: 14px 30px 0;
}
html[data-experience=raceday] .app-shell:not(.filters-hidden) .timeline-toggle { max-width: 320px; }
html[data-experience=raceday] .app-shell:not(.filters-hidden) .timeline-sync { text-align: left; padding-left: 15px; }
html[data-experience=raceday] .app-shell #main-content {
  display: flex;
  flex-direction: column;
  padding: 26px 34px 22px;
  scroll-padding-top: 20px;
}
html[data-experience=raceday] .app-shell .raceday-heading { order: 0; flex-shrink: 0; padding: 8px 0 26px; }
html[data-experience=raceday] .app-shell .raceday-heading .eyebrow { display: none; }
html[data-experience=raceday] .app-shell .raceday-heading h2 { margin: 0 0 8px; font-size: clamp(30px, 2.7vw, 42px); font-weight: 600; letter-spacing: -1.5px; line-height: 1.14; }
html[data-experience=raceday] .app-shell .raceday-heading p { font-size: 14px; color: var(--rd-muted); letter-spacing: -.1px; }
html[data-experience=raceday] .app-shell .day-picker { gap: 8px; color: var(--rd-muted); font-size: 11px; }
html[data-experience=raceday] .app-shell .day-picker select {
  appearance: none;
  -webkit-appearance: none;
  min-width: 198px;
  border-radius: 999px;
  padding: 13px 39px 13px 40px;
  font-size: 13px;
  font-weight: 550;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23647889' stroke-width='1.6'%3E%3Crect x='4' y='5' width='16' height='16' rx='4'/%3E%3Cpath d='M8 3v5m8-5v5M4 11h16'/%3E%3C/svg%3E"), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8' fill='none' stroke='%23647889' stroke-width='1.6'%3E%3Cpath d='m2 2 4 4 4-4'/%3E%3C/svg%3E"), var(--rd-control);
  background-size: 18px 18px, 11px 8px, auto;
  background-repeat: no-repeat;
  background-position: 15px center, right 15px center, center;
}
html[data-experience=raceday] .app-shell #shared-preset-bar {
  order: 1;
  flex-shrink: 0;
  margin: 0 0 24px;
  padding: 8px;
  background: var(--rd-panel);
  border: 1px solid var(--rd-stroke);
  border-radius: 21px;
  box-shadow: var(--rd-shadow);
  backdrop-filter: blur(22px) saturate(150%);
  -webkit-backdrop-filter: blur(22px) saturate(150%);
}
html[data-experience=raceday] .app-shell .quick-presets { gap: 5px; width: 100%; }
html[data-experience=raceday] .app-shell .preset-chip { min-height: 35px; padding: 8px 13px; border-radius: 999px; border: 1px solid transparent; background: transparent; font-size: 12px; color: var(--rd-muted); }
html[data-experience=raceday] .app-shell .preset-chip:hover { background: #ffffff6b; color: var(--ink); }
html[data-experience=raceday] .app-shell .preset-chip.active { background: linear-gradient(145deg, #e1f5f9, #c4e4ed); color: #185c73; border-color: #ffffffb5; box-shadow: 0 3px 9px #28607918, inset 0 1px 0 #ffffffe6; }
html[data-experience=raceday][data-theme=dark] .app-shell .preset-chip.active { background: linear-gradient(145deg, #6694ab66, #527d9255); color: #e5f8ff; border-color: #c2e8ff33; box-shadow: inset 0 1px 0 #ffffff24; }
html[data-experience=raceday][data-theme=dark] .app-shell .preset-chip:hover { background: #bad7ee14; }
html[data-experience=raceday] .app-shell #upcoming-view { order: 2; }
html[data-experience=raceday] .app-shell #explorer { order: 3; height: clamp(490px, calc(100vh - 390px), 650px); min-height: 490px; flex: 0 0 auto; }
html[data-experience=raceday] .app-shell #previous-imports { order: 4; flex-shrink: 0; margin: 18px 0 0; background: var(--rd-panel); border: 1px solid var(--rd-stroke); border-radius: 17px; box-shadow: var(--rd-shadow); }
html[data-experience=raceday] .app-shell #previous-imports summary { padding: 14px 18px; font-size: 12px; }
html[data-experience=raceday] .app-shell #previous-imports :is(.import-row, .pdf-card) { border-color: var(--rd-rule); }
html[data-experience=raceday] .app-shell :is(.kpis, .upcoming-kpis) { gap: 14px; padding: 0 0 24px; margin: 0; border: 0; }
html[data-experience=raceday] .app-shell :is(.kpi, .kpi:first-child, .upcoming-kpis > div) {
  position: relative;
  overflow: hidden;
  isolation: isolate;
  padding: 21px 23px;
  border-radius: 23px;
  border: 1px solid var(--rd-stroke);
  background: var(--rd-panel);
  box-shadow: var(--rd-shadow);
  backdrop-filter: blur(24px) saturate(140%);
  -webkit-backdrop-filter: blur(24px) saturate(140%);
}
html[data-experience=raceday] .app-shell :is(.kpi-label, .upcoming-kpis small) { font-size: 12px; font-weight: 500; text-transform: none; letter-spacing: -.1px; color: var(--rd-muted); }
html[data-experience=raceday] .app-shell :is(.kpi-number, .upcoming-kpis strong) { font-size: 36px; font-weight: 550; letter-spacing: -1.4px; line-height: 1.1; margin: 13px 0 10px; font-variant-numeric: tabular-nums; }
html[data-experience=raceday] .app-shell .kpi-sub { font-size: 11px; line-height: 1.5; color: var(--rd-muted); }
html[data-experience=raceday] .app-shell .selection-line { margin: 0 0 12px; min-height: 30px; }
html[data-experience=raceday] .app-shell .selection-name { gap: 9px; }
html[data-experience=raceday] .app-shell .selection-name strong { font-size: 15px; letter-spacing: -.3px; }
html[data-experience=raceday] .app-shell .selection-name .muted { font-size: 12px; }
html[data-experience=raceday] .app-shell .accounting { font-size: 11px; gap: 8px; }
html[data-experience=raceday] .app-shell .accounting select { border: 1px solid var(--rd-stroke); border-radius: 999px; padding: 7px 10px; background: var(--rd-control); font-size: 12px; }
html[data-experience=raceday] .app-shell .view-surface {
  border-radius: 20px;
  border: 1px solid var(--rd-stroke);
  background: var(--rd-table);
  box-shadow: 0 10px 30px #243f5909, inset 0 1px 0 #ffffff6b;
  overflow: hidden;
}
html[data-experience=raceday] .app-shell :is(.table-toolbar, .table-footer) { background: #f4f9fc66; border-color: var(--rd-rule); color: var(--rd-muted); padding: 12px 16px; font-size: 11px; }
html[data-experience=raceday] .app-shell .table-toolbar .small { font-size: 11px; }
html[data-experience=raceday] th { padding: 13px 14px; background: #edf4f8; color: #5a6c7e; font-size: 11px; font-weight: 550; border-color: var(--rd-rule); }
html[data-experience=raceday] td { border-color: var(--rd-rule); font-size: 12px; padding-inline: 14px; }
html[data-experience=raceday] td.num { font-variant-numeric: tabular-nums; }
html[data-experience=raceday] td.horse { font-weight: 600; }
html[data-experience=raceday] tbody tr:not(.pad):hover { background: #b5dbe42e; }
html[data-experience=raceday] .app-shell .pill { border-radius: 999px; font-size: 11px; padding: 4px 8px; }
html[data-experience=raceday] .app-shell .pill.place { background: #dceef9; color: #286287; }
html[data-experience=raceday] .app-shell .pill.win { background: #dcefe6; color: #216b4d; }
html[data-experience=raceday] .app-shell .table-scroll { min-height: 260px; }
html[data-experience=raceday][data-theme=dark] .app-shell :is(.table-toolbar, .table-footer) { background: #c1ddef06; }
html[data-experience=raceday][data-theme=dark] th { background: #23374b; color: #b4c6d5; }
html[data-experience=raceday][data-theme=dark] .app-shell .pill.place { background: #27527166; color: #b1dcff; }
html[data-experience=raceday][data-theme=dark] .app-shell .pill.win { background: #295b456b; color: #9de4bc; }
html[data-experience=raceday] .app-shell .journal-workspace-bar { padding: 0 0 13px; margin: 0 0 24px; background: none; border-color: var(--rd-rule); }
html[data-experience=raceday] .app-shell .journal-tabs { gap: 5px; }
html[data-experience=raceday] .app-shell .journal-tabs button { border-radius: 999px; padding: 9px 16px; background: transparent; border-bottom: 0; font-size: 12px; color: var(--rd-muted); }
html[data-experience=raceday] .app-shell .journal-tabs button[aria-pressed=true] { background: var(--rd-control); box-shadow: var(--rd-shadow); color: var(--ink); }
html[data-experience=raceday] .app-shell .journal-tabs b { border-radius: 999px; background: #7c99ab15; }
html[data-experience=raceday] .app-shell .upcoming-selection { margin: 0 0 20px; gap: 18px; }
html[data-experience=raceday] .app-shell .upcoming-selection h2 { margin: 0; font-size: 18px; font-weight: 600; }
html[data-experience=raceday] .app-shell :is(.upcoming-selection-controls select, .btn, .journal-filter-row input, .journal-filter-row select) { border: 1px solid var(--rd-stroke); border-radius: 999px; padding: 10px 15px; background: var(--rd-control); box-shadow: var(--rd-shadow); font-size: 12px; }
html[data-experience=raceday] .app-shell .btn.primary { background: linear-gradient(145deg, #3d8b9e, #286b82); color: #fff; border-color: #a6d8e4; box-shadow: 0 5px 16px #286b8220, inset 0 1px 0 #ffffff45; }
html[data-experience=raceday][data-theme=dark] .app-shell .btn.primary { background: linear-gradient(145deg, #78c8d8, #59a6bd); color: #102a39; border-color: #b5e8f366; }
html[data-experience=raceday] .app-shell .upcoming-table-tools { margin: 0 0 15px; font-size: 12px; }
html[data-experience=raceday] .app-shell .upcoming-empty { padding: 44px 24px; font-size: 13px; }
html[data-experience=raceday] .app-shell .upcoming-empty strong { font-size: 20px; letter-spacing: -.5px; font-weight: 550; }
html[data-experience=raceday] .app-shell .upcoming-progress { margin: 0 0 22px; padding: 15px 18px; background: #f2faff6b; border: 1px solid var(--rd-stroke); border-radius: 17px; color: var(--rd-muted); font-size: 12px; line-height: 1.8; box-shadow: var(--rd-shadow); }
html[data-experience=raceday][data-theme=dark] .app-shell .upcoming-progress { background: #283e526b; }
html[data-experience=raceday] .app-shell .journal-card { background: var(--rd-table); border: 1px solid var(--rd-stroke); border-radius: 20px; box-shadow: var(--rd-shadow); }
html[data-experience=raceday] .app-shell .statusline { background: #ffffff29; border-top: 1px solid var(--rd-stroke); padding: 11px 30px; font-size: 10px; color: var(--rd-muted); }
html[data-experience=raceday] .app-shell .sidebar { background: #f2f8fbbd; border-color: var(--rd-stroke); backdrop-filter: blur(40px) saturate(140%); -webkit-backdrop-filter: blur(40px) saturate(140%); }
html[data-experience=raceday][data-theme=dark] .app-shell .sidebar { background: #192c41ed; }
html[data-experience=raceday] .app-shell :is(.filter-group, .sidebar-footer) { border-color: var(--rd-rule); }
html[data-experience=raceday] :is(dialog, .tool-dialog) { border: 1px solid var(--rd-stroke); background: #f5f9fcf5; box-shadow: 0 24px 90px #16334833, inset 0 1px 0 #fff; border-radius: 24px; }
html[data-experience=raceday][data-theme=dark] :is(dialog, .tool-dialog) { background: #1d3045fa; }
html[data-experience=raceday] dialog::backdrop { background: #1e344b38; backdrop-filter: blur(7px); -webkit-backdrop-filter: blur(7px); }
@media (prefers-reduced-motion: no-preference) {
  html[data-experience=raceday] .app-shell :is(.preset-chip, .timeline-toggle button, .experience-toggle button, .icon-btn) { transition: background .18s ease, box-shadow .18s ease, color .18s ease; }
}
@media (max-width: 1180px) {
  html[data-experience=raceday] .app-shell .timeline-bar { position: static; transform: none; width: 100%; padding: 12px 30px 0; display: flex; align-items: center; }
  html[data-experience=raceday] .app-shell .timeline-toggle { max-width: 330px; }
  html[data-experience=raceday] .app-shell .timeline-sync { width: auto; margin: 0; white-space: nowrap; }
  html[data-experience=raceday] .app-shell .topbar { min-height: 84px; }
  html[data-experience=raceday] .app-shell :is(.kpis, .upcoming-kpis) { gap: 10px; }
  html[data-experience=raceday] .app-shell :is(.kpi, .kpi:first-child, .upcoming-kpis > div) { padding: 18px; }
}
@media (max-width: 1050px) {
  html[data-experience=raceday] .app-shell #explorer { height: 650px; min-height: 650px; }
  html[data-experience=raceday] .app-shell :is(.kpis, .upcoming-kpis) { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 720px) {
  html[data-experience=raceday] body { padding: 0; }
  html[data-experience=raceday] .app-shell { border-radius: 0; border: 0; }
  html[data-experience=raceday] .app-shell .topbar { padding: 16px 14px; gap: 12px; min-height: 82px; }
  html[data-experience=raceday] .app-shell .page-heading { gap: 8px; }
  html[data-experience=raceday] .app-shell .page-heading h1 { font-size: 15px; gap: 0; }
  html[data-experience=raceday] .app-shell .page-heading h1::before { display: none; }
  html[data-experience=raceday] .app-shell .page-heading p { margin-left: 0; font-size: 9px; letter-spacing: .7px; }
  html[data-experience=raceday] .app-shell .icon-btn { width: 34px; height: 34px; }
  html[data-experience=raceday] .app-shell .header-tools { gap: 6px; }
  html[data-experience=raceday] .app-shell .experience-toggle { padding: 3px; }
  html[data-experience=raceday] .app-shell .experience-toggle button { padding: 7px 9px; font-size: 11px; }
  html[data-experience=raceday] .app-shell .timeline-bar,
  html[data-experience=raceday] .app-shell:not(.filters-hidden) .timeline-bar { padding: 7px 14px 0; display: block; }
  html[data-experience=raceday] .app-shell .timeline-toggle { max-width: none; padding: 4px; }
  html[data-experience=raceday] .app-shell .timeline-toggle button { padding: 11px 14px; }
  html[data-experience=raceday] .app-shell .timeline-sync { display: none; }
  html[data-experience=raceday] .app-shell #main-content { padding: 24px 14px 18px; }
  html[data-experience=raceday] .app-shell .raceday-heading { gap: 20px; padding: 0 2px 22px; }
  html[data-experience=raceday] .app-shell .raceday-heading h2 { font-size: 31px; letter-spacing: -1.1px; }
  html[data-experience=raceday] .app-shell .raceday-heading p { font-size: 13px; }
  html[data-experience=raceday] .app-shell .day-picker { width: 100%; gap: 16px; }
  html[data-experience=raceday] .app-shell .day-picker select { min-width: 185px; padding-block: 11px; }
  html[data-experience=raceday] .app-shell #shared-preset-bar { border-radius: 20px; padding: 7px; margin-bottom: 20px; }
  html[data-experience=raceday] .app-shell .quick-presets { gap: 4px; }
  html[data-experience=raceday] .app-shell .preset-chip { min-height: 32px; padding: 7px 10px; font-size: 11px; }
  html[data-experience=raceday] .app-shell :is(.kpis, .upcoming-kpis) { gap: 10px; padding-bottom: 20px; }
  html[data-experience=raceday] .app-shell :is(.kpi, .kpi:first-child, .upcoming-kpis > div) { border-radius: 20px; padding: 17px 15px; }
  html[data-experience=raceday] .app-shell :is(.kpi-label, .upcoming-kpis small) { font-size: 11px; }
  html[data-experience=raceday] .app-shell :is(.kpi-number, .upcoming-kpis strong) { font-size: 31px; margin-top: 11px; }
  html[data-experience=raceday] .app-shell .kpi-sub { font-size: 10px; }
  html[data-experience=raceday] .app-shell .upcoming-selection { gap: 14px; margin-bottom: 20px; }
  html[data-experience=raceday] .app-shell .journal-tabs button { padding: 9px 13px; }
  html[data-experience=raceday] .app-shell :is(.table-toolbar, .table-footer) { font-size: 10px; }
  html[data-experience=raceday] .app-shell .statusline { padding: 9px 15px; font-size: 10px; line-height: 1.6; }
}
@media (prefers-reduced-transparency: reduce) {
  html:is([data-experience=raceday], [data-experience=workspace]) { --rd-panel: #eef5f8; --rd-control: #fff; --rd-table: #fff; }
  html:is([data-experience=raceday], [data-experience=workspace])[data-theme=dark] { --rd-panel: #23374a; --rd-control: #304b61; --rd-table: #1b2d40; }
  html[data-experience=raceday] .app-shell { background: #e7f0f5; }
  html[data-experience=raceday][data-theme=dark] .app-shell { background: #162839; }
  html[data-experience=raceday] :is(.app-shell, .icon-btn, .experience-toggle, .timeline-toggle, .day-picker select, #shared-preset-bar, .kpi, .upcoming-kpis > div, .sidebar, dialog::backdrop) { backdrop-filter: none; -webkit-backdrop-filter: none; }
}
@supports not (backdrop-filter: blur(1px)) {
  html:is([data-experience=raceday], [data-experience=workspace]) { --rd-panel: #edf5f9; --rd-table: #fff; }
  html:is([data-experience=raceday], [data-experience=workspace])[data-theme=dark] { --rd-panel: #263b50; --rd-table: #192c40; }
}
@media (forced-colors: active) {
  html[data-experience=raceday] :is(.app-shell, .preset-chip, .timeline-toggle, .timeline-toggle button, .icon-btn, .experience-toggle, .day-picker select, .kpi, .upcoming-kpis > div, .view-surface) { background: Canvas; color: CanvasText; border: 1px solid CanvasText; box-shadow: none; backdrop-filter: none; }
  html[data-experience=raceday] .app-shell :is(.preset-chip.active, button[aria-pressed=true]) { outline: 2px solid Highlight; }
}
@media print {
  html[data-experience=raceday] body { background: white; }
  html[data-experience=raceday] :is(.app-shell, .main-column, .kpi, .view-surface) { background: white; backdrop-filter: none; box-shadow: none; }
  html[data-experience=raceday] .app-shell .timeline-bar { position: static; transform: none; }
}

/* Clip material layers to their shapes, including WebKit compositing layers. */
html[data-experience=raceday] .app-shell :is(.experience-toggle, .timeline-toggle, .day-picker select) { clip-path: inset(0 round 999px); }
html[data-experience=raceday] .app-shell .icon-btn { clip-path: circle(50%); }
html[data-experience=raceday] .app-shell #shared-preset-bar { clip-path: inset(0 round 21px); }
html[data-experience=raceday] .app-shell :is(.kpi, .upcoming-kpis > div) { clip-path: inset(0 round 23px); }
html[data-experience=raceday] .app-shell :is(.raceday-heading, .selection-line) { position: relative; z-index: 1; }