/* applyTheme maps light, pink, lilac and custom to data-theme="light".
   Keep foreground/background pairs together after the legacy device rules. */
html[data-theme="light"] body[data-theme="light"] {
  --light-ink: #172235;
  --light-muted: #435168;
  --light-surface: #ffffff;
  --light-tint: var(--rm-soft-panel, #edf6ff);
  --light-border: var(--rm-soft-border, #cad8e8);
  --light-selected: #1259b5;
  --light-nav-active-ink: #ffffff;
}
html[data-visual-theme="pink"] body[data-theme="light"] { --light-selected: #96265b; }
html[data-visual-theme="lilac"] body[data-theme="light"] { --light-selected: #624099; }

/* Transfer list surfaces must not inherit the translucent dark-theme fills. */
@media (min-width: 960px) {
  html[data-theme="light"] body[data-theme="light"] #moduleStoreTransfers :is(.transfer-list-search, .transfer-list-section, .transfer-request-card .meta > span) {
    background: var(--light-tint) !important;
    border-color: var(--light-border) !important;
    color: var(--light-ink) !important;
  }
  html[data-theme="light"] body[data-theme="light"] #moduleStoreTransfers :is(.transfer-list-search-clear, .transfer-request-card) {
    background: var(--light-surface) !important;
    border-color: var(--light-border) !important;
    color: var(--light-ink) !important;
  }
  html[data-theme="light"] body[data-theme="light"] #moduleStoreTransfers .transfer-list-search :is(svg, input) {
    color: var(--light-ink) !important;
    -webkit-text-fill-color: currentColor !important;
  }
  html[data-theme="light"] body[data-theme="light"] #moduleStoreTransfers .transfer-list-search:focus-within {
    outline: 2px solid var(--light-selected);
    outline-offset: 2px;
  }
  html[data-theme="light"] body[data-theme="light"] #moduleStoreTransfers .transfer-list-search input::placeholder {
    color: var(--light-muted) !important;
    -webkit-text-fill-color: var(--light-muted) !important;
    opacity: 1;
  }
  html[data-theme="light"] body[data-theme="light"] #moduleStoreTransfers :is(.transfer-list-search-clear:hover, .transfer-request-card:hover) {
    border-color: var(--light-selected) !important;
  }
}

/* Navigation labels and icons must share the selected button's foreground. */
html[data-theme="light"] body[data-theme="light"] #dashboardSection[data-dashboard-view] :is(.phone-ref-bottom, .racing-dashboard-bottom-nav, .tablet-ref-nav, .desktop-reference-nav) button {
  color: var(--light-ink) !important;
  -webkit-text-fill-color: currentColor !important;
  text-shadow: none !important;
}
html[data-theme="light"] body[data-theme="light"] #dashboardSection[data-dashboard-view] :is(.phone-ref-bottom, .racing-dashboard-bottom-nav, .tablet-ref-nav, .desktop-reference-nav) button :is(span, strong, small, b, i, svg) {
  color: inherit !important;
  -webkit-text-fill-color: currentColor !important;
  opacity: 1 !important;
}
html[data-theme="light"] body[data-theme="light"] #dashboardSection[data-dashboard-view] :is(.phone-ref-bottom, .racing-dashboard-bottom-nav, .tablet-ref-nav, .desktop-reference-nav) :is(button.active, button[aria-current="page"], .search, .search-action),
html[data-theme="light"] body[data-theme="light"] #dashboardSection[data-dashboard-view="home"] .phone-ref-bottom [data-phone-nav="home"],
html[data-theme="light"] body[data-theme="light"] #dashboardSection[data-dashboard-view="store"] .phone-ref-bottom [data-phone-nav="store"],
html[data-theme="light"] body[data-theme="light"] #dashboardSection[data-dashboard-view="hr"] .phone-ref-bottom [data-phone-nav="store"],
html[data-theme="light"] body[data-theme="light"] #dashboardSection[data-dashboard-view="schedule"] .phone-ref-bottom [data-phone-nav="schedule"],
html[data-theme="light"] body[data-theme="light"] #dashboardSection[data-dashboard-view="earnings"] .phone-ref-bottom [data-phone-nav="earnings"] {
  background: var(--light-selected) !important;
  border-color: var(--light-selected) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}
html[data-theme="light"] body[data-theme="light"] :is(
  #dashboardSection[data-dashboard-view="home"] .phone-ref-bottom [data-phone-nav="home"],
  #dashboardSection[data-dashboard-view="store"] .phone-ref-bottom [data-phone-nav="store"],
  #dashboardSection[data-dashboard-view="hr"] .phone-ref-bottom [data-phone-nav="store"],
  #dashboardSection[data-dashboard-view="schedule"] .phone-ref-bottom [data-phone-nav="schedule"],
  #dashboardSection[data-dashboard-view="earnings"] .phone-ref-bottom [data-phone-nav="earnings"],
  #dashboardSection[data-dashboard-view] :is(.phone-ref-bottom, .racing-dashboard-bottom-nav, .tablet-ref-nav, .desktop-reference-nav) :is(button.active, button[aria-current="page"], .search, .search-action)
) :is(span, strong, small, b, i, svg) {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  stroke: currentColor !important;
}

/* Team schedule: retain role colors on pale backgrounds, including totals. */
html[data-theme="light"] body[data-theme="light"] #dashboardSection[data-dashboard-view] :is(.phone-team-schedule-card, .phone-team-schedule-grid, .phone-team-legend) {
  background: var(--light-surface) !important;
  border-color: var(--light-border) !important;
  color: var(--light-ink) !important;
  -webkit-text-fill-color: currentColor !important;
}
html[data-theme="light"] body[data-theme="light"] #dashboardSection[data-dashboard-view] .phone-team-cell {
  background: var(--light-surface) !important;
  border-color: var(--light-border) !important;
  color: var(--light-ink) !important;
}
html[data-theme="light"] body[data-theme="light"] #dashboardSection[data-dashboard-view] .phone-team-cell.head {
  background: var(--light-tint) !important;
  color: var(--light-ink) !important;
  -webkit-text-fill-color: currentColor !important;
}
html[data-theme="light"] body[data-theme="light"] #dashboardSection[data-dashboard-view] :is(.phone-team-cell.head.active, .phone-team-total.active) {
  background: #dbeafe !important;
  color: #17468b !important;
}
html[data-theme="light"] body[data-theme="light"] #dashboardSection[data-dashboard-view] :is(.phone-team-member strong, .phone-team-total, .phone-team-legend span) {
  color: var(--light-ink) !important;
  -webkit-text-fill-color: currentColor !important;
}
html[data-theme="light"] body[data-theme="light"] #dashboardSection[data-dashboard-view] .phone-team-day-off {
  color: var(--light-muted) !important;
  -webkit-text-fill-color: currentColor !important;
}
html[data-theme="light"] body[data-theme="light"] #dashboardSection[data-dashboard-view] .phone-team-avatar {
  background: var(--light-tint) !important;
  color: var(--light-ink) !important;
}
html[data-theme="light"] body[data-theme="light"] #dashboardSection[data-dashboard-view] .phone-team-shift-chip {
  --shift-bg: #dbeafe;
  --shift-ink: #163f7a;
  --shift-line: #6b9fdc;
  width: 100% !important;
  background: var(--shift-bg) !important;
  border-color: var(--shift-line) !important;
  color: var(--shift-ink) !important;
  -webkit-text-fill-color: currentColor !important;
}
html[data-theme="light"] body[data-theme="light"] #dashboardSection[data-dashboard-view] .phone-team-shift-chip.manager { --shift-bg: #fee2e2; --shift-ink: #8b2020; --shift-line: #df8c8c; }
html[data-theme="light"] body[data-theme="light"] #dashboardSection[data-dashboard-view] :is(.phone-team-shift-chip.green, .phone-team-shift-chip.keyholder) { --shift-bg: #dcfce7; --shift-ink: #166534; --shift-line: #72b78b; }
html[data-theme="light"] body[data-theme="light"] #dashboardSection[data-dashboard-view] .phone-team-shift-chip.sales { --shift-bg: #fef3c7; --shift-ink: #713f12; --shift-line: #c6a34c; }
html[data-theme="light"] body[data-theme="light"] #dashboardSection[data-dashboard-view] .phone-team-shift-chip.top { --shift-bg: #cffafe; --shift-ink: #155e75; --shift-line: #55a7b9; }
html[data-theme="light"] body[data-theme="light"] #dashboardSection[data-dashboard-view] .phone-team-shift-chip.off { --shift-bg: #eef2f6; --shift-ink: #435168; --shift-line: #a8b6c7; }
html[data-theme="light"] body[data-theme="light"] #dashboardSection[data-dashboard-view] .phone-team-shift-chip span {
  color: inherit !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="light"] body[data-theme="light"] #dashboardSection[data-dashboard-view] .phone-ceo-country-btn {
  background: var(--light-surface) !important;
  border-color: #849ab5 !important;
  color: var(--light-ink) !important;
  box-shadow: none !important;
}
html[data-theme="light"] body[data-theme="light"] #dashboardSection[data-dashboard-view] .phone-ceo-country-btn.is-active {
  background: #dbeafe !important;
  border-color: var(--light-selected) !important;
  color: #17468b !important;
  box-shadow: 0 0 0 2px #ffffff, 0 0 0 3px var(--light-selected) !important;
}
html[data-theme="light"] body[data-theme="light"] #dashboardSection[data-dashboard-view] .phone-ceo-country-btn b {
  color: inherit !important;
  -webkit-text-fill-color: currentColor !important;
}

/* Filled controls use a solid accessible accent; pastel colors remain on surfaces. */
html[data-theme="light"] body[data-theme="light"] :is(.primary-btn, .enter-btn, .login-enter-btn, .theme-choice-btn.active),
html[data-theme="light"] body[data-theme="light"] #contentSection .primary-btn,
html[data-theme="light"] body[data-theme="light"] #dashboardSection[data-dashboard-view] :is(.phone-schedule-tabs button.active, .phone-earnings-tabs button.active, .phone-tabs button.active),
html[data-theme="light"] body[data-theme="light"] #rmTimeClockActiveOverlay :is(.rm-time-clock-break-type-option.active, .rm-time-clock-break-option.active, .rm-time-clock-break-action) {
  background: var(--light-selected) !important;
  border-color: var(--light-selected) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  text-shadow: none !important;
}
html[data-theme="light"] body[data-theme="light"] :is(.primary-btn, .enter-btn, .login-enter-btn, .theme-choice-btn.active) :is(span, strong, small, b, i, svg),
html[data-theme="light"] body[data-theme="light"] #contentSection .primary-btn :is(span, strong, small, b, i, svg),
html[data-theme="light"] body[data-theme="light"] #dashboardSection[data-dashboard-view] :is(.phone-schedule-tabs button.active, .phone-earnings-tabs button.active, .phone-tabs button.active) :is(span, strong, small, b, i, svg),
html[data-theme="light"] body[data-theme="light"] #rmTimeClockActiveOverlay :is(.rm-time-clock-break-type-option.active, .rm-time-clock-break-option.active, .rm-time-clock-break-action) :is(span, strong, small, b, i, svg) {
  color: #ffffff !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="light"] body[data-theme="light"] #dashboardSection[data-dashboard-view] :is(.phone-greeting p, .phone-location, .phone-page-head p, .phone-schedule-timeline-empty, .ceo-empty-state, .ceo-analytics-chip),
html[data-theme="light"] body[data-theme="light"] :is(#storeExpenseOverlay, #storeDepositEntryOverlay) .receipt-upload-note,
html[data-theme="light"] body[data-theme="light"] :is(#phoneCeoScheduledHoursOverlay, #phoneCeoTopItemsOverlay) :is(.phone-ceo-scheduled-empty, .phone-ceo-top-items-empty),
html[data-theme="light"] body[data-theme="light"] #ceoTimeClockReportPanel .ceo-timeclock-country-btn small {
  color: var(--light-muted) !important;
  -webkit-text-fill-color: currentColor !important;
  text-shadow: none !important;
}
html[data-theme="light"] body[data-theme="light"] #storeDepositsPeriCashOverlay .pericash-table th {
  color: var(--light-ink) !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="light"] body[data-theme="light"] #dashboardSection[data-dashboard-view] :is(.hr-dashboard-panel small, .ceo-analytics-chip),
html[data-theme="light"] body[data-theme="light"] :is(#storeExpenseOverlay, #storeDepositEntryOverlay) .receipt-drop-zone {
  background: var(--light-tint) !important;
  border-color: var(--light-border) !important;
  color: var(--light-ink) !important;
  -webkit-text-fill-color: currentColor !important;
}
html[data-theme="light"] body[data-theme="light"] #dashboardSection[data-dashboard-view] .ceo-period-toggle button.active,
html[data-theme="light"] body[data-theme="light"] #ceoTimeClockReportPanel .ceo-timeclock-country-btn.is-active {
  background: #dbeafe !important;
  border-color: #1259b5 !important;
  color: var(--light-ink) !important;
  -webkit-text-fill-color: currentColor !important;
}
html[data-theme="light"] body[data-theme="light"] #ceoTimeClockReportPanel .ceo-timeclock-country-btn.is-active :is(strong, small, span),
html[data-theme="light"] body[data-theme="light"] :is(#adminLoginUsersPanel, #adminStoreTrackerSection) .admin-login-user-stat-icon,
html[data-theme="light"] body[data-theme="light"] #dashboardSection[data-dashboard-view] :is(.phone-greeting p, .phone-location, .phone-page-head p, .ceo-analytics-title p) {
  color: var(--light-ink) !important;
  -webkit-text-fill-color: currentColor !important;
}
html[data-theme="light"] body[data-theme="light"] :is(#phoneCeoAllStoresOverlay, #phoneCeoCashSummaryOverlay, #phoneCeoFinancialSummaryOverlay, #phoneCeoAllHoursOverlay, #phoneCeoScheduledHoursOverlay, #phoneCeoTopItemsOverlay) :is(.phone-ceo-net-sales-panel, .phone-ceo-cash-summary-panel, .phone-ceo-financial-summary-panel, .phone-ceo-hours-alert-panel, .phone-ceo-scheduled-panel, .phone-ceo-top-items-panel) {
  background: var(--light-surface) !important;
  border-color: var(--light-border) !important;
}

html[data-theme="light"] body[data-theme="light"] .phone-schedule-request-overlay :is(.phone-schedule-availability-day abbr, .phone-schedule-availability-select, .phone-schedule-availability-choice, .phone-schedule-availability-menu, .phone-schedule-request-segment, .phone-schedule-availability-mode) {
  background: var(--light-tint) !important;
  border-color: var(--light-border) !important;
  color: var(--light-ink) !important;
  -webkit-text-fill-color: currentColor !important;
}
html[data-theme="light"] body[data-theme="light"] .phone-schedule-request-overlay :is(.phone-schedule-request-segment, .phone-schedule-availability-mode) button.active,
html[data-theme="light"] body[data-theme="light"] .phone-schedule-request-overlay :is(.phone-schedule-request-submit, .phone-schedule-availability-save) {
  background: var(--light-selected) !important;
  border-color: var(--light-selected) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}
html[data-theme="light"] body[data-theme="light"] .phone-schedule-request-overlay :is(.phone-schedule-request-segment, .phone-schedule-availability-mode) button.active *,
html[data-theme="light"] body[data-theme="light"] .phone-schedule-request-overlay :is(.phone-schedule-request-submit, .phone-schedule-availability-save) * {
  color: #ffffff !important;
  -webkit-text-fill-color: currentColor !important;
}
html[data-theme="light"] body[data-theme="light"] #contentSection .chip-btn.active {
  background: #dbeafe !important;
  color: #17468b !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="light"] body[data-theme="light"] :is(#dashboardSection[data-dashboard-view], #adminAccessView, .phone-shift-corrections-workspace, .phone-pto-workspace) .shift-corrections-panel .shift-corrections-refresh {
  background: var(--light-selected) !important;
  border-color: var(--light-selected) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}
html[data-theme="light"] body[data-theme="light"] :is(#dashboardSection[data-dashboard-view], #adminAccessView, .phone-shift-corrections-workspace, .phone-pto-workspace) .shift-corrections-panel .shift-correction-employee-avatar {
  background: #eaf5ff !important;
  color: #17468b !important;
  -webkit-text-fill-color: currentColor !important;
}
html[data-theme="light"] body[data-theme="light"] :is(#dashboardSection[data-dashboard-view], #adminAccessView, .phone-shift-corrections-workspace, .phone-pto-workspace) .shift-corrections-panel .shift-correction-bucket-button.manager-review :is(small, strong) {
  color: #785000 !important;
  -webkit-text-fill-color: currentColor !important;
}

/* Shared form controls retain readable colors even inside ID-scoped legacy themes. */
html[data-theme="light"] body[data-theme="light"] :is(#contentSection, #adminAccessView, #managerAccessView, #storeExpenseOverlay, #storeDepositEntryOverlay, #storeDepositsPeriCashOverlay, #announcementCenterOverlay, #requestSizeOverlay, #addToRestockOverlay, #adminLoginUserFormOverlay, #adminLoginStoreFormOverlay, #inventoryProjectionPanel) .primary-btn,
html[data-theme="light"] body[data-theme="light"] #settingsOverlay .theme-choice-btn.active {
  background: var(--light-selected) !important;
  border-color: var(--light-selected) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}
html[data-theme="light"] body[data-theme="light"] #settingsOverlay .theme-choice-btn.active :is(span, strong, small),
html[data-theme="light"] body[data-theme="light"] :is(#contentSection, #adminAccessView, #managerAccessView, #storeExpenseOverlay, #storeDepositEntryOverlay, #storeDepositsPeriCashOverlay, #announcementCenterOverlay, #requestSizeOverlay, #addToRestockOverlay) .primary-btn :is(span, strong, small) {
  color: #ffffff !important;
  -webkit-text-fill-color: currentColor !important;
}
html[data-theme="light"] body[data-theme="light"] :is(#contentSection, #adminAccessView, #managerAccessView, #storeExpenseOverlay, #storeDepositEntryOverlay, #storeDepositsPeriCashOverlay, #requestSizeOverlay, #addToRestockOverlay) :is(.field > label, .field-label-row > label, .subsection-title, .transfer-summary-card .label, .restock-modal-qty label),
html[data-theme="light"] body[data-theme="light"] #adminLoginUsersPanel :is(label, th),
html[data-theme="light"] body[data-theme="light"] #dashboardSection[data-dashboard-view] :is(.ceo-analytics-table th, .ceo-cash-on-hand-metric span, .hr-dashboard-panel small),
html[data-theme="light"] body[data-theme="light"] #rmTimeClockActiveOverlay .rm-time-clock-active-label {
  color: var(--light-ink) !important;
  -webkit-text-fill-color: currentColor !important;
}
html[data-theme="light"] body[data-theme="light"] #dashboardSection[data-dashboard-view]:not(.hide) .desktop-reference-view:not(.hide),
html[data-theme="light"] body[data-theme="light"] #dashboardSection[data-dashboard-view]:not(.hide) .desktop-reference-view .desktop-top-main {
  background: #f5f9ff !important;
}
html[data-theme="light"] body[data-theme="light"] #dashboardSection[data-dashboard-view]:not(.hide) .desktop-hr-view small,
html[data-theme="light"] body[data-theme="light"] #dashboardSection[data-dashboard-view]:not(.hide) .desktop-ceo-analytics-view th {
  color: var(--light-ink) !important;
  -webkit-text-fill-color: currentColor !important;
}
html[data-theme="light"] body[data-theme="light"] #addToRestockOverlay th {
  color: var(--light-ink) !important;
  -webkit-text-fill-color: currentColor !important;
}

/* The phone editor is a rotated workspace, not the employee calendar. */
@media (orientation: portrait) {
  html:is([data-device-class="phone"], [data-device-preview]) body #dashboardSection[data-dashboard-view="schedule"][data-schedule-mode="editor"] #dashboardScheduleView .manager-schedule-shell {
    grid-template-rows: 40px minmax(0, 1fr) !important;
  }
  html:is([data-device-class="phone"], [data-device-preview]) body #dashboardSection[data-dashboard-view="schedule"][data-schedule-mode="editor"] #dashboardScheduleView .manager-schedule-topbar {
    height: 40px !important;
    padding-bottom: 0 !important;
  }
  html:is([data-device-class="phone"], [data-device-preview]) body #dashboardSection[data-dashboard-view="schedule"][data-schedule-mode="editor"] #dashboardScheduleView :is(.manager-schedule-head, .manager-schedule-row, .manager-schedule-total-row) {
    grid-template-columns: 96px repeat(7, minmax(0, 1fr)) !important;
  }
  html:is([data-device-class="phone"], [data-device-preview]) body #dashboardSection[data-dashboard-view="schedule"][data-schedule-mode="editor"] #dashboardScheduleView .manager-schedule-row:not(.is-events-row) {
    min-height: 46px !important;
  }
  html:is([data-device-class="phone"], [data-device-preview]) body #dashboardSection[data-dashboard-view="schedule"][data-schedule-mode="editor"] #dashboardScheduleView :is(.manager-schedule-cell, .manager-schedule-employee) {
    min-height: 46px !important;
    padding: 2px 3px !important;
  }
}
@media (orientation: landscape) and (max-height: 500px) and (pointer: coarse) {
  html[data-theme="light"] body[data-theme="light"] #dashboardSection[data-dashboard-view="schedule"][data-schedule-mode="editor"] #dashboardScheduleView .manager-schedule-shell {
    height: 100dvh !important;
    min-height: 0 !important;
    margin: 0 !important;
    border-radius: 0 !important;
  }
  html[data-theme="light"] body[data-theme="light"] #dashboardSection[data-dashboard-view="schedule"][data-schedule-mode="editor"],
  html[data-theme="light"] body[data-theme="light"] #dashboardSection[data-dashboard-view="schedule"][data-schedule-mode="editor"] :is(.racing-dashboard-v3, #dashboardScheduleView) {
    position: fixed !important;
    inset: 0 !important;
    width: 100vw !important;
    height: 100dvh !important;
    min-height: 0 !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
    background: #f5f9ff !important;
    overflow: auto !important;
  }
}
html[data-theme="light"] body[data-theme="light"] #dashboardSection[data-dashboard-view="schedule"][data-schedule-mode="editor"] #dashboardScheduleView :is(.manager-schedule-store-select, .manager-schedule-store-mobile-picker, .manager-schedule-store-mobile-menu) {
  background: #ffffff !important;
  border-color: #b8d3ef !important;
  color: #172235 !important;
  box-shadow: none !important;
}
html[data-theme="light"] body[data-theme="light"] #dashboardSection[data-dashboard-view="schedule"][data-schedule-mode="editor"] #dashboardScheduleView :is(.manager-schedule-store-select, .manager-schedule-store-mobile-picker, .manager-schedule-store-mobile-menu) :is(span, strong, button, svg) {
  color: #172235 !important;
  -webkit-text-fill-color: currentColor !important;
}
html[data-theme="light"] body[data-theme="light"] #dashboardSection[data-dashboard-view="schedule"][data-schedule-mode="editor"] #dashboardScheduleView .manager-schedule-shift :is(strong, small, em) {
  color: #172235 !important;
  -webkit-text-fill-color: currentColor !important;
}
@media (orientation: portrait) {
  html[data-theme="light"]:is([data-device-class="phone"], [data-device-preview]) body[data-theme="light"] #dashboardSection[data-dashboard-view="schedule"][data-schedule-mode="editor"] {
    --racing-schedule-panel-top: env(safe-area-inset-top, 0px);
    --racing-schedule-phone-width: 100vw;
    --racing-schedule-phone-height: calc(100dvh - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px));
    --racing-schedule-bottom-fit: 0px;
    background: #f5f9ff !important;
  }
  html[data-theme="light"]:is([data-device-class="phone"], [data-device-preview]) body[data-theme="light"] #dashboardSection[data-dashboard-view="schedule"][data-schedule-mode="editor"] :is(.racing-dashboard-v3, #dashboardScheduleView) {
    background: #f5f9ff !important;
  }
  html[data-theme="light"]:has(#dashboardSection[data-dashboard-view="schedule"][data-schedule-mode="editor"]:not(.hide)),
  html[data-theme="light"]:has(#dashboardSection[data-dashboard-view="schedule"][data-schedule-mode="editor"]:not(.hide)) body[data-theme="light"] {
    background: #f5f9ff !important;
  }
}

/* Desktop light surfaces share one backdrop. Layout wrappers must not paint
   their own gradients; cards and menus retain their individual surfaces. */
@media (min-width: 1200px) {
html[data-theme="light"]:not([data-device-preview]):not([data-ipad-portrait-phone]) body[data-theme="light"] #userAccessView,
html[data-theme="light"]:not([data-device-preview]):not([data-ipad-portrait-phone]) body[data-theme="light"] #userAccessView > .app,
html[data-theme="light"]:not([data-device-preview]):not([data-ipad-portrait-phone]) body[data-theme="light"] #dashboardSection[data-dashboard-view]:not(.hide),
html[data-theme="light"]:not([data-device-preview]):not([data-ipad-portrait-phone]) body[data-theme="light"] #dashboardSection[data-dashboard-view]:not(.hide) :is(
  .racing-dashboard-v3, .desktop-reference-shell, .desktop-reference-main,
  .desktop-reference-view, .desktop-home-view, .desktop-store-view,
  .desktop-manager-view, .desktop-top-view, .desktop-earnings-view,
  .desktop-top-main, .rm-home-dashboard, .rm-home-main-grid, .desktop-store-main
) {
  background: transparent !important;
  box-shadow: none !important;
}
html[data-theme="light"]:not([data-device-preview]):not([data-ipad-portrait-phone]) body[data-theme="light"] #dashboardSection[data-dashboard-view]:not(.hide) :is(.desktop-reference-nav, .desktop-reference-brand, .desktop-reference-footer, .desktop-reference-sidebar-footer, .desktop-reference-actions) {
  background: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}
html[data-theme="light"]:not([data-device-preview]):not([data-ipad-portrait-phone]) body[data-theme="light"] #dashboardSection[data-dashboard-view]:not(.hide) .desktop-reference-sidebar {
  background: #f8fbff !important;
  border-color: transparent !important;
  box-shadow: none !important;
}
html[data-theme="light"]:not([data-device-preview]):not([data-ipad-portrait-phone]) body[data-theme="light"] #dashboardSection[data-dashboard-view]:not(.hide) .desktop-reference-brand img {
  mix-blend-mode: multiply;
}
html[data-theme="light"]:not([data-device-preview]):not([data-ipad-portrait-phone]) body[data-theme="light"] #dashboardSection[data-dashboard-view]:not(.hide) :is(.rm-tool-category-title, .rm-section-title, .desktop-section-title)::after {
  display: none !important;
}
/* Large shadows were clipped by the scrolling workspace into rectangular bands. */
html[data-theme="light"]:not([data-device-preview]):not([data-ipad-portrait-phone]) body[data-theme="light"] #dashboardSection[data-dashboard-view]:not(.hide) :is(.desktop-ref-card, .ceo-home-shortcuts > button) {
  box-shadow: none !important;
}

}

/* These shortcuts are enabled: a legacy light rule assigned dark-theme ink.
   Preserve visibility/access logic and use contrast, never opacity, for text. */
html[data-theme="light"]:not([data-device-preview]):not([data-ipad-portrait-phone]) body[data-theme="light"] #dashboardSection[data-dashboard-view]:not(.hide) .desktop-reference-nav > button:not(.active) {
  background: transparent !important;
  border-color: transparent !important;
  color: var(--light-ink) !important;
  -webkit-text-fill-color: currentColor !important;
  text-shadow: none !important;
  box-shadow: none !important;
}
html[data-theme="light"]:not([data-device-preview]):not([data-ipad-portrait-phone]) body[data-theme="light"] #dashboardSection[data-dashboard-view]:not(.hide) .desktop-reference-nav > button:not(.active):hover {
  background: #e8f1fc !important;
  color: #17468b !important;
}
html[data-theme="light"]:not([data-device-preview]):not([data-ipad-portrait-phone]) body[data-theme="light"] #dashboardSection[data-dashboard-view]:not(.hide) .desktop-reference-nav > button:not(.active) :is(span, svg) {
  color: inherit !important;
  -webkit-text-fill-color: currentColor !important;
  stroke: currentColor !important;
}

/* Schedule issue sheet: light surfaces and ink must switch together. */
html[data-theme="light"] body[data-theme="light"] .phone-schedule-issue-sheet {
  color-scheme: light;
  background: #f8fbff !important;
  border-color: #b8cce3 !important;
  box-shadow: 0 16px 48px rgba(15, 35, 60, .22) !important;
}
html[data-theme="light"] body[data-theme="light"] .phone-schedule-issue-sheet :is(h2, strong, label, input, textarea) {
  color: #14263e !important;
  -webkit-text-fill-color: #14263e !important;
  text-shadow: none !important;
}
html[data-theme="light"] body[data-theme="light"] .phone-schedule-issue-sheet :is(p, small, .phone-schedule-issue-meta, .phone-schedule-issue-meta span, .phone-schedule-issue-current, .phone-schedule-issue-count) {
  color: #475d76 !important;
  -webkit-text-fill-color: #475d76 !important;
}
html[data-theme="light"] body[data-theme="light"] .phone-schedule-issue-sheet :is(.phone-schedule-issue-summary, .phone-schedule-issue-rows) {
  background: #eef4fb !important;
  border-color: #bdcfe2 !important;
}
html[data-theme="light"] body[data-theme="light"] .phone-schedule-issue-row {
  border-color: #bdcfe2 !important;
}
html[data-theme="light"] body[data-theme="light"] .phone-schedule-issue-sheet :is(.phone-schedule-issue-input, .phone-schedule-issue-notes, .phone-schedule-issue-close, .phone-schedule-issue-cancel) {
  background: #fff !important;
  border-color: #8da8c5 !important;
  color: #14263e !important;
  -webkit-text-fill-color: #14263e !important;
}
html[data-theme="light"] body[data-theme="light"] .phone-schedule-issue-input input {
  background: transparent !important;
  color-scheme: light;
}
html[data-theme="light"] body[data-theme="light"] .phone-schedule-issue-sheet :is(svg, .phone-schedule-issue-icon) {
  color: #45678b !important;
  border-color: #8da8c5 !important;
}
html[data-theme="light"] body[data-theme="light"] .phone-schedule-issue-notes::placeholder {
  color: #53677f !important;
  -webkit-text-fill-color: #53677f !important;
  opacity: 1 !important;
}
html[data-theme="light"] body[data-theme="light"] .phone-schedule-issue-status {
  background: #dcecff !important;
  color: #12549b !important;
  -webkit-text-fill-color: #12549b !important;
}
html[data-theme="light"] body[data-theme="light"] .phone-schedule-issue-submit {
  background: #0961cc !important;
  border-color: #0961cc !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}
html[data-theme="light"] body[data-theme="light"] .phone-schedule-issue-sheet :is(input, textarea, button):focus-visible {
  outline: 2px solid #0961cc !important;
  outline-offset: 2px;
}
html[data-theme="light"] body[data-theme="light"] .phone-schedule-issue-sheet :is(.phone-schedule-issue-input.invalid, .phone-schedule-issue-notes.invalid) {
  border-color: #bc2525 !important;
  box-shadow: 0 0 0 1px #bc2525 inset !important;
}

/* Keep long status pills from squeezing mobile event labels into single letters. */
@media (max-width: 767px) {
  html body #dashboardSection .phone-schedule-event-row {
    grid-template-columns: minmax(80px, .85fr) minmax(0, 1.15fr) !important;
    gap: 6px 12px !important;
    padding: 12px 0 !important;
  }
  html body #dashboardSection .phone-schedule-event-row > strong {
    grid-column: 1 !important;
    grid-row: 1 !important;
  }
  html body #dashboardSection .phone-schedule-event-row > p {
    grid-column: 2 !important;
    grid-row: 1 !important;
    min-width: 0 !important;
    width: auto !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
  }
  html body #dashboardSection .phone-schedule-event-row > p small {
    word-break: normal !important;
    overflow-wrap: normal !important;
  }
  html body #dashboardSection .phone-schedule-event-row > .phone-schedule-event-pill {
    grid-column: 1 / -1 !important;
    grid-row: 2 !important;
    justify-self: end !important;
    max-width: 100% !important;
    white-space: normal !important;
  }
}

/* Store Financial amounts retain dark-mode white ink unless explicitly themed. */
html[data-theme="light"] body[data-theme="light"] #phoneCeoFinancialSummaryOverlay .phone-ceo-financial-summary-value {
  color: var(--light-ink) !important;
  -webkit-text-fill-color: currentColor !important;
  text-shadow: none !important;
}

/* The wrapper owns the field surface; avoid an inner native number-input pill. */
html body .phone-schedule-issue-sheet .phone-schedule-issue-input input[name="breakUnpaid"] {
  -webkit-appearance: none !important;
  appearance: textfield !important;
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 !important;
  min-height: 0 !important;
  height: 100% !important;
}
html body .phone-schedule-issue-sheet input[name="breakUnpaid"]::-webkit-inner-spin-button,
html body .phone-schedule-issue-sheet input[name="breakUnpaid"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Net Sales All Stores uses its own amount/rank classes, outside the dashboard. */
html[data-theme="light"] body[data-theme="light"] #phoneCeoAllStoresOverlay :is(.phone-ceo-store-value, .phone-ceo-store-name) {
  color: var(--light-ink) !important;
  -webkit-text-fill-color: currentColor !important;
  text-shadow: none !important;
}
html[data-theme="light"] body[data-theme="light"] #phoneCeoAllStoresOverlay .phone-ceo-store-rank {
  color: var(--light-muted) !important;
  -webkit-text-fill-color: currentColor !important;
  text-shadow: none !important;
}

/* The mobile dashboard view picker follows the light theme, including its gaps. */
:is(html[data-theme="light"],html[data-visual-theme="light"]) #dashboardSection .phone-role-switcher-menu {
  background:linear-gradient(145deg,var(--light-surface),var(--light-tint))!important;
  border-color:var(--light-border)!important;
  box-shadow:0 14px 32px rgba(37,65,101,.16),inset 0 1px 0 #fff!important;
}
:is(html[data-theme="light"],html[data-visual-theme="light"]) #dashboardSection .phone-role-switcher-menu button {
  background:#fff!important;
  border-color:#d3dfed!important;
  color:#152238!important;
  -webkit-text-fill-color:#152238!important;
  box-shadow:none!important;
}
:is(html[data-theme="light"],html[data-visual-theme="light"]) #dashboardSection .phone-role-switcher-menu button:is(.active,[aria-selected="true"],:hover) {
  background:var(--light-tint)!important;
  border-color:#71b3f5!important;
  color:var(--light-selected)!important;
  -webkit-text-fill-color:var(--light-selected)!important;
}

/* Shared light-family surfaces for portals mounted outside the dashboard. */
html[data-theme="light"] body[data-theme="light"] #userAccessView,
html[data-theme="light"] body[data-theme="light"] #userAccessView > .app {
  background:linear-gradient(145deg,var(--light-surface),var(--light-tint))!important;
}
html[data-theme="light"] body[data-theme="light"] :is(.multi-select-menu,.phone-ceo-top-items-period-menu,#phoneCeoAllHoursOverlay .phone-ceo-hours-menu) {
  background:var(--light-surface)!important;border-color:var(--light-border)!important;
  color:var(--light-ink)!important;box-shadow:0 14px 30px rgba(23,34,53,.16)!important;
}
html[data-theme="light"] body[data-theme="light"] :is(.multi-select-menu,.phone-ceo-top-items-period-menu,#phoneCeoAllHoursOverlay .phone-ceo-hours-menu) :is(button,label,span,strong,small) {
  color:var(--light-ink)!important;-webkit-text-fill-color:currentColor!important;
}
html[data-theme="light"] body[data-theme="light"] :is(.phone-ceo-top-items-period-menu,#phoneCeoAllHoursOverlay .phone-ceo-hours-menu) button,
html[data-theme="light"] body[data-theme="light"] .multi-select-option:hover {
  background:var(--light-tint)!important;border-color:var(--light-border)!important;
}
html[data-theme="light"] body[data-theme="light"] :is(.phone-ceo-top-items-period-menu,#phoneCeoAllHoursOverlay .phone-ceo-hours-menu) button:is(.active,.is-active,[aria-selected="true"]) {
  background:var(--light-selected)!important;color:#fff!important;-webkit-text-fill-color:#fff!important;
}
html[data-theme="light"] body[data-theme="light"] :is(#ceoTimeClockShiftDetailsOverlay,#ceoTimeClockEditOverlay,#ceoTimeClockPtoOverlay) :is(.ceo-timeclock-shift-modal,.ceo-timeclock-edit-modal,.ceo-timeclock-pto-modal) {
  background:linear-gradient(145deg,var(--light-surface),var(--light-tint))!important;
  border-color:var(--light-border)!important;color:var(--light-ink)!important;
  box-shadow:0 20px 60px rgba(23,34,53,.2)!important;text-shadow:none!important;
}
html[data-theme="light"] body[data-theme="light"] :is(#ceoTimeClockShiftDetailsOverlay,#ceoTimeClockEditOverlay,#ceoTimeClockPtoOverlay) :is(.ceo-timeclock-shift-modal,.ceo-timeclock-edit-modal,.ceo-timeclock-pto-modal) :is(h3,h4,strong,b,p,small,span,label,button,input,select,em,i) {
  color:var(--light-ink)!important;-webkit-text-fill-color:currentColor!important;text-shadow:none!important;
}
html[data-theme="light"] body[data-theme="light"] :is(#ceoTimeClockShiftDetailsOverlay,#ceoTimeClockEditOverlay,#ceoTimeClockPtoOverlay) :is(.ceo-timeclock-shift-modal,.ceo-timeclock-edit-modal,.ceo-timeclock-pto-modal) :is(.ceo-timeclock-shift-head,.ceo-timeclock-edit-head,.ceo-timeclock-pto-head,.ceo-timeclock-edit-actions,.ceo-timeclock-shift-pdf-menu,.ceo-timeclock-payment-options,.ceo-timeclock-payroll-table-wrap,.ceo-timeclock-shift-table-wrap,.ceo-timeclock-pto-band,.ceo-timeclock-pto-card,.ceo-timeclock-pto-work-card,.ceo-timeclock-pto-formula,.ceo-timeclock-pto-formula-chip) {
  background:var(--light-tint)!important;border-color:var(--light-border)!important;box-shadow:none!important;
}
html[data-theme="light"] body[data-theme="light"] :is(#ceoTimeClockShiftDetailsOverlay,#ceoTimeClockEditOverlay,#ceoTimeClockPtoOverlay) :is(.ceo-timeclock-shift-modal,.ceo-timeclock-edit-modal,.ceo-timeclock-pto-modal) :is(button,input,select,.ceo-timeclock-overtime-option,.ceo-timeclock-overtime-option i) {
  background:var(--light-surface)!important;border-color:var(--light-border)!important;box-shadow:none!important;color-scheme:light!important;
}
html[data-theme="light"] body[data-theme="light"] :is(#ceoTimeClockShiftDetailsOverlay,#ceoTimeClockEditOverlay,#ceoTimeClockPtoOverlay) :is(.ceo-timeclock-shift-modal,.ceo-timeclock-edit-modal,.ceo-timeclock-pto-modal) :is(th,td) {
  background:var(--light-surface)!important;color:var(--light-ink)!important;-webkit-text-fill-color:currentColor!important;border-color:var(--light-border)!important;
}
html[data-theme="light"] body[data-theme="light"] :is(#ceoTimeClockShiftDetailsOverlay,#ceoTimeClockEditOverlay,#ceoTimeClockPtoOverlay) :is(.ceo-timeclock-shift-modal,.ceo-timeclock-edit-modal,.ceo-timeclock-pto-modal) th {
  background:var(--light-tint)!important;
}
html[data-theme="light"] body[data-theme="light"] :is(#ceoTimeClockShiftDetailsOverlay,#ceoTimeClockEditOverlay,#ceoTimeClockPtoOverlay) :is(.ceo-timeclock-shift-modal,.ceo-timeclock-edit-modal,.ceo-timeclock-pto-modal) :is(button.primary,.ceo-timeclock-payment-option.is-active,.ceo-timeclock-overtime-option.is-active i),
html[data-theme="light"] body[data-theme="light"] :is(#ceoTimeClockShiftDetailsOverlay,#ceoTimeClockEditOverlay,#ceoTimeClockPtoOverlay) :is(.ceo-timeclock-shift-modal,.ceo-timeclock-edit-modal,.ceo-timeclock-pto-modal) button.primary :is(span,svg) {
  background:var(--light-selected)!important;color:#fff!important;-webkit-text-fill-color:#fff!important;border-color:var(--light-selected)!important;
}
html[data-theme="light"] body[data-theme="light"] :is(#ceoTimeClockShiftDetailsOverlay,#ceoTimeClockEditOverlay,#ceoTimeClockPtoOverlay) :is(.ceo-timeclock-shift-modal,.ceo-timeclock-edit-modal,.ceo-timeclock-pto-modal) :is(small,.ceo-timeclock-shift-head p,.ceo-timeclock-edit-head p,.ceo-timeclock-pto-head p,.ceo-timeclock-payroll-topitem span) {
  color:var(--light-muted)!important;-webkit-text-fill-color:currentColor!important;
}
html[data-theme="light"] body[data-theme="light"] :is(#transferSendQuantityModal,#transferReceiveAddItemModal) :is(.transfer-send-quantity-modal,.transfer-receive-add-item-modal) {
  background:var(--light-surface)!important;border-color:var(--light-border)!important;color:var(--light-ink)!important;
}
html[data-theme="light"] body[data-theme="light"] :is(#transferSendQuantityModal,#transferReceiveAddItemModal) :is(h3,h4,p,label,strong,small,span,b,input,button) {
  color:var(--light-ink)!important;-webkit-text-fill-color:currentColor!important;text-shadow:none!important;
}
html[data-theme="light"] body[data-theme="light"] :is(#transferSendQuantityModal,#transferReceiveAddItemModal) :is(input,button,[class*="meta"],[class*="help"],[class*="result"]) {
  background:var(--light-tint)!important;border-color:var(--light-border)!important;box-shadow:none!important;color-scheme:light!important;
}

html[data-theme="light"] body[data-theme="light"] :is(#transferSendQuantityModal,#transferReceiveAddItemModal) :is(.save,.transfer-receive-add-item-submit) {
  background:var(--light-selected)!important;color:#fff!important;-webkit-text-fill-color:#fff!important;border-color:var(--light-selected)!important;
}
html[data-theme="light"] body[data-theme="light"] #transferSendQuantityError {color:#a61b35!important;}

html[data-theme="light"] body[data-theme="light"] :is(#ceoTimeClockShiftDetailsOverlay,#ceoTimeClockEditOverlay,#ceoTimeClockPtoOverlay) :is(.ceo-timeclock-shift-modal,.ceo-timeclock-edit-modal,.ceo-timeclock-pto-modal) .ceo-timeclock-overtime-option:not(.is-active) i {color:transparent!important;-webkit-text-fill-color:transparent!important;}
html[data-theme="light"] body[data-theme="light"] :is(#transferSendQuantityModal,#transferReceiveAddItemModal) :is(.transfer-send-quantity-meta span,.transfer-receive-add-item-search,.transfer-receive-add-item-message) {
  background:var(--light-tint)!important;border-color:var(--light-border)!important;
}
html[data-theme="light"] body[data-theme="light"] :is(#transferSendQuantityModal,#transferReceiveAddItemModal) :is(.transfer-send-quantity-help,.transfer-receive-add-item-head p,.transfer-receive-search-result small) {
  color:var(--light-muted)!important;-webkit-text-fill-color:currentColor!important;
}

html[data-theme="light"] body[data-theme="light"] :is(.phone-ceo-top-items-period-menu,#phoneCeoAllHoursOverlay .phone-ceo-hours-menu) button:is(.active,.is-active,[aria-selected="true"]) :is(span,strong,small,svg) {
  color:#fff!important;-webkit-text-fill-color:#fff!important;
}

html[data-theme="light"] body[data-theme="light"] #transferReceiveAddItemModal .transfer-receive-add-item-message {color:var(--light-muted)!important;}
html[data-theme="light"] body[data-theme="light"] #transferReceiveAddItemModal .transfer-receive-add-item-message.success {color:#167747!important;}
html[data-theme="light"] body[data-theme="light"] #transferReceiveAddItemModal .transfer-receive-add-item-message.warn {color:#8f6012!important;}

/* Verification settings are a body portal, so dashboard theme rules do not reach it. */
html[data-theme="light"] body[data-theme="light"] #verificationCodesShell .verification-codes-panel {
  background:linear-gradient(145deg,var(--light-surface),var(--light-tint))!important;
  border-color:var(--light-border)!important;color:var(--light-ink)!important;
  box-shadow:0 20px 60px rgba(23,34,53,.2)!important;
}
html[data-theme="light"] body[data-theme="light"] #verificationCodesShell :is(.verification-codes-card,.verification-codes-status,.verification-codes-close,.verification-codes-title > span,.verification-codes-card-main > span) {
  background:var(--light-tint)!important;border-color:var(--light-border)!important;box-shadow:none!important;
}
html[data-theme="light"] body[data-theme="light"] #verificationCodesShell :is(h2,strong,button,span) {
  color:var(--light-ink)!important;-webkit-text-fill-color:currentColor!important;text-shadow:none!important;
}
html[data-theme="light"] body[data-theme="light"] #verificationCodesShell :is(p,small,.verification-codes-status) {
  color:var(--light-muted)!important;-webkit-text-fill-color:currentColor!important;
}
html[data-theme="light"] body[data-theme="light"] #verificationCodesShell .verification-codes-switch {
  background:#94a3b8!important;border-color:#64748b!important;box-shadow:none!important;
}
html[data-theme="light"] body[data-theme="light"] #verificationCodesShell .verification-codes-switch.is-on {
  background:var(--light-selected)!important;border-color:var(--light-selected)!important;
}
html[data-theme="light"] body[data-theme="light"] #verificationCodesShell .verification-codes-switch span {background:#fff!important;}
html[data-theme="light"] body[data-theme="light"] .phone-schedule-team-summary {
  background:var(--light-surface)!important;border-color:var(--light-border)!important;
}
html[data-theme="light"] body[data-theme="light"] #ceoTimeClockReportPanel .ceo-timeclock-avatar {
  background:var(--light-tint)!important;border-color:var(--light-border)!important;
  color:var(--light-ink)!important;-webkit-text-fill-color:currentColor!important;
}
/* Pastel accents are surfaces; dense table headings need the darker text tone. */
html[data-theme="light"] body[data-theme="light"] :is(#adminStoreTrackerSection,#adminExtraMoneyContent,#customerFlowDialog,#ceoTimeClockReportPanel,#storeDepositEntryOverlay,#adminStoreDepositsContent) th {
  background:var(--light-tint)!important;color:var(--light-ink)!important;
  -webkit-text-fill-color:currentColor!important;border-color:var(--light-border)!important;
}
html[data-theme="light"] body[data-theme="light"] :is(.profile-photo-preview,.store-deposit-loan-mode) {
  background:var(--light-tint)!important;border-color:var(--light-border)!important;
  color:var(--light-ink)!important;-webkit-text-fill-color:currentColor!important;
}
html[data-theme="light"] body[data-theme="light"] #storeDepositEntryOverlay .loan-mode-btn.active {
  background:var(--light-selected)!important;border-color:var(--light-selected)!important;
  color:#fff!important;-webkit-text-fill-color:#fff!important;
}
html[data-theme="light"] body[data-theme="light"] #phoneCeoFinancialSummaryOverlay :is(.financial-country-toggle[role="group"],.financial-store-picker) button[aria-pressed="true"] {
  background:var(--light-selected)!important;border-color:var(--light-selected)!important;
  color:#fff!important;-webkit-text-fill-color:#fff!important;
}
html[data-theme="light"] body[data-theme="light"] .phone-schedule-pto-card {
  background:var(--light-surface)!important;border-color:var(--light-border)!important;
  color:var(--light-ink)!important;box-shadow:none!important;
}
html[data-theme="light"] body[data-theme="light"] .phone-schedule-pto-card.featured {background:var(--light-tint)!important;}
html[data-theme="light"] body[data-theme="light"] .phone-schedule-pto-card :is(small,strong,span) {
  color:var(--light-ink)!important;-webkit-text-fill-color:currentColor!important;
}
html[data-theme="light"] body[data-theme="light"] .phone-schedule-pto-card .phone-schedule-pto-progress {background:var(--light-border)!important;}
html[data-theme="light"] body[data-theme="light"] .phone-schedule-pto-card .phone-schedule-pto-progress i {background:var(--light-selected)!important;}

/* Manage Inventory reuses transfer widgets whose original surfaces were dark-only. */
html[data-theme="light"] body[data-theme="light"] #managerInventorySection :is(.transfer-rule-box,.transfer-assortment-quick-search,.transfer-assortment-category-stage,.transfer-assortment-filter-card) {
  background:var(--light-surface)!important;border-color:var(--light-border)!important;
}
html[data-theme="light"] body[data-theme="light"] #managerInventorySection :is(.transfer-assortment-search-input-wrap,.transfer-assortment-search-clear,.transfer-assortment-search-result,.transfer-brand-rail-row) {
  background:var(--light-tint)!important;border-color:var(--light-border)!important;
  color:var(--light-ink)!important;-webkit-text-fill-color:currentColor!important;
}
html[data-theme="light"] body[data-theme="light"] #managerInventorySection :is(.transfer-rule-box,.transfer-assortment-workspace,.transfer-assortment-quick-search,.transfer-store-picker) :is(h4,label,strong,small,.small-note,.transfer-tree-empty,.transfer-brand-rail-count,.transfer-assortment-search-result-title,.transfer-assortment-search-result-meta,.transfer-store-picker-title,.transfer-store-picker-note) {
  color:var(--light-ink)!important;-webkit-text-fill-color:currentColor!important;
}
html[data-theme="light"] body[data-theme="light"] #managerInventorySection :is(.transfer-brand-rail-row.is-active,.transfer-brand-rail-row:hover,.transfer-assortment-search-result:hover) {
  background:var(--light-tint)!important;border-color:var(--light-selected)!important;
}
html[data-theme="light"] body[data-theme="light"] #ceoTimeClockReportPanel table.ceo-timeclock-table th.ceo-timeclock-details-col {
  color:var(--light-ink)!important;-webkit-text-fill-color:currentColor!important;
}

/* Nested store navigation needs its own light palette, including icon/label overrides. */
html[data-theme="light"] body[data-theme="light"] #userAccessView .racing-sidebar-nav .racing-store-sidebar-menu .racing-store-sidebar-item {
  color: #243b53 !important;
  background: #f4f8ff !important;
  box-shadow: none !important;
}
html[data-theme="light"] body[data-theme="light"] #userAccessView .racing-sidebar-nav .racing-store-sidebar-menu .racing-store-sidebar-item > span {
  color: #243b53 !important;
}
html[data-theme="light"] body[data-theme="light"] #userAccessView .racing-sidebar-nav .racing-store-sidebar-menu .racing-store-sidebar-item :is(svg,[data-lucide-icon]) {
  color: #2864a5 !important;
}
html[data-theme="light"] body[data-theme="light"] #userAccessView .racing-sidebar-nav .racing-store-sidebar-menu .racing-store-sidebar-item:is(:hover,:focus-visible,.active,[aria-current="page"]) {
  color: #123f73 !important;
  background: #dcecff !important;
}
html[data-theme="light"] body[data-theme="light"] #userAccessView .racing-sidebar-nav .racing-store-sidebar-menu .racing-store-sidebar-item:is(:hover,:focus-visible,.active,[aria-current="page"]) :is(span,svg) {
  color: #123f73 !important;
}
html[data-theme="light"] body[data-theme="light"] #userAccessView .racing-sidebar-nav .racing-store-sidebar-menu .racing-store-sidebar-item:focus-visible {
  outline: 2px solid #1765b5 !important;
  outline-offset: 2px !important;
}

/* Product matches use explicit light surfaces instead of the dark base cards. */
html[data-theme="light"] body[data-theme="light"] .search-match-card {
  background: var(--light-surface) !important;
  border-color: var(--light-border) !important;
  color: var(--light-ink) !important;
}
html[data-theme="light"] body[data-theme="light"] .search-match-thumb {
  background: var(--light-surface) !important;
  border-color: var(--light-border) !important;
}
html[data-theme="light"] body[data-theme="light"] .search-match-info strong {
  color: var(--light-ink) !important;
  -webkit-text-fill-color: currentColor !important;
}
html[data-theme="light"] body[data-theme="light"] .search-match-info small {
  color: var(--light-muted) !important;
  -webkit-text-fill-color: currentColor !important;
}
html[data-theme="light"] body[data-theme="light"] .search-match-card:focus-within {
  border-color: var(--light-selected) !important;
}