/* Light theme. Dark stays the default. Active only when html[data-theme="light"]. */
html[data-theme="light"] {
  color-scheme: light;
  --bg: #F6F1E8;
  --bg-soft: #FBF7F1;
  --bg-elevated: #FBF7F1;
  --bg-card: #FBF7F1;
  --text: #1C1917;
  --text-muted: #6B6259;
  --border: #E6DDD0;
  --tech-line: #C4843A;
  --shadow: 0 16px 36px -22px rgba(28, 25, 23, 0.22);
  --shadow-glow: 0 0 0 1px rgba(232, 161, 90, 0.16), 0 16px 36px -22px rgba(28, 25, 23, 0.16);
}

html[data-theme="light"],
html[data-theme="light"] body {
  background-color: #F6F1E8 !important;
  background-image:
    radial-gradient(900px 420px at 0% -10%, rgba(232, 161, 90, 0.16), transparent 55%),
    radial-gradient(700px 380px at 100% 0%, rgba(243, 230, 212, 0.7), transparent 50%) !important;
  color: #1C1917 !important;
}

html[data-theme="light"] .bg-slate-950,
html[data-theme="light"] .bg-slate-900,
html[data-theme="light"] .bg-slate-900\/90,
html[data-theme="light"] .bg-slate-900\/80,
html[data-theme="light"] body.bg-slate-950,
html[data-theme="light"] .bg-\[\#070B14\],
html[data-theme="light"] .bg-\[\#0B1220\],
html[data-theme="light"] .bg-\[\#F7F6F8\],
html[data-theme="light"] .bg-gray-50,
html[data-theme="light"] .bg-gray-100 {
  background-color: #F6F1E8 !important;
  color: #1C1917 !important;
}

html[data-theme="light"] .bg-slate-800,
html[data-theme="light"] .bg-slate-800\/80,
html[data-theme="light"] .bg-slate-800\/90,
html[data-theme="light"] .bg-white,
html[data-theme="light"] .card,
html[data-theme="light"] .module-card,
html[data-theme="light"] .module-card.active {
  background-color: #FBF7F1 !important;
  background: #FBF7F1 !important;
  color: #1C1917 !important;
  border-color: #E6DDD0 !important;
}

html[data-theme="light"] .text-slate-100,
html[data-theme="light"] .text-slate-200,
html[data-theme="light"] .text-slate-50,
html[data-theme="light"] .text-white,
html[data-theme="light"] .text-gray-900,
html[data-theme="light"] .text-gray-800,
html[data-theme="light"] .text-\[\#1A1A1F\] {
  color: #1C1917 !important;
}

html[data-theme="light"] .text-slate-300,
html[data-theme="light"] .text-slate-400,
html[data-theme="light"] .text-slate-500,
html[data-theme="light"] .text-gray-400,
html[data-theme="light"] .text-gray-500,
html[data-theme="light"] .text-gray-600 {
  color: #6B6259 !important;
}

html[data-theme="light"] .text-sky-100,
html[data-theme="light"] .text-sky-200,
html[data-theme="light"] .text-sky-300,
html[data-theme="light"] .text-sky-400,
html[data-theme="light"] .text-sky-700 {
  color: #9A5B2F !important;
}

html[data-theme="light"] .crm-tab.bg-sky-500\/20,
html[data-theme="light"] .bk-tab.bg-sky-500\/20,
html[data-theme="light"] .crm-tab.text-sky-200,
html[data-theme="light"] .bk-tab.text-sky-200 {
  color: #9A5B2F !important;
  background-color: rgba(196, 132, 58, 0.14) !important;
}

html[data-theme="light"] .bk-nav-item.is-on,
html[data-theme="light"] .app-nav-item.is-on,
html[data-theme="light"].sil-phone .app-nav-item.is-on,
html[data-theme="light"] .bk-nav-item.is-on i,
html[data-theme="light"] .app-nav-item.is-on i {
  color: #9A5B2F !important;
}

html[data-theme="light"] .text-emerald-400 { color: #047857 !important; }
html[data-theme="light"] .text-red-400,
html[data-theme="light"] .text-red-500,
html[data-theme="light"] .text-red-600 { color: #B91C1C !important; }
html[data-theme="light"] .text-green-600,
html[data-theme="light"] .text-green-500 { color: #047857 !important; }

html[data-theme="light"] .border-slate-600,
html[data-theme="light"] .border-slate-700,
html[data-theme="light"] .border-slate-700\/60,
html[data-theme="light"] .border-slate-800,
html[data-theme="light"] .border-gray-200,
html[data-theme="light"] .border-gray-100,
html[data-theme="light"] .border-\[\#E4E2E8\] {
  border-color: #E6DDD0 !important;
}

html[data-theme="light"] header,
html[data-theme="light"] header.sticky,
html[data-theme="light"] header.bg-white,
html[data-theme="light"] header.bg-\[\#0B1220\],
html[data-theme="light"] header.h-16,
html[data-theme="light"] .sticky.top-0,
html[data-theme="light"] .admin-top,
html[data-theme="light"] #admin-header {
  background: rgba(255, 255, 255, 0.94) !important;
  color: #1C1917 !important;
  border-color: #E6DDD0 !important;
}

html[data-theme="light"] .location-card,
html[data-theme="light"] .mode-card,
html[data-theme="light"] .select-card,
html[data-theme="light"] .card.cursor-pointer {
  background: #FBF7F1 !important;
  color: #1C1917 !important;
  border-color: #E6DDD0 !important;
}

html[data-theme="light"] #sub-menu.sub-menu-horizontal {
  background: #FBF7F1 !important;
  border-bottom-color: #E6DDD0 !important;
}
html[data-theme="light"] #sub-menu.sub-menu-horizontal .sub-item {
  background: #F8FAFC !important;
  color: #475569 !important;
  border-color: #E6DDD0 !important;
}
.crm-metric { background: rgba(30, 41, 59, 0.8); color: #F8FAFC; }
.crm-lane { background: rgba(15, 23, 42, 0.55); border: 1px solid rgba(51, 65, 85, 0.9); color: #F8FAFC; }
.crm-chip { background: #1C1917; border: 1px solid #334155; color: #F8FAFC; }
html[data-theme="light"] .crm-metric {
  background: #F3E6D4 !important;
  color: #1C1917 !important;
  border: 1px solid #E8A15A;
}
html[data-theme="light"] .crm-lane {
  background: #F8FAFC !important;
  color: #1C1917 !important;
  border: 1px solid #E6DDD0 !important;
}
html[data-theme="light"] .crm-chip {
  background: #FBF7F1 !important;
  color: #1C1917 !important;
  border: 1px solid #BAE6FD !important;
}
html[data-theme="light"] #sub-menu.sub-menu-horizontal .sub-item.active,
html[data-theme="light"] .loc-tab.active,
html[data-theme="light"] .user-tab.active,
html[data-theme="light"] .prod-tab.active,
html[data-theme="light"] .hub-tab.active {
  background: rgba(196, 132, 58, 0.12) !important;
  color: #9A5B2F !important;
  border-color: #E8A15A !important;
}
html[data-theme="light"] .loc-tab:hover,
html[data-theme="light"] .user-tab:hover,
html[data-theme="light"] .prod-tab:hover,
html[data-theme="light"] .hub-tab:hover {
  background: #F1F5F9 !important;
  color: #1C1917 !important;
}
html[data-theme="light"] .sub-item:hover,
html[data-theme="light"] #sub-menu .sub-item:hover,
html[data-theme="light"] #sub-menu.sub-menu-horizontal .sub-item:hover,
html[data-theme="light"] .module-card:hover,
html[data-theme="light"] #cloud-owner-tools .admin-chip:hover {
  background: #F3E6D4 !important;
  color: #9A5B2F !important;
  border-color: #E8A15A !important;
}
html[data-theme="light"] #cloud-owner-tools .admin-chip {
  background: #F8FAFC !important;
  color: #475569 !important;
  border-color: #E6DDD0 !important;
}
html[data-theme="light"] .sil-switcher-menu {
  background: #FBF7F1 !important;
  border: 1px solid #E6DDD0 !important;
  box-shadow: 0 18px 40px rgba(15, 23, 42, 0.12) !important;
}
html[data-theme="light"] .sil-switcher-item {
  color: #1C1917 !important;
  background: transparent !important;
}
html[data-theme="light"] .sil-switcher-item i { color: #9A5B2F !important; }
html[data-theme="light"] .sil-switcher-item:hover {
  background: rgba(196, 132, 58, 0.12) !important;
  color: #9A5B2F !important;
}
html[data-theme="light"] .sil-switcher-item.sil-switcher-logout,
html[data-theme="light"] .sil-switcher-item.sil-switcher-logout i { color: #B91C1C !important; }
html[data-theme="light"] .sil-switcher-item.sil-switcher-logout:hover {
  background: rgba(244, 63, 94, 0.1) !important;
  color: #B91C1C !important;
}

html[data-theme="light"] input.form-input,
html[data-theme="light"] textarea.form-input,
html[data-theme="light"] select.form-input,
html[data-theme="light"] input,
html[data-theme="light"] textarea,
html[data-theme="light"] select {
  background-color: #FBF7F1 !important;
  color: #1C1917 !important;
  border-color: #CBD5E1 !important;
}
html[data-theme="light"] input::placeholder,
html[data-theme="light"] textarea::placeholder {
  color: #94A3B8 !important;
}

html[data-theme="light"] .btn-outline {
  background: #FBF7F1 !important;
  color: #1C1917 !important;
  border-color: #CBD5E1 !important;
}
html[data-theme="light"] .btn-primary,
html[data-theme="light"] button.bg-\[\#1A1A1F\],
html[data-theme="light"] .bg-\[\#1A1A1F\].text-white {
  color: #F6F1E8 !important;
  -webkit-text-fill-color: #F6F1E8 !important;
}

html[data-theme="light"] .modal-shell,
html[data-theme="light"] .modal-shell-lg,
html[data-theme="light"] .modal-shell-sm,
html[data-theme="light"] [id$="-modal"] > div,
html[data-theme="light"] [class*="modal-shell-header"],
html[data-theme="light"] [class*="modal-shell-toolbar"],
html[data-theme="light"] [class*="modal-shell-footer"] {
  background: #FBF7F1 !important;
  color: #1C1917 !important;
  border-color: #E6DDD0 !important;
}
html[data-theme="light"] [id$="-modal"] h3,
html[data-theme="light"] [id$="-modal"] label,
html[data-theme="light"] [id$="-modal"] .form-label {
  color: #475569 !important;
}
html[data-theme="light"] [id$="-modal"] h3 { color: #1C1917 !important; }

html[data-theme="light"] table,
html[data-theme="light"] table.sortable-table,
html[data-theme="light"] .card table {
  background: transparent !important;
  color: #1C1917 !important;
  border-color: #E6DDD0 !important;
}
html[data-theme="light"] thead,
html[data-theme="light"] table thead,
html[data-theme="light"] thead tr,
html[data-theme="light"] thead th,
html[data-theme="light"] table thead th,
html[data-theme="light"] html body table thead,
html[data-theme="light"] body table thead th,
html[data-theme="light"] body table thead,
html[data-theme="light"] body table thead tr,
html[data-theme="light"] body thead th,
html[data-theme="light"] body .overflow-x-auto > table thead,
html[data-theme="light"] body .overflow-y-auto > table thead,
html[data-theme="light"] body .overflow-x-auto > table thead th,
html[data-theme="light"] body .overflow-y-auto > table thead th,
html[data-theme="light"] body .modal-shell thead th,
html[data-theme="light"] body table thead th,
html[data-theme="light"] body table thead th *,
html[data-theme="light"] body thead th,
html[data-theme="light"] body thead th *,
html[data-theme="light"] body thead th div,
html[data-theme="light"] body thead th span,
html[data-theme="light"] body thead th button,
html[data-theme="light"] #content-area thead th,
html[data-theme="light"] #content-area thead th * {
  background: #F3E6D4 !important;
  color: #1C1917 !important;
  border-color: #BAE6FD !important;
  box-shadow: none !important;
}
html[data-theme="light"] tbody tr,
html[data-theme="light"] table tbody tr,
html[data-theme="light"] .loc-row,
html[data-theme="light"] .user-row,
html[data-theme="light"] .list-row {
  background: #FBF7F1 !important;
  color: #1C1917 !important;
  border-color: #E6DDD0 !important;
  box-shadow: none !important;
}
html[data-theme="light"] tbody tr:nth-child(even),
html[data-theme="light"] table tbody tr:nth-child(even) {
  background: #F8FAFC !important;
}
html[data-theme="light"] tbody tr:hover,
html[data-theme="light"] table tbody tr:hover,
html[data-theme="light"] .loc-row:hover {
  background: #F6F1E8 !important;
}
html[data-theme="light"] tbody td,
html[data-theme="light"] table tbody td {
  color: #1C1917 !important;
  border-color: #E6DDD0 !important;
}
html[data-theme="light"] tbody td .text-gray-500,
html[data-theme="light"] tbody td .text-gray-400,
html[data-theme="light"] tbody td .text-xs:not(.btn):not(button) {
  color: #6B6259 !important;
}
html[data-theme="light"] .overflow-hidden.rounded-xl,
html[data-theme="light"] .overflow-hidden.rounded-2xl,
html[data-theme="light"] .overflow-hidden.rounded-lg {
  background: #FBF7F1 !important;
  border-color: #E6DDD0 !important;
}

html[data-theme="light"] .sil-dial-btn,
html[data-theme="light"] .sil-dial-menu,
html[data-theme="light"] .sil-dial-opt {
  background-color: #FBF7F1 !important;
  color: #1C1917 !important;
  border-color: #CBD5E1 !important;
}
html[data-theme="light"] .sil-dial-opt:hover {
  background-color: #F3E6D4 !important;
  color: #1C1917 !important;
}

html body .module-card .mod-icon,
html body .mod-icon {
  background: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
}
html[data-theme="light"] .module-card i,
html[data-theme="light"] .module-card .mod-icon {
  color: #C4843A !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

html[data-theme="light"] .hover\:bg-gray-50:hover,
html[data-theme="light"] .hover\:bg-gray-100:hover,
html[data-theme="light"] .hover\:bg-slate-800:hover {
  background-color: #F1F5F9 !important;
}

html[data-theme="light"] .to-top {
  background: #FBF7F1 !important;
  color: #9A5B2F !important;
  border-color: #E8A15A !important;
}

html[data-theme="light"] .theme-choice {
  border: 1px solid #E6DDD0;
  background: #FBF7F1;
  color: #1C1917;
}
html[data-theme="light"] .theme-choice.is-on {
  border-color: #C4843A;
  box-shadow: 0 0 0 1px #C4843A;
}

/* POS shop chip + tools: same pink hover as admin sub-modules */
html[data-theme="light"] .pos-loc-badge:hover,
html[data-theme="light"] #pos-tools-scroll > .btn:hover,
html[data-theme="light"] #pos-tools-scroll > button:hover {
  background: #F3E6D4 !important;
  color: #9A5B2F !important;
  border-color: #E8A15A !important;
}
html[data-theme="light"] .pos-loc-badge:hover .pos-loc-icon,
html[data-theme="light"] .pos-loc-badge:hover .pos-loc-chevron,
html[data-theme="light"] #pos-tools-scroll > .btn:hover i {
  color: #9A5B2F !important;
}
html[data-theme="light"] #pos-tools-panel,
html[data-theme="light"] #pos-tools-panel .bg-slate-900 {
  background: #FBF7F1 !important;
  color: #1C1917 !important;
  border-color: #E6DDD0 !important;
}
html[data-theme="light"] #pos-tools-panel .border-slate-700 {
  border-color: #E6DDD0 !important;
}

/* Login — light, not a dark card on a light page */
html[data-theme="light"] body.login-hub,
html[data-theme="light"] body.login-company {
  background: #F6F1E8 !important;
  color: #1C1917 !important;
}
html[data-theme="light"] #tenant-banner,
html[data-theme="light"] body.login-hub #tenant-banner {
  background: #FBF7F1 !important;
  color: #1C1917 !important;
  border-bottom: 1px solid #E6DDD0;
}
html[data-theme="light"] body.login-hub .logo-font,
html[data-theme="light"] body.login-hub #brand-title,
html[data-theme="light"] body.login-hub #login-heading,
html[data-theme="light"] body.login-hub .card,
html[data-theme="light"] body.login-hub #login-card,
html[data-theme="light"] body.login-company .card,
html[data-theme="light"] body.login-company #login-card {
  background: #FBF7F1 !important;
  color: #1C1917 !important;
  border-color: #E6DDD0 !important;
  box-shadow: 0 16px 36px -22px rgba(15, 23, 42, 0.28) !important;
}
html[data-theme="light"] body.login-hub #brand-subtitle,
html[data-theme="light"] body.login-hub .form-label,
html[data-theme="light"] body.login-hub .hub-link,
html[data-theme="light"] body.login-company .form-label {
  color: #475569 !important;
}
html[data-theme="light"] body.login-hub .form-input,
html[data-theme="light"] body.login-company .form-input,
html[data-theme="light"] body.login-hub .sil-dial-btn,
html[data-theme="light"] body.login-company .sil-dial-btn {
  background: #FBF7F1 !important;
  color: #1C1917 !important;
  border-color: #CBD5E1 !important;
}
html[data-theme="light"] body.login-hub #login-submit,
html[data-theme="light"] body.login-company #login-submit {
  background: linear-gradient(135deg, #E8A15A, #C4843A) !important;
  color: #FFFFFF !important;
}

/* Booking day/week calendar — one light surface, not a white grid on a dark rail */
html[data-theme="light"] .bk-cal-wrap,
html[data-theme="light"] .bk-cal-wrap.card,
html[data-theme="light"] .bk-cal-scroll,
html[data-theme="light"] .bk-cal-track,
html[data-theme="light"] .bk-cal-col,
html[data-theme="light"] .bg-slate-950,
html[data-theme="light"] .bg-slate-950\/40,
html[data-theme="light"] .bg-slate-900\/70 {
  background: #FBF7F1 !important;
  background-color: #FBF7F1 !important;
  color: #1C1917 !important;
}
html[data-theme="light"] .bk-cal-rail {
  background: #F3E6D4 !important;
  box-shadow: none !important;
  border-right: 1px solid #BAE6FD;
}
html[data-theme="light"] .bk-cal-rail .bg-slate-950,
html[data-theme="light"] .bk-cal-col > .bg-slate-900\/70,
html[data-theme="light"] .bk-cal-col > .h-\[34px\] {
  background: #F6F1E8 !important;
  color: #1C1917 !important;
}
html[data-theme="light"] .bk-cal-wrap {
  border: 1px solid #E6DDD0 !important;
  border-radius: 16px;
}

/* POS tool windows — same light panel as Open tester */
html[data-theme="light"] [id$="-modal"] > div,
html[data-theme="light"] [id$="-modal"] > .bg-white,
html[data-theme="light"] [id$="-modal"] .modal-shell,
html[data-theme="light"] [id$="-modal"] .modal-shell-sm,
html[data-theme="light"] [id$="-modal"] .modal-shell-lg,
html[data-theme="light"] [id$="-modal"] .bg-slate-900,
html[data-theme="light"] #stock-count-modal .modal-shell,
html[data-theme="light"] #cash-register-modal .modal-shell,
html[data-theme="light"] #crm-search-modal .modal-shell-sm,
html[data-theme="light"] #pos-tester-modal > div {
  background: #FBF7F1 !important;
  color: #1C1917 !important;
  border-color: #E6DDD0 !important;
}
html[data-theme="light"] [id$="-modal"] .p-5,
html[data-theme="light"] [id$="-modal"] .p-4,
html[data-theme="light"] [id$="-modal"] .p-6,
html[data-theme="light"] [id$="-modal"] .overflow-y-auto,
html[data-theme="light"] [id$="-modal"] .flex-1,
html[data-theme="light"] [id$="-modal"] td,
html[data-theme="light"] [id$="-modal"] .font-medium,
html[data-theme="light"] [id$="-modal"] .font-semibold,
html[data-theme="light"] [id$="-modal"] .text-gray-800,
html[data-theme="light"] [id$="-modal"] .text-gray-600,
html[data-theme="light"] #crm-results,
html[data-theme="light"] #crm-results .crm-hit-name,
html[data-theme="light"] #crm-results .crm-hit-phone,
html[data-theme="light"] #cash-reg-body,
html[data-theme="light"] #stock-count-tbody,
html[data-theme="light"] #stock-count-tbody td {
  color: #1C1917 !important;
}
html[data-theme="light"] [id$="-modal"] .text-gray-400,
html[data-theme="light"] [id$="-modal"] .text-gray-500,
html[data-theme="light"] [id$="-modal"] .text-xs {
  color: #6B6259 !important;
}
html[data-theme="light"] [id$="-modal"] .bg-\[\#F7F6F8\],
html[data-theme="light"] [id$="-modal"] .card,
html[data-theme="light"] #cash-reg-footer,
html[data-theme="light"] #stock-count-modal .bg-\[\#F7F6F8\],
html[data-theme="light"] #pos-tester-modal .bg-\[\#F7F6F8\] {
  background: #F8FAFC !important;
  color: #1C1917 !important;
  border-color: #E6DDD0 !important;
}
html[data-theme="light"] .sil-boxed-list {
  background: #FBF7F1 !important;
  border-color: #E6DDD0 !important;
}
html[data-theme="light"] .sil-boxed-list tbody tr:nth-child(odd),
html[data-theme="light"] .sil-boxed-list tbody tr:nth-child(even) {
  background: #FBF7F1 !important;
  color: #1C1917 !important;
}
html[data-theme="light"] .sil-boxed-list tbody tr:nth-child(even) {
  background: #F8FAFC !important;
}
html[data-theme="light"] .sil-boxed-list thead,
html[data-theme="light"] .sil-boxed-list thead th {
  background: #F3E6D4 !important;
  color: #1C1917 !important;
}
html[data-theme="light"] #crm-results tr:hover {
  background: #FCE7F3 !important;
}

/* Follow-up client list stays a fixed height */
.crm-follow-card { display: flex; flex-direction: column; max-height: min(86vh, 640px); overflow: hidden; }
.crm-follow-results {
  height: 180px;
  min-height: 180px;
  max-height: 180px;
  overflow-y: auto;
  margin-top: 8px;
  border-radius: 12px;
  border: 1px solid rgba(148, 163, 184, 0.35);
  background: rgba(15, 23, 42, 0.45);
}
.crm-follow-hit, .crm-follow-empty {
  display: flex;
  width: 100%;
  justify-content: space-between;
  gap: 8px;
  text-align: left;
  padding: 0.55rem 0.75rem;
  font-size: 0.875rem;
  background: transparent;
  border: 0;
  border-bottom: 1px solid rgba(148, 163, 184, 0.2);
  color: inherit;
}
.crm-follow-empty { justify-content: center; color: #94A3B8; border-bottom: 0; }
html[data-theme="light"] #crm-task-ov .crm-follow-card,
html[data-theme="light"] #crm-task-ov .bg-slate-900,
html[data-theme="light"] #crm-task-ov .bg-slate-800 {
  background: #FBF7F1 !important;
  color: #1C1917 !important;
  border-color: #E6DDD0 !important;
}
html[data-theme="light"] .crm-follow-results {
  background: #F8FAFC !important;
  border-color: #E6DDD0 !important;
}
html[data-theme="light"] .crm-follow-hit { color: #1C1917 !important; border-bottom-color: #E6DDD0; }
html[data-theme="light"] .crm-follow-hit:hover { background: #F3E6D4 !important; color: #9A5B2F !important; }
html[data-theme="light"] .crm-follow-empty,
html[data-theme="light"] #crm-task-ov .text-slate-400,
html[data-theme="light"] #crm-task-ov .text-slate-500 { color: #6B6259 !important; }

/* POS CRM results — centered list, no dark table box */
#crm-results { display: flex; justify-content: center; }
.crm-hit-list { width: 100%; max-width: 22rem; margin: 0.25rem auto 0; display: flex; flex-direction: column; gap: 0.5rem; }
.crm-hit-row {
  display: flex; align-items: center; justify-content: space-between; gap: 0.6rem;
  padding: 0.65rem 0.75rem; border-radius: 14px;
  background: #FBF7F1; border: 1px solid #E6DDD0; color: #1C1917;
}
.crm-hit-main { flex: 1; min-width: 0; border: 0; background: transparent; text-align: center; color: inherit; cursor: pointer; }
.crm-hit-name { color: #1C1917; }
.crm-hit-phone { color: #6B6259; }
html[data-theme="dark"] .crm-hit-row { background: #1C1917; border-color: rgba(148,163,184,.28); color: #F8FAFC; }
html[data-theme="dark"] .crm-hit-name { color: #F8FAFC; }
html[data-theme="dark"] .crm-hit-phone { color: #94A3B8; }

/* Day/week hours rail matches the full calendar height */
html[data-theme="light"] .bk-cal-wrap {
  display: flex !important;
  align-items: stretch !important;
}
html[data-theme="light"] .bk-cal-rail {
  position: relative !important;
  top: auto !important;
  right: auto !important;
  bottom: auto !important;
  left: auto !important;
  flex: 0 0 3rem !important;
  width: 3rem !important;
  height: auto !important;
  min-height: 100% !important;
  align-self: stretch !important;
  background: #F3E6D4 !important;
  box-shadow: none !important;
}
html[data-theme="light"] .bk-cal-scroll {
  padding-left: 0 !important;
  flex: 1 1 auto !important;
  min-width: 0 !important;
}
html[data-theme="light"] .login-logo-corner .sil-brand-on-dark { display: none !important; }
html[data-theme="light"] .login-logo-corner .sil-brand-on-light { display: block !important; }

/* Complete sale, print, and agreement — light panels, not leftover dark chrome */
html[data-theme="light"] #checkout-modal .checkout-shell,
html[data-theme="light"] #checkout-modal [class*="bg-slate-"],
html[data-theme="light"] #checkout-existing-client-modal > div,
html[data-theme="light"] #checkout-existing-client-modal [class*="bg-slate-"],
html[data-theme="light"] #checkout-mode-modal > div,
html[data-theme="light"] #checkout-mode-modal [class*="bg-slate-"],
html[data-theme="light"] #receipt-print-modal > div,
html[data-theme="light"] #receipt-print-modal [class*="bg-slate-"],
html[data-theme="light"] #agree-modal > div,
html[data-theme="light"] #agree-modal [class*="bg-slate-"],
html[data-theme="light"] #customer-phone-country-list,
html[data-theme="light"] #checkout-client-results,
html[data-theme="light"] #checkout-client-match,
html[data-theme="light"] #staff-split-container [class*="bg-slate-"] {
  background: #FBF7F1 !important;
  background-color: #FBF7F1 !important;
  color: #1C1917 !important;
  border-color: #E6DDD0 !important;
}
html[data-theme="light"] #checkout-modal > .checkout-shell > .bg-slate-950,
html[data-theme="light"] #checkout-existing-client-modal .bg-slate-950,
html[data-theme="light"] #receipt-print-modal .bg-slate-950,
html[data-theme="light"] #checkout-redeem-items,
html[data-theme="light"] #agree-prefill,
html[data-theme="light"] #agree-text,
html[data-theme="light"] #staff-split-container [class*="bg-slate-"] {
  background: #F8FAFC !important;
  background-color: #F8FAFC !important;
}
html[data-theme="light"] #checkout-stepper .checkout-dot.bg-slate-600 {
  background: #CBD5E1 !important;
  background-color: #CBD5E1 !important;
}
html[data-theme="light"] #checkout-stepper .checkout-dot.bg-sky-500 {
  background: #C4843A !important;
  background-color: #C4843A !important;
}
html[data-theme="light"] #customer-phone-country-list button,
html[data-theme="light"] #checkout-client-results button,
html[data-theme="light"] #checkout-client-match,
html[data-theme="light"] #checkout-client-match .text-sky-200,
html[data-theme="light"] #checkout-modal .text-slate-100,
html[data-theme="light"] #checkout-modal .text-white,
html[data-theme="light"] #receipt-print-modal .text-slate-100,
html[data-theme="light"] #agree-modal .text-slate-100,
html[data-theme="light"] #agree-modal .text-slate-200 {
  color: #1C1917 !important;
}
html[data-theme="light"] #customer-phone-country-list button:hover,
html[data-theme="light"] #checkout-client-results button:hover {
  background: #F6F1E8 !important;
  color: #1C1917 !important;
}
html[data-theme="light"] #checkout-modal .btn-outline,
html[data-theme="light"] #checkout-existing-client-modal .btn-outline,
html[data-theme="light"] #checkout-mode-modal .btn-outline,
html[data-theme="light"] #receipt-print-modal .btn-outline,
html[data-theme="light"] #agree-modal .btn-outline {
  background: #FBF7F1 !important;
  color: #1C1917 !important;
  border-color: #CBD5E1 !important;
}
html[data-theme="light"] #checkout-modal .btn-primary,
html[data-theme="light"] #checkout-existing-client-modal .btn-primary,
html[data-theme="light"] #receipt-print-modal .btn-primary,
html[data-theme="light"] #agree-modal .btn-primary {
  background: linear-gradient(135deg, #E8A15A 0%, #C4843A 100%) !important;
  color: #FFFFFF !important;
  border-color: transparent !important;
}
html[data-theme="light"] #checkout-modal select,
html[data-theme="light"] #checkout-modal input,
html[data-theme="light"] #checkout-modal textarea,
html[data-theme="light"] #payment-lines select,
html[data-theme="light"] #receipt-print-modal select {
  background-color: #FBF7F1 !important;
  color: #1C1917 !important;
  border-color: #CBD5E1 !important;
}
html[data-theme="light"] #agree-pad {
  background: #FBF7F1 !important;
  border-color: #CBD5E1 !important;
}



