/* Rabta Dark Theme — full app readability */

[data-app-theme="dark"] {
    --tw-primary: #00e5d4;
    --tw-primary-dark: #5eead4;
    --tw-primary-light: #0a75ad;
    --tw-accent: #818cf8;
    --tw-accent-2: #6366f1;
    --tw-success: #34d399;
    --tw-warning: #fbbf24;
    --tw-danger: #f87171;
    --tw-info: #38bdf8;
    --tw-surface: #0a1525;
    --tw-card: #152238;
    --tw-card-elevated: #1a2a45;
    --tw-text: #f1f5f9;
    --tw-text-muted: #94a3b8;
    --tw-border: rgba(51, 65, 85, 0.7);
    --tw-shadow: 0 10px 40px rgba(0, 0, 0, 0.35);
    --tw-shadow-lg: 0 20px 60px rgba(0, 229, 212, 0.08);
    --tw-subheader-bg: rgba(21, 34, 56, 0.92);
    --tw-subheader-border: rgba(0, 229, 212, 0.15);
    --tw-subheader-shadow: 0 4px 20px rgba(0, 0, 0, 0.25);
    --tw-subheader-input-bg: rgba(10, 21, 37, 0.85);
    --tw-subheader-input-border: rgba(51, 65, 85, 0.7);
    --tw-subheader-btn-bg: rgba(0, 229, 212, 0.1);
}

/* ── Base text — CRITICAL readability fix ── */
[data-app-theme="dark"] body,
[data-app-theme="dark"] .main,
[data-app-theme="dark"] .content,
[data-app-theme="dark"] .tw-page-content,
[data-app-theme="dark"] .container,
[data-app-theme="dark"] #PrintDiv {
    color: var(--tw-text) !important;
}

[data-app-theme="dark"] .text-dark,
[data-app-theme="dark"] .text-body,
[data-app-theme="dark"] i.text-dark,
[data-app-theme="dark"] span.text-dark {
    color: var(--tw-text) !important;
}

[data-app-theme="dark"] .text-secondary,
[data-app-theme="dark"] .text-muted {
    color: var(--tw-text-muted) !important;
}

[data-app-theme="dark"] .text-primary { color: #38bdf8 !important; }
[data-app-theme="dark"] .text-success { color: #34d399 !important; }
[data-app-theme="dark"] .text-danger { color: #f87171 !important; }
[data-app-theme="dark"] .text-warning { color: #fbbf24 !important; }
[data-app-theme="dark"] .text-info { color: #38bdf8 !important; }
[data-app-theme="dark"] .text-link { color: #38bdf8 !important; }
[data-app-theme="dark"] .text-link:hover { color: #00e5d4 !important; }

[data-app-theme="dark"] h1, [data-app-theme="dark"] h2,
[data-app-theme="dark"] h3, [data-app-theme="dark"] h4,
[data-app-theme="dark"] h5, [data-app-theme="dark"] h6,
[data-app-theme="dark"] label, [data-app-theme="dark"] b, [data-app-theme="dark"] strong {
    color: var(--tw-text) !important;
}

[data-app-theme="dark"] a:not(.btn):not(.nav-link):not(.dropdown-item) {
    color: #38bdf8;
}

[data-app-theme="dark"] p, [data-app-theme="dark"] span, [data-app-theme="dark"] div,
[data-app-theme="dark"] td, [data-app-theme="dark"] th, [data-app-theme="dark"] li {
    color: inherit;
}

/* Intro.js tooltips — explicit colors (not inherited from dark theme) */
[data-app-theme="dark"] .introjs-tooltip,
[data-app-theme="dark"] .introjs-tooltip .introjs-tooltiptext,
[data-app-theme="dark"] .introjs-tooltip .introjs-tooltip-title {
    color: #e2e8f0 !important;
}

/* Inline dark colors override */
[data-app-theme="dark"] [style*="color: #101010"],
[data-app-theme="dark"] [style*="color:#101010"],
[data-app-theme="dark"] [style*="color: #006064"],
[data-app-theme="dark"] [style*="color:#006064"],
[data-app-theme="dark"] [style*="color: #6c757d"],
[data-app-theme="dark"] [style*="color: #3E2723"],
[data-app-theme="dark"] [style*="color:#3E2723"],
[data-app-theme="dark"] [style*="color: #407294"],
[data-app-theme="dark"] [style*="color:#407294"] {
    color: var(--tw-text) !important;
}

[data-app-theme="dark"] .rabta-stock-card-title,
[data-app-theme="dark"] .rabta-stock-card-title a {
    color: #38bdf8 !important;
}

[data-app-theme="dark"] .rabta-stock-card-meta,
[data-app-theme="dark"] .rabta-stock-card-code {
    color: var(--tw-text-muted) !important;
}

[data-app-theme="dark"] .badge-dark {
    background: #334155 !important;
    color: #f1f5f9 !important;
}

[data-app-theme="dark"] .rabta-table-panel {
    border-color: rgba(0, 229, 212, 0.12) !important;
    box-shadow: 0 8px 28px rgba(0, 0, 0, 0.28) !important;
}

/* ── Layout ── */
[data-app-theme="dark"] body,
[data-app-theme="dark"] .main {
    background: linear-gradient(180deg, #050d1a 0%, #0a1525 50%, #0d1f35 100%) !important;
}

[data-app-theme="dark"] .sidebar {
    background: transparent !important;
    box-shadow: none !important;
}

[data-app-theme="dark"] .top-row,
[data-app-theme="dark"] .tw-topbar {
    background: rgba(10, 21, 37, 0.95) !important;
    backdrop-filter: blur(16px);
    border-bottom: 1px solid rgba(0, 229, 212, 0.12) !important;
    color: var(--tw-text) !important;
}

[data-app-theme="dark"] .top-row strong,
[data-app-theme="dark"] .tw-topbar strong { color: #f8fafc !important; }
[data-app-theme="dark"] .top-row .text-secondary,
[data-app-theme="dark"] .tw-welcome-sub { color: #cbd5e1 !important; }

[data-app-theme="dark"] .tw-topbar .tw-welcome-sub .tw-app-name {
    color: #00e5d4 !important;
    -webkit-text-fill-color: #00e5d4;
}

[data-app-theme="dark"] .tw-app-name {
    background: linear-gradient(135deg, #00e5d4, #818cf8);
    -webkit-background-clip: text;
    background-clip: text;
}

[data-app-theme="dark"] .tw-toolbar-btn-settings {
    color: #7dd3fc;
    border-color: rgba(0, 229, 212, 0.28);
    background: linear-gradient(135deg, rgba(10, 117, 173, 0.22), rgba(0, 229, 212, 0.12));
}

[data-app-theme="dark"] .tw-toolbar-btn-settings:hover {
    color: #00e5d4;
    background: linear-gradient(135deg, rgba(10, 117, 173, 0.32), rgba(0, 229, 212, 0.2));
}

/* ── Page headers ── */
[data-app-theme="dark"] .content > .row.text-white.rounded-lg,
[data-app-theme="dark"] .content .row.text-white.rounded-lg.fixed,
[data-app-theme="dark"] .tw-page-content > .row.text-white.rounded-lg {
    background: linear-gradient(135deg, #0a1628 0%, #0d2137 40%, #1e1b4b 100%) !important;
    border: 1px solid rgba(0, 229, 212, 0.15) !important;
    color: #f1f5f9 !important;
}

[data-app-theme="dark"] .tw-page-header {
    background: linear-gradient(135deg, #0a1628 0%, #0d2137 40%, #1e1b4b 100%) !important;
    border: 1px solid rgba(0, 229, 212, 0.15);
    color: #f1f5f9 !important;
}

[data-app-theme="dark"] .tw-page-header.supplier {
    background: linear-gradient(135deg, #1e1033 0%, #312e81 50%, #4c1d95 100%) !important;
}

[data-app-theme="dark"] .tw-page-header.retailer {
    background: linear-gradient(135deg, #0c1929 0%, #1e3a5f 50%, #1e40af 100%) !important;
}

/* Filter / search sub-header bars */
[data-app-theme="dark"] .row.bg-light.rounded-lg,
[data-app-theme="dark"] .content .row.bg-light.rounded-lg,
[data-app-theme="dark"] .rabta-subheader-toolbar {
    background: var(--tw-subheader-bg) !important;
    border-color: var(--tw-subheader-border) !important;
    box-shadow: var(--tw-subheader-shadow) !important;
    color: var(--tw-text) !important;
}

[data-app-theme="dark"] .row.bg-light.rounded-lg .btn,
[data-app-theme="dark"] .row.bg-light.rounded-lg label,
[data-app-theme="dark"] .rabta-subheader-strip .btn,
[data-app-theme="dark"] .rabta-subheader-strip label {
    color: var(--tw-text) !important;
}

[data-app-theme="dark"] .rabta-subheader-strip .custom-select,
[data-app-theme="dark"] .rabta-subheader-strip .form-control {
    background: var(--tw-subheader-input-bg) !important;
    border-color: var(--tw-subheader-input-border) !important;
    color: var(--tw-text) !important;
}

/* ── Cards, wells, panels ── */
[data-app-theme="dark"] .bg-light,
[data-app-theme="dark"] .well,
[data-app-theme="dark"] .card,
[data-app-theme="dark"] .card-body,
[data-app-theme="dark"] .card-header {
    background: var(--tw-card) !important;
    color: var(--tw-text) !important;
    border-color: var(--tw-border) !important;
}

[data-app-theme="dark"] .card-header {
    background: var(--tw-card-elevated) !important;
}

/* ── Tables ── */
[data-app-theme="dark"] .table,
[data-app-theme="dark"] table {
    color: var(--tw-text) !important;
    background: var(--tw-card) !important;
}

[data-app-theme="dark"] .table thead th {
    background: linear-gradient(135deg, rgba(0, 229, 212, 0.12), rgba(99, 102, 241, 0.1)) !important;
    color: #e2e8f0 !important;
    border-color: var(--tw-border) !important;
}

[data-app-theme="dark"] .table td,
[data-app-theme="dark"] .table th {
    color: var(--tw-text) !important;
    border-color: var(--tw-border) !important;
}

[data-app-theme="dark"] .table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(0, 229, 212, 0.04) !important;
}

[data-app-theme="dark"] .table-hover tbody tr:hover {
    background-color: rgba(0, 229, 212, 0.08) !important;
}

/* ── Forms ── */
[data-app-theme="dark"] .form-control,
[data-app-theme="dark"] .custom-select,
[data-app-theme="dark"] select,
[data-app-theme="dark"] input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]),
[data-app-theme="dark"] textarea {
    background: #1e293b !important;
    color: #f1f5f9 !important;
    border-color: #475569 !important;
}

[data-app-theme="dark"] .form-control:focus,
[data-app-theme="dark"] .custom-select:focus {
    border-color: #00e5d4 !important;
    box-shadow: 0 0 0 3px rgba(0, 229, 212, 0.15) !important;
    background: #1e293b !important;
    color: #f1f5f9 !important;
}

[data-app-theme="dark"] .form-control::placeholder {
    color: #64748b !important;
}

[data-app-theme="dark"] option,
[data-app-theme="dark"] select option,
[data-app-theme="dark"] .custom-select option,
[data-app-theme="dark"] .rabta-wizard-select option {
    background-color: #1e293b !important;
    color: #f1f5f9 !important;
}

/* ── List groups ── */
[data-app-theme="dark"] .list-group-item {
    background: var(--tw-card) !important;
    color: var(--tw-text) !important;
    border-color: var(--tw-border) !important;
}

/* ── Dropdowns ── */
[data-app-theme="dark"] .dropdown-menu {
    background: #1e293b !important;
    border-color: #475569 !important;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.4) !important;
}

[data-app-theme="dark"] .dropdown-item {
    color: #e2e8f0 !important;
}

[data-app-theme="dark"] .dropdown-item:hover,
[data-app-theme="dark"] .dropdown-item:focus {
    background: rgba(0, 229, 212, 0.1) !important;
    color: #f8fafc !important;
}

[data-app-theme="dark"] .dropdown-header {
    color: #94a3b8 !important;
}

/* ── Alerts ── */
[data-app-theme="dark"] .alert-info {
    background: rgba(56, 189, 248, 0.15) !important;
    color: #7dd3fc !important;
    border: 1px solid rgba(56, 189, 248, 0.25) !important;
}

[data-app-theme="dark"] .alert-success {
    background: rgba(52, 211, 153, 0.15) !important;
    color: #6ee7b7 !important;
}

[data-app-theme="dark"] .alert-warning {
    background: rgba(251, 191, 36, 0.15) !important;
    color: #fcd34d !important;
}

[data-app-theme="dark"] .alert-danger {
    background: rgba(248, 113, 113, 0.15) !important;
    color: #fca5a5 !important;
}

[data-app-theme="dark"] .alert-primary {
    background: rgba(10, 117, 173, 0.2) !important;
    color: #7dd3fc !important;
}

/* ── Badges ── */
[data-app-theme="dark"] .badge-transparent,
[data-app-theme="dark"] .badge-pill {
    color: inherit;
}

/* ── Modals (Blazored) ── */
[data-app-theme="dark"] .bm-container .bm-content,
[data-app-theme="dark"] .blazored-modal {
    background: #152238 !important;
    color: #f1f5f9 !important;
    border: 1px solid rgba(0, 229, 212, 0.12) !important;
}

/* ── Dashboard components ── */
[data-app-theme="dark"] .tw-stat-card {
    background: linear-gradient(145deg, #152238 0%, #111d32 100%);
    border-color: rgba(0, 229, 212, 0.1);
}

[data-app-theme="dark"] .tw-kpi-compact {
    background: linear-gradient(145deg, #152238 0%, #111d32 100%);
    border-color: rgba(0, 229, 212, 0.1);
    box-shadow: 0 4px 18px rgba(0, 0, 0, 0.28);
}

[data-app-theme="dark"] .tw-kpi-compact-value {
    color: #e2e8f0;
}

[data-app-theme="dark"] .tw-kpi-compact-label,
[data-app-theme="dark"] .tw-kpi-compact-currency {
    color: #94a3b8;
}

[data-app-theme="dark"] .rabta-stock-card {
    background: linear-gradient(145deg, #152238 0%, #111d32 100%) !important;
    border-color: rgba(0, 229, 212, 0.14) !important;
    box-shadow: 0 6px 22px rgba(0, 0, 0, 0.28);
}

[data-app-theme="dark"] .rabta-stock-card:hover {
    border-color: rgba(0, 229, 212, 0.28) !important;
    box-shadow: 0 14px 36px rgba(0, 229, 212, 0.1) !important;
}

[data-app-theme="dark"] .rabta-stock-card .list-group {
    background: rgba(10, 21, 37, 0.75) !important;
    border-color: rgba(0, 229, 212, 0.1) !important;
}

[data-app-theme="dark"] .rabta-stock-card .list-group-item {
    background: transparent !important;
    color: var(--tw-text) !important;
    border-color: rgba(51, 65, 85, 0.55) !important;
}

[data-app-theme="dark"] .rabta-stock-card .list-group-item span,
[data-app-theme="dark"] .rabta-stock-card .list-group-item .text-dark,
[data-app-theme="dark"] .rabta-stock-card .list-group-item .text-info,
[data-app-theme="dark"] .rabta-stock-card .list-group-item .text-secondary {
    color: var(--tw-text-muted) !important;
}

[data-app-theme="dark"] .rabta-stock-card .list-group.text-white {
    color: var(--tw-text) !important;
}

[data-app-theme="dark"] .well .table .well {
    background: transparent !important;
}

[data-app-theme="dark"] .rabta-wizard-select {
    background: rgba(15, 35, 58, 0.95) !important;
    color: #e2e8f0 !important;
    border-color: rgba(0, 229, 212, 0.25) !important;
}

[data-app-theme="dark"] .rabta-wizard-value {
    background: rgba(30, 41, 59, 0.95) !important;
    color: #e2e8f0 !important;
    border-color: rgba(0, 229, 212, 0.25) !important;
}

[data-app-theme="dark"] .tw-page-header .custom-select,
[data-app-theme="dark"] .rabta-wizard-header .custom-select,
[data-app-theme="dark"] .rabta-wizard-select {
    background: #1e293b !important;
    color: #f1f5f9 !important;
    border-color: rgba(0, 229, 212, 0.25) !important;
}

[data-app-theme="dark"] .rabta-wizard-meta-panel {
    background: var(--tw-card) !important;
    border-color: rgba(0, 229, 212, 0.12) !important;
}

[data-app-theme="dark"] .rabta-wizard-meta-row {
    border-top-color: rgba(0, 229, 212, 0.1) !important;
}

[data-app-theme="dark"] .rabta-wizard-meta-panel .btn.btn-file,
[data-app-theme="dark"] .rabta-wizard-meta-panel label.btn.btn-file {
    color: #38bdf8 !important;
    border-color: rgba(56, 189, 248, 0.35) !important;
}

[data-app-theme="dark"] .rabta-wizard-meta-highlight {
    border-color: rgba(52, 211, 153, 0.45) !important;
    box-shadow: 0 0 0 2px rgba(52, 211, 153, 0.12) !important;
}

[data-app-theme="dark"] .rabta-wizard-meta-icon-btn {
    background: rgba(15, 23, 42, 0.55);
    border-color: rgba(0, 229, 212, 0.16);
    color: #94a3b8;
}

[data-app-theme="dark"] .rabta-wizard-meta-icon-btn:hover:not(:disabled) {
    background: rgba(10, 117, 173, 0.22);
    border-color: rgba(0, 229, 212, 0.28);
    color: #e2e8f0;
}

[data-app-theme="dark"] .rabta-table-icon-btn--success {
    color: #6ee7b7 !important;
    background: linear-gradient(135deg, rgba(16, 185, 129, 0.32) 0%, rgba(6, 95, 70, 0.28) 100%) !important;
    border-color: rgba(52, 211, 153, 0.45) !important;
}

[data-app-theme="dark"] .rabta-table-icon-btn--danger {
    color: #fca5a5 !important;
    background: linear-gradient(135deg, rgba(239, 68, 68, 0.28) 0%, rgba(127, 29, 29, 0.32) 100%) !important;
    border-color: rgba(248, 113, 113, 0.38) !important;
}

[data-app-theme="dark"] .rabta-table-icon-btn--print {
    color: #7dd3fc !important;
    background: rgba(10, 117, 173, 0.2) !important;
    border-color: rgba(0, 229, 212, 0.2) !important;
}

[data-app-theme="dark"] .rabta-invoice-side-panel .list-group-item.active,
[data-app-theme="dark"] .rabta-invoice-side-panel tr.table-success {
    background: rgba(52, 211, 153, 0.16) !important;
    color: #ecfdf5 !important;
    border-color: rgba(52, 211, 153, 0.3) !important;
}

[data-app-theme="dark"] .rabta-invoice-side-panel tr.rabta-invoice-item-added,
[data-app-theme="dark"] .rabta-invoice-side-panel .table-striped tbody tr.rabta-invoice-item-added,
[data-app-theme="dark"] .rabta-invoice-side-panel tr[style*="e4ffe1"] {
    background: linear-gradient(90deg, rgba(52, 211, 153, 0.28) 0%, rgba(52, 211, 153, 0.1) 60%, rgba(15, 35, 58, 0.4) 100%) !important;
    color: #ecfdf5 !important;
    border-color: rgba(52, 211, 153, 0.45) !important;
    box-shadow: inset 4px 0 0 #34d399, 0 0 0 1px rgba(52, 211, 153, 0.4), 0 2px 16px rgba(52, 211, 153, 0.18) !important;
}

[dir="rtl"][data-app-theme="dark"] .rabta-invoice-side-panel tr.rabta-invoice-item-added,
[dir="rtl"][data-app-theme="dark"] .rabta-invoice-side-panel .table-striped tbody tr.rabta-invoice-item-added {
    background: linear-gradient(270deg, rgba(52, 211, 153, 0.28) 0%, rgba(52, 211, 153, 0.1) 60%, rgba(15, 35, 58, 0.4) 100%) !important;
    box-shadow: inset -4px 0 0 #34d399, 0 0 0 1px rgba(52, 211, 153, 0.4), 0 2px 16px rgba(52, 211, 153, 0.18) !important;
}

[data-app-theme="dark"] .rabta-invoice-side-panel tr.rabta-invoice-item-added td,
[data-app-theme="dark"] .rabta-invoice-side-panel tr.rabta-invoice-item-added th,
[data-app-theme="dark"] .rabta-invoice-side-panel tr[style*="e4ffe1"] td,
[data-app-theme="dark"] .rabta-invoice-side-panel tr[style*="e4ffe1"] th {
    color: #ecfdf5 !important;
    background: transparent !important;
    font-weight: 700 !important;
}

[data-app-theme="dark"] .rabta-invoice-side-panel tr.rabta-invoice-item-added td:first-child::before {
    background: #34d399;
    color: #064e3b;
}

[data-app-theme="dark"] .rabta-invoice-side-panel tr.rabta-invoice-item-added .text-dark,
[data-app-theme="dark"] .rabta-invoice-side-panel tr[style*="e4ffe1"] .text-dark {
    color: #ecfdf5 !important;
}

[data-app-theme="dark"] .rabta-invoice-side-panel tr.rabta-invoice-item-added .text-primary,
[data-app-theme="dark"] .rabta-invoice-side-panel tr[style*="e4ffe1"] .text-primary {
    color: #7dd3fc !important;
}

[data-app-theme="dark"] .rabta-invoice-side-panel tr.rabta-invoice-item-added .text-success,
[data-app-theme="dark"] .rabta-invoice-side-panel tr[style*="e4ffe1"] .text-success {
    color: #6ee7b7 !important;
}

[data-app-theme="dark"] .rabta-invoice-side-panel tr.rabta-invoice-item-added .text-danger,
[data-app-theme="dark"] .rabta-invoice-side-panel tr[style*="e4ffe1"] .text-danger {
    color: #fca5a5 !important;
}

[data-app-theme="dark"] .rabta-page-footer {
    background: var(--tw-card) !important;
    border-color: rgba(0, 229, 212, 0.12) !important;
}

[data-app-theme="dark"] .rabta-invoice-totals .row {
    background: rgba(15, 35, 58, 0.65) !important;
    border-color: rgba(0, 229, 212, 0.1) !important;
}

[data-app-theme="dark"] .rabta-invoice-totals .rabta-total-gross .btn,
[data-app-theme="dark"] .rabta-invoice-totals .rabta-total-gross .form-control,
[data-app-theme="dark"] .rabta-invoice-totals [style*="color: #5e4700"],
[data-app-theme="dark"] .rabta-invoice-totals [style*="color:#5e4700"] {
    color: #fbbf24 !important;
}

[data-app-theme="dark"] .rabta-invoice-totals .rabta-total-discount .btn,
[data-app-theme="dark"] .rabta-invoice-totals .rabta-total-discount .form-control,
[data-app-theme="dark"] .rabta-invoice-totals [style*="color: #990000"],
[data-app-theme="dark"] .rabta-invoice-totals [style*="color:#990000"] {
    color: #fca5a5 !important;
}

[data-app-theme="dark"] .rabta-invoice-totals .rabta-total-net .btn,
[data-app-theme="dark"] .rabta-invoice-totals .rabta-total-net .form-control,
[data-app-theme="dark"] .rabta-invoice-totals .rabta-total-tax .btn,
[data-app-theme="dark"] .rabta-invoice-totals .rabta-total-tax .form-control,
[data-app-theme="dark"] .rabta-invoice-totals [style*="color: #101010"],
[data-app-theme="dark"] .rabta-invoice-totals [style*="color:#101010"] {
    color: #e2e8f0 !important;
}

[data-app-theme="dark"] .rabta-invoice-totals .rabta-total-due .btn,
[data-app-theme="dark"] .rabta-invoice-totals .rabta-total-due .form-control,
[data-app-theme="dark"] .rabta-invoice-totals [style*="color: #0e6548"],
[data-app-theme="dark"] .rabta-invoice-totals [style*="color:#0e6548"] {
    color: #6ee7b7 !important;
}

[data-app-theme="dark"] .rabta-invoice-totals .form-control {
    background: #1e293b !important;
    border-color: #475569 !important;
    color: #f1f5f9 !important;
}

[data-app-theme="dark"] .tw-page-header select,
[data-app-theme="dark"] .tw-page-header .custom-select,
[data-app-theme="dark"] .row.text-white.rounded-lg.fixed select,
[data-app-theme="dark"] .row.text-white.rounded-lg.fixed .custom-select,
[data-app-theme="dark"] .rabta-page-header-shell select,
[data-app-theme="dark"] .rabta-page-header-shell .custom-select,
[data-app-theme="dark"] .rabta-wizard-header select,
[data-app-theme="dark"] .rabta-wizard-header .custom-select,
[data-app-theme="dark"] .rabta-subheader-toolbar select,
[data-app-theme="dark"] .rabta-subheader-toolbar .custom-select {
    background: #1e293b !important;
    color: #f1f5f9 !important;
    border-color: rgba(0, 229, 212, 0.25) !important;
}

[data-app-theme="dark"] .tw-page-header .form-control,
[data-app-theme="dark"] .row.text-white.rounded-lg.fixed .form-control,
[data-app-theme="dark"] .rabta-page-header-shell .form-control {
    background: #1e293b !important;
    color: #f1f5f9 !important;
    border-color: rgba(0, 229, 212, 0.25) !important;
}

[data-app-theme="dark"] .rabta-page-footer-actions {
    border-top-color: rgba(0, 229, 212, 0.1) !important;
}

[data-app-theme="dark"] .tw-page-header .rabta-filter-label,
[data-app-theme="dark"] .row.text-white.rounded-lg .rabta-filter-label {
    color: rgba(255, 255, 255, 0.95) !important;
}

[data-app-theme="dark"] .rabta-invoice-grid .form-control-sm,
[data-app-theme="dark"] .rabta-invoice-grid .custom-select-sm,
[data-app-theme="dark"] .rabta-invoice-grid .form-control,
[data-app-theme="dark"] .rabta-invoice-grid select.custom-select {
    background: #1e293b !important;
    color: #f1f5f9 !important;
    border-color: #475569 !important;
}

[data-app-theme="dark"] .rabta-invoice-side-panel .table td,
[data-app-theme="dark"] .rabta-invoice-side-panel .table th {
    color: #e2e8f0 !important;
    border-color: rgba(0, 229, 212, 0.08) !important;
}

[data-app-theme="dark"] .tw-stat-value { color: #f8fafc; }
[data-app-theme="dark"] .tw-stat-label { color: #94a3b8; }

[data-app-theme="dark"] .tw-section-header {
    background: linear-gradient(135deg, rgba(0, 229, 212, 0.08), rgba(99, 102, 241, 0.08));
    border-inline-start-color: #00e5d4;
    color: #e2e8f0;
    direction: rtl;
    text-align: start;
}

[data-app-theme="dark"] .tw-chart-card {
    background: linear-gradient(145deg, #152238, #111d32);
    border-color: rgba(0, 229, 212, 0.08);
}

[data-app-theme="dark"] .tw-chart-title { color: #00e5d4 !important; }

[data-app-theme="dark"] .tw-chart-toggle .btn:not(.active) {
    background: #1e293b !important;
    color: #94a3b8 !important;
    border-color: #475569 !important;
}

[data-app-theme="dark"] .tw-chart-toggle .btn.active {
    background: linear-gradient(135deg, #00c9b7, #0a75ad) !important;
    color: #fff !important;
}

[data-app-theme="dark"] .tw-dashboard-hero {
    background: linear-gradient(135deg, rgba(0, 229, 212, 0.08) 0%, rgba(99, 102, 241, 0.1) 100%);
    border-color: rgba(0, 229, 212, 0.15);
}

[data-app-theme="dark"] .tw-dashboard-hero-title { color: #f1f5f9; }
[data-app-theme="dark"] .tw-dashboard-hero-sub { color: #94a3b8; }
[data-app-theme="dark"] .tw-hero-stat-value { color: #00e5d4; }
[data-app-theme="dark"] .tw-hero-stat-label { color: #94a3b8; }

/* ── Sidebar nav (always dark panel) ── */
[data-app-theme="dark"] .tw-sidebar,
[data-app-theme="light"] .tw-sidebar {
    background: linear-gradient(180deg, #030712 0%, #0a1628 35%, #0d2137 100%);
}

/* ── Buttons in toolbar ── */
[data-app-theme="dark"] .btn-outline-secondary {
    color: #94a3b8 !important;
    border-color: #475569 !important;
}

[data-app-theme="dark"] .btn-outline-primary { color: #38bdf8 !important; border-color: #38bdf8 !important; }
[data-app-theme="dark"] .btn-outline-success { color: #34d399 !important; border-color: #34d399 !important; }
[data-app-theme="dark"] .btn-outline-danger { color: #f87171 !important; border-color: #f87171 !important; }
[data-app-theme="dark"] .btn-outline-info { color: #38bdf8 !important; border-color: #38bdf8 !important; }

[data-app-theme="dark"] .bg-transparent { background: transparent !important; }

/* Theme toggle */
[data-app-theme="dark"] .app-theme-toggle {
    border-color: rgba(0, 229, 212, 0.3);
    color: #00e5d4;
}

.app-theme-toggle:hover {
    transform: scale(1.1);
    box-shadow: 0 0 15px rgba(0, 229, 212, 0.2);
}

/* ── Toasts ── */
[data-app-theme="dark"] .blazored-toast {
    background: #1e293b !important;
    color: #f1f5f9 !important;
    border: 1px solid #475569 !important;
}

/* ── Pagination ── */
[data-app-theme="dark"] .page-link {
    background: #1e293b !important;
    color: #e2e8f0 !important;
    border-color: #475569 !important;
}

[data-app-theme="dark"] .page-item.active .page-link {
    background: linear-gradient(135deg, #00c9b7, #0a75ad) !important;
    border-color: #00e5d4 !important;
}

/* ── Input groups in headers ── */
[data-app-theme="dark"] .row.text-white.rounded-lg .custom-select,
[data-app-theme="dark"] .row.text-white.rounded-lg .form-control {
    background: rgba(30, 41, 59, 0.9) !important;
    color: #f1f5f9 !important;
    border-color: rgba(0, 229, 212, 0.25) !important;
}

[data-app-theme="dark"] .tw-page-header .form-control,
[data-app-theme="dark"] .tw-page-header .custom-select,
[data-app-theme="dark"] .row.text-white.rounded-lg .form-control,
[data-app-theme="dark"] .row.text-white.rounded-lg .custom-select {
    background: rgba(30, 41, 59, 0.85) !important;
    color: #f1f5f9 !important;
}

[data-app-theme="dark"] .tw-page-header .rabta-header-search,
[data-app-theme="dark"] .tw-page-header form input[type="search"].form-control {
    background: #1e293b !important;
    color: #f1f5f9 !important;
    border-color: rgba(0, 229, 212, 0.3) !important;
}

[data-app-theme="dark"] .tw-page-header .rabta-header-search::placeholder,
[data-app-theme="dark"] .tw-page-header form input[type="search"].form-control::placeholder {
    color: #94a3b8 !important;
}

[data-app-theme="dark"] .tw-page-header form .btn.rounded-circle.bg-warning {
    background: rgba(0, 229, 212, 0.2) !important;
    color: #00e5d4 !important;
    border-color: rgba(0, 229, 212, 0.45) !important;
}

[data-app-theme="dark"] .main-body {
    background: var(--tw-card) !important;
    color: var(--tw-text) !important;
    border-color: var(--tw-border) !important;
}
