/*
 * Nexus Dark Gray Mode
 * Screen-only theme layer. Print/PDF keeps the existing light document styling.
 */

@media screen {
  html.nexus-dark-gray {
    color-scheme: dark;

    --page-bg: #1d1d1d;
    --paper: #292929;
    --ink: #f3f1ef;
    --muted: #b6b1ad;
    --soft: #333333;
    --soft-2: #2b2b2b;
    --line: #5a5653;
    --shadow: 0 18px 55px rgba(0, 0, 0, .34);

    --famous-black: #f4f2f0;
    --famous-text: #f0eeec;
    --famous-muted: #b7b2ae;
    --famous-line: #4a4744;
    --famous-soft: #303030;
    --famous-soft-2: #292929;
    --famous-white: #272727;

    --tools-text: #f2f0ee;
    --tools-muted: #b7b2ae;
    --tools-line: #494643;
    --tools-card: #292929;
    --tools-soft: #323232;

    --mc-text: #f2f0ee;
    --mc-muted: #b7b2ae;
    --mc-line: #494643;
    --mc-line-strong: #5b5753;
    --mc-soft: #323232;
    --mc-panel: #292929;
  }

  html.nexus-dark-gray,
  html.nexus-dark-gray body,
  html.nexus-dark-gray body.tools-page,
  html.nexus-dark-gray body.money-count-page,
  html.nexus-dark-gray body.store-layout-page,
  html.nexus-dark-gray body.sales-report-page {
    background: #1d1d1d !important;
    color: #f2f0ee !important;
  }

  html.nexus-dark-gray:not(.nexus-styles-ready),
  html.nexus-dark-gray:not(.nexus-styles-ready)::before {
    background: #1d1d1d !important;
  }

  html.nexus-dark-gray:not(.nexus-styles-ready)::after {
    border-color: #4c4946 !important;
    border-top-color: #df0038 !important;
  }

  /* Shared Nexus chrome */
  html.nexus-dark-gray .app-header,
  html.nexus-dark-gray .notes-header,
  html.nexus-dark-gray .tools-header,
  html.nexus-dark-gray .money-count-header,
  html.nexus-dark-gray .sales-report-header,
  html.nexus-dark-gray .site-global-nav,
  html.nexus-dark-gray .site-global-nav.output-actions,
  html.nexus-dark-gray .site-shared-compact-bar,
  html.nexus-dark-gray .site-notes-compact-nav,
  html.nexus-dark-gray .compact-nav-menu,
  html.nexus-dark-gray .site-shared-compact-drawer,
  html.nexus-dark-gray .site-notes-nav-drawer {
    background: #252525 !important;
    color: #f5f3f1 !important;
    border-color: #44413f !important;
  }

  html.nexus-dark-gray .site-global-nav,
  html.nexus-dark-gray .site-global-nav.output-actions,
  html.nexus-dark-gray .site-notes-compact-nav {
    border-top-color: #111 !important;
  }

  html.nexus-dark-gray .site-global-nav .site-nav-item,
  html.nexus-dark-gray .site-global-nav .output-button,
  html.nexus-dark-gray .site-nav-account,
  html.nexus-dark-gray .site-shared-compact-title,
  html.nexus-dark-gray .site-shared-compact-search,
  html.nexus-dark-gray .compact-nav-toggle,
  html.nexus-dark-gray .compact-nav-close,
  html.nexus-dark-gray .site-notes-nav-toggle,
  html.nexus-dark-gray .site-notes-search-shortcut,
  html.nexus-dark-gray .site-notes-nav-close,
  html.nexus-dark-gray .compact-nav-menu-title,
  html.nexus-dark-gray .compact-nav-menu-title strong,
  html.nexus-dark-gray .compact-nav-store-account,
  html.nexus-dark-gray .compact-nav-store-account strong {
    color: #f5f3f1 !important;
  }

  html.nexus-dark-gray .site-global-nav .site-nav-item:hover,
  html.nexus-dark-gray .site-global-nav .site-nav-item:focus-visible,
  html.nexus-dark-gray .site-global-nav .output-button:hover,
  html.nexus-dark-gray .site-global-nav .output-button:focus-visible,
  html.nexus-dark-gray .site-global-nav .site-nav-item[aria-current="page"],
  html.nexus-dark-gray .compact-nav-item,
  html.nexus-dark-gray .site-notes-nav-section .site-nav-item {
    background: #303030 !important;
    color: #fff !important;
  }

  html.nexus-dark-gray .compact-nav-item:hover,
  html.nexus-dark-gray .compact-nav-item:focus-visible,
  html.nexus-dark-gray .compact-nav-item[aria-current="page"],
  html.nexus-dark-gray .site-notes-nav-section .site-nav-item:hover,
  html.nexus-dark-gray .site-notes-nav-section .site-nav-item[aria-current="page"] {
    background: #383838 !important;
  }

  html.nexus-dark-gray .compact-nav-menu-head,
  html.nexus-dark-gray .compact-nav-section-title,
  html.nexus-dark-gray .site-notes-nav-section > span,
  html.nexus-dark-gray .site-page-subtitle,
  html.nexus-dark-gray .site-page-store-name {
    color: #b8b3af !important;
  }

  /* The Nexus mark is black in the light theme, so make it white on dark gray. */
  html.nexus-dark-gray .site-shared-nav-brand-icon,
  html.nexus-dark-gray .site-shared-compact-title-icon,
  html.nexus-dark-gray .nexus-hamburger-svg {
    filter: brightness(0) invert(1) !important;
  }

  /* Common buttons, fields, tabs and dialogs */
  html.nexus-dark-gray :where(
    .secondary-button,
    .output-button,
    .calendar-step,
    .today-button,
    .dayforce-help-button,
    .store-selector-button,
    .cloud-secondary-button,
    .cloud-done-button,
    .zone-clear-button,
    .schedule-print-button,
    .promo-guide-view,
    .promo-pdf-download-button,
    .dayforce-clock-external,
    .notes-back,
    .notes-button:not(.notes-button-primary),
    .money-count-action-button,
    .money-count-clear-button,
    .store-layout-secondary-action,
    .store-layout-delete-action,
    .store-layout-add-wall,
    .store-layout-card-delete,
    .sales-button:not(.sales-primary)
  ) {
    background: #303030 !important;
    color: #f4f2f0 !important;
    border-color: #57534f !important;
  }

  html.nexus-dark-gray :where(
    .secondary-button,
    .output-button,
    .calendar-step,
    .today-button,
    .dayforce-help-button,
    .store-selector-button,
    .cloud-secondary-button,
    .cloud-done-button,
    .zone-clear-button,
    .schedule-print-button,
    .promo-guide-view,
    .promo-pdf-download-button,
    .dayforce-clock-external,
    .notes-back,
    .notes-button:not(.notes-button-primary),
    .money-count-action-button,
    .money-count-clear-button,
    .store-layout-secondary-action,
    .store-layout-delete-action,
    .store-layout-add-wall,
    .store-layout-card-delete,
    .sales-button:not(.sales-primary)
  ):hover {
    background: #3a3a3a !important;
    border-color: #74706c !important;
  }

  html.nexus-dark-gray :where(
    input,
    textarea,
    select,
    .store-search-control,
    .week-picker,
    .shift-time-control,
    .money-count-currency-input
  ) {
    background-color: #303030 !important;
    color: #f4f2f0 !important;
    border-color: #57534f !important;
  }

  html.nexus-dark-gray input::placeholder,
  html.nexus-dark-gray textarea::placeholder {
    color: #96918d !important;
    opacity: 1;
  }

  html.nexus-dark-gray option {
    background: #303030;
    color: #f4f2f0;
  }

  html.nexus-dark-gray .day-tabs {
    background: #242424 !important;
    border-bottom-color: #44413f !important;
  }

  html.nexus-dark-gray .day-tab {
    background: #303030 !important;
    color: #dedbd8 !important;
    border-color: #55514e !important;
  }

  html.nexus-dark-gray .day-tab:hover {
    background: #393939 !important;
    border-color: #74706c !important;
  }

  html.nexus-dark-gray .day-tab.active {
    background: #f0eeec !important;
    color: #1c1c1c !important;
    border-color: #f0eeec !important;
  }

  html.nexus-dark-gray :where(
    .cloud-dialog-card,
    .zone-dialog-card,
    .schedule-dialog-card,
    .promo-guide-card,
    .shoe-search-card,
    .roster-dialog-card,
    dialog > div
  ) {
    background: #292929 !important;
    color: #f2f0ee !important;
    border-color: #4d4946 !important;
  }

  html.nexus-dark-gray dialog::backdrop {
    background: rgba(0, 0, 0, .72) !important;
  }

  /* Worksheet */
  html.nexus-dark-gray .worksheet {
    background: #292929 !important;
    border-color: #484542 !important;
    color: #f2f0ee !important;
    box-shadow: 0 12px 36px rgba(0, 0, 0, .28) !important;
  }

  html.nexus-dark-gray .section-rail {
    background: #242424 !important;
    color: #f4f2f0 !important;
    border-color: #5a5653 !important;
  }

  html.nexus-dark-gray :where(
    .section-content,
    .tasks-section,
    .customer-section,
    .financial-content,
    .promotions-box,
    .form-table td,
    .zone-cell,
    .zone-cell-button,
    .manager-notes,
    .quick-output-actions
  ) {
    background: #303030 !important;
    color: #f2f0ee !important;
  }

  html.nexus-dark-gray .form-table th,
  html.nexus-dark-gray .form-table td.row-label {
    background: #1c1c1c !important;
    color: #fff !important;
    border-color: #65615e !important;
  }

  html.nexus-dark-gray .form-table td,
  html.nexus-dark-gray .form-table td input,
  html.nexus-dark-gray .form-table td select,
  html.nexus-dark-gray .zone-cell-button {
    border-color: #5a5653 !important;
  }

  html.nexus-dark-gray :where(
    .section-help,
    .customer-copy p,
    .section-heading-inline p,
    .financial-content p,
    .cloud-dialog-copy,
    .zone-dialog-subtitle,
    .schedule-dialog-subtitle,
    .save-status
  ) {
    color: #b9b4b0 !important;
  }

  html.nexus-dark-gray .brand-logo {
    /* Preserve the official Famous Footwear colors in dark mode:
       FAMOUS stays red instead of being converted to white. */
    filter: none !important;
  }

  /* Tools */
  html.nexus-dark-gray .tools-page,
  html.nexus-dark-gray .tools-shell {
    color: var(--tools-text) !important;
  }

  html.nexus-dark-gray .tool-card {
    background: #292929 !important;
    color: #f2f0ee !important;
    border-color: #494643 !important;
  }

  html.nexus-dark-gray .tool-card:hover,
  html.nexus-dark-gray .tool-card:focus-visible {
    transform: none !important;
    background: #333333 !important;
    border-color: #6a6561 !important;
    box-shadow: 0 8px 22px rgba(0, 0, 0, .22) !important;
  }

  html.nexus-dark-gray .tool-card-icon {
    background: #333 !important;
    border-color: #4d4946 !important;
  }

  html.nexus-dark-gray .tool-card-category,
  html.nexus-dark-gray .tool-card p {
    color: #b6b1ad !important;
  }

  html.nexus-dark-gray .tool-card h2,
  html.nexus-dark-gray .tool-card-open,
  html.nexus-dark-gray .tool-card-icon svg {
    color: #f2f0ee !important;
    stroke: currentColor !important;
  }

  /* Money Count */
  html.nexus-dark-gray .money-count-panel {
    background: #292929 !important;
    border-color: #494643 !important;
    box-shadow: 0 10px 28px rgba(0, 0, 0, .2) !important;
  }

  html.nexus-dark-gray .money-count-panel-head,
  html.nexus-dark-gray .money-count-section,
  html.nexus-dark-gray .money-count-summary {
    border-color: #494643 !important;
  }

  html.nexus-dark-gray .money-count-total-hero,
  html.nexus-dark-gray .money-count-summary,
  html.nexus-dark-gray .money-count-row-total {
    background: #323232 !important;
  }

  html.nexus-dark-gray .money-count-qty {
    background: #303030 !important;
    color: #f2f0ee !important;
    border-color: #5b5753 !important;
  }

  /* Notes */
  html.nexus-dark-gray .notes-shell {
    color: #f2f0ee !important;
  }

  html.nexus-dark-gray :where(
    .notes-toolbar,
    .notes-search,
    .notes-filter,
    .note-card
  ) {
    background: #292929 !important;
    color: #f2f0ee !important;
    border-color: #4d4946 !important;
  }

  html.nexus-dark-gray .notes-filter.is-active {
    background: #f0eeec !important;
    color: #1b1b1b !important;
    border-color: #f0eeec !important;
  }

  html.nexus-dark-gray .note-category {
    background: #343434 !important;
    color: #c5c0bc !important;
    border-color: #504c49 !important;
  }

  html.nexus-dark-gray :where(
    .notes-heading > p:last-child,
    .notes-status-wrap,
    .note-card-content
  ) {
    color: #b6b1ad !important;
  }

  html.nexus-dark-gray .notes-status-wrap strong,
  html.nexus-dark-gray .notes-search input {
    color: #f2f0ee !important;
  }

  /* Store Layout controls. Keep the actual floor-plan canvas light so its
     fixture artwork and print/export representation remain unchanged. */
  html.nexus-dark-gray .store-layout-page {
    color: #f2f0ee !important;
  }

  html.nexus-dark-gray :where(
    .store-layout-preview-panel,
    .store-layout-controls,
    .store-layout-save-bar,
    .store-layout-card,
    .store-layout-side-card,
    .store-layout-wall-card,
    .store-layout-bin-card,
    .store-layout-edit-card
  ) {
    background: #292929 !important;
    color: #f2f0ee !important;
    border-color: #4d4946 !important;
  }

  html.nexus-dark-gray :where(
    .store-layout-preview-heading p,
    .store-layout-panel-heading p,
    .store-layout-kicker,
    .store-layout-save-status,
    .store-layout-autosave-note,
    .store-layout-save-field,
    .store-layout-field
  ) {
    color: #b7b2ae !important;
  }

  html.nexus-dark-gray .store-layout-canvas-wrap {
    background: #262626 !important;
    border-color: #4d4946 !important;
  }

  html.nexus-dark-gray :where(
    .store-layout-map,
    .store-layout-map *,
    .store-layout-front-banner,
    .store-layout-back-banner
  ) {
    color-scheme: light;
  }

  html.nexus-dark-gray .store-layout-map {
    /* Keep the Store Layout floor identical to light mode. */
    color: #171717 !important;
  }

  /* Sales Report */
  html.nexus-dark-gray .sales-panel,
  html.nexus-dark-gray .sales-metric {
    background: #292929 !important;
    color: #f2f0ee !important;
    border-color: #4b4845 !important;
  }

  html.nexus-dark-gray .sales-shell th {
    background: #242424 !important;
    color: #c7c2be !important;
    border-bottom-color: #4b4845 !important;
  }

  html.nexus-dark-gray .sales-shell td {
    border-bottom-color: #44413f !important;
  }

  html.nexus-dark-gray :where(
    .sales-muted,
    .sales-import-actions span,
    .sales-scope-note,
    .sales-metric dt,
    .sales-metric .sales-source,
    .sales-kicker
  ) {
    color: #b7b2ae !important;
  }

  html.nexus-dark-gray .sales-warnings {
    background: #393328 !important;
    color: #ead7a8 !important;
  }

  /* Theme controls */
  .nexus-theme-toggle {
    width: 40px;
    height: 40px;
    flex: 0 0 40px;
    display: grid;
    place-items: center;
    border: 0;
    border-radius: 0;
    background: transparent;
    color: #171717;
    cursor: pointer;
  }

  .nexus-theme-toggle:hover,
  .nexus-theme-toggle:focus-visible {
    background: #f3f3f3;
  }

  .nexus-theme-toggle svg {
    width: 19px;
    height: 19px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.7;
    stroke-linecap: round;
    stroke-linejoin: round;
  }

  html.nexus-dark-gray .nexus-theme-toggle {
    color: #f5f3f1;
  }

  html.nexus-dark-gray .nexus-theme-toggle:hover,
  html.nexus-dark-gray .nexus-theme-toggle:focus-visible {
    background: #383838;
  }

  .nexus-theme-drawer-section {
    margin-top: 4px;
  }

  .nexus-theme-drawer-button {
    width: 100%;
    min-height: 58px;
    padding: 0 16px;
    display: flex;
    align-items: center;
    gap: 13px;
    border: 1px solid #dedbd8;
    background: #f6f5f4;
    color: #171717;
    font: 700 14px/1 Inter, Arial, sans-serif;
    text-align: left;
    cursor: pointer;
  }

  .nexus-theme-drawer-button svg {
    width: 21px;
    height: 21px;
    flex: 0 0 21px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.7;
    stroke-linecap: round;
    stroke-linejoin: round;
  }

  .nexus-theme-drawer-label {
    flex: 1;
  }

  .nexus-theme-switch {
    width: 40px;
    height: 22px;
    padding: 2px;
    display: flex;
    align-items: center;
    border-radius: 999px;
    background: #c7c3bf;
  }

  .nexus-theme-switch::after {
    content: "";
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .22);
    transition: transform 160ms ease;
  }

  .nexus-theme-drawer-button[aria-pressed="true"] .nexus-theme-switch {
    background: #df0038;
  }

  .nexus-theme-drawer-button[aria-pressed="true"] .nexus-theme-switch::after {
    transform: translateX(18px);
  }

  html.nexus-dark-gray .nexus-theme-drawer-button {
    background: #303030;
    color: #f4f2f0;
    border-color: #4d4946;
  }

  html.nexus-dark-gray .nexus-theme-drawer-button:hover,
  html.nexus-dark-gray .nexus-theme-drawer-button:focus-visible {
    background: #383838;
  }
}

/* Complete component coverage. Keep this after the shared theme: page styles
   include higher-specificity legacy rules and are also loaded dynamically. */
@media screen {
  html.nexus-dark-gray {
    --nexus-surface: #292929;
    --nexus-field: #333333;
    --nexus-text: #f3f1ef;
    --nexus-muted: #c0bbb7;
    --nexus-border: #625d59;
    --mc-positive: #85d9a2;
    --mc-negative: #ff9caa;
  }

  /* Worksheet fields need their own specificity, not only a generic input rule. */
  html.nexus-dark-gray body .form-table td,
  html.nexus-dark-gray body .form-table td input,
  html.nexus-dark-gray body :is(input, textarea, select),
  html.nexus-dark-gray body :is(.zone-cell-button, .shift-cell-button, .name-cell-button) {
    background-color: var(--nexus-field) !important;
    color: var(--nexus-text) !important;
    border-color: var(--nexus-border) !important;
  }
  html.nexus-dark-gray body .form-table td.row-label {
    background: #1c1c1c !important;
    color: var(--nexus-text) !important;
  }
  html.nexus-dark-gray body :is(.sheet-top h2, .date-line, .work-date-display,
    .zone-list, .zone-list strong, .customer-section h3, .tasks-section h3,
    .financial-content h3, .zone-cell-value, .shift-cell-value,
    .cloud-dialog-heading h2, .zone-picker-copy strong, .name-picker-copy strong) {
    color: var(--nexus-text) !important;
  }
  html.nexus-dark-gray body :is(.additional-tasks-heading, .task-progress,
    .week-picker > span, .week-picker small, .zone-picker-copy small,
    .name-picker-copy small, .shift-time-label, .cloud-field-label,
    .store-selector-label, .store-selector-copy small) {
    color: var(--nexus-muted) !important;
  }
  html.nexus-dark-gray body input::placeholder,
  html.nexus-dark-gray body textarea::placeholder { color: #b4aeaa !important; }
  html.nexus-dark-gray body #worksheet #priorWeekRows td.variance-positive input {
    background: #203b2a !important; color: #98e4af !important;
    box-shadow: inset 0 0 0 1px #537b60;
  }
  html.nexus-dark-gray body #worksheet #priorWeekRows td.variance-negative input {
    background: #48292b !important; color: #ffb2ad !important;
    box-shadow: inset 0 0 0 1px #955b5b;
  }

  /* Weekly schedule, including sticky columns and the standalone page header. */
  html.nexus-dark-gray body #scheduleDialog,
  html.nexus-dark-gray body #scheduleDialog :is(.schedule-dialog-card,
    .schedule-page-heading, .cloud-dialog-heading, .schedule-table-wrap) {
    background: var(--nexus-surface) !important;
    color: var(--nexus-text) !important;
    border-color: var(--nexus-border) !important;
  }
  html.nexus-dark-gray body #scheduleDialog :is(h2, .schedule-summary-chip strong,
    .schedule-shift-edit-button, .schedule-shift-text, .schedule-shift-start,
    .schedule-shift-end) { color: var(--nexus-text) !important; }
  html.nexus-dark-gray body #scheduleDialog :is(.schedule-summary-chip,
    .weekly-schedule-table tbody th, .weekly-schedule-table tbody td,
    .weekly-schedule-table tfoot th, .weekly-schedule-table tfoot td) {
    background: #333 !important; color: var(--nexus-text) !important;
    border-color: var(--nexus-border) !important;
  }
  html.nexus-dark-gray body #scheduleDialog .weekly-schedule-table thead th {
    background: #1c1c1c !important; color: var(--nexus-text) !important;
    border-color: var(--nexus-border) !important;
  }
  html.nexus-dark-gray body #scheduleDialog :is(.schedule-summary-chip span,
    .schedule-dialog-subtitle, .schedule-week-number, .schedule-job-title,
    .schedule-employment-type, .schedule-hours-note, .schedule-mobile-hint,
    .schedule-other-store, .schedule-shift-separator, .schedule-empty) {
    color: var(--nexus-muted) !important;
  }
  html.nexus-dark-gray body #scheduleDialog .schedule-other-store-shift {
    background: #3d3d3d !important;
  }
  html.nexus-dark-gray body #scheduleDialog .schedule-other-store-shift .schedule-shift-text {
    color: var(--nexus-muted) !important;
  }
  html.nexus-dark-gray body #scheduleDialog :is(.schedule-shift-off, .schedule-shift-off .schedule-shift-text) {
    color: var(--nexus-muted) !important;
  }
  html.nexus-dark-gray body #scheduleDialog .schedule-shift-edit-button:hover,
  html.nexus-dark-gray body #scheduleDialog .schedule-shift-edit-button:focus-visible {
    background: #474747 !important;
  }
  html.nexus-dark-gray body #scheduleDialog :is(.schedule-print-button, .calendar-step,
    .schedule-today-button, .schedule-week-picker),
  html.nexus-dark-gray body :is(#weekPicker, #weekDate, #weekRangeLabel,
    #scheduleWeekDate, #scheduleWeekRangeLabel, .week-picker-open) {
    background-color: var(--nexus-field) !important;
    color: var(--nexus-text) !important; border-color: var(--nexus-border) !important;
  }
  html.nexus-dark-gray body #scheduleDialog .schedule-shift-edit-button::after {
    background: #444 !important; color: var(--nexus-text) !important;
  }

  /* Navigation glyphs and account text previously kept their light-mode ink. */
  html.nexus-dark-gray body .site-shared-desktop-nav .site-shared-nav-icon,
  html.nexus-dark-gray body .site-nav-account.is-authenticated strong,
  html.nexus-dark-gray body .site-global-nav .store-selector-copy strong,
  html.nexus-dark-gray body :is(.site-nav-account, .site-page-title,
    .site-shared-compact-title, .compact-nav-store-account) {
    color: var(--nexus-text) !important;
  }

  /* Shared dialogs, roster, account and import panels. */
  html.nexus-dark-gray body :is(.cloud-dialog-card, .roster-dialog-card,
    .notes-dialog-card, .dayforce-clock-card, .promo-pdf-card,
    .selected-store-card, .dayforce-help-note, .dayforce-file-card,
    .dayforce-settings-reference, .roster-toolbar, .roster-row,
    .roster-add-panel, .roster-year-history, .roster-pin-editor,
    .zone-picker-option, .name-picker-option, .shift-time-control,
    .shoe-search-control, .shoe-result-card, .territory-store-card) {
    background: var(--nexus-surface) !important; color: var(--nexus-text) !important;
    border-color: var(--nexus-border) !important;
  }
  html.nexus-dark-gray body :is(.roster-person small, .roster-toolbar span,
    .roster-empty, .roster-add-help, .roster-add-heading small, .roster-week-context,
    .roster-year-history-copy small, .roster-login-status, .roster-pin-editor-heading small,
    .dayforce-setting-row, .dayforce-settings-figure figcaption,
    .selected-store-card small, .cloud-dialog-store-name,
    .shoe-search-heading p:not(.eyebrow), .shoe-search-form > label,
    .shoe-search-status, .shoe-result-meta small, .shoe-result-subtitle) {
    color: var(--nexus-muted) !important;
  }
  html.nexus-dark-gray body :is(.roster-add-grid label, .roster-add-options label,
    .roster-pin-editor-fields label, .roster-pin-editor-heading strong,
    .roster-year-history-copy strong, .roster-week-context b,
    .dayforce-settings-reference-title, .shoe-search-heading h2,
    .shoe-result-copy strong, .selected-store-card strong) { color: var(--nexus-text) !important; }

  /* Notes, including editable rich text and empty states. */
  html.nexus-dark-gray body :is(.notes-empty, .notes-empty-icon, .rich-note-editor,
    .rich-note-toolbar, .rich-note-surface, .rich-note-tool, .notes-pin-box,
    .note-picture-picker, .note-picture-edit-item, .note-picture-file-name) {
    background: var(--nexus-surface) !important; color: var(--nexus-text) !important;
    border-color: var(--nexus-border) !important;
  }
  html.nexus-dark-gray body :is(.notes-empty p, .notes-dialog-copy, .notes-field > span,
    .note-picture-field-head > span, .note-picture-field-head small, .notes-pin-option,
    .note-updated, .note-picture-more) { color: var(--nexus-muted) !important; }
  html.nexus-dark-gray body .rich-note-tool.is-active {
    background: #555 !important; color: #fff !important;
  }
  html.nexus-dark-gray body .notes-search svg { stroke: var(--nexus-muted) !important; }

  /* Money Count history, date controls, totals and vault settings. */
  html.nexus-dark-gray body :is(.money-count-history, .money-count-summary-card,
    .money-count-type-picker, .money-count-date-picker, .money-count-vault-card,
    .money-count-vault-field > div, .money-count-confirm-card) {
    background: var(--nexus-surface) !important; color: var(--nexus-text) !important;
    border-color: var(--nexus-border) !important;
  }

  /* Floor-plan controls only: category colors and fixture artwork are intentional. */
  html.nexus-dark-gray body :is(.store-layout-share-dialog, .store-layout-bin-rename-dialog,
    .store-layout-configuration-switch, .store-layout-zone-card, .store-layout-zone-head,
    .store-layout-category-editor, .store-layout-row-card, .store-layout-wall-config-card,
    .store-layout-config-fixture-row, .store-layout-side-editor, .store-layout-empty-editor) {
    background: var(--nexus-surface) !important; color: var(--nexus-text) !important;
    border-color: var(--nexus-border) !important;
  }
  html.nexus-dark-gray body :is(.store-layout-configuration-switch p,
    .store-layout-zone-head p, .store-layout-category-editor-head span,
    .store-layout-side-editor-heading span) { color: var(--nexus-muted) !important; }

  /* Secondary actions retain their geometry and icon shapes. */
  html.nexus-dark-gray body :is(.note-card-action, .notes-dialog-close, .category-delete,
    .roster-remove-button, .roster-add-close, .roster-week-button, .roster-login-pin-button,
    .money-count-action-button, .money-count-vault-button, .money-count-clear-button,
    .money-count-week-button, .money-count-today-button, .money-count-day-tab,
    .money-count-vault-cancel, .money-count-confirm-actions button:not(.money-count-confirm-clear),
    .store-layout-fill-bins-button, .store-layout-config-fixture-remove,
    .store-layout-quick-paste button, .store-layout-bin-section-buttons button,
    .store-layout-secondary-action, .store-layout-delete-action,
    .store-layout-dialog-close, #shoeSearchSubmit) {
    background-color: var(--nexus-field) !important; color: var(--nexus-text) !important;
    border-color: var(--nexus-border) !important;
  }
  html.nexus-dark-gray body .money-count-day-tab[aria-selected="true"] {
    background: #555 !important; color: #fff !important;
    border-color: #bbb !important;
  }
  html.nexus-dark-gray body .dialog-close::before,
  html.nexus-dark-gray body .dialog-close::after,
  html.nexus-dark-gray body .store-layout-bin-rename-dialog .store-layout-dialog-close::before,
  html.nexus-dark-gray body .store-layout-bin-rename-dialog .store-layout-dialog-close::after {
    background: var(--nexus-text) !important;
  }
  /* Set the complete arrow treatment: background-image alone tiles on Android. */
  html.nexus-dark-gray body select:not([multiple]):not([size]),
  html.nexus-dark-gray body select:not([multiple])[size="1"] {
    -webkit-appearance: none !important;
    appearance: none !important;
    background-repeat: no-repeat !important;
    background-position: right 12px center !important;
    background-size: 14px 8px !important;
    padding-right: 38px !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='8' viewBox='0 0 14 8'%3E%3Cpath d='M1 1l6 6 6-6' fill='none' stroke='%23f3f1ef' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E") !important;
  }
  html.nexus-dark-gray body .sales-good,
  html.nexus-dark-gray body .store-layout-save-status.is-saved { color: #85d9a2 !important; }
  html.nexus-dark-gray body .sales-bad,
  html.nexus-dark-gray body #reportStatus[data-error=true],
  html.nexus-dark-gray body .store-layout-save-status.is-error { color: #ff9caa !important; }
  html.nexus-dark-gray body .sales-missing { color: var(--nexus-muted) !important; }
}
@media screen {
  html.nexus-dark-gray body :is(.cloud-login-role, .cloud-login-role button,
    .cloud-account-identity, .cloud-access-card, .cloud-territory-store-button,
    .nexus-admin-card, .store-layout-bin-name-input-wrap, .store-layout-bin-section-actions) {
    background: var(--nexus-field) !important; color: var(--nexus-text) !important;
    border-color: var(--nexus-border) !important;
  }
  html.nexus-dark-gray body .cloud-login-role button.is-active {
    background: #555 !important; color: #fff !important;
  }
  html.nexus-dark-gray body :is(.cloud-fields label > span, .cloud-account-identity small,
    .cloud-access-heading, .nexus-admin-help, .store-layout-share-link-field,
    .store-layout-share-link-field > span, .store-layout-bin-section-actions span,
    .store-layout-bin-section-actions strong, .shift-time-fields label > span) {
    color: var(--nexus-muted) !important;
  }
  /* Keep the existing circular clear icon, with light strokes on dark fields. */
  html.nexus-dark-gray body :is(#clearRenameBinInput, .shoe-search-clear) {
    background-color: var(--nexus-field) !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Ccircle cx='9' cy='9' r='8.35' fill='none' stroke='%23f3f1ef' stroke-width='1.1'/%3E%3Cpath d='M6.75 6.75l4.5 4.5M11.25 6.75l-4.5 4.5' fill='none' stroke='%23f3f1ef' stroke-width='.9'/%3E%3C/svg%3E") !important;
    color: transparent !important;
  }
}
@media screen {
  html.nexus-dark-gray body :is(.output-actions, .cloud-dialog-heading,
    .cloud-territory-store-block, .cloud-change-pin-block, .cloud-access-block,
    .nexus-admin-block, .promo-pdf-footer, .store-layout-compact-menu,
    .store-layout-compact-menu a, .store-layout-output-bar, .store-layout-cash-wrap-editor) {
    background: var(--nexus-surface) !important; color: var(--nexus-text) !important;
    border-color: var(--nexus-border) !important;
  }
  html.nexus-dark-gray body :is(.task-progress, .cloud-signout-button,
    .promo-pdf-toolbar button) {
    background: var(--nexus-field) !important; color: var(--nexus-text) !important;
    border-color: var(--nexus-border) !important;
  }
}
@media screen {
  html.nexus-dark-gray body .site-page-heading :is(.site-page-subtitle, .site-page-store-name),
  html.nexus-dark-gray body :is(.name-custom-help, .name-custom-field > span,
    .shift-other-store-field > span, .shift-other-store-field small,
    .dayforce-file-card small, .dayforce-help-list span, .dayforce-help-note span,
    .store-search-control > span, .selected-store-card span, .cloud-access-heading small,
    .cloud-access-footer small, .nexus-admin-stores-field small,
    .nexus-admin-message, .promo-guide-admin-copy small, .cloud-message,
    .cloud-setup p, .promo-pdf-title-block small, .promo-pdf-toolbar label,
    .store-layout-output-status, .store-layout-legend, .store-layout-drag-hint,
    .store-layout-drive-aisle-help, .store-layout-share-copy, .store-layout-share-feedback) {
    color: var(--nexus-muted) !important;
  }
  html.nexus-dark-gray body :is(.store-selector-copy strong, .date-line strong,
    .output-icon-label, .dayforce-file-card strong, .dayforce-help-list strong,
    .dayforce-help-note strong, .promo-guide-admin-copy strong, .cloud-setup summary,
    .promo-pdf-title-block h2, .store-layout-compact-title, .store-layout-compact-icon-button),
  html.nexus-dark-gray body #scheduleDialog .weekly-schedule-table,
  html.nexus-dark-gray body .quick-output-actions :is(#printButton, #exportPdfButton),
  html.nexus-dark-gray body .calendar-controls .week-picker :is(#weekDate, #weekRangeLabel),
  html.nexus-dark-gray body .cloud-dialog-card label > span {
    color: var(--nexus-text) !important;
  }
  html.nexus-dark-gray body .store-layout-nexus-mark i { background: var(--nexus-text) !important; }
  html.nexus-dark-gray body .cloud-message.is-error,
  html.nexus-dark-gray body .nexus-admin-message.is-error {
    background: #48292b !important; color: #ffb2ad !important;
    border-color: #955b5b !important;
  }
}
@media screen {
  html.nexus-dark-gray body #weekPicker :is(#weekDate, #weekRangeLabel),
  html.nexus-dark-gray body .dayforce-help-steps strong {
    color: var(--nexus-text) !important;
  }
  html.nexus-dark-gray body :is(.dayforce-help-steps span, .cloud-store-search-heading small) {
    color: var(--nexus-muted) !important;
  }
}
@media screen {
  html.nexus-dark-gray body .cloud-primary-button {
    background: #f0eeec !important;
    color: #1c1c1c !important;
    border-color: #f0eeec !important;
  }
  html.nexus-dark-gray body .cloud-primary-button:hover {
    background: #d8d4d0 !important;
    color: #1c1c1c !important;
  }
}


/* Dark-mode specificity safety net (v4).
   Production page styles contain a handful of highly-specific !important light-mode
   rules. Keep this block last so every visible Nexus page stays readable in dark mode. */
@media screen {
  /* Buttons and button-like controls must never keep a hard-coded dark child label/icon. */
  html.nexus-dark-gray body :is(
    button,
    .output-button,
    .secondary-button,
    .cloud-secondary-button,
    .cloud-done-button,
    .schedule-print-button,
    .promo-guide-view,
    .promo-pdf-download-button,
    .dayforce-clock-external,
    .money-count-action-button,
    .money-count-vault-button,
    .money-count-clear-button,
    .store-layout-secondary-action,
    .store-layout-delete-action,
    .sales-button
  ) :is(.output-icon-label, span, strong, svg) {
    color: inherit !important;
  }

  html.nexus-dark-gray body :is(
    button,
    .output-button,
    .secondary-button,
    .cloud-secondary-button,
    .cloud-done-button,
    .schedule-print-button,
    .promo-guide-view,
    .promo-pdf-download-button,
    .dayforce-clock-external,
    .money-count-action-button,
    .money-count-vault-button,
    .money-count-clear-button,
    .store-layout-secondary-action,
    .store-layout-delete-action,
    .sales-button
  ) svg {
    stroke: currentColor !important;
  }

  /* Worksheet quick Export PDF / Print controls: mobile layout has a stronger
     light-mode label rule, so override it at the same component depth. */
  html.nexus-dark-gray body .quick-output-actions .quick-output-button {
    background: var(--nexus-field) !important;
    color: var(--nexus-text) !important;
    border-color: var(--nexus-border) !important;
  }

  html.nexus-dark-gray body .quick-output-actions .quick-output-button .output-icon-label,
  html.nexus-dark-gray body .quick-output-actions .quick-output-button svg {
    color: var(--nexus-text) !important;
  }

  html.nexus-dark-gray body .quick-output-actions .quick-output-button svg {
    stroke: currentColor !important;
  }

  html.nexus-dark-gray body .quick-output-actions .quick-output-button:disabled {
    color: var(--nexus-text) !important;
    opacity: .58;
  }

  /* Week/date controls use two-ID light-mode selectors on the worksheet/schedule. */
  html.nexus-dark-gray body .calendar-controls #weekPicker #weekDate,
  html.nexus-dark-gray body .calendar-controls #weekPicker #weekRangeLabel,
  html.nexus-dark-gray body .schedule-page-week-nav #scheduleWeekDate,
  html.nexus-dark-gray body .schedule-page-week-nav #scheduleWeekRangeLabel {
    color: var(--nexus-text) !important;
  }

  /* Standalone schedule view has late !important light button rules. */
  html.nexus-dark-gray body.schedule-page-open .schedule-page .schedule-print-button {
    background: var(--nexus-field) !important;
    color: var(--nexus-text) !important;
    border-color: var(--nexus-border) !important;
  }

  html.nexus-dark-gray body.schedule-page-open .schedule-page .schedule-print-button:hover,
  html.nexus-dark-gray body.schedule-page-open .schedule-page .schedule-print-button:focus-visible {
    background: #474747 !important;
    color: #fff !important;
    border-color: #8b8580 !important;
  }

  /* Store Layout edit controls with stronger component selectors. The actual map stays
     light by design; only the surrounding editor UI is themed here. */
  html.nexus-dark-gray body .store-layout-bin-category-field select,
  html.nexus-dark-gray body .store-layout-bin-asset-field select {
    background-color: var(--nexus-field) !important;
    color: var(--nexus-text) !important;
    border-color: var(--nexus-border) !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='8' viewBox='0 0 14 8'%3E%3Cpath d='M1 1l6 6 6-6' fill='none' stroke='%23f3f1ef' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
  }

  html.nexus-dark-gray body #doneShareLayout.store-layout-secondary-action {
    background: var(--nexus-field) !important;
    color: var(--nexus-text) !important;
    border-color: var(--nexus-border) !important;
  }

  html.nexus-dark-gray body #doneShareLayout.store-layout-secondary-action:hover {
    background: #474747 !important;
    color: #fff !important;
  }

  html.nexus-dark-gray body #revokeShareLayoutLink.store-layout-delete-action {
    background: var(--nexus-field) !important;
    color: #ff9caa !important;
    border-color: #955b6a !important;
  }

  html.nexus-dark-gray body #revokeShareLayoutLink.store-layout-delete-action:hover {
    background: #48292f !important;
    color: #ffb3bd !important;
    border-color: #b06b78 !important;
  }

  html.nexus-dark-gray body .store-layout-bin-name-clear {
    background-color: var(--nexus-field) !important;
    border-color: var(--nexus-text) !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Ccircle cx='9' cy='9' r='8.35' fill='none' stroke='%23f3f1ef' stroke-width='1.1'/%3E%3Cpath d='M6.75 6.75l4.5 4.5M11.25 6.75l-4.5 4.5' fill='none' stroke='%23f3f1ef' stroke-width='.9'/%3E%3C/svg%3E") !important;
  }

  html.nexus-dark-gray body .store-layout-bin-name-clear:hover,
  html.nexus-dark-gray body .store-layout-bin-name-clear:focus-visible {
    background-color: #474747 !important;
    border-color: #fff !important;
  }

  /* Explicitly preserve the intentionally inverted light selections. */
  html.nexus-dark-gray body .day-tab.active,
  html.nexus-dark-gray body .notes-filter.is-active,
  html.nexus-dark-gray body .cloud-primary-button {
    color: #1c1c1c !important;
  }
}


/* Compact/mobile week navigation: keep the entire selector band dark. */
@media screen and (max-width: 999px) {
  html.nexus-dark-gray body .compact-nav-bar.compact-controls-row-host {
    background: #252525 !important;
    color: #f4f2f0 !important;
    border-top-color: #44413f !important;
    border-bottom-color: #44413f !important;
  }

  html.nexus-dark-gray body .compact-nav-control-row,
  html.nexus-dark-gray body .compact-nav-control-row .calendar-controls {
    background: transparent !important;
  }

  html.nexus-dark-gray body .compact-nav-control-row .calendar-step,
  html.nexus-dark-gray body .compact-nav-control-row .today-button,
  html.nexus-dark-gray body .compact-nav-control-row .week-picker {
    background: #303030 !important;
    color: #f4f2f0 !important;
    border-color: #57534f !important;
    box-shadow: none !important;
  }

  html.nexus-dark-gray body .compact-nav-control-row .week-picker > span {
    color: #b7b2ae !important;
  }

  html.nexus-dark-gray body .compact-nav-control-row .week-picker #weekDate,
  html.nexus-dark-gray body .compact-nav-control-row .week-picker #weekRangeLabel {
    color: #f4f2f0 !important;
  }

  html.nexus-dark-gray body .compact-nav-control-row .week-picker #weekRangeLabel {
    border-left-color: #57534f !important;
  }

  html.nexus-dark-gray body .compact-nav-control-row .week-picker .week-picker-open {
    background: transparent !important;
    color: #f4f2f0 !important;
    border-color: transparent !important;
  }

  html.nexus-dark-gray body .compact-nav-control-row .week-picker .week-picker-open svg {
    stroke: currentColor !important;
  }
}


/* Dark-mode table border refinement (v6). */
@media screen {
  html.nexus-dark-gray {
    --nexus-table-grid: #4a4643;
    --nexus-table-grid-strong: #68615c;
    --nexus-table-outline: #5b5551;
  }

  /* Worksheet tables: softer interior grid, clearer outside edge/header split. */
  html.nexus-dark-gray body .form-table {
    border: 1px solid var(--nexus-table-outline) !important;
    box-shadow: 0 0 0 1px rgba(0,0,0,.16);
  }

  html.nexus-dark-gray body .form-table th,
  html.nexus-dark-gray body .form-table td {
    border-color: var(--nexus-table-grid) !important;
  }

  html.nexus-dark-gray body .form-table thead th {
    border-bottom-color: var(--nexus-table-grid-strong) !important;
  }

  html.nexus-dark-gray body .form-table td.row-label {
    border-right-color: var(--nexus-table-grid-strong) !important;
  }

  /* Weekly schedule: keep the grid visible without bright gray boxes. */
  html.nexus-dark-gray body #scheduleDialog .schedule-table-wrap {
    border-color: var(--nexus-table-outline) !important;
    box-shadow: 0 0 0 1px rgba(0,0,0,.14);
  }

  html.nexus-dark-gray body #scheduleDialog .weekly-schedule-table th,
  html.nexus-dark-gray body #scheduleDialog .weekly-schedule-table td {
    border-right-color: var(--nexus-table-grid) !important;
    border-bottom-color: var(--nexus-table-grid) !important;
  }

  html.nexus-dark-gray body #scheduleDialog .weekly-schedule-table thead th {
    border-bottom-color: var(--nexus-table-grid-strong) !important;
  }

  html.nexus-dark-gray body #scheduleDialog .weekly-schedule-table tbody th {
    border-right-color: var(--nexus-table-grid-strong) !important;
  }

  html.nexus-dark-gray body #scheduleDialog .weekly-schedule-table tfoot th,
  html.nexus-dark-gray body #scheduleDialog .weekly-schedule-table tfoot td {
    border-top: 1px solid var(--nexus-table-grid-strong) !important;
  }

  /* Sales Report tables use the same border hierarchy. */
  html.nexus-dark-gray body .sales-table-wrap table {
    border: 1px solid var(--nexus-table-outline) !important;
  }

  html.nexus-dark-gray body .sales-table-wrap th,
  html.nexus-dark-gray body .sales-table-wrap td {
    border-bottom-color: var(--nexus-table-grid) !important;
  }

  html.nexus-dark-gray body .sales-table-wrap th {
    border-bottom-color: var(--nexus-table-grid-strong) !important;
  }

  html.nexus-dark-gray body .sales-table-wrap tbody tr:last-child td {
    border-bottom: 0 !important;
  }
}


/* Dark-mode compact/mobile navigation contrast fix (v7). */
@media screen and (max-width: 999px) {
  /* Drawer shell and header */
  html.nexus-dark-gray body .site-shared-compact-drawer {
    background: #242424 !important;
    color: #f5f3f1 !important;
    border-color: #47433f !important;
    box-shadow: 12px 0 32px rgba(0,0,0,.34) !important;
  }

  html.nexus-dark-gray body .site-shared-compact-drawer .compact-nav-menu-head {
    background: #242424 !important;
    color: #f5f3f1 !important;
    border-bottom-color: #514c48 !important;
  }

  html.nexus-dark-gray body .site-shared-compact-drawer .compact-nav-store-account,
  html.nexus-dark-gray body .site-shared-compact-drawer .compact-nav-store-account strong {
    color: #f5f3f1 !important;
  }

  html.nexus-dark-gray body .site-shared-compact-drawer .compact-nav-store-chevron {
    border-right-color: #b8b3af !important;
    border-bottom-color: #b8b3af !important;
  }

  html.nexus-dark-gray body .site-shared-compact-drawer .compact-nav-close::before,
  html.nexus-dark-gray body .site-shared-compact-drawer .compact-nav-close::after {
    background: #f5f3f1 !important;
  }

  html.nexus-dark-gray body .site-shared-compact-drawer .compact-nav-section-title {
    color: #aaa5a1 !important;
  }

  /* Navigation cards */
  html.nexus-dark-gray body .site-shared-compact-drawer .compact-nav-item,
  html.nexus-dark-gray body .site-shared-compact-drawer .site-nav-item {
    background: #303030 !important;
    color: #f5f3f1 !important;
    border: 1px solid #3f3c39 !important;
    box-shadow: none !important;
  }

  html.nexus-dark-gray body .site-shared-compact-drawer .compact-nav-item:hover,
  html.nexus-dark-gray body .site-shared-compact-drawer .compact-nav-item:focus-visible,
  html.nexus-dark-gray body .site-shared-compact-drawer .compact-nav-item[aria-current="page"] {
    background: #393939 !important;
    border-color: #57524e !important;
  }

  /* Standard outline icons */
  html.nexus-dark-gray body .site-shared-compact-drawer .compact-nav-item svg,
  html.nexus-dark-gray body .site-shared-compact-drawer .site-shared-nav-icon,
  html.nexus-dark-gray body .site-shared-compact-drawer .site-shared-nav-icon * {
    fill: none !important;
    stroke: #dedad6 !important;
  }

  /* Solid Workbench/Power BI glyphs are authored as filled SVGs. */
  html.nexus-dark-gray body .site-shared-compact-drawer .site-nav-workbench .site-shared-nav-icon,
  html.nexus-dark-gray body .site-shared-compact-drawer .site-nav-workbench .site-shared-nav-icon *,
  html.nexus-dark-gray body .site-shared-compact-drawer .site-nav-power .power-bi-icon,
  html.nexus-dark-gray body .site-shared-compact-drawer .site-nav-power .power-bi-icon * {
    fill: #dedad6 !important;
    stroke: none !important;
  }

  html.nexus-dark-gray body .site-shared-compact-drawer .compact-nav-item-chevron {
    border-right-color: #aaa5a1 !important;
    border-bottom-color: #aaa5a1 !important;
  }

  /* Import card should use the same dark-mode family instead of light-mode black. */
  html.nexus-dark-gray body .site-shared-compact-drawer .site-nav-import {
    background: #303030 !important;
    color: #f5f3f1 !important;
    border-color: #3f3c39 !important;
  }

  html.nexus-dark-gray body .site-shared-compact-drawer .site-nav-import:hover,
  html.nexus-dark-gray body .site-shared-compact-drawer .site-nav-import:focus-visible {
    background: #393939 !important;
    border-color: #57524e !important;
  }

  html.nexus-dark-gray body .site-shared-compact-drawer .site-nav-import .site-shared-nav-icon,
  html.nexus-dark-gray body .site-shared-compact-drawer .site-nav-import .site-shared-nav-icon * {
    fill: none !important;
    stroke: #dedad6 !important;
  }

  /* Logged-in initials/avatar gets a visible edge on the dark drawer. */
  html.nexus-dark-gray body .site-shared-compact-drawer .compact-nav-store-account > span[aria-hidden="true"] {
    background: #383838 !important;
    color: #fff !important;
    box-shadow: inset 0 0 0 1px #514c48 !important;
  }

  /* Compact top bar */
  html.nexus-dark-gray body .site-shared-compact-bar {
    background: #242424 !important;
    border-color: #47433f !important;
  }

  html.nexus-dark-gray body .site-shared-compact-bar .site-shared-compact-title,
  html.nexus-dark-gray body .site-shared-compact-bar .site-shared-compact-title-text {
    color: #f5f3f1 !important;
  }

  html.nexus-dark-gray body .site-shared-compact-search,
  html.nexus-dark-gray body .site-shared-compact-search svg {
    color: #f5f3f1 !important;
  }

  html.nexus-dark-gray body .site-shared-compact-search svg {
    fill: none !important;
    stroke: #f5f3f1 !important;
  }

  html.nexus-dark-gray body .site-shared-compact-menu .nexus-hamburger-svg,
  html.nexus-dark-gray body .site-shared-compact-title-icon {
    filter: brightness(0) invert(1) !important;
  }
}


/* Store Layout dark-mode editor polish and legibility (v8). */
@media screen {
  /* Keep these rules scoped to dark mode and to the Store Layout controls.
     The actual floor-plan canvas deliberately keeps its light-mode colors. */
  html.nexus-dark-gray body.store-layout-page {
    --store-layout-dark-panel: #292929;
    --store-layout-dark-card: #2d2d2d;
    --store-layout-dark-card-alt: #313131;
    --store-layout-dark-field: #353535;
    --store-layout-dark-border: #5b5652;
    --store-layout-dark-border-soft: #494541;
    --store-layout-dark-border-strong: #706a65;
    --store-layout-dark-text: #f4f2f0;
    --store-layout-dark-muted: #c3beba;
    --store-layout-dark-muted-2: #aaa49f;
  }

  /* Main setup panels and section frames */
  html.nexus-dark-gray body.store-layout-page :is(
    .store-layout-controls,
    .store-layout-configuration-switch,
    .store-layout-zone-card
  ) {
    background: var(--store-layout-dark-panel) !important;
    color: var(--store-layout-dark-text) !important;
    border-color: var(--store-layout-dark-border) !important;
  }

  html.nexus-dark-gray body.store-layout-page .store-layout-zone-head {
    background: var(--store-layout-dark-panel) !important;
    color: var(--store-layout-dark-text) !important;
    border-bottom-color: var(--store-layout-dark-border) !important;
  }

  html.nexus-dark-gray body.store-layout-page :is(
    .store-layout-panel-heading h2,
    .store-layout-zone-head h3,
    .store-layout-row-head > strong,
    .store-layout-category-editor-head strong,
    .store-layout-side-editor-heading strong
  ) {
    color: var(--store-layout-dark-text) !important;
  }

  html.nexus-dark-gray body.store-layout-page :is(
    .store-layout-configuration-switch p,
    .store-layout-zone-head p,
    .store-layout-panel-heading p
  ) {
    color: var(--store-layout-dark-muted) !important;
  }

  html.nexus-dark-gray body.store-layout-page :is(
    .store-layout-kicker,
    .store-layout-zone-kicker,
    .store-layout-field > span,
    .store-layout-save-field > span,
    .store-layout-editor-picker > span,
    .store-layout-row-section-picker > span
  ) {
    color: var(--store-layout-dark-muted) !important;
  }

  /* Floor-row editor hierarchy */
  html.nexus-dark-gray body.store-layout-page .store-layout-row-card {
    background: var(--store-layout-dark-card) !important;
    border-color: var(--store-layout-dark-border) !important;
  }

  html.nexus-dark-gray body.store-layout-page .store-layout-row-head {
    background: var(--store-layout-dark-card-alt) !important;
    border-bottom-color: var(--store-layout-dark-border) !important;
  }

  html.nexus-dark-gray body.store-layout-page .store-layout-category-editor-grid {
    background: #282828 !important;
  }

  html.nexus-dark-gray body.store-layout-page .store-layout-category-editor {
    background: var(--store-layout-dark-card) !important;
    color: var(--store-layout-dark-text) !important;
    border-color: var(--store-layout-dark-border) !important;
  }

  html.nexus-dark-gray body.store-layout-page .store-layout-category-editor-head {
    background: #303030 !important;
    border-bottom-color: var(--store-layout-dark-border) !important;
  }

  html.nexus-dark-gray body.store-layout-page .store-layout-category-editor-head span {
    color: var(--store-layout-dark-muted) !important;
  }

  /* Expandable A/B bin details was still using light-mode black text. */
  html.nexus-dark-gray body.store-layout-page .store-layout-bin-details {
    border-top-color: var(--store-layout-dark-border) !important;
  }

  html.nexus-dark-gray body.store-layout-page .store-layout-bin-details summary {
    background: #2b2b2b !important;
    color: var(--store-layout-dark-muted) !important;
  }

  html.nexus-dark-gray body.store-layout-page .store-layout-bin-details summary::after {
    color: #d8d4d0 !important;
  }

  html.nexus-dark-gray body.store-layout-page .store-layout-side-editors {
    background: var(--store-layout-dark-border) !important;
    border-top-color: var(--store-layout-dark-border) !important;
  }

  html.nexus-dark-gray body.store-layout-page .store-layout-side-editor {
    background: var(--store-layout-dark-card) !important;
    color: var(--store-layout-dark-text) !important;
  }

  html.nexus-dark-gray body.store-layout-page .store-layout-side-editor-heading span,
  html.nexus-dark-gray body.store-layout-page .store-layout-bin-name-row > span {
    color: var(--store-layout-dark-muted-2) !important;
  }

  /* Wall editor: fix the dark-on-dark Wall / Front Wall / No bins copy. */
  html.nexus-dark-gray body.store-layout-page .store-layout-wall-config-card {
    background: var(--store-layout-dark-card) !important;
    color: var(--store-layout-dark-text) !important;
    border-color: var(--store-layout-dark-border) !important;
    border-left-color: var(--store-layout-dark-border-strong) !important;
  }

  html.nexus-dark-gray body.store-layout-page .store-layout-wall-side-label {
    color: var(--store-layout-dark-muted) !important;
  }

  html.nexus-dark-gray body.store-layout-page .store-layout-wall-side-field strong {
    color: var(--store-layout-dark-text) !important;
  }

  html.nexus-dark-gray body.store-layout-page .store-layout-wall-side-field small {
    color: var(--store-layout-dark-muted-2) !important;
  }

  html.nexus-dark-gray body.store-layout-page .store-layout-wall-config-card .store-layout-wall-bin-editor {
    background: #2a2a2a !important;
    border-top-color: var(--store-layout-dark-border) !important;
  }

  html.nexus-dark-gray body.store-layout-page .store-layout-wall-bin-editor {
    border-top-color: var(--store-layout-dark-border) !important;
  }

  /* Cash-wrap editor */
  html.nexus-dark-gray body.store-layout-page .store-layout-cash-wrap-editor {
    background: var(--store-layout-dark-card) !important;
    color: var(--store-layout-dark-text) !important;
    border-color: var(--store-layout-dark-border) !important;
    border-left-color: var(--store-layout-dark-border-strong) !important;
  }

  /* Fields: stronger contrast and cleaner borders. */
  html.nexus-dark-gray body.store-layout-page :is(
    .store-layout-save-field select,
    .store-layout-field select,
    .store-layout-field input,
    .store-layout-row-section-picker select,
    .store-layout-editor-picker select,
    .store-layout-bin-span-select,
    .store-layout-quick-paste textarea
  ) {
    background-color: var(--store-layout-dark-field) !important;
    color: var(--store-layout-dark-text) !important;
    border-color: #66605c !important;
    box-shadow: none !important;
  }

  html.nexus-dark-gray body.store-layout-page :is(
    .store-layout-save-field select,
    .store-layout-field select,
    .store-layout-row-section-picker select,
    .store-layout-editor-picker select,
    .store-layout-bin-span-select
  ) {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='8' viewBox='0 0 14 8'%3E%3Cpath d='M1 1l6 6 6-6' fill='none' stroke='%23e7e3df' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
  }

  html.nexus-dark-gray body.store-layout-page :is(
    .store-layout-save-field select,
    .store-layout-field select,
    .store-layout-field input,
    .store-layout-row-section-picker select,
    .store-layout-editor-picker select,
    .store-layout-bin-span-select,
    .store-layout-quick-paste textarea
  ):focus {
    border-color: #8a837d !important;
    outline: 2px solid rgba(255,255,255,.11) !important;
    outline-offset: 1px !important;
  }

  html.nexus-dark-gray body.store-layout-page :is(
    .store-layout-save-field select,
    .store-layout-field select,
    .store-layout-row-section-picker select,
    .store-layout-editor-picker select,
    .store-layout-bin-span-select
  ):disabled {
    background-color: #303030 !important;
    color: #aaa49f !important;
    border-color: #504b47 !important;
    opacity: 1 !important;
  }

  /* Buttons should be visibly separate from the cards without bright outlines. */
  html.nexus-dark-gray body.store-layout-page :is(
    .store-layout-row-add,
    .store-layout-card-delete,
    .store-layout-secondary-action,
    .store-layout-delete-action,
    .store-layout-add-wall,
    .store-layout-fill-bins-button,
    .store-layout-quick-paste button
  ) {
    background: #343434 !important;
    color: var(--store-layout-dark-text) !important;
    border-color: #625c57 !important;
  }

  html.nexus-dark-gray body.store-layout-page :is(
    .store-layout-row-add,
    .store-layout-card-delete,
    .store-layout-secondary-action,
    .store-layout-delete-action,
    .store-layout-add-wall,
    .store-layout-fill-bins-button,
    .store-layout-quick-paste button
  ):hover {
    background: #3d3d3d !important;
    border-color: #7a736d !important;
  }

  /* Miscellaneous editor copy and separators that retained light-theme colors. */
  html.nexus-dark-gray body.store-layout-page :is(
    .store-layout-card-head,
    .store-layout-bin-name-row,
    .store-layout-bin-group-fill
  ) {
    border-color: var(--store-layout-dark-border-soft) !important;
  }

  html.nexus-dark-gray body.store-layout-page :is(
    .store-layout-card-head small,
    .store-layout-empty-editor,
    .store-layout-preview-note > span:first-child
  ) {
    color: var(--store-layout-dark-muted) !important;
  }

  html.nexus-dark-gray body.store-layout-page .store-layout-empty-editor {
    border-color: #5f5955 !important;
    background: #2b2b2b !important;
  }
}


/* Preserve the red modal top accent in dark mode (v9). */
@media screen {
  html.nexus-dark-gray body :is(
    .cloud-dialog-card,
    .schedule-dialog-card:not(.schedule-print-card),
    .promo-pdf-card,
    .dayforce-clock-card
  ) {
    border-top: 4px solid #df0038 !important;
  }
}


/* Dark-mode icon contrast fixes (v10).
   Shared desktop navigation and schedule/worksheet action icons inherit
   hard-coded light-theme SVG paint from component styles, so override both
   the SVG and its child shapes here. */
@media screen {
  html.nexus-dark-gray body .site-shared-desktop-nav .site-shared-nav-icon-outline,
  html.nexus-dark-gray body .site-shared-desktop-nav .site-shared-nav-icon-outline *,
  html.nexus-dark-gray body .site-shared-desktop-nav .site-shared-nav-icon-spark,
  html.nexus-dark-gray body .site-shared-desktop-nav .site-shared-nav-icon-spark * {
    fill: none !important;
    stroke: var(--nexus-text) !important;
  }

  html.nexus-dark-gray body .site-shared-desktop-nav .site-shared-nav-icon-filled,
  html.nexus-dark-gray body .site-shared-desktop-nav .site-shared-nav-icon-filled *,
  html.nexus-dark-gray body .site-shared-desktop-nav .power-bi-icon,
  html.nexus-dark-gray body .site-shared-desktop-nav .power-bi-icon * {
    fill: var(--nexus-text) !important;
    stroke: none !important;
  }

  html.nexus-dark-gray body #scheduleDialog :is(
    .schedule-print-button,
    .schedule-roster-button
  ) svg,
  html.nexus-dark-gray body #scheduleDialog :is(
    .schedule-print-button,
    .schedule-roster-button
  ) svg *,
  html.nexus-dark-gray body.schedule-page-open .schedule-page :is(
    .schedule-print-button,
    .schedule-roster-button
  ) svg,
  html.nexus-dark-gray body.schedule-page-open .schedule-page :is(
    .schedule-print-button,
    .schedule-roster-button
  ) svg * {
    fill: none !important;
    stroke: var(--nexus-text) !important;
  }

  html.nexus-dark-gray body .quick-output-actions :is(
    #printButton,
    #exportPdfButton
  ) svg,
  html.nexus-dark-gray body .quick-output-actions :is(
    #printButton,
    #exportPdfButton
  ) svg * {
    fill: none !important;
    stroke: var(--nexus-text) !important;
  }
}


/* Nexus Seasonal Mode — Halloween */
@media screen {
  /* Three-way appearance chooser shared by compact drawers. */
  .nexus-theme-choice-grid {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
  }

  .nexus-theme-choice {
    min-width: 0;
    min-height: 68px;
    padding: 10px 7px;
    display: grid;
    place-items: center;
    align-content: center;
    gap: 6px;
    border: 1px solid #dedbd8;
    border-radius: 6px;
    background: #f6f5f4;
    color: #171717;
    font-family: Inter, Arial, sans-serif;
    cursor: pointer;
  }

  .nexus-theme-choice:hover,
  .nexus-theme-choice:focus-visible {
    border-color: #8d8884;
    background: #eeeeec;
  }

  .nexus-theme-choice.is-active {
    border-color: #171717;
    box-shadow: inset 0 0 0 1px #171717;
    background: #ffffff;
  }

  .nexus-theme-choice-icon {
    width: 22px;
    height: 22px;
    display: grid;
    place-items: center;
  }

  .nexus-theme-choice svg {
    width: 22px;
    height: 22px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.7;
    stroke-linecap: round;
    stroke-linejoin: round;
  }

  .nexus-theme-choice-copy {
    min-width: 0;
    display: grid;
    gap: 2px;
    text-align: center;
  }

  .nexus-theme-choice-copy strong {
    font-size: 11px;
    line-height: 1.1;
    white-space: nowrap;
  }

  .nexus-theme-choice-copy small {
    color: #77716d;
    font-size: 9px;
    line-height: 1;
    font-weight: 600;
  }

  html.nexus-dark-gray .nexus-theme-choice {
    background: #303030;
    color: #f4f2f0;
    border-color: #4d4946;
  }

  html.nexus-dark-gray .nexus-theme-choice:hover,
  html.nexus-dark-gray .nexus-theme-choice:focus-visible {
    background: #383838;
    border-color: #6b6662;
  }

  html.nexus-dark-gray .nexus-theme-choice.is-active {
    background: #3b3b3b;
    border-color: #f0eeec;
    box-shadow: inset 0 0 0 1px #f0eeec;
  }

  html.nexus-dark-gray .nexus-theme-choice-copy small {
    color: #b7b2ae;
  }

  html.nexus-seasonal {
    color-scheme: dark;

    --page-bg: #140f12;
    --paper: #21191e;
    --ink: #fff2df;
    --muted: #cdb9aa;
    --soft: #2c1f25;
    --soft-2: #1d1519;
    --line: #5c3f49;
    --shadow: 0 18px 55px rgba(0, 0, 0, .42);

    --famous-red: #ff7417;
    --famous-black: #fff2df;
    --famous-text: #f7eadb;
    --famous-muted: #cbb7a7;
    --famous-line: #5b3c47;
    --famous-soft: #2c1e24;
    --famous-soft-2: #24181d;
    --famous-white: #21171c;

    --tools-text: #fff1df;
    --tools-muted: #cdb9a8;
    --tools-line: #5b3d48;
    --tools-card: #21191e;
    --tools-soft: #2d2026;

    --mc-text: #fff1df;
    --mc-muted: #cdb9a8;
    --mc-line: #5b3d48;
    --mc-line-strong: #744b58;
    --mc-soft: #2d2026;
    --mc-panel: #21191e;

    --nexus-surface: #21191e;
    --nexus-field: #2d2026;
    --nexus-text: #fff1df;
    --nexus-muted: #cdb9a8;
    --nexus-border: #674651;
    --nexus-seasonal-orange: #ff7417;
    --nexus-seasonal-orange-soft: #4a2819;
    --nexus-seasonal-purple: #9b79d6;
  }

  html.nexus-seasonal,
  html.nexus-seasonal body,
  html.nexus-seasonal body.tools-page,
  html.nexus-seasonal body.money-count-page,
  html.nexus-seasonal body.store-layout-page,
  html.nexus-seasonal body.sales-report-page {
    background-color: #140f12 !important;
    color: #fff1df !important;
  }

  html.nexus-seasonal body {
    background-image:
      radial-gradient(circle at 12% -8%, rgba(255, 116, 23, .16), transparent 28rem),
      radial-gradient(circle at 92% 4%, rgba(143, 100, 202, .12), transparent 24rem) !important;
    background-attachment: fixed !important;
  }

  html.nexus-seasonal:not(.nexus-styles-ready),
  html.nexus-seasonal:not(.nexus-styles-ready)::before {
    background: #140f12 !important;
  }

  html.nexus-seasonal:not(.nexus-styles-ready)::after {
    border-color: #573947 !important;
    border-top-color: #ff7417 !important;
  }

  /* Shared chrome: warm black surfaces, orange accent, subtle plum depth. */
  html.nexus-seasonal :where(
    .app-header,
    .notes-header,
    .tools-header,
    .money-count-header,
    .sales-report-header,
    .site-global-nav,
    .site-global-nav.output-actions,
    .site-shared-compact-bar,
    .site-notes-compact-nav,
    .compact-nav-menu,
    .site-shared-compact-drawer,
    .site-notes-nav-drawer
  ) {
    background: #1b1418 !important;
    color: #fff2df !important;
    border-color: #4e3440 !important;
  }

  html.nexus-seasonal .site-global-nav,
  html.nexus-seasonal .site-global-nav.output-actions,
  html.nexus-seasonal .site-notes-compact-nav {
    border-top-color: #ff7417 !important;
  }

  html.nexus-seasonal :where(
    .site-global-nav .site-nav-item,
    .site-global-nav .output-button,
    .site-nav-account,
    .site-shared-compact-title,
    .site-shared-compact-search,
    .compact-nav-toggle,
    .compact-nav-close,
    .site-notes-nav-toggle,
    .site-notes-search-shortcut,
    .site-notes-nav-close,
    .compact-nav-menu-title,
    .compact-nav-menu-title strong,
    .compact-nav-store-account,
    .compact-nav-store-account strong
  ) {
    color: #fff2df !important;
  }

  html.nexus-seasonal .site-global-nav .site-nav-item:hover,
  html.nexus-seasonal .site-global-nav .site-nav-item:focus-visible,
  html.nexus-seasonal .site-global-nav .output-button:hover,
  html.nexus-seasonal .site-global-nav .output-button:focus-visible,
  html.nexus-seasonal .site-global-nav .site-nav-item[aria-current="page"],
  html.nexus-seasonal .compact-nav-item,
  html.nexus-seasonal .site-notes-nav-section .site-nav-item {
    background: #2a1d23 !important;
    color: #fff5e8 !important;
  }

  html.nexus-seasonal .compact-nav-item:hover,
  html.nexus-seasonal .compact-nav-item:focus-visible,
  html.nexus-seasonal .compact-nav-item[aria-current="page"],
  html.nexus-seasonal .site-notes-nav-section .site-nav-item:hover,
  html.nexus-seasonal .site-notes-nav-section .site-nav-item[aria-current="page"] {
    background: #3a231d !important;
    box-shadow: inset 3px 0 0 #ff7417;
  }

  html.nexus-seasonal :where(
    .compact-nav-menu-head,
    .compact-nav-section-title,
    .site-notes-nav-section > span,
    .site-page-subtitle,
    .site-page-store-name,
    .site-page-meta
  ) {
    color: #cbb7a7 !important;
  }

  html.nexus-seasonal :where(
    .site-shared-nav-brand-icon,
    .site-shared-compact-title-icon,
    .nexus-hamburger-svg
  ) {
    filter: brightness(0) saturate(100%) invert(92%) sepia(12%) saturate(669%) hue-rotate(329deg) brightness(108%) contrast(103%) !important;
  }

  html.nexus-seasonal .site-nav-account-avatar {
    background: #ff7417 !important;
    color: #241109 !important;
    box-shadow: 0 0 0 2px rgba(255, 116, 23, .22);
  }

  html.nexus-seasonal .nexus-theme-toggle {
    color: #ff9b58 !important;
  }

  html.nexus-seasonal .nexus-theme-toggle:hover,
  html.nexus-seasonal .nexus-theme-toggle:focus-visible {
    background: #2b1d22 !important;
  }

  /* Halloween mode stays elegant: cards are warm-charcoal with orange focus accents. */
  html.nexus-seasonal :where(
    .worksheet,
    .tool-card,
    .money-count-panel,
    .notes-toolbar,
    .notes-search,
    .notes-filter,
    .note-card,
    .sales-panel,
    .sales-metric,
    .cloud-dialog-card,
    .zone-dialog-card,
    .schedule-dialog-card,
    .promo-guide-card,
    .shoe-search-card,
    .roster-dialog-card,
    dialog > div
  ) {
    background: #21191e !important;
    color: #fff1df !important;
    border-color: #5a3c47 !important;
    box-shadow: 0 12px 34px rgba(0, 0, 0, .28) !important;
  }

  html.nexus-seasonal :where(
    .section-content,
    .tasks-section,
    .customer-section,
    .financial-content,
    .promotions-box,
    .form-table td,
    .zone-cell,
    .zone-cell-button,
    .manager-notes,
    .quick-output-actions,
    .money-count-total-hero,
    .money-count-summary,
    .money-count-row-total
  ) {
    background: #291d23 !important;
    color: #fff1df !important;
  }

  html.nexus-seasonal .section-rail,
  html.nexus-seasonal .form-table th,
  html.nexus-seasonal .form-table td.row-label,
  html.nexus-seasonal .sales-shell th {
    background: #181115 !important;
    color: #fff5e9 !important;
    border-color: #674651 !important;
  }

  html.nexus-seasonal :where(
    input,
    textarea,
    select,
    .store-search-control,
    .week-picker,
    .shift-time-control,
    .money-count-currency-input,
    .money-count-qty
  ) {
    background-color: #2d2026 !important;
    color: #fff1df !important;
    border-color: #674651 !important;
  }

  html.nexus-seasonal input::placeholder,
  html.nexus-seasonal textarea::placeholder {
    color: #a99385 !important;
    opacity: 1;
  }

  html.nexus-seasonal option {
    background: #2d2026;
    color: #fff1df;
  }

  html.nexus-seasonal :where(
    .secondary-button,
    .output-button,
    .calendar-step,
    .today-button,
    .dayforce-help-button,
    .store-selector-button,
    .cloud-secondary-button,
    .cloud-done-button,
    .zone-clear-button,
    .schedule-print-button,
    .promo-guide-view,
    .promo-pdf-download-button,
    .dayforce-clock-external,
    .notes-back,
    .notes-button:not(.notes-button-primary),
    .money-count-action-button,
    .money-count-clear-button,
    .store-layout-secondary-action,
    .store-layout-delete-action,
    .store-layout-add-wall,
    .store-layout-card-delete,
    .sales-button:not(.sales-primary)
  ) {
    background: #2d2026 !important;
    color: #fff1df !important;
    border-color: #684651 !important;
  }

  html.nexus-seasonal :where(
    .secondary-button,
    .output-button,
    .calendar-step,
    .today-button,
    .dayforce-help-button,
    .store-selector-button,
    .cloud-secondary-button,
    .cloud-done-button,
    .zone-clear-button,
    .schedule-print-button,
    .promo-guide-view,
    .promo-pdf-download-button,
    .dayforce-clock-external,
    .notes-back,
    .notes-button:not(.notes-button-primary),
    .money-count-action-button,
    .money-count-clear-button,
    .store-layout-secondary-action,
    .store-layout-delete-action,
    .store-layout-add-wall,
    .store-layout-card-delete,
    .sales-button:not(.sales-primary)
  ):hover {
    background: #3a2924 !important;
    border-color: #ff7417 !important;
  }

  html.nexus-seasonal :where(
    .cloud-primary-button,
    .notes-button-primary,
    .sales-primary,
    .primary-button
  ) {
    background: #ff7417 !important;
    color: #231009 !important;
    border-color: #ff8b3e !important;
  }

  html.nexus-seasonal :where(
    .cloud-primary-button,
    .notes-button-primary,
    .sales-primary,
    .primary-button
  ):hover {
    background: #ff8a36 !important;
  }

  html.nexus-seasonal :where(
    input,
    textarea,
    select,
    button,
    a
  ):focus-visible {
    outline-color: #ff8a36 !important;
  }

  html.nexus-seasonal .day-tabs {
    background: #1b1418 !important;
    border-bottom-color: #4e3440 !important;
  }

  html.nexus-seasonal .day-tab {
    background: #2a1d23 !important;
    color: #e7d4c4 !important;
    border-color: #5f404b !important;
  }

  html.nexus-seasonal .day-tab:hover {
    background: #35231f !important;
    border-color: #ff7417 !important;
  }

  html.nexus-seasonal .day-tab.active {
    background: #ff7417 !important;
    color: #241109 !important;
    border-color: #ff8a36 !important;
  }

  html.nexus-seasonal .day-tab.has-update:not(.active)::after {
    background: #b994e9 !important;
  }

  html.nexus-seasonal .tool-card:hover,
  html.nexus-seasonal .tool-card:focus-visible {
    transform: none !important;
    background: #2d2026 !important;
    border-color: #ff7417 !important;
    box-shadow: 0 8px 22px rgba(255, 116, 23, .10) !important;
  }

  html.nexus-seasonal .tool-card-icon,
  html.nexus-seasonal .note-category {
    background: #34232a !important;
    color: #ffc08f !important;
    border-color: #684651 !important;
  }

  html.nexus-seasonal :where(
    .tool-card-category,
    .tool-card p,
    .notes-heading > p:last-child,
    .notes-status-wrap,
    .note-card-content,
    .sales-muted,
    .sales-import-actions span,
    .sales-scope-note,
    .sales-metric dt,
    .sales-metric .sales-source,
    .sales-kicker,
    .section-help,
    .customer-copy p,
    .section-heading-inline p,
    .financial-content p,
    .cloud-dialog-copy,
    .zone-dialog-subtitle,
    .schedule-dialog-subtitle,
    .save-status
  ) {
    color: #cbb7a7 !important;
  }

  html.nexus-seasonal .sales-warnings {
    background: #3c2919 !important;
    color: #ffd6a3 !important;
    border-color: #714a29 !important;
  }

  html.nexus-seasonal dialog::backdrop {
    background: rgba(10, 6, 9, .8) !important;
  }

  /* Preserve official branding and functional floor-plan artwork. */
  html.nexus-seasonal .brand-logo {
    filter: none !important;
  }

  html.nexus-seasonal .store-layout-canvas-wrap {
    background: #1b1418 !important;
    border-color: #5a3c47 !important;
  }

  html.nexus-seasonal :where(
    .store-layout-map,
    .store-layout-map *,
    .store-layout-front-banner,
    .store-layout-back-banner
  ) {
    color-scheme: light;
  }

  html.nexus-seasonal .store-layout-map {
    color: #171717 !important;
  }

  /* Appearance chooser inside Seasonal mode. */
  html.nexus-seasonal .nexus-theme-choice {
    background: #2b1e24;
    color: #fff1df;
    border-color: #5d3f4a;
  }

  html.nexus-seasonal .nexus-theme-choice:hover,
  html.nexus-seasonal .nexus-theme-choice:focus-visible {
    background: #39251f;
    border-color: #ff7417;
  }

  html.nexus-seasonal .nexus-theme-choice.is-active {
    background: #42261a;
    border-color: #ff8b3e;
    box-shadow: inset 0 0 0 1px #ff8b3e;
    color: #fff4e7;
  }

  html.nexus-seasonal .nexus-theme-choice-copy small {
    color: #dda67f;
  }
}


/* Seasonal / Halloween: personal Schedule calendar */
@media screen {
  html.nexus-seasonal body.schedule-page-open {
    background:
      radial-gradient(circle at 10% 0%, rgba(255, 116, 23, .10), transparent 26rem),
      radial-gradient(circle at 92% 8%, rgba(155, 121, 214, .10), transparent 24rem),
      #140f12 !important;
  }

  html.nexus-seasonal body.schedule-page-open .schedule-dialog.schedule-page,
  html.nexus-seasonal body.schedule-page-open .schedule-page .schedule-dialog-card {
    background: transparent !important;
    color: #fff1df !important;
  }

  html.nexus-seasonal .schedule-view-tabs {
    background: #21171c !important;
    border-color: #5b3d48 !important;
    box-shadow: inset 0 0 0 1px rgba(255, 116, 23, .05) !important;
  }

  html.nexus-seasonal .schedule-view-tab {
    color: #cdb9a8 !important;
  }

  html.nexus-seasonal .schedule-view-tab:hover,
  html.nexus-seasonal .schedule-view-tab:focus-visible {
    background: #34232a !important;
    color: #fff4e7 !important;
  }

  html.nexus-seasonal .schedule-view-tab.is-active {
    background: #ff7417 !important;
    color: #241109 !important;
    border-color: #ff8a36 !important;
    box-shadow: 0 2px 10px rgba(255, 116, 23, .22) !important;
  }

  html.nexus-seasonal .my-calendar-card,
  html.nexus-seasonal .my-calendar-agenda {
    overflow: hidden !important;
    background: #21191e !important;
    border: 1px solid #5b3d48 !important;
    border-radius: 14px !important;
    box-shadow: 0 16px 42px rgba(0, 0, 0, .28) !important;
  }

  html.nexus-seasonal .my-calendar-toolbar {
    min-height: 78px !important;
    background:
      linear-gradient(100deg, rgba(255, 116, 23, .10), transparent 38%),
      #1b1418 !important;
    border-bottom-color: #5b3d48 !important;
  }

  html.nexus-seasonal .my-calendar-month-copy strong {
    color: #fff4e7 !important;
  }

  html.nexus-seasonal .my-calendar-month-copy small {
    color: #d4b9a7 !important;
  }

  html.nexus-seasonal .my-calendar-month-button {
    background: #2d2026 !important;
    color: #ffc08f !important;
    border-color: #684651 !important;
    box-shadow: none !important;
  }

  html.nexus-seasonal .my-calendar-month-button:hover,
  html.nexus-seasonal .my-calendar-month-button:focus-visible {
    background: #42261a !important;
    color: #fff4e7 !important;
    border-color: #ff7417 !important;
    outline: none !important;
  }

  html.nexus-seasonal .my-calendar-sync-button {
    border: 1px solid #ff8a36 !important;
    border-top: 1px solid #ff8a36 !important;
    border-radius: 8px !important;
    background: #ff7417 !important;
    color: #241109 !important;
    box-shadow: 0 5px 16px rgba(255, 116, 23, .18) !important;
  }

  html.nexus-seasonal .my-calendar-sync-button:hover,
  html.nexus-seasonal .my-calendar-sync-button:focus-visible {
    background: #ff8a36 !important;
    border-color: #ffa15f !important;
    outline: none !important;
  }

  html.nexus-seasonal .my-calendar-weekdays {
    background: #261a20 !important;
    border-bottom-color: #5b3d48 !important;
  }

  html.nexus-seasonal .my-calendar-weekdays span {
    color: #f0ad7a !important;
    letter-spacing: .08em !important;
  }

  html.nexus-seasonal .my-calendar-day {
    background: #21191e !important;
    color: #ead9ca !important;
    border-right-color: #513641 !important;
    border-bottom-color: #513641 !important;
  }

  html.nexus-seasonal .my-calendar-day.is-outside {
    background: #181115 !important;
    color: #765f67 !important;
  }

  html.nexus-seasonal .my-calendar-day.is-working {
    background:
      linear-gradient(145deg,
        rgba(104, 73, 149, .88) 0%,
        rgba(84, 56, 112, .92) 52%,
        rgba(106, 58, 35, .94) 100%) !important;
    color: #fff4e7 !important;
    box-shadow: inset 0 0 0 1px rgba(255, 172, 105, .08) !important;
  }

  html.nexus-seasonal .my-calendar-day.is-working:hover,
  html.nexus-seasonal .my-calendar-day.is-working:focus-visible {
    background:
      linear-gradient(145deg,
        rgba(119, 82, 166, .96) 0%,
        rgba(99, 63, 127, .97) 52%,
        rgba(128, 68, 35, .98) 100%) !important;
    outline: 2px solid #ff7417 !important;
    outline-offset: -2px !important;
  }

  html.nexus-seasonal .my-calendar-day.is-today::after {
    inset: 5px !important;
    border: 1px solid #ff9a54 !important;
    border-radius: 5px !important;
    box-shadow: inset 0 0 0 1px rgba(255, 116, 23, .12) !important;
  }

  html.nexus-seasonal .my-calendar-date-number {
    color: inherit !important;
  }

  html.nexus-seasonal .my-calendar-day.is-working .my-calendar-date-number {
    background: #2a1b2d !important;
    color: #fff4e7 !important;
    border: 1px solid rgba(255, 155, 85, .52) !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, .20) !important;
  }

  html.nexus-seasonal .my-calendar-shift-dot {
    background: #ff7417 !important;
    box-shadow: 0 0 0 3px rgba(255, 116, 23, .12) !important;
  }

  html.nexus-seasonal .my-calendar-shift-time {
    color: #fff7eb !important;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .25) !important;
  }

  html.nexus-seasonal .my-calendar-shift-location {
    color: #f0c7a8 !important;
  }

  html.nexus-seasonal .my-calendar-status {
    background: #1b1418 !important;
    color: #cdb9a8 !important;
    border-top: 1px solid #513641 !important;
  }

  html.nexus-seasonal .my-calendar-agenda-head h3,
  html.nexus-seasonal .my-calendar-agenda-date strong,
  html.nexus-seasonal .my-calendar-agenda-shift strong {
    color: #fff4e7 !important;
  }

  html.nexus-seasonal .my-calendar-agenda-head span,
  html.nexus-seasonal .my-calendar-agenda-date small,
  html.nexus-seasonal .my-calendar-agenda-shift small,
  html.nexus-seasonal .my-calendar-agenda-empty {
    color: #cdb9a8 !important;
  }

  html.nexus-seasonal .my-calendar-agenda-item {
    background: #2a1d23 !important;
    border-color: #5b3d48 !important;
    border-left: 3px solid #ff7417 !important;
    border-radius: 8px !important;
  }

  html.nexus-seasonal .calendar-sync-card {
    background: #21191e !important;
    color: #fff1df !important;
    border-color: #684651 !important;
  }

  html.nexus-seasonal .calendar-sync-card .cloud-dialog-heading {
    background: #1b1418 !important;
    border-bottom-color: #5b3d48 !important;
  }

  html.nexus-seasonal .calendar-sync-body p,
  html.nexus-seasonal .calendar-sync-link-label,
  html.nexus-seasonal .calendar-sync-note {
    color: #cdb9a8 !important;
  }

  html.nexus-seasonal .calendar-sync-link-row input {
    background: #2d2026 !important;
    color: #fff1df !important;
    border-color: #684651 !important;
  }

  html.nexus-seasonal .calendar-sync-copy {
    background: #34232a !important;
    color: #ffc08f !important;
    border-color: #684651 !important;
  }

  html.nexus-seasonal .calendar-sync-copy:hover,
  html.nexus-seasonal .calendar-sync-copy:focus-visible {
    background: #42261a !important;
    border-color: #ff7417 !important;
  }

  @media (max-width: 700px) {
    html.nexus-seasonal .my-calendar-card,
    html.nexus-seasonal .my-calendar-agenda {
      border-radius: 10px !important;
    }

    html.nexus-seasonal .my-calendar-day.is-working {
      background:
        linear-gradient(155deg,
          rgba(104, 73, 149, .92),
          rgba(108, 59, 36, .95)) !important;
    }
  }
}


/* Seasonal / Halloween: Notes page and note editors */
@media screen {
  html.nexus-seasonal body.notes-page {
    background:
      radial-gradient(circle at 12% 0%, rgba(255, 116, 23, .11), transparent 28rem),
      radial-gradient(circle at 92% 12%, rgba(155, 121, 214, .10), transparent 26rem),
      #140f12 !important;
    color: #fff1df !important;
  }

  html.nexus-seasonal .notes-shell {
    color: #fff1df !important;
  }

  html.nexus-seasonal .notes-toolbar,
  html.nexus-seasonal .notes-search,
  html.nexus-seasonal .notes-empty {
    background: #21191e !important;
    border-color: #5b3d48 !important;
    color: #fff1df !important;
  }

  html.nexus-seasonal .notes-search:focus-within {
    border-color: #ff7417 !important;
    box-shadow: 0 0 0 2px rgba(255, 116, 23, .12) !important;
  }

  html.nexus-seasonal .notes-search svg {
    stroke: #d9bca7 !important;
  }

  html.nexus-seasonal .notes-search input,
  html.nexus-seasonal .notes-status-wrap strong,
  html.nexus-seasonal .notes-empty h2 {
    color: #fff4e7 !important;
  }

  html.nexus-seasonal .notes-search input::placeholder,
  html.nexus-seasonal .notes-status-wrap,
  html.nexus-seasonal .notes-empty p {
    color: #cdb9a8 !important;
  }

  html.nexus-seasonal .notes-filter {
    background: #2a1d23 !important;
    color: #d9c5b5 !important;
    border-color: #5b3d48 !important;
  }

  html.nexus-seasonal .notes-filter:hover,
  html.nexus-seasonal .notes-filter:focus-visible {
    background: #34232a !important;
    color: #fff4e7 !important;
    border-color: #ff7417 !important;
  }

  html.nexus-seasonal .notes-filter.is-active {
    background: #ff7417 !important;
    color: #241109 !important;
    border-color: #ff8a36 !important;
    box-shadow: 0 2px 10px rgba(255, 116, 23, .18) !important;
  }

  html.nexus-seasonal .note-card {
    background:
      linear-gradient(155deg, rgba(48, 31, 39, .98), rgba(33, 25, 30, .98)) !important;
    color: #fff1df !important;
    border-color: #5b3d48 !important;
    border-top-color: #ff7417 !important;
    box-shadow: 0 10px 26px rgba(0, 0, 0, .20) !important;
  }

  html.nexus-seasonal .note-card.is-pinned {
    border-top-color: #9b79d6 !important;
  }

  html.nexus-seasonal .note-card h2,
  html.nexus-seasonal .rich-note-display,
  html.nexus-seasonal .rich-note-display :where(p, li, strong, b, h2, h3) {
    color: #fff4e7 !important;
  }

  html.nexus-seasonal .note-card-content,
  html.nexus-seasonal .note-updated,
  html.nexus-seasonal .daily-note-card .note-card-content.is-empty {
    color: #cdb9a8 !important;
  }

  html.nexus-seasonal .note-category {
    background: #34232a !important;
    color: #ffc08f !important;
    border-color: #684651 !important;
  }

  html.nexus-seasonal .daily-note-category {
    background: #42261a !important;
    color: #ffbd8b !important;
    border-color: #8d5430 !important;
  }

  html.nexus-seasonal .note-pin-button {
    color: #a9929b !important;
  }

  html.nexus-seasonal .note-pin-button:hover,
  html.nexus-seasonal .note-pin-button:focus-visible,
  html.nexus-seasonal .note-pin-button.is-pinned {
    color: #ff8a36 !important;
  }

  html.nexus-seasonal .note-card-footer {
    border-top-color: #513641 !important;
  }

  html.nexus-seasonal .note-card-action {
    background: #2d2026 !important;
    color: #ead9ca !important;
    border-color: #684651 !important;
  }

  html.nexus-seasonal .note-card-action:hover,
  html.nexus-seasonal .note-card-action:focus-visible {
    background: #42261a !important;
    color: #fff4e7 !important;
    border-color: #ff7417 !important;
  }

  html.nexus-seasonal .note-card-action.delete:hover,
  html.nexus-seasonal .note-card-action.delete:focus-visible {
    background: #3b1d24 !important;
    color: #ff9aae !important;
    border-color: #d45570 !important;
  }

  html.nexus-seasonal .note-picture-thumb,
  html.nexus-seasonal .notes-empty-icon {
    background: #2d2026 !important;
    border-color: #684651 !important;
  }

  html.nexus-seasonal .note-picture-more {
    color: #ffc08f !important;
  }

  html.nexus-seasonal .notes-empty-icon svg {
    stroke: #ff7417 !important;
  }

  html.nexus-seasonal .notes-dialog::backdrop {
    background: rgba(8, 5, 7, .78) !important;
    backdrop-filter: blur(3px) !important;
  }

  html.nexus-seasonal .notes-dialog {
    box-shadow: 0 28px 80px rgba(0, 0, 0, .48) !important;
  }

  html.nexus-seasonal .notes-dialog-card {
    border-top: 4px solid #ff7417 !important;
    background:
      linear-gradient(150deg, rgba(44, 30, 36, .98), rgba(29, 21, 25, .99)) !important;
    color: #fff1df !important;
    box-shadow:
      inset 0 0 0 1px #684651,
      0 24px 70px rgba(0, 0, 0, .36) !important;
  }

  html.nexus-seasonal .notes-dialog-heading h2 {
    color: #fff4e7 !important;
  }

  html.nexus-seasonal .notes-eyebrow {
    color: #ff8a36 !important;
  }

  html.nexus-seasonal .notes-dialog-close {
    width: 38px !important;
    height: 38px !important;
    display: grid !important;
    place-items: center !important;
    border: 1px solid #684651 !important;
    border-radius: 6px !important;
    background: #2d2026 !important;
    color: #ffc08f !important;
  }

  html.nexus-seasonal .notes-dialog-close:hover,
  html.nexus-seasonal .notes-dialog-close:focus-visible {
    background: #42261a !important;
    color: #fff4e7 !important;
    border-color: #ff7417 !important;
    outline: none !important;
  }

  html.nexus-seasonal .notes-dialog-copy,
  html.nexus-seasonal .note-picture-field-head small,
  html.nexus-seasonal .notes-pin-option {
    color: #cdb9a8 !important;
  }

  html.nexus-seasonal .notes-field > span,
  html.nexus-seasonal .note-picture-field-head > span {
    color: #f0ad7a !important;
  }

  html.nexus-seasonal :where(
    .notes-field input,
    .notes-field textarea,
    .notes-select-wrap select,
    .category-add-row input,
    .category-row input
  ) {
    background: #2d2026 !important;
    color: #fff4e7 !important;
    border-color: #684651 !important;
    caret-color: #ff8a36 !important;
  }

  html.nexus-seasonal :where(
    .notes-field input,
    .notes-field textarea,
    .category-add-row input,
    .category-row input
  )::placeholder {
    color: #9f8a91 !important;
  }

  html.nexus-seasonal :where(
    .notes-field input,
    .notes-field textarea,
    .notes-select-wrap select,
    .category-add-row input,
    .category-row input
  ):focus {
    border-color: #ff7417 !important;
    box-shadow: 0 0 0 2px rgba(255, 116, 23, .14) !important;
  }

  html.nexus-seasonal .notes-select-wrap > span {
    border-color: #ffad73 !important;
  }

  html.nexus-seasonal .rich-note-editor {
    background: #21191e !important;
    border-color: #684651 !important;
    box-shadow: none !important;
  }

  html.nexus-seasonal .rich-note-editor:focus-within {
    border-color: #ff7417 !important;
    box-shadow: 0 0 0 2px rgba(255, 116, 23, .14) !important;
  }

  html.nexus-seasonal .rich-note-toolbar {
    background: #261a20 !important;
    border-bottom-color: #5b3d48 !important;
  }

  html.nexus-seasonal .rich-note-toolbar-divider {
    background: #684651 !important;
  }

  html.nexus-seasonal .rich-note-tool {
    background: transparent !important;
    color: #ead9ca !important;
    border-color: transparent !important;
  }

  html.nexus-seasonal .rich-note-tool:hover,
  html.nexus-seasonal .rich-note-tool:focus-visible {
    background: #34232a !important;
    color: #fff4e7 !important;
    border-color: #684651 !important;
    outline: none !important;
  }

  html.nexus-seasonal .rich-note-tool.is-active {
    background: #42261a !important;
    color: #ffc08f !important;
    border-color: #ff7417 !important;
  }

  html.nexus-seasonal .rich-note-surface {
    background: #21191e !important;
    color: #fff4e7 !important;
    caret-color: #ff8a36 !important;
  }

  html.nexus-seasonal .rich-note-surface:empty::before {
    color: #9f8a91 !important;
  }

  html.nexus-seasonal .rich-note-surface a,
  html.nexus-seasonal .rich-note-display a {
    color: #ffab73 !important;
  }

  html.nexus-seasonal .note-picture-picker {
    background: #261a20 !important;
    color: #ffc08f !important;
    border-color: #8a5a43 !important;
  }

  html.nexus-seasonal .note-picture-picker:hover,
  html.nexus-seasonal .note-picture-picker:focus-within {
    background: #34231f !important;
    color: #fff4e7 !important;
    border-color: #ff7417 !important;
  }

  html.nexus-seasonal .note-picture-edit-item {
    background: #2d2026 !important;
    border-color: #684651 !important;
  }

  html.nexus-seasonal .note-picture-remove {
    background: rgba(36, 17, 9, .92) !important;
    color: #ffc08f !important;
    border: 1px solid rgba(255, 116, 23, .55) !important;
  }

  html.nexus-seasonal .notes-pin-box {
    background: #2d2026 !important;
    border-color: #80616b !important;
  }

  html.nexus-seasonal .notes-pin-option input:checked + .notes-pin-box {
    background: #ff7417 !important;
    border-color: #ff8a36 !important;
  }

  html.nexus-seasonal .notes-pin-option input:focus-visible + .notes-pin-box {
    outline-color: #ff8a36 !important;
  }

  html.nexus-seasonal .notes-dialog-message {
    color: #ff9aae !important;
  }

  html.nexus-seasonal .notes-button {
    background: #2d2026 !important;
    color: #ead9ca !important;
    border-color: #684651 !important;
  }

  html.nexus-seasonal .notes-button:hover,
  html.nexus-seasonal .notes-button:focus-visible {
    background: #3a272e !important;
    color: #fff4e7 !important;
    border-color: #8a5a66 !important;
    outline: none !important;
  }

  html.nexus-seasonal .notes-button-primary {
    background: #ff7417 !important;
    color: #241109 !important;
    border-color: #ff8a36 !important;
    box-shadow: 0 4px 14px rgba(255, 116, 23, .16) !important;
  }

  html.nexus-seasonal .notes-button-primary:hover,
  html.nexus-seasonal .notes-button-primary:focus-visible {
    background: #ff8a36 !important;
    color: #241109 !important;
    border-color: #ffa15f !important;
  }

  html.nexus-seasonal .category-delete {
    background: #2d2026 !important;
    color: #cdb9a8 !important;
    border-color: #684651 !important;
  }

  html.nexus-seasonal .category-delete:hover,
  html.nexus-seasonal .category-delete:focus-visible {
    background: #3b1d24 !important;
    color: #ff9aae !important;
    border-color: #d45570 !important;
  }

  html.nexus-seasonal .notes-search input[type="search"]::-webkit-search-cancel-button {
    border-color: #ffc08f !important;
    background-color: #2d2026 !important;
  }
}


/* Seasonal / Halloween: Money Count */
@media screen {
  html.nexus-seasonal body.money-count-page {
    background:
      radial-gradient(circle at 8% -6%, rgba(255, 116, 23, .12), transparent 30rem),
      radial-gradient(circle at 92% 6%, rgba(155, 121, 214, .11), transparent 26rem),
      #140f12 !important;
    color: #fff1df !important;
  }

  html.nexus-seasonal .money-count-header {
    background:
      linear-gradient(105deg, rgba(255, 116, 23, .06), transparent 34%),
      #1b1418 !important;
    border-bottom-color: #5b3d48 !important;
  }

  html.nexus-seasonal .money-count-header .site-page-eyebrow,
  html.nexus-seasonal .money-count-kicker,
  html.nexus-seasonal .money-count-section-label,
  html.nexus-seasonal .money-count-history-title span {
    color: #ff8a36 !important;
  }

  html.nexus-seasonal .money-count-header .site-page-title,
  html.nexus-seasonal .money-count-panel-head h2,
  html.nexus-seasonal .money-count-section-heading h3,
  html.nexus-seasonal .money-count-summary-heading h3,
  html.nexus-seasonal .money-count-history-title strong,
  html.nexus-seasonal .money-count-row-label strong,
  html.nexus-seasonal .money-count-section-heading > strong,
  html.nexus-seasonal .money-count-summary-card > strong {
    color: #fff4e7 !important;
  }

  html.nexus-seasonal .money-count-header .site-page-subtitle,
  html.nexus-seasonal .money-count-save-status,
  html.nexus-seasonal .money-count-panel-head p:not(.money-count-kicker),
  html.nexus-seasonal .money-count-row-label small,
  html.nexus-seasonal .money-count-roll-note,
  html.nexus-seasonal .money-count-updated,
  html.nexus-seasonal .money-count-summary-card > span,
  html.nexus-seasonal .money-count-summary-card small {
    color: #cdb9a8 !important;
  }

  html.nexus-seasonal .money-count-history,
  html.nexus-seasonal .money-count-panel {
    background: #21191e !important;
    color: #fff1df !important;
    border-color: #5b3d48 !important;
    border-radius: 12px !important;
    box-shadow: 0 16px 42px rgba(0, 0, 0, .24) !important;
  }

  html.nexus-seasonal .money-count-history {
    overflow: hidden !important;
  }

  html.nexus-seasonal .money-count-history-top {
    background:
      linear-gradient(100deg, rgba(255, 116, 23, .08), transparent 36%),
      #1b1418 !important;
    border-bottom-color: #5b3d48 !important;
  }

  html.nexus-seasonal :where(
    .money-count-week-button,
    .money-count-today-button,
    .money-count-type-picker,
    .money-count-date-picker,
    .money-count-action-button,
    .money-count-vault-button,
    .money-count-clear-button
  ) {
    background: #2d2026 !important;
    color: #fff1df !important;
    border-color: #684651 !important;
    box-shadow: none !important;
  }

  html.nexus-seasonal :where(
    .money-count-week-button,
    .money-count-today-button,
    .money-count-type-picker,
    .money-count-date-picker,
    .money-count-action-button,
    .money-count-vault-button,
    .money-count-clear-button
  ):hover,
  html.nexus-seasonal :where(
    .money-count-week-button,
    .money-count-today-button,
    .money-count-action-button,
    .money-count-vault-button,
    .money-count-clear-button
  ):focus-visible {
    background: #42261a !important;
    color: #fff4e7 !important;
    border-color: #ff7417 !important;
    outline: none !important;
  }

  html.nexus-seasonal .money-count-vault-button,
  html.nexus-seasonal .money-count-header-actions [data-eod-open] {
    border-color: #8a5a43 !important;
  }

  html.nexus-seasonal .money-count-action-button svg {
    stroke: #ffc08f !important;
  }

  html.nexus-seasonal .money-count-clear-button {
    color: #e7c7bc !important;
  }

  html.nexus-seasonal .money-count-clear-button:hover,
  html.nexus-seasonal .money-count-clear-button:focus-visible {
    background: #3b1d24 !important;
    color: #ff9aae !important;
    border-color: #d45570 !important;
  }

  html.nexus-seasonal .money-count-type-picker span,
  html.nexus-seasonal .money-count-date-picker span {
    color: #d8a783 !important;
  }

  html.nexus-seasonal .money-count-type-picker select,
  html.nexus-seasonal .money-count-date-picker input {
    color: #fff4e7 !important;
    background: transparent !important;
  }

  html.nexus-seasonal .money-count-type-picker::after {
    border-color: #ffad73 !important;
  }

  html.nexus-seasonal .money-count-type-picker:focus-within,
  html.nexus-seasonal .money-count-date-picker:focus-within {
    border-color: #ff7417 !important;
    outline: 2px solid rgba(255, 116, 23, .14) !important;
    outline-offset: 1px !important;
  }

  html.nexus-seasonal .money-count-day-tab {
    background: #21191e !important;
    color: #ead9ca !important;
    border-right-color: #513641 !important;
  }

  html.nexus-seasonal .money-count-day-tab:hover,
  html.nexus-seasonal .money-count-day-tab:focus-visible {
    background: #34232a !important;
    color: #fff4e7 !important;
    outline: none !important;
  }

  html.nexus-seasonal .money-count-day-tab[aria-selected="true"] {
    background:
      linear-gradient(145deg, #ff7417, #d76521) !important;
    color: #241109 !important;
    box-shadow: inset 0 0 0 1px #ff9a54 !important;
  }

  html.nexus-seasonal .money-count-day-tab .money-count-day-total {
    color: #bfa99a !important;
  }

  html.nexus-seasonal .money-count-day-tab[aria-selected="true"] .money-count-day-total {
    color: #442113 !important;
  }

  html.nexus-seasonal .money-count-panel-head {
    background:
      linear-gradient(105deg, rgba(155, 121, 214, .08), transparent 45%),
      #21191e !important;
    border-bottom-color: #5b3d48 !important;
  }

  html.nexus-seasonal .money-count-total-hero {
    background: #2d2026 !important;
    border-left-color: #ff7417 !important;
    border-radius: 6px !important;
    box-shadow: inset 0 0 0 1px #684651 !important;
  }

  html.nexus-seasonal .money-count-total-hero span {
    color: #d7b5a0 !important;
  }

  html.nexus-seasonal .money-count-total-hero strong {
    color: #ffc08f !important;
  }

  html.nexus-seasonal .money-count-section {
    background: #21191e !important;
    border-right-color: #513641 !important;
    border-bottom-color: #513641 !important;
  }

  html.nexus-seasonal .money-count-qty,
  html.nexus-seasonal .money-count-currency-input,
  html.nexus-seasonal .money-count-vault-field > div {
    background: #2d2026 !important;
    color: #fff4e7 !important;
    border-color: #684651 !important;
  }

  html.nexus-seasonal .money-count-qty {
    border-radius: 5px !important;
    caret-color: #ff8a36 !important;
  }

  html.nexus-seasonal .money-count-qty:focus,
  html.nexus-seasonal .money-count-currency-input:focus-within,
  html.nexus-seasonal .money-count-vault-field > div:focus-within {
    border-color: #ff7417 !important;
    outline: 2px solid rgba(255, 116, 23, .14) !important;
    outline-offset: 1px !important;
  }

  html.nexus-seasonal .money-count-row-total {
    background: #2a1d23 !important;
    color: #ffc08f !important;
    border-color: #5b3d48 !important;
    border-radius: 5px !important;
  }

  html.nexus-seasonal .money-count-summary {
    background: #1b1418 !important;
    border-top-color: #5b3d48 !important;
  }

  html.nexus-seasonal .money-count-summary-card {
    background: #2a1d23 !important;
    color: #fff1df !important;
    border-color: #5b3d48 !important;
    border-radius: 8px !important;
  }

  html.nexus-seasonal .money-count-summary-primary {
    border-top-color: #ff7417 !important;
    box-shadow: inset 0 2px 0 rgba(255, 116, 23, .10) !important;
  }

  html.nexus-seasonal #summaryCounted {
    color: #ffc08f !important;
  }

  html.nexus-seasonal #overShort.is-positive {
    color: #9be2b0 !important;
  }

  html.nexus-seasonal #overShort.is-negative {
    color: #ff9aae !important;
  }

  html.nexus-seasonal .money-count-vault-dialog::backdrop,
  html.nexus-seasonal .money-count-confirm::backdrop {
    background: rgba(8, 5, 7, .78) !important;
    backdrop-filter: blur(3px) !important;
  }

  html.nexus-seasonal .money-count-vault-card,
  html.nexus-seasonal .money-count-confirm-card {
    background:
      linear-gradient(150deg, rgba(44, 30, 36, .98), rgba(29, 21, 25, .99)) !important;
    color: #fff1df !important;
    border-color: #684651 !important;
    border-top: 4px solid #ff7417 !important;
    box-shadow: 0 24px 70px rgba(0, 0, 0, .40) !important;
  }

  html.nexus-seasonal .money-count-vault-heading h2,
  html.nexus-seasonal .money-count-confirm-card h2 {
    color: #fff4e7 !important;
  }

  html.nexus-seasonal .money-count-vault-heading p,
  html.nexus-seasonal .money-count-vault-field > span,
  html.nexus-seasonal .money-count-vault-field b,
  html.nexus-seasonal .money-count-vault-message,
  html.nexus-seasonal .money-count-confirm-card p {
    color: #cdb9a8 !important;
  }

  html.nexus-seasonal .money-count-vault-field input {
    color: #fff4e7 !important;
    caret-color: #ff8a36 !important;
  }

  html.nexus-seasonal .money-count-dialog-close {
    border: 1px solid #684651 !important;
    border-radius: 6px !important;
    background: #2d2026 !important;
    color: #ffc08f !important;
  }

  html.nexus-seasonal .money-count-dialog-close:hover,
  html.nexus-seasonal .money-count-dialog-close:focus-visible {
    background: #42261a !important;
    color: #fff4e7 !important;
    border-color: #ff7417 !important;
    outline: none !important;
  }

  html.nexus-seasonal .money-count-vault-cancel,
  html.nexus-seasonal .money-count-confirm-actions button:not(.money-count-confirm-clear) {
    background: #2d2026 !important;
    color: #ead9ca !important;
    border-color: #684651 !important;
  }

  html.nexus-seasonal .money-count-vault-save {
    background: #ff7417 !important;
    color: #241109 !important;
    border-color: #ff8a36 !important;
  }

  html.nexus-seasonal .money-count-confirm-clear {
    background: #b9435c !important;
    color: #fff4e7 !important;
    border-color: #d45570 !important;
  }

  html.nexus-seasonal .eod-tabs {
    background: #181115 !important;
    border-color: #5b3d48 !important;
  }

  html.nexus-seasonal .eod-tabs button {
    background: transparent !important;
    color: #cdb9a8 !important;
  }

  html.nexus-seasonal .eod-tabs button:hover,
  html.nexus-seasonal .eod-tabs button:focus-visible {
    background: #34232a !important;
    color: #fff4e7 !important;
  }

  html.nexus-seasonal .eod-tabs button[aria-selected="true"] {
    background: #ff7417 !important;
    color: #241109 !important;
    box-shadow: 0 2px 10px rgba(255, 116, 23, .18) !important;
  }

  html.nexus-seasonal .eod-summary {
    color: #cdb9a8 !important;
  }

  @media (max-width: 620px) {
    html.nexus-seasonal .money-count-history,
    html.nexus-seasonal .money-count-panel {
      border-radius: 0 !important;
    }
  }
}

/* List boxes have no dropdown arrow; these wrappers already draw their own. */
@media screen {
  html.nexus-dark-gray body select:is([multiple], [size]:not([size="1"])),
  html.nexus-dark-gray body .store-select-wrap select,
  html.nexus-dark-gray body .notes-select-wrap select,
  html.nexus-dark-gray body .money-count-type-picker select {
    background-image: none !important;
  }
}

/* Schedule grid refinement — dark mode only (desktop and mobile). */
html.nexus-dark-gray body :is(.schedule-page, #scheduleDialog) .weekly-schedule-table {
  border-collapse: separate;
  border-spacing: 0;
}
html.nexus-dark-gray body :is(.schedule-page, #scheduleDialog) .weekly-schedule-table :is(th, td) {
  border-right: 1px solid #111 !important;
  border-bottom: 1px solid #111 !important;
}
html.nexus-dark-gray body :is(.schedule-page, #scheduleDialog) .weekly-schedule-table thead th {
  background: #202020 !important;
  border-bottom-color: #080808 !important;
}
html.nexus-dark-gray body :is(.schedule-page, #scheduleDialog) .weekly-schedule-table tbody tr:nth-child(even) > :is(th, td) {
  background-color: #303030 !important;
}
html.nexus-dark-gray body :is(.schedule-page, #scheduleDialog) .weekly-schedule-table tbody tr:nth-child(odd) > :is(th, td) {
  background-color: #353535 !important;
}
html.nexus-dark-gray body :is(.schedule-page, #scheduleDialog) :is(.schedule-summary-chip, .schedule-table-wrap) {
  border-color: #171717 !important;
}