/* ═══ Dark theme ═══ */
    html.theme-dark{
      --bg:#111827;
      --panel:#0b1120;
      --panel2:#0d1526;
      --card:#1e293b;
      --text:#e2e8f0;
      --muted:#94a3b8;
      --border:#334155;
      --hover:#253347;
      --info:#60a5fa;
      --shadow:0 2px 10px rgba(0,0,0,.3);
    }
    html.theme-dark body{background:var(--bg);color:var(--text)}
    html.theme-dark .sidebar{background:linear-gradient(180deg,#0f172a,#111827)}
    html.theme-dark .content{background:var(--bg)}
    html.theme-dark .topbar{background:rgba(30,41,59,.92);backdrop-filter:blur(10px)}
    html.theme-dark .header-bar{background:var(--card);border-color:var(--border)}

    /* Cards */
    html.theme-dark .card,html.theme-dark .card2,html.theme-dark .tcard{background:var(--card);border-color:var(--border)}

    /* Form elements */
    html.theme-dark input,html.theme-dark select,html.theme-dark textarea{background:#1e293b;border-color:var(--border);color:var(--text)}
    html.theme-dark .input,html.theme-dark .select2{background:#1e293b;border-color:var(--border);color:var(--text)}
    html.theme-dark .btn2{background:var(--card);border-color:var(--border);color:var(--text)}
    html.theme-dark .btn2:hover{background:#334155}
    html.theme-dark .btn2.danger{background:var(--card) !important}

    /* Modals */
    html.theme-dark .modal-overlay .modal{background:var(--card);border:1px solid var(--border);box-shadow:0 20px 60px rgba(0,0,0,.5)}
    html.theme-dark .modal-body{background:var(--card)}
    html.theme-dark .modal-box{background:var(--card);color:var(--text)}

    /* Tables */
    html.theme-dark table{border-color:var(--border)}
    html.theme-dark th{background:#1e293b;color:var(--muted);border-color:var(--border)}
    html.theme-dark td{border-color:var(--border);color:var(--text)}
    html.theme-dark tr:hover td{background:transparent}
    html.theme-dark table tbody tr:hover{background:rgba(59,130,246,.08)}
    html.theme-dark table tbody tr.row-selected{background:rgba(59,130,246,.15)}

    /* Stat/dash cards */
    html.theme-dark .stat-card{background:var(--card);border-color:var(--border)}
    html.theme-dark .dash-card{background:var(--card);border-color:var(--border)}
    html.theme-dark .dash-kpi-card{background:var(--card);border-color:var(--border)}
    html.theme-dark .dash-kpi{background:var(--card);border-color:var(--border)}
    html.theme-dark .dash-header{background:var(--card);border-color:var(--border)}
    html.theme-dark .dash-section-badge{background:var(--card);color:var(--muted)}
    html.theme-dark .dash-fin-item{background:var(--card)}
    html.theme-dark .dash-order-row:hover{background:rgba(59,130,246,.06)}

    /* Badges - light bg with dark text → dark bg with light text */
    html.theme-dark .badge{background:rgba(59,130,246,.15);color:#93c5fd;border:1px solid rgba(59,130,246,.25)}
    html.theme-dark .badge-success{background:rgba(16,185,129,.15);color:#6ee7b7;border-color:rgba(16,185,129,.3)}
    html.theme-dark .badge-warning{background:rgba(245,158,11,.15);color:#fcd34d;border-color:rgba(245,158,11,.3)}
    html.theme-dark .badge-danger{background:rgba(239,68,68,.15);color:#fca5a5;border-color:rgba(239,68,68,.3)}

    /* Pills */
    html.theme-dark .pill{border-color:var(--border);color:var(--text)}
    html.theme-dark .pill.green{background:rgba(16,185,129,.15);color:#6ee7b7;border-color:rgba(16,185,129,.3)}
    html.theme-dark .pill.gray{background:rgba(107,114,128,.15);color:var(--muted);border-color:var(--border)}

    /* Tags & chips */
    html.theme-dark .tag{background:rgba(59,130,246,.15);color:#93c5fd}
    html.theme-dark .chip2,html.theme-dark .chip{background:var(--card);border-color:var(--border);color:var(--text)}

    /* Tabs */
    html.theme-dark .tabs .tab{background:var(--card);border-color:var(--border);color:var(--muted)}
    html.theme-dark .tabs .tab.active{background:var(--accent);color:#fff;border-color:var(--accent)}
    html.theme-dark .subtab.active{background:var(--accent);color:#fff}
    html.theme-dark .subtab{background:var(--card);border-color:var(--border);color:var(--muted)}

    /* Segment buttons (sub-tabs in inventory, dashboard, etc.) — must inherit text color in dark theme */
    html.theme-dark .seg{background:var(--card);border-color:var(--border)}
    html.theme-dark .segbtn{color:var(--text)}
    html.theme-dark .segbtn:hover{background:rgba(255,255,255,.04)}
    html.theme-dark .segbtn.on{background:rgba(255,255,255,.08);color:var(--text);font-weight:700}

    /* Generic fallback: any <button> without explicit inline color or active class
       should inherit light text in dark mode (browsers default <button> to ButtonText, usually ~black) */
    html.theme-dark button:not([style*="color:"]):not([style*="color :"]):not(.btn-primary):not(.btn-success):not(.btn-danger):not(.btn-warning):not(.btn-info){color:var(--text)}

    /* Empty state & toast */
    html.theme-dark .empty-state{color:var(--muted)}
    html.theme-dark .toast{background:var(--card);color:var(--text);border:1px solid var(--border)}

    /* Auth/Login cards */
    html.theme-dark .al-card{background:var(--card);border-color:var(--border);color:var(--text)}
    html.theme-dark .al-input{background:#1e293b;border-color:var(--border);color:var(--text)}
    html.theme-dark .al-tabs{background:var(--bg)}
    html.theme-dark .al-tab.active{background:var(--card);color:var(--text)}

    /* Settings blocks */
    html.theme-dark .st-block{background:var(--card);border-color:var(--border)}
    html.theme-dark .st-toggle{background:var(--card);border-color:var(--border)}
    html.theme-dark .st-toggle:hover{border-color:var(--accent)}
    html.theme-dark .st-row{border-color:var(--border)}
    html.theme-dark .st-section-title{color:var(--text)}
    html.theme-dark .st-info-box{background:var(--card);border-color:var(--border)}
    html.theme-dark .st-form-input{background:#1e293b;border-color:var(--border);color:var(--text)}
    html.theme-dark .st-preview{background:var(--bg);border-color:var(--border)}

    /* Orders */
    html.theme-dark .order-row{border-color:var(--border)}
    html.theme-dark .order-row:hover{background:rgba(37,99,235,.05)}
    html.theme-dark .order-drawer{background:var(--card);color:var(--text)}
    html.theme-dark .pp-table th{background:#1e293b;color:var(--muted);border-color:var(--border)}
    html.theme-dark .pp-input{background:#1e293b;border-color:var(--border);color:var(--text)}
    html.theme-dark .seg{background:var(--card);border-color:var(--border)}
    html.theme-dark .oe-status-badge option{color:var(--text);background:var(--card)}
    html.theme-dark .ls-tabbtn{background:var(--card);border-color:var(--border);color:var(--muted)}
    html.theme-dark .ls-tabbtn.active{background:var(--accent);color:#fff;border-color:var(--accent)}

    /* Navigation */
    html.theme-dark .nav-item{color:rgba(255,255,255,.6)}
    html.theme-dark .nav-item:hover,html.theme-dark .nav-item.active{color:#fff;background:rgba(255,255,255,.08)}
    html.theme-dark .side-section-title{color:rgba(255,255,255,.3)}

    /* Login screen */
    html.theme-dark #loginScreen{background:linear-gradient(135deg,#050a15 0%,#0a1628 50%,#0f1e3d 100%)}
    html.theme-dark .login-card{background:var(--card);color:var(--text);border:1px solid var(--border)}
    html.theme-dark .login-card label{color:var(--muted)}
    html.theme-dark .login-card .al-input{background:#111827;border-color:var(--border);color:var(--text)}

    /* POS */
    html.theme-dark .pos-panel{background:var(--card);border-color:var(--border)}
    html.theme-dark .pos-product-item{background:var(--card);border-color:var(--border)}
    html.theme-dark .pos-cart-total{background:linear-gradient(180deg,var(--card),#1e293b);border-top-color:var(--border)}
    html.theme-dark .pos-cart-qty button{background:var(--card);border-color:var(--border);color:var(--text)}
    html.theme-dark .pos-cart-remove{background:var(--card)}
    html.theme-dark .pos-drawer{background:var(--card)}
    html.theme-dark .pos-drawer-header{background:var(--bg)}
    html.theme-dark .pos-drawer-search input{background:#1e293b;border-color:var(--border);color:var(--text)}
    html.theme-dark .pos-drawer-stats{background:var(--bg)}
    html.theme-dark .pos-sale-row{background:var(--card)}
    html.theme-dark .pos-search input{background:#1e293b;border-color:var(--border);color:var(--text)}

    /* Warehouse & Finance */
    html.theme-dark .wh-card{background:var(--card);border-color:var(--border)}
    html.theme-dark .fin-card{background:var(--card);border-color:var(--border)}

    /* Search */
    html.theme-dark .search-input{background:#1e293b;border-color:var(--border);color:var(--text)}
    html.theme-dark .searchbox{background:#1e293b;border-color:var(--border)}
    html.theme-dark .searchbox input{color:var(--text)}
    html.theme-dark ::placeholder{color:#64748b}

    /* Settings UI */
    html.theme-dark .ui-nav-opt{background:var(--card);border-color:var(--border)}
    html.theme-dark .ui-nav-opt.active{background:rgba(37,99,235,.08)}
    html.theme-dark .ui-nav-preview{background:var(--bg);border-color:var(--border)}
    html.theme-dark .ui-accent-opt.active{border-color:var(--text);box-shadow:0 0 0 3px var(--card) inset}
    html.theme-dark .fe-field{background:var(--card);border-color:var(--border)}

    /* Staff */
    html.theme-dark .staff-slide{background:var(--card)}
    html.theme-dark .staff-slide-footer{background:var(--card)}
    html.theme-dark .staff-loc-block{background:var(--card);border-color:var(--border)}
    html.theme-dark .staff-loc-head{background:var(--bg)}

    /* KPI */
    html.theme-dark .kpi .box{background:var(--card);border-color:var(--border)}

    /* Misc */
    html.theme-dark .hr{background:var(--border)}
    html.theme-dark .grid2>div{color:var(--text)}
    html.theme-dark .cashpill{background:#1e293b;border-color:var(--border);color:var(--text)}
    html.theme-dark .locpill{background:#1e293b;border-color:var(--border);color:var(--text)}
    html.theme-dark .small{color:var(--muted)}

    /* Global: catch-all for common inline dark text colors */
    html.theme-dark [style*="color:#333"],
    html.theme-dark [style*="color: #333"]{color:var(--text) !important}
    html.theme-dark [style*="color:#444"],
    html.theme-dark [style*="color: #444"]{color:var(--text) !important}
    html.theme-dark [style*="color:#555"],
    html.theme-dark [style*="color: #555"]{color:var(--text) !important}
    html.theme-dark [style*="color:#0f172a"],
    html.theme-dark [style*="color: #0f172a"]{color:var(--text) !important}
    html.theme-dark [style*="color:#334155"],
    html.theme-dark [style*="color: #334155"]{color:var(--text) !important}
    html.theme-dark [style*="color:#475569"],
    html.theme-dark [style*="color: #475569"]{color:var(--muted) !important}
    html.theme-dark [style*="color:#1e293b"],
    html.theme-dark [style*="color: #1e293b"]{color:var(--text) !important}
    html.theme-dark [style*="color:#4b5563"],
    html.theme-dark [style*="color: #4b5563"]{color:var(--muted) !important}
    html.theme-dark [style*="color:#374151"],
    html.theme-dark [style*="color: #374151"]{color:var(--muted) !important}
    html.theme-dark [style*="color:#6b7280"],
    html.theme-dark [style*="color: #6b7280"]{color:var(--muted) !important}
    html.theme-dark [style*="color:#9ca3af"],
    html.theme-dark [style*="color: #9ca3af"]{color:var(--muted) !important}

    /* Global: inline background overrides */
    html.theme-dark [style*="background:#f3f4f6"]{background:var(--bg) !important}
    html.theme-dark [style*="background: #f3f4f6"]{background:var(--bg) !important}
    html.theme-dark [style*="background:linear-gradient(180deg, #fff"]{background:var(--card) !important}
    html.theme-dark [style*="background:linear-gradient(180deg,#fff"]{background:var(--card) !important}

    /* Dash pipeline segments on dark */
    html.theme-dark .dash-pipe-seg{border-right-color:rgba(0,0,0,.3)}
    html.theme-dark .dash-pipe-lbl{color:var(--text)}

    /* Dash order status badges (inline styled) */
    html.theme-dark .dash-order-status{border-color:var(--border)}

    /* Links */
    html.theme-dark .link{color:#60a5fa}

    /* Select2 dropdowns */
    html.theme-dark .select2-container--default .select2-selection{background:var(--card);border-color:var(--border);color:var(--text)}
    html.theme-dark .select2-dropdown{background:var(--card);border-color:var(--border);color:var(--text)}
    html.theme-dark .select2-results__option--highlighted{background:var(--hover)}

    /* Sticky table headers in list pages */
    html.theme-dark .content.page-list thead th,
    html.theme-dark .list-scroll thead th{background:var(--card) !important;box-shadow:0 1px 0 var(--border)}
    html.theme-dark .pp-table th{background:#1e293b !important;box-shadow:0 1px 0 var(--border)}

    /* Schedule table sticky cols */
    html.theme-dark .sch-table thead .sch-name-col{background:var(--card) !important}

    /* Mobile bottom nav */
    html.theme-dark .mob-bottom-nav{background:var(--card);border-color:var(--border)}

    /* Misc form focus state – keep accent ring visible */
    html.theme-dark .input:focus,html.theme-dark select:focus,html.theme-dark textarea:focus{border-color:rgba(16,185,129,.55);box-shadow:0 0 0 4px rgba(16,185,129,.15)}

    /* Text that uses var(--text) as background (msg/toast) stays readable */
    html.theme-dark .msg{background:var(--text);color:var(--bg)}

    /* Settings: cards with hardcoded white backgrounds */
    html.theme-dark #settingsPane div[style*="background:#fff"],
    html.theme-dark #settingsPane div[style*="background: #fff"],
    html.theme-dark #settingsPane div[style*="background:white"],
    html.theme-dark #settingsPane div[style*="background: white"]{
      background:var(--card) !important; color:var(--text) !important;
      border-color:var(--border) !important;
    }
    /* Any white card/container in dark mode */
    html.theme-dark .card[style*="background:#fff"],
    html.theme-dark .card[style*="background:white"],
    html.theme-dark div[style*="background:#fff"],
    html.theme-dark div[style*="background: #fff"]{
      background:var(--card) !important; color:var(--text) !important;
    }
    /* Integration/language cards */
    html.theme-dark #settingsPane .card{ background:var(--card) !important; }
    html.theme-dark #settingsPane .card *{ color:var(--text); }
    /* Schedule mobile cards */
    html.theme-dark .sch-mob-card{ background:var(--card); border-color:var(--border); }
    html.theme-dark .sch-mob-header{ background:var(--bg); }
    html.theme-dark .sch-mob-row{ border-color:var(--border); }
    /* Staff table cards on mobile */
    html.theme-dark #settingsPane table tr{ background:var(--card) !important; border-color:var(--border) !important; }

    /* Integration cards */
    html.theme-dark .int-card{
      background:var(--card) !important; color:var(--text) !important;
      border-color:var(--border) !important;
    }
    html.theme-dark .int-card *{ color:inherit; }
    html.theme-dark .int-card-title{ color:var(--text) !important; }

    /* Language cards in settings */
    html.theme-dark #settingsPane div[style*="border-radius"][style*="padding"][style*="cursor"]{
      background:var(--card) !important; border-color:var(--border) !important;
    }

    /* ═══════════════════════════════════════════════════════════
       PASTEL BACKGROUND OVERRIDES
       Inline styles like style="background:#dbeafe;color:#1e40af"
       (light blue tag with dark blue text) stay light-bg in dark
       mode and clash with dark cards. Swap to muted rgba+light-text.
       Each pastel hue gets a paired (bg → rgba) and (dark text → light).
       ═══════════════════════════════════════════════════════════ */

    /* Green pastel: #d1fae5 / #ecfdf5 + #065f46 / #059669 / #047857 */
    html.theme-dark [style*="background:#d1fae5"],
    html.theme-dark [style*="background: #d1fae5"]{
      background:rgba(16,185,129,.18) !important; color:#6ee7b7 !important;
      border-color:rgba(16,185,129,.3) !important;
    }
    html.theme-dark [style*="background:#ecfdf5"],
    html.theme-dark [style*="background: #ecfdf5"]{
      background:rgba(16,185,129,.10) !important; color:#6ee7b7 !important;
    }

    /* Blue pastel: #dbeafe / #eff6ff + #1e40af / #1e3a8a / #2563eb */
    html.theme-dark [style*="background:#dbeafe"],
    html.theme-dark [style*="background: #dbeafe"]{
      background:rgba(59,130,246,.18) !important; color:#93c5fd !important;
      border-color:rgba(59,130,246,.3) !important;
    }
    html.theme-dark [style*="background:#eff6ff"],
    html.theme-dark [style*="background: #eff6ff"]{
      background:rgba(59,130,246,.10) !important; color:#bfdbfe !important;
    }

    /* Yellow pastel: #fef3c7 / #fffbeb + #92400e / #d97706 / #b45309 */
    html.theme-dark [style*="background:#fef3c7"],
    html.theme-dark [style*="background: #fef3c7"]{
      background:rgba(245,158,11,.18) !important; color:#fcd34d !important;
      border-color:rgba(245,158,11,.3) !important;
    }
    html.theme-dark [style*="background:#fffbeb"],
    html.theme-dark [style*="background: #fffbeb"]{
      background:rgba(245,158,11,.10) !important; color:#fcd34d !important;
    }

    /* Red pastel: #fee2e2 / #fef2f2 + #991b1b / #dc2626 / #b91c1c */
    html.theme-dark [style*="background:#fee2e2"],
    html.theme-dark [style*="background: #fee2e2"]{
      background:rgba(239,68,68,.18) !important; color:#fca5a5 !important;
      border-color:rgba(239,68,68,.3) !important;
    }
    html.theme-dark [style*="background:#fef2f2"],
    html.theme-dark [style*="background: #fef2f2"]{
      background:rgba(239,68,68,.10) !important; color:#fca5a5 !important;
    }

    /* Purple pastel: #ede9fe + #7c3aed / #6d28d9 */
    html.theme-dark [style*="background:#ede9fe"],
    html.theme-dark [style*="background: #ede9fe"]{
      background:rgba(139,92,246,.18) !important; color:#c4b5fd !important;
      border-color:rgba(139,92,246,.3) !important;
    }
    /* Lighter purple: #e9d5ff + #6b21a8 */
    html.theme-dark [style*="background:#e9d5ff"],
    html.theme-dark [style*="background: #e9d5ff"]{
      background:rgba(168,85,247,.18) !important; color:#d8b4fe !important;
      border-color:rgba(168,85,247,.3) !important;
    }

    /* Pink pastel: #fce7f3 + #db2777 / #be185d */
    html.theme-dark [style*="background:#fce7f3"],
    html.theme-dark [style*="background: #fce7f3"]{
      background:rgba(236,72,153,.18) !important; color:#f9a8d4 !important;
      border-color:rgba(236,72,153,.3) !important;
    }

    /* Orange pastel: #fff7ed + #c2410c / #ea580c */
    html.theme-dark [style*="background:#fff7ed"],
    html.theme-dark [style*="background: #fff7ed"]{
      background:rgba(251,146,60,.15) !important; color:#fdba74 !important;
    }

    /* Cyan pastel: #cffafe / #ecfeff + #155e75 */
    html.theme-dark [style*="background:#cffafe"],
    html.theme-dark [style*="background: #cffafe"]{
      background:rgba(6,182,212,.18) !important; color:#67e8f9 !important;
      border-color:rgba(6,182,212,.3) !important;
    }
    html.theme-dark [style*="background:#ecfeff"],
    html.theme-dark [style*="background: #ecfeff"]{
      background:rgba(6,182,212,.10) !important; color:#67e8f9 !important;
    }

    /* Light gray backgrounds (panels, disabled inputs) */
    html.theme-dark [style*="background:#f9fafb"],
    html.theme-dark [style*="background: #f9fafb"],
    html.theme-dark [style*="background:#f5f5f5"],
    html.theme-dark [style*="background: #f5f5f5"],
    html.theme-dark [style*="background:#fafafa"],
    html.theme-dark [style*="background: #fafafa"]{
      background:var(--bg) !important; color:var(--text) !important;
    }

    /* Sticky columns/headers with hardcoded white background */
    html.theme-dark [style*="position:sticky"][style*="background:#fff"],
    html.theme-dark [style*="position: sticky"][style*="background:#fff"],
    html.theme-dark [style*="position:sticky"][style*="background: #fff"],
    html.theme-dark [style*="position: sticky"][style*="background: #fff"]{
      background:var(--card) !important;
    }

    /* Inline white backgrounds (catch-all beyond #settingsPane) */
    html.theme-dark [style*="background:#fff;"],
    html.theme-dark [style*="background: #fff;"],
    html.theme-dark [style*="background:#ffffff"],
    html.theme-dark [style*="background: #ffffff"]{
      background:var(--card) !important; color:var(--text) !important;
    }

    /* Linear gradients with white/pastel start (warning banners etc) */
    html.theme-dark [style*="linear-gradient(135deg,#fef3c7,#fffbeb)"],
    html.theme-dark [style*="linear-gradient(135deg, #fef3c7, #fffbeb)"]{
      background:rgba(245,158,11,.15) !important;
    }

    /* ═══════════════════════════════════════════════════════════
       INLINE TEXT COLOR OVERRIDES (dark text → light pair of bg color)
       ═══════════════════════════════════════════════════════════ */
    /* Hard blacks */
    html.theme-dark [style*="color:#000"],
    html.theme-dark [style*="color: #000"],
    html.theme-dark [style*="color:#111827"],
    html.theme-dark [style*="color: #111827"],
    html.theme-dark [style*="color:#1f2937"],
    html.theme-dark [style*="color: #1f2937"]{
      color:var(--text) !important;
    }
    /* Tag text colors that pair with pastel bg */
    html.theme-dark [style*="color:#1e40af"],
    html.theme-dark [style*="color: #1e40af"],
    html.theme-dark [style*="color:#1e3a8a"],
    html.theme-dark [style*="color: #1e3a8a"]{ color:#93c5fd !important; }
    html.theme-dark [style*="color:#92400e"],
    html.theme-dark [style*="color: #92400e"],
    html.theme-dark [style*="color:#b45309"],
    html.theme-dark [style*="color: #b45309"],
    html.theme-dark [style*="color:#d97706"],
    html.theme-dark [style*="color: #d97706"]{ color:#fcd34d !important; }
    html.theme-dark [style*="color:#065f46"],
    html.theme-dark [style*="color: #065f46"],
    html.theme-dark [style*="color:#047857"],
    html.theme-dark [style*="color: #047857"],
    html.theme-dark [style*="color:#059669"],
    html.theme-dark [style*="color: #059669"]{ color:#6ee7b7 !important; }
    html.theme-dark [style*="color:#991b1b"],
    html.theme-dark [style*="color: #991b1b"],
    html.theme-dark [style*="color:#b91c1c"],
    html.theme-dark [style*="color: #b91c1c"],
    html.theme-dark [style*="color:#dc2626"],
    html.theme-dark [style*="color: #dc2626"]{ color:#fca5a5 !important; }
    html.theme-dark [style*="color:#7c3aed"],
    html.theme-dark [style*="color: #7c3aed"],
    html.theme-dark [style*="color:#6d28d9"],
    html.theme-dark [style*="color: #6d28d9"]{ color:#c4b5fd !important; }
    html.theme-dark [style*="color:#6b21a8"],
    html.theme-dark [style*="color: #6b21a8"]{ color:#d8b4fe !important; }
    html.theme-dark [style*="color:#db2777"],
    html.theme-dark [style*="color: #db2777"],
    html.theme-dark [style*="color:#be185d"],
    html.theme-dark [style*="color: #be185d"]{ color:#f9a8d4 !important; }
    html.theme-dark [style*="color:#c2410c"],
    html.theme-dark [style*="color: #c2410c"],
    html.theme-dark [style*="color:#ea580c"],
    html.theme-dark [style*="color: #ea580c"]{ color:#fdba74 !important; }
    html.theme-dark [style*="color:#155e75"],
    html.theme-dark [style*="color: #155e75"]{ color:#67e8f9 !important; }

    /* ═══════════════════════════════════════════════════════════
       MOBILE SALES CARD PAYMENT BADGES
       (mobile-main.css:.sales-mob-card .pay-badge — hardcoded pastels)
       ═══════════════════════════════════════════════════════════ */
    html.theme-dark .sales-mob-card{
      background:var(--card) !important; border-color:var(--border) !important;
    }
    html.theme-dark .sales-mob-card:active{ background:rgba(255,255,255,.05) !important; }
    html.theme-dark .sales-mob-card-num b{ color:#93c5fd !important; }
    html.theme-dark .sales-mob-card .pay-badge.pay-cash{
      background:rgba(16,185,129,.18) !important; color:#6ee7b7 !important; border-color:rgba(16,185,129,.3) !important;
    }
    html.theme-dark .sales-mob-card .pay-badge.pay-card{
      background:rgba(59,130,246,.18) !important; color:#93c5fd !important; border-color:rgba(59,130,246,.3) !important;
    }
    html.theme-dark .sales-mob-card .pay-badge.pay-debt{
      background:rgba(239,68,68,.18) !important; color:#fca5a5 !important; border-color:rgba(239,68,68,.3) !important;
    }
    html.theme-dark .sales-mob-card .pay-badge.pay-pending{
      background:rgba(245,158,11,.18) !important; color:#fcd34d !important; border-color:rgba(245,158,11,.3) !important;
    }
    html.theme-dark .sales-mob-card .pay-badge.pay-mixed{
      background:rgba(168,85,247,.18) !important; color:#d8b4fe !important; border-color:rgba(168,85,247,.3) !important;
    }
    html.theme-dark .sales-mob-card-date{ color:var(--muted) !important; }
    html.theme-dark .sales-mob-card-row3{ color:var(--muted) !important; }

    /* Light = system default, no overrides needed */
    html.theme-light{}