html[data-layout-mode="dark_mode"] .cv-page {
    --cv-border: #354052;
    --cv-muted: #9aa8bb;
    --cv-soft: #161d29;
    color: #e5eaf2;
}

html[data-layout-mode="dark_mode"] .cv-card,
html[data-layout-mode="dark_mode"] .cv-panel,
html[data-layout-mode="dark_mode"] .cv-tab {
    border-color: var(--cv-border);
    background: #1d2634;
    color: #d7deea;
}

html[data-layout-mode="dark_mode"] .cv-card-header,
html[data-layout-mode="dark_mode"] .cv-preview-label {
    border-color: var(--cv-border);
}

html[data-layout-mode="dark_mode"] .cv-card-header h4,
html[data-layout-mode="dark_mode"] .cv-section-heading h5 {
    color: #f1f5f9;
}

html[data-layout-mode="dark_mode"] .cv-tab:hover,
html[data-layout-mode="dark_mode"] .cv-tab.active {
    border-color: #60a5fa;
    background: #172f50;
    color: #93c5fd;
}

html[data-layout-mode="dark_mode"] .cv-notice {
    border-color: #8a6417;
    background: #392d16;
    color: #f6d98a;
}

html[data-layout-mode="dark_mode"] .cv-rp-lookup {
    border-color: #315985;
    background: #17283c;
}

html[data-layout-mode="dark_mode"] .cv-field label {
    color: #cbd5e1;
}

html[data-layout-mode="dark_mode"] .cv-field .form-control,
html[data-layout-mode="dark_mode"] .cv-particulars-table .form-control {
    border-color: #465267;
    background: #131a25;
    color: #edf2f7;
}

html[data-layout-mode="dark_mode"] .cv-field .form-control::placeholder,
html[data-layout-mode="dark_mode"] .cv-particulars-table .form-control::placeholder {
    color: #7d899b;
}

html[data-layout-mode="dark_mode"] .cv-preview-panel {
    border-color: var(--cv-border);
    background: var(--cv-soft);
}

html[data-layout-mode="dark_mode"] .cv-particulars-table .table {
    --bs-table-bg: transparent;
    --bs-table-color: #e5eaf2;
    --bs-table-border-color: #354052;
}

html[data-layout-mode="dark_mode"] .cv-totals .cv-total-emphasis {
    color: #f1f5f9;
}

html[data-layout-mode="dark_mode"] .cv-cheque-sheet,
html[data-layout-mode="dark_mode"] .cv-voucher-sheet {
    color: #172033;
}

html[data-layout-mode="dark_mode"] .cv-saved-empty {
    border-color: var(--cv-border);
    color: var(--cv-muted);
}

html[data-layout-mode="dark_mode"] .cv-saved-table {
    --bs-table-bg: transparent;
    --bs-table-color: #e5eaf2;
    --bs-table-border-color: #354052;
}

@media print {
    html[data-layout-mode="dark_mode"] .cv-cheque-sheet,
    html[data-layout-mode="dark_mode"] .cv-voucher-sheet {
        background: #fff !important;
        color: #172033 !important;
    }
}