/**
 * Admin_KeToan — Dark theme (shell + cửa sổ)
 * Load sau ketoan-theme.css và ketoan-shell.css / ketoan-window.css
 */

/* ── Shell: vùng còn hardcode sáng ── */
html[data-theme="dark"] .kt-tabbar {
    background: var(--kt-glass);
}

html[data-theme="dark"] .kt-tab.active {
    color: var(--kt-navy-2);
}

html[data-theme="dark"] .kt-link-btn:hover {
    background: var(--kt-hover);
}

html[data-theme="dark"] .kt-frame {
    background: var(--kt-bg);
}

html[data-theme="dark"] .kt-empty.is-overlay {
    box-shadow: 0 -8px 40px rgba(0, 0, 0, 0.35);
}

html[data-theme="dark"] .kt-tile-in .kt-tile-icon {
    background: rgba(63, 185, 80, 0.14);
}

html[data-theme="dark"] .kt-tile-out .kt-tile-icon {
    background: rgba(248, 81, 73, 0.14);
}

html[data-theme="dark"] .kt-tile .kt-tile-icon {
    background: rgba(61, 139, 253, 0.12);
}

html[data-theme="dark"] .kt-dlg-box {
    background: var(--kt-glass-strong);
    border-color: var(--kt-line);
    box-shadow: 0 24px 60px rgba(0, 0, 0, 0.5);
}

html[data-theme="dark"] .kt-dlg-foot {
    background: var(--kt-glass);
    border-top-color: var(--kt-line);
}

html[data-theme="dark"] .kt-busy-backdrop {
    background: rgba(0, 0, 0, 0.55);
}

html[data-theme="dark"] .kt-busy-card {
    box-shadow: 0 24px 60px rgba(0, 0, 0, 0.5);
}

html[data-theme="dark"] .kt-busy-spin {
    border-color: rgba(61, 139, 253, 0.2);
    border-top-color: var(--kt-accent);
}

html[data-theme="dark"] .kt-theme-picker select {
    background: var(--ktw-input);
    border-color: var(--kt-line);
    color: var(--kt-text);
}

html[data-theme="dark"] .kt-menu-drop,
html[data-theme="dark"] .kt-menu-flyout {
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.45);
}

html[data-theme="dark"] .kt-quick-btn.active {
    background: rgba(248, 81, 73, 0.12);
    border-color: rgba(248, 81, 73, 0.35);
}

/* ── Cửa sổ: header / toolbar / card ── */
html[data-theme="dark"] .ktw-head,
html[data-theme="dark"] .ktw-toolbar {
    background: var(--ktw-head);
    border-color: var(--ktw-line);
}

html[data-theme="dark"] .ktw-head h1 {
    color: var(--ktw-text);
}

html[data-theme="dark"] .ktw-card {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35);
}

html[data-theme="dark"] .ktw-body {
    background: var(--ktw-bg);
}

/* ── Bảng & lưới ── */
html[data-theme="dark"] table.kt-luoi-ketoan thead th,
html[data-theme="dark"] table.ktw-table:not(.kt-luoi-ketoan) th,
html[data-theme="dark"] table.ktw-tk-table:not(.kt-luoi-ketoan) thead th {
    background: var(--ktw-head) !important;
    color: var(--ktw-navy);
    border-color: var(--ktw-line);
}

html[data-theme="dark"] table.kt-luoi-ketoan tfoot td {
    background: var(--ktw-head) !important;
}

html[data-theme="dark"] table.kt-luoi-ketoan tbody td,
html[data-theme="dark"] table.ktw-table:not(.kt-luoi-ketoan) tbody td {
    border-color: var(--ktw-line);
}

html[data-theme="dark"] table.kt-luoi-ketoan tbody tr:nth-child(even),
html[data-theme="dark"] table.ktw-table:not(.kt-luoi-ketoan) tbody tr:nth-child(even) {
    background: rgba(255, 255, 255, 0.02);
}

html[data-theme="dark"] table.ktw-tk-table:not(.kt-luoi-ketoan) tbody tr.ktw-tk-hethong {
    background: var(--ktw-luoi-row-system-bg);
    color: var(--ktw-luoi-row-system-text);
}

html[data-theme="dark"] table.ktw-tk-table:not(.kt-luoi-ketoan) tbody tr.ktw-tk-hethong:hover {
    background: var(--ktw-luoi-row-system-hover);
}

html[data-theme="dark"] table.ktw-dm-taikhoan.kt-luoi-ketoan tbody tr.ktw-tk-cap1 .ktw-tk-ten input,
html[data-theme="dark"] table.ktw-dm-taikhoan.kt-luoi-ketoan tbody tr.ktw-tk-cap1 .ktw-tk-ma input {
    color: var(--ktw-text);
}

html[data-theme="dark"] table.ktw-dm-taikhoan.kt-luoi-ketoan tbody tr.ktw-tk-used td.ktw-tk-ma input[data-f="ma"][readonly]:not(:disabled) {
    background: var(--ktw-hover);
}

/* ── Hướng dẫn / ghi chú trong form ── */
html[data-theme="dark"] .ktw-note,
html[data-theme="dark"] .ktw-guide,
html[data-theme="dark"] .ktw-hint,
html[data-theme="dark"] .ktw-help {
    color: var(--ktw-muted);
}

html[data-theme="dark"] .ktw-note strong,
html[data-theme="dark"] .ktw-guide strong,
html[data-theme="dark"] .ktw-guide em,
html[data-theme="dark"] .ktw-note em {
    color: var(--ktw-navy-2, var(--kt-navy-2));
}

html[data-theme="dark"] .ktw-note code,
html[data-theme="dark"] .ktw-guide code {
    background: #1e252e;
    color: #f0abfc;
    border: 1px solid var(--ktw-line);
}

/* ── Alert / badge trong cửa sổ ── */
html[data-theme="dark"] .ktw-alert {
    border-color: var(--ktw-line);
}

html[data-theme="dark"] .ktw-pass-match.ok {
    color: var(--kt-ok);
}

html[data-theme="dark"] .ktw-pass-match.err {
    color: var(--kt-danger);
}

/* ── Inputpicker trong iframe ── */
html[data-theme="dark"] #inputpicker-wrapped-list,
html[data-theme="dark"] .inputpicker-wrapped-list {
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.45);
    scrollbar-color: var(--ktw-muted) var(--ktw-head);
}

/* ── Form controls trong KeToan (ưu tiên thấp hơn component) ── */
html[data-theme="dark"] .kt-app input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
html[data-theme="dark"] .kt-app select,
html[data-theme="dark"] .kt-app textarea,
html[data-theme="dark"] .ktw-page input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
html[data-theme="dark"] .ktw-page select,
html[data-theme="dark"] .ktw-page textarea {
    background-color: var(--ktw-input);
    color: var(--ktw-text);
    border-color: var(--ktw-line);
}

html[data-theme="dark"] .kt-app input:focus,
html[data-theme="dark"] .kt-app select:focus,
html[data-theme="dark"] .kt-app textarea:focus,
html[data-theme="dark"] .ktw-page input:focus,
html[data-theme="dark"] .ktw-page select:focus,
html[data-theme="dark"] .ktw-page textarea:focus {
    border-color: var(--ktw-accent);
    box-shadow: 0 0 0 2px rgba(61, 139, 253, 0.25);
}

html[data-theme="dark"] .kt-app label,
html[data-theme="dark"] .ktw-page label {
    color: var(--ktw-muted);
}

/* ── Dashboard thống kê ── */
html[data-theme="dark"] .kt-tk-chip {
    background: rgba(61, 139, 253, 0.12);
    color: #93c5fd;
    border-color: rgba(61, 139, 253, 0.25);
}

html[data-theme="dark"] .kt-tk-kpi--sales {
    background: linear-gradient(180deg, rgba(61, 139, 253, 0.08) 0%, var(--kt-glass-strong) 100%);
}

html[data-theme="dark"] .kt-tk-kpi--sales:nth-child(2) {
    background: linear-gradient(180deg, rgba(251, 146, 60, 0.08) 0%, var(--kt-glass-strong) 100%);
}

html[data-theme="dark"] .kt-tk-profit-sub .kt-tk-kpi--sales:nth-child(3) {
    background: linear-gradient(180deg, rgba(248, 81, 73, 0.08) 0%, var(--kt-glass-strong) 100%);
}

html[data-theme="dark"] .kt-stats-card-sales {
    border-top-color: #3d8bfd;
}

html[data-theme="dark"] .kt-stats-card-gv {
    border-top-color: #fb923c;
}

/* ── Login ── */
html[data-theme="dark"] .ktl-aside {
    background: linear-gradient(180deg, #0f1419 0%, #1a2740 100%);
}

html[data-theme="dark"] .ktl-card {
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.45);
}

html[data-theme="dark"] .ktl-ok {
    background: var(--ktl-navy-2);
    color: #fff;
}

html[data-theme="dark"] .ktl-pass-toggle:hover {
    background: var(--kt-hover);
    color: var(--ktl-text);
}

/* ── Sổ / BCTC — dark ── */
html[data-theme="dark"] .ktw-bctc-input:focus {
    background: var(--ktw-input);
}

html[data-theme="dark"] .ktw-bctc-table tr.ktw-bctc-warning .ktw-bctc-input {
    background: var(--ktw-bctc-warn-input-bg);
}

html[data-theme="dark"] table.ktw-table.ktw-ss-table tbody tr:hover {
    background: var(--ktw-hover);
}
