/* Dark mode overrides */
[data-theme="dark"] {
    /* Global tokens */
    --bg-color: #0f172a;
    --bg-color: #0f172a !important;
    --card-bg: #1e293b;
    --surface: #1e293b;
    --text-main: #f8fafc;
    --text-muted: #94a3b8;
    --border-color: #334155;
    --border: #334155;
    --color-background-primary: #0f172a;
    --color-text-primary: #f8fafc;
}

[data-theme="dark"] body {
    background-color: var(--bg-color, #0f172a) !important;
    color: var(--text-main, #f8fafc) !important;
}

/* POS Specific Overrides */
[data-theme="dark"] .pos-body,
[data-theme="dark"] .pos-layout,
[data-theme="dark"] .pos-main {
    background-color: #0f172a !important;
    color: #f8fafc !important;
}

[data-theme="dark"] .categories-bar .cat-btn {
    background: #1e293b !important;
    border-color: #334155 !important;
    color: #cbd5e1 !important;
}

[data-theme="dark"] .categories-bar .cat-btn.active {
    background: #3b82f6 !important;
    color: #fff !important;
    border-color: #3b82f6 !important;
}

[data-theme="dark"] .pos-ticket {
    background: #1e293b !important;
    border-left: 1px solid #334155 !important;
}

[data-theme="dark"] .ticket-header {
    background: #1e293b !important;
    border-bottom: 1px solid #334155 !important;
}

[data-theme="dark"] .ticket-header h2 {
    color: #f8fafc !important;
}

[data-theme="dark"] .pos-ticket .ticket-header input {
    background: #0f172a !important;
    color: #f8fafc !important;
    border-color: #334155 !important;
}

[data-theme="dark"] .ticket-item {
    border-bottom: 1px solid #334155 !important;
}

[data-theme="dark"] .ticket-item strong {
    color: #f8fafc !important;
}

[data-theme="dark"] .ticket-item div>div {
    color: #94a3b8 !important;
}

[data-theme="dark"] .ticket-item span[style*="background:#f1f5f9"] {
    background: #334155 !important;
    color: #cbd5e1 !important;
}

[data-theme="dark"] .ticket-item span[style*="color:#0f172a"] {
    color: #38bdf8 !important;
}

[data-theme="dark"] .ticket-header button {
    color: #cbd5e1 !important;
    border-color: #475569 !important;
}

[data-theme="dark"] .ticket-header button[style*="background:#dbeafe"] {
    background: #1e3a8a !important;
    color: #bfdbfe !important;
    border-color: #3b82f6 !important;
}

[data-theme="dark"] .ticket-summary .summary-line span {
    color: #94a3b8 !important;
}

[data-theme="dark"] .ticket-summary .summary-line.total span {
    color: #f8fafc !important;
}

[data-theme="dark"] .ticket-summary .summary-line.total span#total {
    color: #38bdf8 !important;
}

[data-theme="dark"] #payment-modal .btn[style*="background:#f1f5f9"] {
    background: #334155 !important;
    color: #f8fafc !important;
    border-color: #475569 !important;
}

[data-theme="dark"] #payment-modal .btn[style*="background:#dbeafe"] {
    background: #1e3a8a !important;
    color: #bfdbfe !important;
}

[data-theme="dark"] #payment-modal div[style*="background:#f1f5f9"] {
    background: #1e293b !important;
    border-color: #334155 !important;
}

[data-theme="dark"] #payment-modal span[style*="color:#64748b"] {
    color: #94a3b8 !important;
}

[data-theme="dark"] .pos-header .user-info {
    background: #1e293b !important;
    border: 1px solid #334155 !important;
    color: #f8fafc !important;
}

[data-theme="dark"] .ticket-summary {
    background: #1e293b !important;
    border-top: 1px solid #334155 !important;
}

[data-theme="dark"] .card,
[data-theme="dark"] .payment-modal,
[data-theme="dark"] .stat-card,
[data-theme="dark"] .product-card {
    background: #1e293b !important;
    color: #f8fafc !important;
    border: 1px solid #334155 !important;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3) !important;
}

[data-theme="dark"] .product-card .prod-info h3 {
    color: #f8fafc !important;
}

[data-theme="dark"] .product-card .prod-info p {
    color: #38bdf8 !important;
}

[data-theme="dark"] .product-card .price {
    color: #38bdf8 !important;
}

[data-theme="dark"] th,
[data-theme="dark"] td {
    border-bottom: 1px solid #334155 !important;
    color: #e2e8f0 !important;
}

[data-theme="dark"] th {
    background: #0f172a !important;
    color: #94a3b8 !important;
}

[data-theme="dark"] .table-row:hover,
[data-theme="dark"] tbody tr:hover {
    background: #334155 !important;
}

/* Modals */
[data-theme="dark"] .modal-content,
[data-theme="dark"] .modal>div {
    background: #1e293b !important;
    color: #f8fafc !important;
    border: 1px solid #334155 !important;
}

[data-theme="dark"] input,
[data-theme="dark"] select,
[data-theme="dark"] textarea {
    background: #0f172a !important;
    color: #f8fafc !important;
    border: 1px solid #334155 !important;
}

/* Admin Specific */
[data-theme="dark"] .sidebar {
    background: #0f172a !important;
    border-right: 1px solid #334155 !important;
}

[data-theme="dark"] table {
    background: #1e293b !important;
}

[data-theme="dark"] tr:nth-child(even) {
    background: #1e293b !important;
}

[data-theme="dark"] code {
    background: #0f172a !important;
    color: #38bdf8 !important;
    border: 1px solid #334155 !important;
}

[data-theme="dark"] .stat-value {
    color: #38bdf8 !important;
}

[data-theme="dark"] .stat-value.ok {
    color: #10b981 !important;
}

[data-theme="dark"] .form-row div {
    background: #1e293b !important;
}

[data-theme="dark"] [style*="background:white"],
[data-theme="dark"] [style*="background: white"],
[data-theme="dark"] [style*="background:#f8fafc"],
[data-theme="dark"] [style*="background: #f8fafc"],
[data-theme="dark"] [style*="background:#f1f5f9"],
[data-theme="dark"] [style*="background: #f1f5f9"] {
    background-color: #1e293b !important;
    color: #f8fafc !important;
}

/* Auth Login */
[data-theme="dark"] .login-container {
    background: #1e293b !important;
    border: 1px solid #334155 !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3) !important;
}

/* Theme Switcher Button */
.theme-switch-wrapper {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 9999;
}

.theme-switch-btn {
    background: #1e293b;
    border: 2px solid #334155;
    color: #cbd5e1;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    cursor: pointer;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease;
}

[data-theme="dark"] .theme-switch-btn {
    background: #f8fafc;
    border-color: #e2e8f0;
    color: #0f172a;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);
}

.theme-switch-btn:hover {
    transform: scale(1.1);
}

/* Fix explicitly colored texts in admin / POS that turn invisible in dark mode */
[data-theme="dark"] [style*="color:#64748b"],
[data-theme="dark"] [style*="color: #64748b"] {
    color: #94a3b8 !important;
}

[data-theme="dark"] [style*="color:#475569"],
[data-theme="dark"] [style*="color: #475569"] {
    color: #cbd5e1 !important;
}

[data-theme="dark"] [style*="color:#0f172a"],
[data-theme="dark"] [style*="color: #0f172a"] {
    color: #f8fafc !important;
}

[data-theme="dark"] .form-row {
    background: #0f172a !important;
    border-color: #334155 !important;
}