/* ezai-light.css - Light mode overrides for ALL pages */
/* Loaded after ezai-theme.css. Only active when [data-theme="light"] */

/* ══════════════════════════════════════════════════════
   SECTION 1: BODY & GLOBAL
   ══════════════════════════════════════════════════════ */
[data-theme="light"] body {
  background: #f0f2f5 !important;
  color: #1a1a2e !important;
}

/* ══════════════════════════════════════════════════════
   SECTION 2: TOP BAR / HEADER
   ══════════════════════════════════════════════════════ */
[data-theme="light"] .top-bar,
[data-theme="light"] .topbar,
[data-theme="light"] .header {
  background: #ffffff !important;
  border-bottom-color: #e0e0e0 !important;
}
[data-theme="light"] .top-bar h1,
[data-theme="light"] .topbar h1 { color: #ff6b35 !important; }

[data-theme="light"] .hdr-btn {
  background: #f0f2f5 !important;
  border-color: #d0d5dd !important;
  color: #555 !important;
}
[data-theme="light"] .hdr-btn:hover {
  border-color: #ff6b35 !important;
  color: #ff6b35 !important;
  background: #fff !important;
}
[data-theme="light"] .hdr-btn.close {
  background: #ef4444 !important;
  color: #fff !important;
  border-color: #ef4444 !important;
}
[data-theme="light"] .hdr-btn.primary {
  background: #ff6b35 !important;
  color: #fff !important;
  border-color: #ff6b35 !important;
}

/* ══════════════════════════════════════════════════════
   SECTION 3: SIDEBAR / NAV / LEFT PANEL
   ══════════════════════════════════════════════════════ */
[data-theme="light"] .sidebar,
[data-theme="light"] .store-list,
[data-theme="light"] .push-panel,
[data-theme="light"] .left-panel {
  background: #f5f5f5 !important;
  border-color: #e0e0e0 !important;
}
[data-theme="light"] .left-header {
  border-bottom-color: #e0e0e0 !important;
}
[data-theme="light"] .t-id { color: #333 !important; }
[data-theme="light"] .t-name { color: #888 !important; }
[data-theme="light"] .t-used label { color: #888 !important; }
[data-theme="light"] .t-item:hover { background: rgba(0,0,0,0.04) !important; }
[data-theme="light"] .t-item.selected { background: rgba(255,107,53,0.1) !important; }
[data-theme="light"] .new-term-row { border-top-color: #e0e0e0 !important; }
[data-theme="light"] .new-term-row input { background: #fff !important; border-color: #d0d5dd !important; color: #333 !important; }
[data-theme="light"] .store-btn:hover,
[data-theme="light"] .sidebar a:hover {
  background: #e8eaed !important;
}

/* ══════════════════════════════════════════════════════
   SECTION 4: CARDS (KPI, NAV, STORE, COUPON, CONFIG, CHART, SECTION)
   ══════════════════════════════════════════════════════ */
[data-theme="light"] .kpi,
[data-theme="light"] .card,
[data-theme="light"] .nav-card,
[data-theme="light"] .store-card,
[data-theme="light"] .coupon-card,
[data-theme="light"] .config-card,
[data-theme="light"] .chart-card,
[data-theme="light"] .detail-panel,
[data-theme="light"] .section,
[data-theme="light"] .stat,
[data-theme="light"] .stat-card,
[data-theme="light"] .stores-section {
  background: #ffffff !important;
  border-color: #e0e0e0 !important;
  box-shadow: 0 1px 3px rgba(0,0,0,0.06);
}
[data-theme="light"] .section h3 {
  background: #f5f5f5 !important;
  color: #555 !important;
  border-bottom-color: #e0e0e0 !important;
}
[data-theme="light"] .section-body {
  background: #fff !important;
}
[data-theme="light"] .toggle-row {
  border-bottom-color: #eee !important;
}
[data-theme="light"] .toggle-info .tname { color: #333 !important; }
[data-theme="light"] .toggle-info .tdesc { color: #888 !important; }
[data-theme="light"] .right-empty { color: #999 !important; }
[data-theme="light"] .kpi .label,
[data-theme="light"] .stat .label {
  color: #888 !important;
}
[data-theme="light"] .kpi .sub,
[data-theme="light"] .stat .sub {
  color: #999 !important;
}
[data-theme="light"] .nav-card {
  color: #333 !important;
}
[data-theme="light"] .nav-card:hover {
  border-color: #ff6b35 !important;
  background: #fff8f5 !important;
}
[data-theme="light"] .nav-card .desc {
  color: #888 !important;
}
[data-theme="light"] .stores-section h2 {
  color: #ff6b35 !important;
}
[data-theme="light"] .card h2 { color: #ff6b35 !important; }

/* ══════════════════════════════════════════════════════
   SECTION 5: STORE ROW / ALERT ROW / TERMINAL ROW
   ══════════════════════════════════════════════════════ */
[data-theme="light"] .store-row {
  border-bottom-color: #eee !important;
}
[data-theme="light"] .store-row .name {
  color: #333 !important;
}
[data-theme="light"] .store-row .status {
  color: #888 !important;
}
[data-theme="light"] .alert-row {
  background: #fff5f5 !important;
  border-color: #f0d0d0 !important;
}
[data-theme="light"] .alert-row .alert-text {
  color: #c44 !important;
}
[data-theme="light"] .alert-row .alert-time {
  color: #999 !important;
}
[data-theme="light"] .terminal-row,
[data-theme="light"] .zone-row {
  background: #f9f9fb !important;
  border-color: #e0e0e0 !important;
}

/* ══════════════════════════════════════════════════════
   SECTION 6: TABS
   ══════════════════════════════════════════════════════ */
[data-theme="light"] .tab-bar {
  background: #fff !important;
  border-bottom-color: #e0e0e0 !important;
}
[data-theme="light"] .tab,
[data-theme="light"] .tab-btn {
  background: transparent !important;
  color: #666 !important;
  border-color: transparent !important;
}
[data-theme="light"] .tab-btn:hover { color: #333 !important; }
[data-theme="light"] .tab.active,
[data-theme="light"] .tab-btn.active {
  background: #ff6b35 !important;
  color: #fff !important;
  border-color: #ff6b35 !important;
}
[data-theme="light"] .cat-tabs { background: #f5f5f5 !important; }
[data-theme="light"] .cat-tab { background: #e8e8e8 !important; color: #666 !important; }
[data-theme="light"] .cat-tab.active { background: #ff6b35 !important; color: #fff !important; }

/* ══════════════════════════════════════════════════════
   SECTION 7: TABLES (emp, cust, gc, member, summary, breakdown)
   ══════════════════════════════════════════════════════ */
[data-theme="light"] table,
[data-theme="light"] .emp-table,
[data-theme="light"] .cust-table,
[data-theme="light"] .gc-table,
[data-theme="light"] .member-table,
[data-theme="light"] .summary-table {
  background: #ffffff !important;
  border-color: #e0e0e0 !important;
}
[data-theme="light"] th,
[data-theme="light"] .emp-table th,
[data-theme="light"] .cust-table th,
[data-theme="light"] .gc-table th,
[data-theme="light"] .member-table th,
[data-theme="light"] .summary-table th {
  background: #f5f5f5 !important;
  color: #666 !important;
  border-bottom-color: #ddd !important;
}
[data-theme="light"] td {
  border-bottom-color: #eee !important;
  color: #333 !important;
}
[data-theme="light"] tr:hover td,
[data-theme="light"] .emp-table tr:hover td,
[data-theme="light"] .cust-table tr:hover td,
[data-theme="light"] .member-table tr:hover td,
[data-theme="light"] .summary-table tr:hover td {
  background: #f5f8ff !important;
}
[data-theme="light"] .breakdown tr {
  border-bottom-color: #eee !important;
}
[data-theme="light"] .breakdown td:first-child {
  color: #666 !important;
}

/* ══════════════════════════════════════════════════════
   SECTION 8: MODALS & OVERLAYS
   ══════════════════════════════════════════════════════ */
[data-theme="light"] .modal,
[data-theme="light"] .modal-box {
  background: #ffffff !important;
  border-color: #d0d5dd !important;
  box-shadow: 0 8px 32px rgba(0,0,0,0.12);
  color: #333 !important;
}
[data-theme="light"] .modal-bg,
[data-theme="light"] .modal-overlay {
  background: rgba(0,0,0,0.35) !important;
}
[data-theme="light"] .modal-header {
  background: #f5f5f5 !important;
  border-bottom-color: #e0e0e0 !important;
  color: #333 !important;
}
[data-theme="light"] #ctrPayModal > div:first-child {
  background: rgba(0,0,0,0.4) !important;
}

/* ══════════════════════════════════════════════════════
   SECTION 9: FORM INPUTS
   ══════════════════════════════════════════════════════ */
[data-theme="light"] .field input,
[data-theme="light"] .field select,
[data-theme="light"] .field textarea,
[data-theme="light"] .config-field input,
[data-theme="light"] .config-field select,
[data-theme="light"] .toolbar input,
[data-theme="light"] .toolbar select,
[data-theme="light"] .toolbar2 input,
[data-theme="light"] .search-bar input {
  background: #ffffff !important;
  border-color: #d0d5dd !important;
  color: #333 !important;
}

/* ══════════════════════════════════════════════════════
   SECTION 10: BUTTONS (generic)
   ══════════════════════════════════════════════════════ */
[data-theme="light"] .btn.secondary,
[data-theme="light"] .ca-btn.secondary {
  background: #e0e0e0 !important;
  color: #333 !important;
}
[data-theme="light"] .btn.secondary:hover,
[data-theme="light"] .ca-btn.secondary:hover {
  background: #d0d0d0 !important;
}

/* ══════════════════════════════════════════════════════
   SECTION 11: TOGGLE SWITCHES
   ══════════════════════════════════════════════════════ */
[data-theme="light"] .toggle-switch .slider {
  background: #ccc !important;
}

/* ══════════════════════════════════════════════════════
   SECTION 12: BARS (payment, points, charts)
   ══════════════════════════════════════════════════════ */
[data-theme="light"] .payment-bar,
[data-theme="light"] .bar-bg,
[data-theme="light"] .points-bar {
  background: #e8eaed !important;
}

/* ══════════════════════════════════════════════════════
   SECTION 13: ZONE BUTTONS
   ══════════════════════════════════════════════════════ */
[data-theme="light"] .zone-bar {
  background: #f0f2f5 !important;
}
[data-theme="light"] .zone-btn {
  background: #e8eaed !important;
  color: #555 !important;
}
[data-theme="light"] .zone-btn.active {
  background: #ff6b35 !important;
  color: #fff !important;
}

/* ══════════════════════════════════════════════════════
   SECTION 14: ORDER TYPE BUTTONS
   ══════════════════════════════════════════════════════ */
[data-theme="light"] .ot-btn { color: #888 !important; }
[data-theme="light"] .ot-btn.active { background: #ff6b35 !important; color: #fff !important; }

/* ══════════════════════════════════════════════════════
   SECTION 15: AI PANEL (QSR left panel)
   ══════════════════════════════════════════════════════ */
[data-theme="light"] .ai-panel { background: #fafafa !important; border-right-color: #ddd !important; }
[data-theme="light"] .ai-header { background: #f5f5f5 !important; border-bottom-color: #ddd !important; }
[data-theme="light"] .ai-header h3 { color: #ff6b35 !important; }
[data-theme="light"] .ai-chat-area { background: #fafafa !important; }
[data-theme="light"] .ai-msg.user { background: #e3f2fd !important; color: #333 !important; }
[data-theme="light"] .ai-msg.bot { background: #f5f5f5 !important; color: #333 !important; }
[data-theme="light"] .ai-input-area { border-top-color: #ddd !important; }
[data-theme="light"] .ai-input { background: #fff !important; border-color: #d0d5dd !important; color: #333 !important; }
[data-theme="light"] .ai-hint { color: #999 !important; }

/* ══════════════════════════════════════════════════════
   SECTION 16: MENU PANEL (QSR center)
   ══════════════════════════════════════════════════════ */
[data-theme="light"] .menu-panel { border-right-color: #ddd !important; }
[data-theme="light"] .menu-grid { background: #f0f2f5 !important; }
[data-theme="light"] .menu-item {
  background: #ffffff !important;
  border-color: #e0e0e0 !important;
  box-shadow: 0 1px 3px rgba(0,0,0,0.08);
}
[data-theme="light"] .menu-item:hover { border-color: #ff6b35 !important; }
[data-theme="light"] .menu-item .no-img { background: #f0f0f0 !important; }
[data-theme="light"] .menu-item .mi-name { color: #333 !important; }
[data-theme="light"] .menu-card {
  background: #ffffff !important;
  border-color: #e0e0e0 !important;
}
[data-theme="light"] .menu-card:hover { border-color: #ff6b35 !important; }

/* ══════════════════════════════════════════════════════
   SECTION 17: CART PANEL (QSR right)
   ══════════════════════════════════════════════════════ */
[data-theme="light"] .cart-panel { background: #fafafa !important; }
[data-theme="light"] .cart-header { background: #f5f5f5 !important; border-bottom-color: #ddd !important; }
[data-theme="light"] .cart-header h3 { color: #333 !important; }
[data-theme="light"] .cart-item { border-bottom-color: #eee !important; }
[data-theme="light"] .cart-item.selected { background: rgba(255,107,53,0.08) !important; }
[data-theme="light"] .cart-item .ci-name { color: #333 !important; }
[data-theme="light"] .cart-item .ci-price { color: #333 !important; }
[data-theme="light"] .cart-item .ci-del:hover { color: #ef4444 !important; }
[data-theme="light"] .cart-empty { color: #bbb !important; }
[data-theme="light"] .qty-btn { border-color: #ccc !important; color: #666 !important; }
[data-theme="light"] .qty-btn:hover { border-color: #ff6b35 !important; color: #ff6b35 !important; }
[data-theme="light"] .cart-totals { background: #f5f5f5 !important; border-top-color: #ddd !important; }
[data-theme="light"] .tot-row { color: #666 !important; }
[data-theme="light"] .tot-row.grand { color: #1a1a2e !important; border-top-color: #ccc !important; }
[data-theme="light"] .cart-actions { background: #f5f5f5 !important; border-top-color: #ddd !important; }

/* ══════════════════════════════════════════════════════
   SECTION 18: PANEL (HQ monitor, menu_mgmt)
   ══════════════════════════════════════════════════════ */
[data-theme="light"] .panel {
  background: #ffffff !important;
  border-color: #e0e0e0 !important;
}
[data-theme="light"] .panel-header {
  background: #f5f5f5 !important;
  border-bottom-color: #e0e0e0 !important;
}

/* ══════════════════════════════════════════════════════
   SECTION 19: TOAST
   ══════════════════════════════════════════════════════ */
[data-theme="light"] .toast { box-shadow: 0 4px 20px rgba(0,0,0,0.15) !important; }

/* ══════════════════════════════════════════════════════
   SECTION 20: SCROLLBAR
   ══════════════════════════════════════════════════════ */
[data-theme="light"] ::-webkit-scrollbar { width: 6px; }
[data-theme="light"] ::-webkit-scrollbar-track { background: #f0f0f0; }
[data-theme="light"] ::-webkit-scrollbar-thumb { background: #ccc; border-radius: 3px; }
[data-theme="light"] ::-webkit-scrollbar-thumb:hover { background: #aaa; }

/* ══════════════════════════════════════════════════════
   SECTION 21: INLINE STYLE ATTRIBUTE OVERRIDES
   These catch hardcoded inline style="" attributes on HTML elements
   ══════════════════════════════════════════════════════ */

/* Dark backgrounds */
[data-theme="light"] [style*="background:#0a0a"],
[data-theme="light"] [style*="background: #0a0a"],
[data-theme="light"] [style*="background:#0d0d"],
[data-theme="light"] [style*="background:#0f0f"],
[data-theme="light"] [style*="background:#0f1"] {
  background: #f0f2f5 !important;
}
[data-theme="light"] [style*="background:#111"],
[data-theme="light"] [style*="background: #111"] {
  background: #f5f5f5 !important;
}
[data-theme="light"] [style*="background:#15151f"],
[data-theme="light"] [style*="background:#1a1a"],
[data-theme="light"] [style*="background:#1e22"] {
  background: #ffffff !important;
}
[data-theme="light"] [style*="background:#222"],
[data-theme="light"] [style*="background:#252"],
[data-theme="light"] [style*="background:#2a2a"] {
  background: #e8eaed !important;
}
[data-theme="light"] [style*="background:#333"] {
  background: #dde1ea !important;
}

/* Light text on dark bg → dark text on light bg */
[data-theme="light"] [style*="color:#fff"],
[data-theme="light"] [style*="color: #fff"],
[data-theme="light"] [style*="color:#FFF"],
[data-theme="light"] [style*="color:white"],
[data-theme="light"] [style*="color: white"] {
  color: #1a1a2e !important;
}
[data-theme="light"] [style*="color:#ccc"],
[data-theme="light"] [style*="color:#ddd"],
[data-theme="light"] [style*="color:#eee"],
[data-theme="light"] [style*="color:#aaa"],
[data-theme="light"] [style*="color:#bbb"] {
  color: #555 !important;
}
[data-theme="light"] [style*="color:#888"],
[data-theme="light"] [style*="color:#999"],
[data-theme="light"] [style*="color:#666"],
[data-theme="light"] [style*="color:#777"],
[data-theme="light"] [style*="color:#555"] {
  color: #888 !important;
}

/* Dark borders → light borders */
[data-theme="light"] [style*="border-color:#333"],
[data-theme="light"] [style*="border-color:#222"],
[data-theme="light"] [style*="border-color:#2a2"],
[data-theme="light"] [style*="border:1px solid #333"],
[data-theme="light"] [style*="border:1px solid #222"],
[data-theme="light"] [style*="border:1px solid #2a2"],
[data-theme="light"] [style*="border:1px solid #2a3"],
[data-theme="light"] [style*="border:1px solid #1a1"],
[data-theme="light"] [style*="border:2px solid #333"] {
  border-color: #d0d5dd !important;
}
[data-theme="light"] [style*="border-bottom:1px solid #222"],
[data-theme="light"] [style*="border-bottom:1px solid #1a1"],
[data-theme="light"] [style*="border-bottom:1px solid #111"],
[data-theme="light"] [style*="border-top:1px solid #222"],
[data-theme="light"] [style*="border-top:1px solid #111"],
[data-theme="light"] [style*="border-right:1px solid #222"],
[data-theme="light"] [style*="border-left:1px solid #222"] {
  border-color: #e0e0e0 !important;
}

/* Modal overlays */
[data-theme="light"] [style*="background:rgba(0,0,0,.8)"],
[data-theme="light"] [style*="background:rgba(0,0,0,.85)"],
[data-theme="light"] [style*="background:rgba(0,0,0,.7)"],
[data-theme="light"] [style*="background:rgba(0,0,0,0.8)"],
[data-theme="light"] [style*="background:rgba(0,0,0,0.85)"],
[data-theme="light"] [style*="background:rgba(0,0,0,0.7)"] {
  background: rgba(0,0,0,0.35) !important;
}

/* Modal content boxes */
[data-theme="light"] [style*="background:#1a1a2e;border-radius"],
[data-theme="light"] [style*="background:#15151f;border"],
[data-theme="light"] [style*="background:#1e2235"] {
  background: #ffffff !important;
  border-color: #d0d5dd !important;
  box-shadow: 0 8px 32px rgba(0,0,0,0.12);
}

/* Form inputs in inline styles */
[data-theme="light"] select[style*="background:#111"],
[data-theme="light"] input[style*="background:#111"],
[data-theme="light"] textarea[style*="background:#111"],
[data-theme="light"] input[style*="background:#0a0a"],
[data-theme="light"] select[style*="background:#0a0a"],
[data-theme="light"] input[style*="background:#1a1"],
[data-theme="light"] select[style*="background:#1a1"],
[data-theme="light"] textarea[style*="background:#1a1"] {
  background: #ffffff !important;
  border-color: #d0d5dd !important;
  color: #333 !important;
}

/* ══════════════════════════════════════════════════════
   SECTION 22: PAGE-LEVEL CSS VARIABLE OVERRIDES
   Many pages define their own :root vars (--bg, --text, --bg2, etc.)
   with dark-mode values. Override them for light mode here.
   ══════════════════════════════════════════════════════ */
[data-theme="light"] {
  --bg:      #f0f2f5;
  --bg2:     #ffffff;
  --bg3:     #eaedf3;
  --white:   #ffffff;
  --text:    #1a1a2e;
  --text2:   #555555;
  --text3:   #888888;
  --border:  #d0d5dd;
  --shadow:  0 2px 12px rgba(0,0,0,0.08);
}

/* ══════════════════════════════════════════════════════
   SECTION 23: FORM ELEMENTS WITH RGBA (dark-mode patterns)
   ══════════════════════════════════════════════════════ */
[data-theme="light"] .ef-group label {
  color: #555 !important;
}
[data-theme="light"] .ef-group input,
[data-theme="light"] .ef-group select,
[data-theme="light"] .ef-group textarea {
  background: #ffffff !important;
  border-color: #d0d5dd !important;
  color: #333 !important;
}
[data-theme="light"] .ef-group input:focus,
[data-theme="light"] .ef-group select:focus,
[data-theme="light"] .ef-group textarea:focus {
  border-color: #ff6b35 !important;
}
[data-theme="light"] .edit-row { color: #333 !important; }
[data-theme="light"] .edit-lang-btn {
  background: #e8eaed !important;
  color: #555 !important;
  border-color: #d0d5dd !important;
}
[data-theme="light"] .edit-lang-btn.active {
  background: #ff6b35 !important;
  color: #fff !important;
  border-color: #ff6b35 !important;
}
[data-theme="light"] .cat-edit {
  background: #e8eaed !important;
  color: #333 !important;
  border-color: #d0d5dd !important;
}
[data-theme="light"] .cat-edit:hover {
  border-color: #ff6b35 !important;
  color: #ff6b35 !important;
}
[data-theme="light"] .item-edit-btn {
  background: #e8eaed !important;
  color: #333 !important;
  border-color: #d0d5dd !important;
}
[data-theme="light"] .item-edit-btn:hover {
  border-color: #ff6b35 !important;
  color: #ff6b35 !important;
}
[data-theme="light"] .toggle-row span {
  color: #333 !important;
}
[data-theme="light"] .modal-body {
  color: #333 !important;
}
[data-theme="light"] .modal-body label {
  color: #555 !important;
}

/* Modal backgrounds */
[data-theme="light"] .modal {
  background: #ffffff !important;
  border-color: #d0d5dd !important;
}
[data-theme="light"] .modal-header {
  background: #f5f5f5 !important;
  border-bottom-color: #e0e0e0 !important;
  color: #333 !important;
}
[data-theme="light"] .modal-footer {
  border-top-color: #e0e0e0 !important;
}
[data-theme="light"] .modal-close {
  background: #e8eaed !important;
  color: #666 !important;
}
[data-theme="light"] .modal-close:hover {
  background: #d0d5dd !important;
  color: #333 !important;
}
[data-theme="light"] .btn-cancel {
  background: #e8eaed !important;
  color: #555 !important;
  border-color: #d0d5dd !important;
}
[data-theme="light"] .btn-cancel:hover {
  background: #d0d5dd !important;
  color: #333 !important;
}
[data-theme="light"] .btn-secondary {
  background: #e8eaed !important;
  color: #555 !important;
  border-color: #d0d5dd !important;
}
[data-theme="light"] .btn-secondary:hover {
  background: #d0d5dd !important;
  color: #333 !important;
}

/* Accordion / Section backgrounds with rgba */
[data-theme="light"] .acc-header {
  color: #333 !important;
}
[data-theme="light"] .acc-header:hover {
  background: #f0f2f5 !important;
}
[data-theme="light"] .acc-body {
  background: #fafafa !important;
}
[data-theme="light"] .acc-section {
  border-bottom-color: #e0e0e0 !important;
}
[data-theme="light"] .accordion-sections {
  border-top-color: #e0e0e0 !important;
}

/* Item edit form / summary */
[data-theme="light"] .item-edit-form {
  background: #f5f5f5 !important;
  border-color: #ff6b3540 !important;
}
[data-theme="light"] .edit-form-footer {
  border-top-color: #e0e0e0 !important;
  background: #fafafa !important;
}
[data-theme="light"] .edit-summary-bar {
  background: #f5f5f5 !important;
  border-bottom-color: #e0e0e0 !important;
}
[data-theme="light"] .item-summary:hover {
  background: #f5f8ff !important;
}

/* Upload / icon buttons */
[data-theme="light"] .ef-upload-btn {
  background: #f0f2f5 !important;
  color: #555 !important;
  border-color: #d0d5dd !important;
}
[data-theme="light"] .ef-upload-btn:hover {
  background: #e8eaed !important;
  color: #333 !important;
}
[data-theme="light"] .btn-icon-close {
  background: #e8eaed !important;
  color: #666 !important;
  border-color: #d0d5dd !important;
}
[data-theme="light"] .btn-icon-close:hover {
  background: #d0d5dd !important;
  color: #333 !important;
}

/* Toggle switch off state */
[data-theme="light"] .toggle-switch {
  background: #ccc !important;
}
[data-theme="light"] .toggle-switch.on {
  background: #ff6b35 !important;
}

/* Hours / time inputs */
[data-theme="light"] .hours-row {
  border-bottom-color: #eee !important;
}
[data-theme="light"] .hours-row input[type="time"] {
  background: #fff !important;
  border-color: #d0d5dd !important;
  color: #333 !important;
}

/* Tags selector */
[data-theme="light"] .tags-selector {
  background: #f5f5f5 !important;
  border-color: #d0d5dd !important;
}

/* Form group (menu admin generic) */
[data-theme="light"] .form-group input,
[data-theme="light"] .form-group select,
[data-theme="light"] .form-group textarea {
  background: #fff !important;
  border-color: #d0d5dd !important;
  color: #333 !important;
}
[data-theme="light"] .form-group label {
  color: #555 !important;
}
[data-theme="light"] .lang-tab {
  background: #e8eaed !important;
  color: #555 !important;
  border-color: #d0d5dd !important;
}
[data-theme="light"] .lang-tab.active {
  background: #ff6b35 !important;
  color: #fff !important;
  border-color: #ff6b35 !important;
}

/* Category card items */
[data-theme="light"] .cat-item {
  background: #fff !important;
  border-color: #e0e0e0 !important;
}
[data-theme="light"] .cat-count {
  background: #f0f2f5 !important;
  color: #555 !important;
}

/* btn-outline & btn-ghost */
[data-theme="light"] .btn-outline {
  background: #fff !important;
  border-color: #d0d5dd !important;
  color: #333 !important;
}
[data-theme="light"] .btn-ghost:hover {
  background: #f0f2f5 !important;
  color: #333 !important;
}

/* Items header (grid header) */
[data-theme="light"] .items-header {
  background: #f5f5f5 !important;
  color: #888 !important;
  border-bottom-color: #e0e0e0 !important;
}

/* Menu table */
[data-theme="light"] .menu-table th {
  background: #f5f5f5 !important;
  color: #888 !important;
}
[data-theme="light"] .menu-table tr:hover td {
  background: #f5f8ff !important;
}

/* Edit photo */
[data-theme="light"] .edit-photo-empty {
  background: #f5f5f5 !important;
  border-color: #d0d5dd !important;
}

/* Price unit select (inline dark style) */
[data-theme="light"] #modal-price-unit {
  background: #fff !important;
  border-color: #d0d5dd !important;
  color: #333 !important;
}

/* ══════════════════════════════════════════════════════
   SECTION 24: PRESERVE ACCENT COLORS (important!)
   These must come LAST so they override the generic color overrides above
   ══════════════════════════════════════════════════════ */
[data-theme="light"] [style*="color:#ff6b35"] { color: #ff6b35 !important; }
[data-theme="light"] [style*="color:#e55a25"] { color: #e55a25 !important; }
[data-theme="light"] [style*="color:#22c55e"] { color: #22c55e !important; }
[data-theme="light"] [style*="color:#ef4444"] { color: #ef4444 !important; }
[data-theme="light"] [style*="color:#f88"] { color: #f88 !important; }
[data-theme="light"] [style*="color:#3b82f6"] { color: #3b82f6 !important; }
[data-theme="light"] [style*="color:#a855f7"] { color: #a855f7 !important; }
[data-theme="light"] [style*="color:#eab308"] { color: #eab308 !important; }
[data-theme="light"] [style*="color:#f0a0a0"] { color: #c44 !important; }
[data-theme="light"] [style*="background:#ff6b35"] { background: #ff6b35 !important; color: #fff !important; }
[data-theme="light"] [style*="background:#22c55e"] { background: #22c55e !important; color: #fff !important; }
[data-theme="light"] [style*="background:#ef4444"] { background: #ef4444 !important; color: #fff !important; }
[data-theme="light"] [style*="background:#611"] { background: #fee !important; }