/**
 * Admin_KeToan — Sepia · Forest green · Pink pastel
 * Load sau ketoan-theme.css, trước ketoan-dark.css
 */

html[data-theme="sepia"],
html[data-theme="forest-green"],
html[data-theme="forest-mint"],
html[data-theme="pink-pastel"] {
    color-scheme: light;
}

/* ── Shell chung ── */
html[data-theme="sepia"] .kt-tabbar,
html[data-theme="forest-green"] .kt-tabbar,
html[data-theme="forest-mint"] .kt-tabbar,
html[data-theme="pink-pastel"] .kt-tabbar {
    background: var(--kt-glass);
}

html[data-theme="sepia"] .kt-frame,
html[data-theme="forest-green"] .kt-frame,
html[data-theme="forest-mint"] .kt-frame,
html[data-theme="pink-pastel"] .kt-frame {
    background: var(--kt-bg);
}

html[data-theme="sepia"] .kt-link-btn:hover,
html[data-theme="forest-green"] .kt-link-btn:hover,
html[data-theme="forest-mint"] .kt-link-btn:hover,
html[data-theme="pink-pastel"] .kt-link-btn:hover {
    background: var(--kt-hover);
}

html[data-theme="sepia"] .kt-tile-icon,
html[data-theme="forest-green"] .kt-tile-icon,
html[data-theme="forest-mint"] .kt-tile-icon,
html[data-theme="pink-pastel"] .kt-tile-icon {
    background: var(--tx-primary-soft);
    color: var(--kt-accent);
}

html[data-theme="sepia"] .kt-tile-in .kt-tile-icon,
html[data-theme="forest-green"] .kt-tile-in .kt-tile-icon,
html[data-theme="forest-mint"] .kt-tile-in .kt-tile-icon,
html[data-theme="pink-pastel"] .kt-tile-in .kt-tile-icon {
    background: var(--tx-alert-success-bg);
    color: var(--kt-ok);
}

html[data-theme="sepia"] .kt-tile-out .kt-tile-icon,
html[data-theme="forest-green"] .kt-tile-out .kt-tile-icon,
html[data-theme="forest-mint"] .kt-tile-out .kt-tile-icon,
html[data-theme="pink-pastel"] .kt-tile-out .kt-tile-icon {
    background: var(--tx-alert-danger-bg);
    color: var(--kt-danger);
}

html[data-theme="sepia"] .kt-quick-btn.active,
html[data-theme="forest-green"] .kt-quick-btn.active,
html[data-theme="forest-mint"] .kt-quick-btn.active,
html[data-theme="pink-pastel"] .kt-quick-btn.active {
    background: color-mix(in srgb, var(--kt-danger) 10%, transparent);
    border-color: color-mix(in srgb, var(--kt-danger) 28%, transparent);
}

html[data-theme="sepia"] .kt-dlg-icon,
html[data-theme="forest-green"] .kt-dlg-icon,
html[data-theme="forest-mint"] .kt-dlg-icon,
html[data-theme="pink-pastel"] .kt-dlg-icon {
    background: var(--tx-alert-warning-bg);
    color: var(--tx-alert-warning-text);
}

html[data-theme="sepia"] .kt-dlg.danger .kt-dlg-icon,
html[data-theme="forest-green"] .kt-dlg.danger .kt-dlg-icon,
html[data-theme="forest-mint"] .kt-dlg.danger .kt-dlg-icon,
html[data-theme="pink-pastel"] .kt-dlg.danger .kt-dlg-icon {
    background: var(--tx-alert-danger-bg);
    color: var(--tx-alert-danger-text);
}

html[data-theme="sepia"] .kt-dlg.info .kt-dlg-icon,
html[data-theme="forest-green"] .kt-dlg.info .kt-dlg-icon,
html[data-theme="forest-mint"] .kt-dlg.info .kt-dlg-icon,
html[data-theme="pink-pastel"] .kt-dlg.info .kt-dlg-icon {
    background: var(--tx-alert-info-bg);
    color: var(--tx-alert-info-text);
}

html[data-theme="sepia"] .kt-busy-spin,
html[data-theme="forest-green"] .kt-busy-spin,
html[data-theme="forest-mint"] .kt-busy-spin,
html[data-theme="pink-pastel"] .kt-busy-spin {
    border-color: color-mix(in srgb, var(--kt-accent) 18%, transparent);
    border-top-color: var(--kt-accent);
}

/* ── Login ── */
html[data-theme="sepia"] .ktl-aside {
    background: linear-gradient(180deg, rgba(92, 46, 26, 0.96) 0%, rgba(139, 69, 19, 0.9) 100%);
}

html[data-theme="forest-green"] .ktl-aside,
html[data-theme="forest-mint"] .ktl-aside {
    background: linear-gradient(180deg, rgba(27, 94, 32, 0.96) 0%, rgba(46, 125, 50, 0.9) 100%);
}

html[data-theme="pink-pastel"] .ktl-aside {
    background: linear-gradient(180deg, rgba(157, 23, 77, 0.94) 0%, rgba(190, 24, 93, 0.88) 100%);
}

html[data-theme="sepia"] .ktl-ok,
html[data-theme="forest-green"] .ktl-ok,
html[data-theme="forest-mint"] .ktl-ok,
html[data-theme="pink-pastel"] .ktl-ok {
    background: var(--ktl-navy-2);
}

html[data-theme="sepia"] .ktl-error,
html[data-theme="forest-green"] .ktl-error,
html[data-theme="forest-mint"] .ktl-error,
html[data-theme="pink-pastel"] .ktl-error {
    background: var(--tx-alert-danger-bg);
    color: var(--tx-alert-danger-text);
    border-color: var(--tx-alert-danger-border);
}

/* ── Cửa sổ ── */
html[data-theme="sepia"] .ktw-alert.ok,
html[data-theme="forest-green"] .ktw-alert.ok,
html[data-theme="forest-mint"] .ktw-alert.ok,
html[data-theme="pink-pastel"] .ktw-alert.ok {
    background: var(--tx-alert-success-bg);
    color: var(--tx-alert-success-text);
    border-color: var(--tx-alert-success-border);
}

html[data-theme="sepia"] .ktw-alert.err,
html[data-theme="forest-green"] .ktw-alert.err,
html[data-theme="forest-mint"] .ktw-alert.err,
html[data-theme="pink-pastel"] .ktw-alert.err {
    background: var(--tx-alert-danger-bg);
    color: var(--tx-alert-danger-text);
    border-color: var(--tx-alert-danger-border);
}

html[data-theme="sepia"] .ktw-note code,
html[data-theme="forest-green"] .ktw-note code,
html[data-theme="forest-mint"] .ktw-note code,
html[data-theme="pink-pastel"] .ktw-note code,
html[data-theme="sepia"] .ktw-guide code,
html[data-theme="forest-green"] .ktw-guide code,
html[data-theme="forest-mint"] .ktw-guide code,
html[data-theme="pink-pastel"] .ktw-guide code {
    background: var(--tx-primary-soft);
    color: var(--hddt-navy-mid);
    border: 1px solid var(--ktw-line);
}

html[data-theme="sepia"] .ktw-xf-cmd:hover,
html[data-theme="sepia"] .ktw-xf-all:hover,
html[data-theme="sepia"] .ktw-xf-list label:hover,
html[data-theme="forest-green"] .ktw-xf-cmd:hover,
html[data-theme="forest-green"] .ktw-xf-all:hover,
html[data-theme="forest-green"] .ktw-xf-list label:hover,
html[data-theme="forest-mint"] .ktw-xf-cmd:hover,
html[data-theme="forest-mint"] .ktw-xf-all:hover,
html[data-theme="forest-mint"] .ktw-xf-list label:hover,
html[data-theme="pink-pastel"] .ktw-xf-cmd:hover,
html[data-theme="pink-pastel"] .ktw-xf-all:hover,
html[data-theme="pink-pastel"] .ktw-xf-list label:hover {
    background: var(--tx-primary-soft);
}

/* ── Dashboard thống kê — accent theo theme ── */
html[data-theme="sepia"] .kt-tk-chip,
html[data-theme="forest-green"] .kt-tk-chip,
html[data-theme="forest-mint"] .kt-tk-chip,
html[data-theme="pink-pastel"] .kt-tk-chip {
    background: var(--tx-primary-soft);
    color: var(--hddt-navy-mid);
    border-color: color-mix(in srgb, var(--kt-accent) 25%, transparent);
}

html[data-theme="sepia"] .kt-stats-card-sales,
html[data-theme="forest-green"] .kt-stats-card-sales,
html[data-theme="forest-mint"] .kt-stats-card-sales,
html[data-theme="pink-pastel"] .kt-stats-card-sales,
html[data-theme="sepia"] .kt-tk-kpi--sales,
html[data-theme="forest-green"] .kt-tk-kpi--sales,
html[data-theme="forest-mint"] .kt-tk-kpi--sales,
html[data-theme="pink-pastel"] .kt-tk-kpi--sales {
    border-top-color: var(--kt-accent);
    background: linear-gradient(180deg, color-mix(in srgb, var(--kt-accent) 8%, transparent) 0%, var(--kt-glass-strong) 100%);
}

html[data-theme="sepia"] .kt-tk-kpi--sales:nth-child(2),
html[data-theme="forest-green"] .kt-tk-kpi--sales:nth-child(2),
html[data-theme="forest-mint"] .kt-tk-kpi--sales:nth-child(2),
html[data-theme="pink-pastel"] .kt-tk-kpi--sales:nth-child(2) {
    border-top-color: color-mix(in srgb, var(--kt-accent) 72%, #c2410c);
}

html[data-theme="sepia"] .kt-stats-card-gv,
html[data-theme="forest-green"] .kt-stats-card-gv,
html[data-theme="forest-mint"] .kt-stats-card-gv,
html[data-theme="pink-pastel"] .kt-stats-card-gv {
    border-top-color: color-mix(in srgb, var(--kt-accent) 55%, #c2410c);
}

/* ── Sổ sách / cửa sổ — theme màu ── */
html[data-theme="sepia"] .ktw-page,
html[data-theme="forest-green"] .ktw-page,
html[data-theme="forest-mint"] .ktw-page,
html[data-theme="pink-pastel"] .ktw-page {
    background: var(--ktw-bg);
}

html[data-theme="sepia"] .ktw-card,
html[data-theme="forest-green"] .ktw-card,
html[data-theme="forest-mint"] .ktw-card,
html[data-theme="pink-pastel"] .ktw-card {
    box-shadow: var(--hddt-shadow);
}

html[data-theme="sepia"] .ktw-btn:not(.primary),
html[data-theme="forest-green"] .ktw-btn:not(.primary),
html[data-theme="forest-mint"] .ktw-btn:not(.primary),
html[data-theme="pink-pastel"] .ktw-btn:not(.primary) {
    background: var(--ktw-input);
    border-color: var(--ktw-line);
    color: var(--ktw-text);
}

html[data-theme="sepia"] .ktw-btn:not(.primary):hover,
html[data-theme="forest-green"] .ktw-btn:not(.primary):hover,
html[data-theme="forest-mint"] .ktw-btn:not(.primary):hover,
html[data-theme="pink-pastel"] .ktw-btn:not(.primary):hover {
    background: var(--ktw-hover);
}

html[data-theme="sepia"] .ktw-date-text,
html[data-theme="forest-green"] .ktw-date-text,
html[data-theme="forest-mint"] .ktw-date-text,
html[data-theme="pink-pastel"] .ktw-date-text {
    background: var(--ktw-input);
    color: var(--ktw-text);
    border-color: var(--ktw-line);
}

html[data-theme="sepia"] table.kt-luoi-ketoan,
html[data-theme="forest-green"] table.kt-luoi-ketoan,
html[data-theme="forest-mint"] table.kt-luoi-ketoan,
html[data-theme="pink-pastel"] table.kt-luoi-ketoan {
    background: var(--ktw-card);
}

html[data-theme="sepia"] table.kt-luoi-ketoan thead th,
html[data-theme="forest-green"] table.kt-luoi-ketoan thead th,
html[data-theme="forest-mint"] table.kt-luoi-ketoan thead th,
html[data-theme="pink-pastel"] table.kt-luoi-ketoan thead th {
    background: var(--ktw-head) !important;
    color: var(--ktw-navy);
}

html[data-theme="sepia"] table.kt-luoi-ketoan tfoot td,
html[data-theme="forest-green"] table.kt-luoi-ketoan tfoot td,
html[data-theme="forest-mint"] table.kt-luoi-ketoan tfoot td,
html[data-theme="pink-pastel"] table.kt-luoi-ketoan tfoot td {
    background: var(--ktw-head) !important;
}

html[data-theme="sepia"] .ktw-bctc-table thead th,
html[data-theme="forest-green"] .ktw-bctc-table thead th,
html[data-theme="forest-mint"] .ktw-bctc-table thead th,
html[data-theme="pink-pastel"] .ktw-bctc-table thead th {
    background: var(--ktw-head) !important;
}