/*
 * Hive light theme
 *
 * The existing dark styles remain the default and are intentionally untouched.
 * Every visual override in this layer is scoped to data-theme="light"; the
 * unscoped rules below style only the new account-menu theme switcher.
 */

.hive-theme-switcher,
.buzz-account-actions > button.hive-theme-switcher,
.action-sheet > button.hive-theme-switcher {
  display: grid;
  width: 100%;
  min-height: 52px;
  grid-template-columns: 28px minmax(0, 1fr) 38px;
  align-items: center;
  gap: 8px;
  border: 0;
  border-radius: var(--wl-radius-md, var(--bz-radius-md, 8px));
  padding: 8px 10px;
  color: var(--wl-color-text, var(--bz-text, #cbd3de)) !important;
  background: transparent;
  box-shadow: none;
  font: inherit;
  text-align: left;
  cursor: pointer;
}

.hive-theme-switcher:hover,
.buzz-account-actions > button.hive-theme-switcher:hover,
.action-sheet > button.hive-theme-switcher:hover {
  color: var(--wl-color-text-strong, var(--bz-text-strong, #f5f7fa)) !important;
  background: var(--wl-color-surface-hover, var(--bz-surface-hover, #1a222d));
}

.hive-theme-switcher-icon {
  display: grid;
  width: 28px;
  height: 28px;
  place-items: center;
  border: 1px solid var(--wl-color-border, var(--bz-border, #252e3a));
  border-radius: 50%;
  color: var(--wl-color-accent-strong, var(--bz-accent-strong, #f5c75f));
  background: var(--wl-color-accent-soft, var(--bz-accent-soft, #2b2414));
  font-family: Georgia, serif;
  font-size: 18px;
  line-height: 1;
}

.hive-theme-switcher-copy,
.hive-theme-switcher-copy strong,
.hive-theme-switcher-copy small {
  display: block;
  min-width: 0;
}

.hive-theme-switcher-copy strong {
  color: var(--wl-color-text-strong, var(--bz-text-strong, #f5f7fa));
  font-size: 12px;
  font-weight: 700;
  line-height: 1.3;
}

.hive-theme-switcher-copy small {
  margin-top: 2px;
  overflow: hidden;
  color: var(--wl-color-text-subtle, var(--bz-text-subtle, #8491a2));
  font-size: 10px;
  font-weight: 600;
  line-height: 1.25;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.hive-theme-switcher-control {
  position: relative;
  display: block;
  width: 36px;
  height: 20px;
  border: 1px solid var(--wl-color-border-strong, var(--bz-border-strong, #344050));
  border-radius: 999px;
  background: var(--wl-color-surface-muted, var(--bz-surface-muted, #171d26));
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.14);
  transition: border-color 140ms ease, background-color 140ms ease;
}

.hive-theme-switcher-control > span {
  position: absolute;
  top: 3px;
  left: 3px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: var(--wl-color-text-subtle, var(--bz-text-subtle, #8491a2));
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.22);
  transition: transform 140ms ease, background-color 140ms ease;
}

.hive-theme-switcher[aria-pressed="true"] .hive-theme-switcher-control,
.hive-theme-switcher[aria-checked="true"] .hive-theme-switcher-control {
  border-color: var(--wl-color-accent, var(--bz-accent, #f0b93f));
  background: var(--wl-color-accent-soft, var(--bz-accent-soft, #2b2414));
}

.hive-theme-switcher[aria-pressed="true"] .hive-theme-switcher-control > span,
.hive-theme-switcher[aria-checked="true"] .hive-theme-switcher-control > span {
  transform: translateX(16px);
  background: var(--wl-color-accent, var(--bz-accent, #f0b93f));
}

html[data-theme="light"] {
  color-scheme: light;

  --bz-canvas: #f4f6f8;
  --bz-surface: #ffffff;
  --bz-surface-elevated: #ffffff;
  --bz-surface-subtle: #f7f9fb;
  --bz-surface-muted: #edf1f5;
  --bz-surface-hover: #eef3f7;
  --bz-surface-pressed: #e4eaf0;
  --bz-text: #354152;
  --bz-text-strong: #18212c;
  --bz-text-muted: #58677a;
  --bz-text-subtle: #5f6d7f;
  --bz-text-disabled: #536175;
  --bz-border: #dde3ea;
  --bz-border-strong: #c6d0dc;
  --bz-border-control: #9aa8b8;
  --bz-divider: rgba(24, 33, 44, 0.09);
  --bz-edge: rgba(24, 33, 44, 0.12);
  --bz-accent: #d99b20;
  --bz-accent-hover: #e5aa35;
  --bz-accent-strong: #7f5500;
  --bz-accent-soft: #fff4d6;
  --bz-accent-ink: #2a1b00;
  --bz-success: #147a50;
  --bz-success-soft: #e8f7f0;
  --bz-success-border: #a8d9c4;
  --bz-warning: #855800;
  --bz-warning-soft: #fff4d6;
  --bz-warning-border: #e0bf73;
  --bz-danger: #b73c3c;
  --bz-danger-soft: #fff0ef;
  --bz-danger-border: #e3aba8;
  --bz-info: #176b9d;
  --bz-info-soft: #eaf5fb;
  --bz-info-border: #a8d3e8;
  --bz-shadow-surface: 0 1px 2px rgba(24, 33, 44, 0.035), 0 10px 28px rgba(24, 33, 44, 0.055);
  --bz-shadow-subtle: 0 6px 18px rgba(24, 33, 44, 0.07);
  --bz-shadow-popover: 0 20px 48px rgba(24, 33, 44, 0.15), 0 0 0 1px rgba(24, 33, 44, 0.035);

  --wl-color-canvas: #f4f6f8;
  --wl-color-surface: #ffffff;
  --wl-color-surface-elevated: #ffffff;
  --wl-color-surface-subtle: #f7f9fb;
  --wl-color-surface-muted: #edf1f5;
  --wl-color-surface-hover: #eef3f7;
  --wl-color-surface-pressed: #e4eaf0;
  --wl-color-text: #354152;
  --wl-color-text-strong: #18212c;
  --wl-color-text-muted: #58677a;
  --wl-color-text-subtle: #5f6d7f;
  --wl-color-text-disabled: #536175;
  --wl-color-border: #dde3ea;
  --wl-color-border-strong: #c6d0dc;
  --wl-color-border-emphasis: #9aa8b8;
  --wl-color-accent: #d99b20;
  --wl-color-accent-hover: #e5aa35;
  --wl-color-accent-strong: #7f5500;
  --wl-color-accent-soft: #fff4d6;
  --wl-color-accent-ink: #2a1b00;
  --wl-color-focus: #9b6900;
  --wl-color-success: #147a50;
  --wl-color-success-soft: #e8f7f0;
  --wl-color-success-border: #a8d9c4;
  --wl-color-warning: #855800;
  --wl-color-warning-soft: #fff4d6;
  --wl-color-warning-border: #e0bf73;
  --wl-color-danger: #b73c3c;
  --wl-color-danger-strong: #9e2f2f;
  --wl-color-danger-soft: #fff0ef;
  --wl-color-danger-border: #e3aba8;
  --wl-color-info: #176b9d;
  --wl-color-info-soft: #eaf5fb;
  --wl-color-info-border: #a8d3e8;
  --wl-shadow-overlay: 0 28px 80px rgba(24, 33, 44, 0.2), 0 0 0 1px rgba(24, 33, 44, 0.04);
  --wl-shadow-popover: 0 20px 48px rgba(24, 33, 44, 0.15), 0 0 0 1px rgba(24, 33, 44, 0.035);
  --wl-shadow-toast: 0 16px 38px rgba(24, 33, 44, 0.16), 0 0 0 1px rgba(24, 33, 44, 0.035);
  --wl-shadow-surface: 0 1px 2px rgba(24, 33, 44, 0.035), 0 10px 28px rgba(24, 33, 44, 0.055);

  --primary-yellow: #d99b20;
  --primary-yellow-hover: #e5aa35;
  --primary-yellow-rgb: 217, 155, 32;
  --primary-red: #b73c3c;
  --primary-red-hover: #9e2f2f;
  --dark-bg: #f4f6f8;
  --background-color: #ffffff;
  --input-bg: #ffffff;
  --light-text: #18212c;
  --text-muted: #58677a;
  --text-disabled: #536175;
  --border-color: #c6d0dc;
  --border-dark: #c6d0dc;
  --text-dark: #18212c;
  --table-bg: #ffffff;
  --table-even-row: #f7f9fb;
  --handbook-card-border: #d8e0e8;
  --handbook-glow: rgba(217, 155, 32, 0.16);
}

html[data-theme="light"],
html[data-theme="light"] body,
html[data-theme="light"] body.dashboard-layout,
html[data-theme="light"] body.page-center {
  color: var(--wl-color-text, var(--bz-text));
  background:
    radial-gradient(circle at 72% -12%, rgba(217, 155, 32, 0.1), transparent 31rem),
    #f4f6f8 !important;
}

html[data-theme="light"] .workspace {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.7), transparent 170px),
    transparent;
}

html[data-theme="light"] ::selection {
  color: #2a1b00;
  background: #efc96f;
}

/* Shared Worklog, Inventory, Hive Guide and Settings shell. */
html[data-theme="light"] .sidebar,
html[data-theme="light"] .settings-sidebar {
  border-right-color: var(--wl-color-border) !important;
  background:
    linear-gradient(180deg, rgba(217, 155, 32, 0.055), transparent 170px),
    #f8fafc !important;
  box-shadow: inset -1px 0 0 rgba(24, 33, 44, 0.02);
}

html[data-theme="light"] .sidebar-header,
html[data-theme="light"] .sidebar-footer {
  border-color: var(--wl-color-border) !important;
}

html[data-theme="light"] .brand-mark,
html[data-theme="light"] .avatar,
html[data-theme="light"] .buzz-account-summary-avatar {
  border-color: #d8a33b;
  background: linear-gradient(145deg, #f5ce73, #dda12b);
  box-shadow: 0 6px 16px rgba(159, 104, 0, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.6);
}

html[data-theme="light"] .brand-copy small,
html[data-theme="light"] .nav-label,
html[data-theme="light"] .nav-section-toggle,
html[data-theme="light"] .eyebrow {
  color: var(--wl-color-text-subtle);
}

html[data-theme="light"] .nav-item:hover,
html[data-theme="light"] .nav-collapse-button:hover,
html[data-theme="light"] .nav-section-toggle:hover {
  background: rgba(24, 33, 44, 0.045);
}

html[data-theme="light"] .topbar,
html[data-theme="light"] .settings-topbar {
  border-bottom-color: rgba(95, 111, 130, 0.23);
  background:
    linear-gradient(90deg, rgba(217, 155, 32, 0.1), transparent 18%),
    rgba(255, 255, 255, 0.9);
  box-shadow: 0 1px 0 rgba(24, 33, 44, 0.035), 0 12px 30px rgba(24, 33, 44, 0.055);
}

html[data-theme="light"] .topbar-context > .topbar-product {
  color: var(--wl-color-text-muted);
}

html[data-theme="light"] .topbar-context strong {
  border-left-color: rgba(95, 111, 130, 0.28);
}

html[data-theme="light"] .back-to-hive,
html[data-theme="light"] .icon-button.bordered,
html[data-theme="light"] .module-holiday-widget .holiday-widget-trigger {
  background: rgba(255, 255, 255, 0.82);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8);
}

html[data-theme="light"] .application-switcher .app-switch-link[aria-current="page"] {
  border-color: rgba(159, 104, 0, 0.3);
  background: var(--wl-color-accent-soft);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.7);
}

html[data-theme="light"] .primary-button {
  border-color: #c98913;
  background: linear-gradient(180deg, #f1c45e 0%, #d99b20 100%);
  box-shadow: 0 6px 16px rgba(159, 104, 0, 0.13), inset 0 1px 0 rgba(255, 255, 255, 0.55);
}

html[data-theme="light"] .primary-button:hover {
  border-color: #b97908;
  background: linear-gradient(180deg, #f4ca6d 0%, #e5aa35 100%);
}

html[data-theme="light"] .secondary-button,
html[data-theme="light"] .secondary-link,
html[data-theme="light"] .danger-outline-button {
  border-color: var(--wl-color-border-strong);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.82), transparent), var(--wl-color-surface);
  box-shadow: 0 1px 2px rgba(24, 33, 44, 0.04);
}

html[data-theme="light"] .view-switch,
html[data-theme="light"] .segmented-filter {
  background: #e9eef3;
  box-shadow: inset 0 1px 3px rgba(24, 33, 44, 0.08);
}

html[data-theme="light"] .view-switch button.is-active,
html[data-theme="light"] .view-switch > span.is-active,
html[data-theme="light"] .segmented-filter button.is-active {
  border-color: var(--wl-color-border-strong);
  background: linear-gradient(180deg, #ffffff, #f5f7fa);
  box-shadow: 0 1px 4px rgba(24, 33, 44, 0.1);
}

html[data-theme="light"] .field input,
html[data-theme="light"] .field select,
html[data-theme="light"] .field textarea,
html[data-theme="light"] .report-group-controls select,
html[data-theme="light"] .search-field,
html[data-theme="light"] .person-select-search,
html[data-theme="light"] .member-selector select,
html[data-theme="light"] .assignment-role select,
html[data-theme="light"] .date-range-button,
html[data-theme="light"] .inventory-filter-select,
html[data-theme="light"] .assistant-composer textarea {
  border-color: var(--wl-color-border-strong);
  color: var(--wl-color-text);
  background-color: #ffffff;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8), 0 1px 2px rgba(24, 33, 44, 0.04);
}

html[data-theme="light"] .field input:-webkit-autofill,
html[data-theme="light"] .field input:-webkit-autofill:hover,
html[data-theme="light"] .field input:-webkit-autofill:focus,
html[data-theme="light"] .search-field input:-webkit-autofill,
html[data-theme="light"] .search-field input:-webkit-autofill:hover,
html[data-theme="light"] .search-field input:-webkit-autofill:focus {
  -webkit-text-fill-color: var(--wl-color-text);
  caret-color: var(--wl-color-text-strong);
  box-shadow: inset 0 0 0 1000px #ffffff;
}

html[data-theme="light"] .timesheet-workbench,
html[data-theme="light"] .calendar-surface,
html[data-theme="light"] .data-card,
html[data-theme="light"] .settings-form,
html[data-theme="light"] .report-filter-panel,
html[data-theme="light"] .report-kpis,
html[data-theme="light"] .admin-toolbar,
html[data-theme="light"] .inventory-kpi,
html[data-theme="light"] .inventory-surface,
html[data-theme="light"] .inventory-toolbar {
  border-color: var(--wl-color-border);
}

html[data-theme="light"] .sheet-toolbar,
html[data-theme="light"] .admin-toolbar,
html[data-theme="light"] .report-filter-panel > summary,
html[data-theme="light"] .month-weekdays,
html[data-theme="light"] .modal-header,
html[data-theme="light"] .inventory-surface-header {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.82), transparent), var(--wl-color-surface-subtle);
}

html[data-theme="light"] .timesheet-table thead th,
html[data-theme="light"] .timesheet-table tfoot th,
html[data-theme="light"] .timesheet-table tfoot td,
html[data-theme="light"] .data-table thead th,
html[data-theme="light"] .timesheet-table thead .favorite-column,
html[data-theme="light"] .timesheet-table thead .work-column,
html[data-theme="light"] .timesheet-table thead .total-column,
html[data-theme="light"] .timesheet-table thead .menu-column,
html[data-theme="light"] .timesheet-table tfoot .favorite-column,
html[data-theme="light"] .timesheet-table tfoot .work-column,
html[data-theme="light"] .timesheet-table tfoot .total-column,
html[data-theme="light"] .timesheet-table tfoot .menu-column {
  background: #f1f4f7;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8);
}

html[data-theme="light"] .progress-track,
html[data-theme="light"] .mini-progress,
html[data-theme="light"] .inventory-progress {
  background: #e1e7ed;
  box-shadow: inset 0 1px 2px rgba(24, 33, 44, 0.12);
}

html[data-theme="light"] .week-review-kpis > div {
  background: var(--wl-color-surface-subtle);
}

/* The onboarding video remains a dark media stage in both themes. */
html[data-theme="light"] .onboarding-guide-cover > strong {
  color: #f5f7fa;
}

html[data-theme="light"] .onboarding-guide-cover > span:not(.onboarding-guide-badge):not(.onboarding-guide-mark) {
  color: #cbd3de;
}

html[data-theme="light"] .onboarding-guide-badge {
  color: #f5c75f;
}

html[data-theme="light"] .modal-panel,
html[data-theme="light"] .toast {
  border-color: var(--wl-color-border-strong);
  background: var(--wl-color-surface-elevated);
}

html[data-theme="light"] .modal-body,
html[data-theme="light"] .modal-actions {
  background-color: var(--wl-color-surface-elevated);
}

html[data-theme="light"] .settings-savebar,
html[data-theme="light"] .inventory-bulk-bar {
  border-color: rgba(159, 104, 0, 0.3);
  background: rgba(255, 255, 255, 0.94);
}

html[data-theme="light"] .inventory-table th:last-child,
html[data-theme="light"] .inventory-table td:last-child {
  box-shadow: -10px 0 16px rgba(24, 33, 44, 0.08);
}

html[data-theme="light"] .inventory-kpi,
html[data-theme="light"] .inventory-surface,
html[data-theme="light"] .inventory-toolbar,
html[data-theme="light"] .handbook-category-card {
  background-image: linear-gradient(145deg, rgba(24, 33, 44, 0.018), transparent 55%);
}

html[data-theme="light"] .handbook-hero-search {
  border-color: var(--wl-color-border-strong);
  background: rgba(255, 255, 255, 0.86);
  box-shadow: 0 16px 42px rgba(24, 33, 44, 0.1);
}

html[data-theme="light"] .handbook-visual-book {
  box-shadow: 0 24px 52px rgba(105, 72, 10, 0.18), 0 0 54px var(--handbook-glow);
}

html[data-theme="light"] .handbook-ai-answer-mark {
  box-shadow: 0 10px 24px rgba(105, 72, 10, 0.14);
}

/* Buzz shell and legacy Bootstrap surfaces. */
html[data-theme="light"] body.dashboard-layout.wow-menu-ready .header {
  border-bottom-color: rgba(95, 111, 130, 0.23) !important;
  background:
    linear-gradient(90deg, rgba(217, 155, 32, 0.1), transparent 18%),
    rgba(255, 255, 255, 0.92) !important;
  box-shadow: 0 1px 0 rgba(24, 33, 44, 0.035), 0 12px 30px rgba(24, 33, 44, 0.055) !important;
}

html[data-theme="light"] body.dashboard-layout.wow-menu-ready .wow-sidebar.sidebar {
  border-right-color: var(--bz-divider) !important;
  background: #f8fafc !important;
}

html[data-theme="light"] .buzz-topbar-product {
  color: var(--bz-text-muted);
}

html[data-theme="light"] .buzz-topbar-product i {
  color: var(--bz-accent-strong);
}

html[data-theme="light"] .topbar-context > .topbar-product i {
  color: var(--wl-color-accent-strong);
}

html[data-theme="light"] .buzz-topbar-context > strong {
  border-left-color: rgba(95, 111, 130, 0.28);
  color: var(--bz-text-strong);
}

html[data-theme="light"] body.dashboard-layout.wow-menu-ready .header .welcome-title,
html[data-theme="light"] body.dashboard-layout.wow-menu-ready .header .welcome-title .welcome-label {
  color: var(--bz-text-strong) !important;
}

html[data-theme="light"] body.dashboard-layout.wow-menu-ready .header .welcome-title::before,
html[data-theme="light"] body.dashboard-layout.wow-menu-ready .header .welcome-title .welcome-user {
  color: var(--bz-accent-strong) !important;
  text-shadow: none;
}

html[data-theme="light"] body.dashboard-layout.wow-menu-ready .header .buttons-container.wow-header-actions > .logout-btn.buzz-account-avatar {
  border-color: #d8a33b !important;
  color: var(--bz-accent-ink) !important;
  background: linear-gradient(145deg, #f5ce73, #dda12b) !important;
  box-shadow: 0 6px 16px rgba(159, 104, 0, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.6) !important;
}

html[data-theme="light"] .buzz-account-summary-avatar {
  color: var(--bz-accent-ink);
}

html[data-theme="light"] .user-card-header,
html[data-theme="light"] .admin-card-header,
html[data-theme="light"] body.dashboard-layout .card.user-card > .card-header.user-card-header,
html[data-theme="light"] body.dashboard-layout .card.admin-card > .card-header.admin-card-header,
html[data-theme="light"] #attendance-signals .user-card-header,
html[data-theme="light"] #statistics .user-card-header {
  border-bottom-color: var(--bz-divider) !important;
  background: var(--bz-surface-subtle) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.75) !important;
}

/* Buzz profile admin controls retain readable hierarchy on pale surfaces. */
html[data-theme="light"] body.profile-page #admin .admin-subheading {
  color: var(--bz-accent-strong);
}

html[data-theme="light"] body.profile-page #admin .text-muted {
  color: var(--bz-text-muted) !important;
}

html[data-theme="light"] body.profile-page #admin .form-check-input:disabled ~ .form-check-label {
  color: var(--bz-text-disabled);
  opacity: 1;
}

html[data-theme="light"] body.profile-page #admin .form-check-input:disabled {
  opacity: 0.72;
}

html[data-theme="light"] body.profile-page #admin .btn:disabled {
  border-color: var(--bz-border-strong) !important;
  color: var(--bz-text-disabled) !important;
  background: var(--bz-surface-muted) !important;
  opacity: 1;
}

html[data-theme="light"] body.profile-page #admin .form-control:disabled,
html[data-theme="light"] body.profile-page #admin .form-control[readonly],
html[data-theme="light"] body.profile-page #admin select:disabled,
html[data-theme="light"] body.profile-page #admin textarea:disabled {
  color: var(--bz-text-disabled) !important;
  -webkit-text-fill-color: var(--bz-text-disabled);
  background: var(--bz-surface-muted) !important;
  opacity: 1;
}

html[data-theme="light"] .btn-danger:hover,
html[data-theme="light"] .custom-cancel-btn:hover,
html[data-theme="light"] .delete-manual-log:hover {
  color: var(--bz-danger) !important;
}

html[data-theme="light"] #exemptCheckbox:not(:checked) {
  border-color: var(--bz-border-control) !important;
  background-color: var(--bz-surface-muted) !important;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23697789'/%3e%3c/svg%3e") !important;
  box-shadow: inset 0 0 0 1px rgba(24, 33, 44, 0.04) !important;
}

html[data-theme="light"] .card,
html[data-theme="light"] .modal-content,
html[data-theme="light"] .dropdown-menu,
html[data-theme="light"] .popover,
html[data-theme="light"] .list-group-item {
  border-color: var(--bz-border) !important;
  color: var(--bz-text) !important;
  background-color: var(--bz-surface) !important;
}

html[data-theme="light"] .card-header,
html[data-theme="light"] .modal-header,
html[data-theme="light"] .modal-footer,
html[data-theme="light"] .table thead th,
html[data-theme="light"] .table-dark th,
html[data-theme="light"] .table-dark > tr > th,
html[data-theme="light"] thead.table-dark th {
  border-color: var(--bz-border) !important;
  color: var(--bz-text-strong) !important;
  background: var(--bz-surface-subtle) !important;
}

html[data-theme="light"] .table,
html[data-theme="light"] .table > :not(caption) > * > * {
  border-color: var(--bz-border) !important;
  color: var(--bz-text) !important;
  background-color: transparent;
}

html[data-theme="light"] .table-striped > tbody > tr:nth-of-type(odd) > * {
  --bs-table-accent-bg: var(--bz-surface-subtle);
  color: var(--bz-text);
}

html[data-theme="light"] .form-control,
html[data-theme="light"] .form-select,
html[data-theme="light"] .input-group-text,
html[data-theme="light"] select,
html[data-theme="light"] textarea {
  border-color: var(--bz-border-strong) !important;
  color: var(--bz-text) !important;
  background-color: #ffffff !important;
}

html[data-theme="light"] .form-control::placeholder,
html[data-theme="light"] textarea::placeholder,
html[data-theme="light"] input::placeholder {
  color: var(--bz-text-subtle) !important;
  opacity: 1;
}

html[data-theme="light"] .form-control:disabled,
html[data-theme="light"] .form-control[readonly],
html[data-theme="light"] select:disabled,
html[data-theme="light"] textarea:disabled {
  color: var(--bz-text-disabled) !important;
  -webkit-text-fill-color: var(--bz-text-disabled);
  background-color: var(--bz-surface-muted) !important;
}

html[data-theme="light"] [style*="background-color: #333"],
html[data-theme="light"] [style*="background-color:#333"],
html[data-theme="light"] [style*="background-color: #222"],
html[data-theme="light"] [style*="background-color:#222"] {
  color: var(--bz-text) !important;
  background-color: #ffffff !important;
}

html[data-theme="light"] [style*="color: white"],
html[data-theme="light"] [style*="color:white"] {
  color: var(--bz-text) !important;
}

html[data-theme="light"] .bg-dark,
html[data-theme="light"] .text-bg-dark {
  color: var(--bz-text-strong) !important;
  background-color: var(--bz-surface-subtle) !important;
}

html[data-theme="light"] .text-white {
  color: var(--bz-text-strong) !important;
}

html[data-theme="light"] .btn-link:hover,
html[data-theme="light"] .home-inline-link:hover,
html[data-theme="light"] .inventory-reference-link:hover,
html[data-theme="light"] .inventory-asset-link:hover,
html[data-theme="light"] .handbook-article-body a:hover,
html[data-theme="light"] .handbook-ai-article-path:hover > strong {
  color: var(--bz-accent-strong) !important;
  text-decoration: underline !important;
  text-underline-offset: 2px;
}

html[data-theme="light"] .project-chevron:hover,
html[data-theme="light"] .project-chevron:focus-visible {
  color: var(--wl-color-accent-strong);
}

html[data-theme="light"] .home-action-icon.is-guide,
html[data-theme="light"] .home-action-icon.is-handbook,
html[data-theme="light"] .home-action-icon.is-worklog {
  border-color: var(--bz-accent-strong);
  color: var(--bz-accent-strong);
}

html[data-theme="light"] .home-button-secondary {
  border-color: var(--bz-border-strong);
  color: var(--bz-text) !important;
  background: rgba(255, 255, 255, 0.78);
}

html[data-theme="light"] .home-hero::after {
  border-color: rgba(var(--primary-yellow-rgb), 0.28);
  box-shadow:
    0 0 0 44px rgba(var(--primary-yellow-rgb), 0.07),
    0 0 0 88px rgba(var(--primary-yellow-rgb), 0.035);
}

/* Buzz profile: monthly attendance summary. */
html[data-theme="light"] .month-container .arrival-stat-label {
  color: var(--bz-text-muted);
}

html[data-theme="light"] .month-container .arrival-stat-label i {
  color: var(--bz-accent-strong);
}

html[data-theme="light"] .month-container .arrival-stat-label i.quota-yes {
  color: var(--bz-success);
  text-shadow: none;
}

html[data-theme="light"] .month-container .arrival-stat-label i.quota-no {
  color: var(--bz-danger);
  text-shadow: none;
}

html[data-theme="light"] .month-container .arrival-stat-value {
  color: var(--bz-text-strong);
  text-shadow: none;
}

html[data-theme="light"] .month-container .arrival-stat-percent {
  color: var(--bz-text-muted);
}

html[data-theme="light"] .month-container .arrival-stat-badge.quota-yes {
  border-color: var(--bz-success-border);
  color: var(--bz-success);
  background: var(--bz-success-soft);
  box-shadow: none;
}

html[data-theme="light"] .month-container .arrival-stat-badge.quota-no {
  border-color: var(--bz-danger-border);
  color: var(--bz-danger);
  background: var(--bz-danger-soft);
  box-shadow: none;
}

html[data-theme="light"] .month-container .arrival-stat-progress {
  background: #d9e1e9;
}

html[data-theme="light"] .enterprise-loading-state {
  background:
    linear-gradient(100deg, transparent 24%, rgba(83, 97, 117, 0.11) 45%, transparent 66%),
    var(--bz-surface);
}

html[data-theme="light"] .home-progress-track,
html[data-theme="light"] .quota-progress,
html[data-theme="light"] .over-target-chart-track,
html[data-theme="light"] .super-insights-dist-track,
html[data-theme="light"] .statistics-modern-bar-track,
html[data-theme="light"] .statistics-modern-hbar-track,
html[data-theme="light"] #statistics .statistics-modern-range-track,
html[data-theme="light"] #statistics .statistics-modern-stacked-track {
  background: #e1e7ed !important;
  box-shadow: inset 0 1px 2px rgba(24, 33, 44, 0.1) !important;
}

html[data-theme="light"] #statistics .statistics-modern-heatmap-cell {
  color: var(--bz-text-strong) !important;
}

html[data-theme="light"] #statistics .statistics-modern-heatmap-cell.is-high-intensity {
  color: var(--bz-accent-ink) !important;
}

html[data-theme="light"] #statistics .statistics-modern-executive-kpi,
html[data-theme="light"] .member-profile-detail,
html[data-theme="light"] .member-attendance-card {
  background: var(--bz-surface-subtle) !important;
}

html[data-theme="light"] .member-attendance-card.is-highlighted {
  border-color: rgba(159, 104, 0, 0.34);
  background: var(--bz-accent-soft) !important;
}

html[data-theme="light"] .member-attendance-progress {
  background: #e1e7ed;
}

html[data-theme="light"] .member-profile-inline-status.is-success {
  color: var(--bz-success);
}

html[data-theme="light"] .auth-card {
  border-color: var(--bz-border-strong);
  background: rgba(255, 255, 255, 0.94) !important;
  box-shadow: 0 24px 70px rgba(24, 33, 44, 0.12), 0 0 0 1px rgba(24, 33, 44, 0.025);
}

html[data-theme="light"] .auth-input-group,
html[data-theme="light"] .auth-input-icon,
html[data-theme="light"] .auth-password-toggle {
  border-color: var(--bz-border-strong) !important;
  background: var(--bz-surface-subtle) !important;
}

html[data-theme="light"] body.page-center .auth-container .input-group .input-group-text,
html[data-theme="light"] .auth-input-icon {
  color: var(--bz-accent-strong) !important;
}

html[data-theme="light"] body.page-center .auth-container .input-group .auth-password-toggle,
html[data-theme="light"] .auth-password-toggle {
  color: var(--bz-text-muted) !important;
}

@media print {
  html[data-theme="light"] {
    --bz-canvas: #ffffff;
    --bz-surface: #ffffff;
    --bz-surface-elevated: #ffffff;
    --bz-surface-subtle: #f5f6f7;
    --bz-surface-muted: #eceef0;
    --bz-text: #2a2d31;
    --bz-text-strong: #111317;
    --bz-text-muted: #50565e;
    --bz-text-subtle: #606872;
    --wl-color-canvas: #ffffff;
    --wl-color-surface: #ffffff;
    --wl-color-surface-elevated: #ffffff;
    --wl-color-surface-subtle: #f5f6f7;
    --wl-color-surface-muted: #eceef0;
    --wl-color-text: #2a2d31;
    --wl-color-text-strong: #111317;
    --wl-color-text-muted: #50565e;
    --wl-color-text-subtle: #606872;
  }

  html[data-theme="light"],
  html[data-theme="light"] body,
  html[data-theme="light"] .workspace {
    color: #2a2d31 !important;
    background: #ffffff !important;
  }

  html[data-theme="light"] *,
  html[data-theme="light"] *::before,
  html[data-theme="light"] *::after {
    box-shadow: none !important;
  }
}