/**
 * Tax3S — Dark mode global overrides
 * Load LAST. Scope: html[data-theme="dark"]
 * Tokens: bg #121212 / #1e1e1e | text #e0e0e0 | muted #a0a0a0 | border #333333 | accent #3d8bfd
 */

html[data-theme="dark"] {
    color-scheme: dark;
}

/* ── Form controls ── */
html[data-theme="dark"] .form-control,
html[data-theme="dark"] .custom-select,
html[data-theme="dark"] .custom-file-label,
html[data-theme="dark"] select.form-control,
html[data-theme="dark"] textarea.form-control,
html[data-theme="dark"] input.form-control,
html[data-theme="dark"] input[type="text"],
html[data-theme="dark"] input[type="password"],
html[data-theme="dark"] input[type="email"],
html[data-theme="dark"] input[type="number"],
html[data-theme="dark"] input[type="search"],
html[data-theme="dark"] input[type="tel"],
html[data-theme="dark"] input[type="url"],
html[data-theme="dark"] input[type="date"],
html[data-theme="dark"] input[type="time"],
html[data-theme="dark"] input[type="datetime-local"],
html[data-theme="dark"] input[type="month"],
html[data-theme="dark"] input:not([type]),
html[data-theme="dark"] textarea,
html[data-theme="dark"] select,
html[data-theme="dark"] .input-group-text,
html[data-theme="dark"] .datetimepicker-input {
    background-color: #121212 !important;
    color: #e0e0e0 !important;
    border-color: #333333 !important;
    caret-color: #e0e0e0;
}

html[data-theme="dark"] .form-control:focus,
html[data-theme="dark"] .custom-select:focus,
html[data-theme="dark"] input:focus,
html[data-theme="dark"] textarea:focus,
html[data-theme="dark"] select:focus {
    background-color: #121212 !important;
    color: #e0e0e0 !important;
    border-color: #3d8bfd !important;
    box-shadow: 0 0 0 0.2rem rgba(61, 139, 253, 0.25) !important;
}

html[data-theme="dark"] .form-control::placeholder,
html[data-theme="dark"] input::placeholder,
html[data-theme="dark"] textarea::placeholder {
    color: #a0a0a0 !important;
    opacity: 1;
}

html[data-theme="dark"] .form-control:disabled,
html[data-theme="dark"] .form-control[readonly],
html[data-theme="dark"] input:disabled,
html[data-theme="dark"] input[readonly] {
    background-color: #1e1e1e !important;
    color: #cfcfcf !important;
}

html[data-theme="dark"] .custom-control-label,
html[data-theme="dark"] .form-check-label,
html[data-theme="dark"] label {
    color: #cfcfcf !important;
}

html[data-theme="dark"] .custom-control-input:checked ~ .custom-control-label::before {
    border-color: #3d8bfd;
    background-color: #3d8bfd;
}

/* Autofill */
html[data-theme="dark"] input:-webkit-autofill,
html[data-theme="dark"] input:-webkit-autofill:hover,
html[data-theme="dark"] input:-webkit-autofill:focus,
html[data-theme="dark"] textarea:-webkit-autofill,
html[data-theme="dark"] select:-webkit-autofill {
    -webkit-text-fill-color: #e0e0e0 !important;
    caret-color: #e0e0e0;
    box-shadow: 0 0 0 1000px #121212 inset !important;
    transition: background-color 99999s ease-out;
    border-color: #333333 !important;
}

/* ── Buttons (outline / light) ── */
html[data-theme="dark"] .btn-outline-primary,
html[data-theme="dark"] .btn-outline-secondary,
html[data-theme="dark"] .btn-outline-success,
html[data-theme="dark"] .btn-outline-info,
html[data-theme="dark"] .btn-outline-warning,
html[data-theme="dark"] .btn-outline-danger,
html[data-theme="dark"] .btn-light,
html[data-theme="dark"] .btn-outline-light {
    background-color: #1e1e1e !important;
    color: #e0e0e0 !important;
    border-color: #333333 !important;
}

html[data-theme="dark"] .btn-outline-primary:hover,
html[data-theme="dark"] .btn-outline-secondary:hover,
html[data-theme="dark"] .btn-outline-info:hover,
html[data-theme="dark"] .btn-light:hover {
    background-color: #243040 !important;
    color: #fff !important;
    border-color: #3d8bfd !important;
}

html[data-theme="dark"] .btn-outline-success:hover {
    background-color: rgba(47, 111, 78, 0.35) !important;
    color: #b8e6c8 !important;
    border-color: #2f6f4e !important;
}

html[data-theme="dark"] .btn-outline-danger:hover {
    background-color: rgba(179, 59, 59, 0.35) !important;
    color: #f5c6c6 !important;
    border-color: #b33b3b !important;
}

html[data-theme="dark"] .btn-outline-warning:hover {
    background-color: rgba(180, 140, 40, 0.3) !important;
    color: #f5e6b8 !important;
}

/* ── Cards / panels / chrome ── */
html[data-theme="dark"] .card,
html[data-theme="dark"] .card-body,
html[data-theme="dark"] .card-footer,
html[data-theme="dark"] .modal-content,
html[data-theme="dark"] .modal-header,
html[data-theme="dark"] .modal-body,
html[data-theme="dark"] .modal-footer,
html[data-theme="dark"] .list-group-item,
html[data-theme="dark"] .dropdown-menu,
html[data-theme="dark"] .popover,
html[data-theme="dark"] .breadcrumb,
html[data-theme="dark"] .page-item .page-link,
html[data-theme="dark"] .bg-white,
html[data-theme="dark"] .navbar-white,
html[data-theme="dark"] .main-header,
html[data-theme="dark"] .main-footer {
    background-color: #1e1e1e !important;
    color: #e0e0e0 !important;
    border-color: #333333 !important;
}

html[data-theme="dark"] .modal-header,
html[data-theme="dark"] .card-header:not(#tieude),
html[data-theme="dark"] .tax3s-admin .card > .card-header:not(#tieude),
html[data-theme="dark"] .tax3s-admin .tx-doc-card .card > .card-header,
html[data-theme="dark"] .tax3s-admin .tx-form-card .card > .card-header {
    background: #121212 !important;
    background-image: none !important;
    color: #e0e0e0 !important;
    border-bottom-color: #333333 !important;
}

html[data-theme="dark"] .card-header:not(#tieude) h4,
html[data-theme="dark"] .card-header:not(#tieude) h5,
html[data-theme="dark"] .card-header:not(#tieude) h6,
html[data-theme="dark"] .card-header:not(#tieude) .card-title,
html[data-theme="dark"] .card-header:not(#tieude) .form-check-label {
    color: #e0e0e0 !important;
}

html[data-theme="dark"] .tax3s-admin .tx-settings-card .tx-settings-title {
    color: #e8edf3 !important;
}

html[data-theme="dark"] .tax3s-admin .tx-settings-card .tx-settings-desc {
    color: rgba(224, 224, 224, 0.78) !important;
}

/* Doc title bar — nền navy, chữ trắng */
html[data-theme="dark"] .tax3s-admin .tx-doc-card > .card-header#tieude {
    background: var(--hddt-navy, #0a0e14) !important;
    color: #fff !important;
}

html[data-theme="dark"] .tax3s-admin .tx-doc-card > .card-header#tieude h6,
html[data-theme="dark"] .tax3s-admin .tx-doc-card > .card-header#tieude .tx-ngay-lap {
    color: #fff !important;
}

html[data-theme="dark"] .card-footer,
html[data-theme="dark"] .modal-footer {
    background-color: #121212 !important;
    border-top-color: #333333 !important;
}

html[data-theme="dark"] .dropdown-item {
    color: #e0e0e0 !important;
}

html[data-theme="dark"] .dropdown-item:hover,
html[data-theme="dark"] .dropdown-item:focus,
html[data-theme="dark"] .dropdown-item.active {
    background-color: rgba(61, 139, 253, 0.22) !important;
    color: #fff !important;
}

html[data-theme="dark"] .dropdown-divider {
    border-top-color: #333333 !important;
}

html[data-theme="dark"] .close,
html[data-theme="dark"] .modal-header .close {
    color: #e0e0e0 !important;
    text-shadow: none;
    opacity: 0.85;
}

html[data-theme="dark"] .page-link {
    background-color: #1e1e1e !important;
    color: #a8c5de !important;
    border-color: #333333 !important;
}

html[data-theme="dark"] .page-item.active .page-link {
    background-color: #3d8bfd !important;
    border-color: #3d8bfd !important;
    color: #fff !important;
}

html[data-theme="dark"] .page-item.disabled .page-link {
    background-color: #141a22 !important;
    color: #6b7280 !important;
}

/* ── Tables ── */
html[data-theme="dark"] .table,
html[data-theme="dark"] .table td,
html[data-theme="dark"] .table th {
    color: #e0e0e0 !important;
    border-color: #333333 !important;
    background-color: transparent !important;
}

html[data-theme="dark"] .table thead th,
html[data-theme="dark"] .thead-light th,
html[data-theme="dark"] .table-light,
html[data-theme="dark"] .table-light > th,
html[data-theme="dark"] .table-light > td {
    background-color: #121212 !important;
    color: #cfcfcf !important;
    border-color: #333333 !important;
}

html[data-theme="dark"] .table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(255, 255, 255, 0.04) !important;
}

html[data-theme="dark"] .table-hover tbody tr:hover {
    background-color: rgba(61, 139, 253, 0.14) !important;
    color: #e0e0e0 !important;
}

html[data-theme="dark"] .table-secondary,
html[data-theme="dark"] .table-secondary > td,
html[data-theme="dark"] .table-secondary > th {
    background-color: #243040 !important;
    color: #e0e0e0 !important;
}

html[data-theme="dark"] code,
html[data-theme="dark"] kbd,
html[data-theme="dark"] pre,
html[data-theme="dark"] .badge-light {
    background-color: rgba(255, 255, 255, 0.08) !important;
    color: #f0a8c8 !important;
    border-color: #333333;
}

html[data-theme="dark"] .text-muted,
html[data-theme="dark"] .text-secondary {
    color: #a0a0a0 !important;
}

html[data-theme="dark"] .text-dark {
    color: #e0e0e0 !important;
}

/* ── Admin app chrome ── */
html[data-theme="dark"] .tax3s-admin .content-wrapper {
    background-color: #141a22 !important;
    color: #e0e0e0 !important;
}

html[data-theme="dark"] .tax3s-admin .tx-page-title,
html[data-theme="dark"] .tax3s-admin .card-title,
html[data-theme="dark"] .tax3s-admin h1,
html[data-theme="dark"] .tax3s-admin h2,
html[data-theme="dark"] .tax3s-admin h3,
html[data-theme="dark"] .tax3s-admin h4,
html[data-theme="dark"] .tax3s-admin h5,
html[data-theme="dark"] .tax3s-admin h6 {
    color: #e0e0e0 !important;
}

html[data-theme="dark"] .tax3s-admin .tx-page-subtitle {
    color: #a0a0a0 !important;
}

html[data-theme="dark"] .tax3s-admin .tx-section,
html[data-theme="dark"] .tax3s-admin .tx-dashboard-filter,
html[data-theme="dark"] .tax3s-admin .tx-money-box,
html[data-theme="dark"] .tax3s-admin .tx-list-card > .card-header,
html[data-theme="dark"] .tax3s-admin .tx-form-card > .card-header,
html[data-theme="dark"] .tax3s-admin .tx-doc-card > .card-header:not(#tieude),
html[data-theme="dark"] .hddtcqt-admin .tx-list-card > .card-header,
html[data-theme="dark"] .hddtcqt-admin .tx-form-card > .card-header,
html[data-theme="dark"] .hddtcqt-admin .tx-settings-card > .card-header {
    background: #121212 !important;
    color: #e0e0e0 !important;
    border-color: #333333 !important;
}

html[data-theme="dark"] .tax3s-admin .main-header .nav-link,
html[data-theme="dark"] .tax3s-admin .main-footer,
html[data-theme="dark"] .tax3s-admin .main-footer a,
html[data-theme="dark"] .tax3s-admin .main-footer strong {
    color: #cfcfcf !important;
}

/* ── jsGrid ── */
html[data-theme="dark"] .jsgrid,
html[data-theme="dark"] .jsgrid-grid-header,
html[data-theme="dark"] .jsgrid-grid-body,
html[data-theme="dark"] .jsgrid-header-row > .jsgrid-header-cell,
html[data-theme="dark"] .jsgrid-filter-row > .jsgrid-cell,
html[data-theme="dark"] .jsgrid-insert-row > .jsgrid-cell,
html[data-theme="dark"] .jsgrid-edit-row > .jsgrid-cell {
    background: #1e1e1e !important;
    color: #e0e0e0 !important;
    border-color: #333333 !important;
}

html[data-theme="dark"] .jsgrid-row > .jsgrid-cell {
    background: #1e1e1e !important;
    color: #e0e0e0 !important;
    border-color: #333333 !important;
}

html[data-theme="dark"] .jsgrid-alt-row > .jsgrid-cell {
    background: #141a22 !important;
    color: #e0e0e0 !important;
}

html[data-theme="dark"] .jsgrid-selected-row > .jsgrid-cell {
    background: rgba(61, 139, 253, 0.22) !important;
    color: #fff !important;
}

html[data-theme="dark"] .jsgrid-header-sortable:hover {
    background: #243040 !important;
}

html[data-theme="dark"] .jsgrid-pager,
html[data-theme="dark"] .jsgrid-pager-container {
    background: #121212 !important;
    color: #cfcfcf !important;
}

html[data-theme="dark"] .jsgrid-pager-page,
html[data-theme="dark"] .jsgrid-pager-nav-button,
html[data-theme="dark"] .jsgrid-pager-page a,
html[data-theme="dark"] .jsgrid-pager-nav-button a {
    background: #1e1e1e !important;
    color: #a8c5de !important;
    border-color: #333333 !important;
}

html[data-theme="dark"] .jsgrid-pager-current-page {
    background: #3d8bfd !important;
    color: #fff !important;
}

html[data-theme="dark"] .jsgrid-filter-row input,
html[data-theme="dark"] .jsgrid-filter-row select,
html[data-theme="dark"] .jsgrid-edit-row input,
html[data-theme="dark"] .jsgrid-edit-row select,
html[data-theme="dark"] .jsgrid-insert-row input,
html[data-theme="dark"] .jsgrid-insert-row select {
    background: #121212 !important;
    color: #e0e0e0 !important;
    border-color: #333333 !important;
}

/* ── Tempus Dominus / datetimepicker ── */
html[data-theme="dark"] .bootstrap-datetimepicker-widget,
html[data-theme="dark"] .bootstrap-datetimepicker-widget.dropdown-menu {
    background: #1e1e1e !important;
    color: #e0e0e0 !important;
    border-color: #333333 !important;
}

html[data-theme="dark"] .bootstrap-datetimepicker-widget table td,
html[data-theme="dark"] .bootstrap-datetimepicker-widget table th,
html[data-theme="dark"] .bootstrap-datetimepicker-widget .picker-switch,
html[data-theme="dark"] .bootstrap-datetimepicker-widget .timepicker-hour,
html[data-theme="dark"] .bootstrap-datetimepicker-widget .timepicker-minute,
html[data-theme="dark"] .bootstrap-datetimepicker-widget .timepicker-second {
    background: transparent !important;
    color: #e0e0e0 !important;
}

html[data-theme="dark"] .bootstrap-datetimepicker-widget table td.day:hover,
html[data-theme="dark"] .bootstrap-datetimepicker-widget table td.hour:hover,
html[data-theme="dark"] .bootstrap-datetimepicker-widget table td.minute:hover,
html[data-theme="dark"] .bootstrap-datetimepicker-widget table td.second:hover,
html[data-theme="dark"] .bootstrap-datetimepicker-widget table td span:hover {
    background: rgba(61, 139, 253, 0.25) !important;
    color: #fff !important;
}

html[data-theme="dark"] .bootstrap-datetimepicker-widget table td.active,
html[data-theme="dark"] .bootstrap-datetimepicker-widget table td.active:hover,
html[data-theme="dark"] .bootstrap-datetimepicker-widget table td span.active {
    background-color: #3d8bfd !important;
    color: #fff !important;
}

html[data-theme="dark"] .bootstrap-datetimepicker-widget table td.old,
html[data-theme="dark"] .bootstrap-datetimepicker-widget table td.new {
    color: #6b7280 !important;
}

/* ── Inputpicker ── */
html[data-theme="dark"] .inputpicker-wrapped-list {
    background-color: #1e1e1e !important;
    color: #e0e0e0 !important;
    border: 1px solid #333333 !important;
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.45);
}

html[data-theme="dark"] .inputpicker-wrapped-list .table,
html[data-theme="dark"] .inputpicker-wrapped-list .table > tbody > tr > td,
html[data-theme="dark"] .inputpicker-wrapped-list .table > thead > tr > th {
    background-color: #1e1e1e !important;
    color: #e0e0e0 !important;
    border-color: #333333 !important;
}

html[data-theme="dark"] .inputpicker-wrapped-list .table > thead > tr > th {
    background-color: #121212 !important;
    color: #cfcfcf !important;
}

html[data-theme="dark"] .inputpicker-wrapped-list .inputpicker-selected {
    background-color: rgba(61, 139, 253, 0.22) !important;
}

html[data-theme="dark"] .inputpicker-wrapped-list .inputpicker-active {
    background-color: #3d8bfd !important;
    color: #fff !important;
}

html[data-theme="dark"] .inputpicker-div input,
html[data-theme="dark"] .inputpicker-input {
    background-color: #121212 !important;
    color: #e0e0e0 !important;
    border-color: #333333 !important;
}

html[data-theme="dark"] .inputpicker-arrow b {
    border-color: #a0a0a0 transparent transparent;
}

/* ── Progress / loading ── */
html[data-theme="dark"] .tx-progress-panel,
html[data-theme="dark"] .hddtcqt-admin .tx-progress-panel {
    background: #121212 !important;
    color: #e0e0e0 !important;
}

html[data-theme="dark"] .tx-progress-line--count,
html[data-theme="dark"] .hddtcqt-admin .tx-progress-line--count {
    background: linear-gradient(180deg, #1e1e1e 0%, #141a22 100%) !important;
    border-color: #333333 !important;
    color: #e0e0e0 !important;
}

html[data-theme="dark"] .tx-progress-bar-label,
html[data-theme="dark"] .tx-progress-mst__title {
    color: #e0e0e0 !important;
}

html[data-theme="dark"] .tx-progress-bar-count,
html[data-theme="dark"] .tx-progress-line--mst {
    color: #a0a0a0 !important;
}

html[data-theme="dark"] .tx-progress-track {
    background: #243040 !important;
}

html[data-theme="dark"] #loadingPopup .loading-inner {
    background: #1e1e1e !important;
    color: #e0e0e0 !important;
    border: 1px solid #333333;
}

html[data-theme="dark"] #loadingPopup .loading-text {
    color: #e0e0e0 !important;
}

/* ── Alerts (background shorthand kills light gradients from area CSS) ── */
html[data-theme="dark"] .alert-info {
    background: rgba(61, 139, 253, 0.18) !important;
    background-image: none !important;
    border-color: rgba(61, 139, 253, 0.4) !important;
    color: #d0e4f5 !important;
}

html[data-theme="dark"] .alert-warning {
    background: rgba(180, 140, 40, 0.22) !important;
    background-image: none !important;
    border-color: rgba(180, 140, 40, 0.45) !important;
    color: #f5e6b8 !important;
}

html[data-theme="dark"] .alert-success {
    background: rgba(47, 111, 78, 0.22) !important;
    background-image: none !important;
    border-color: rgba(47, 111, 78, 0.45) !important;
    color: #b8e6c8 !important;
}

html[data-theme="dark"] .alert-danger,
html[data-theme="dark"] .alert-error {
    background: rgba(179, 59, 59, 0.22) !important;
    background-image: none !important;
    border-color: rgba(179, 59, 59, 0.45) !important;
    color: #f5c6c6 !important;
}

html[data-theme="dark"] .alert-secondary,
html[data-theme="dark"] .alert-light {
    background: #1e1e1e !important;
    background-image: none !important;
    border-color: #333333 !important;
    color: #e0e0e0 !important;
}

html[data-theme="dark"] .alert-info strong,
html[data-theme="dark"] .alert-info b,
html[data-theme="dark"] .alert-info li,
html[data-theme="dark"] .alert-info p,
html[data-theme="dark"] .alert-warning strong,
html[data-theme="dark"] .alert-warning b,
html[data-theme="dark"] .alert-warning li,
html[data-theme="dark"] .alert-warning p,
html[data-theme="dark"] .alert-success strong,
html[data-theme="dark"] .alert-success b,
html[data-theme="dark"] .alert-success li,
html[data-theme="dark"] .alert-success p,
html[data-theme="dark"] .alert-danger strong,
html[data-theme="dark"] .alert-danger b,
html[data-theme="dark"] .alert-danger li,
html[data-theme="dark"] .alert-danger p,
html[data-theme="dark"] .alert-secondary strong,
html[data-theme="dark"] .alert-light strong {
    color: inherit !important;
}

/* ── Dangky / pay / provisioning ── */
html[data-theme="dark"] .hddtcqt-dangky .prov-card,
html[data-theme="dark"] .hddtcqt-dangky .card,
html[data-theme="dark"] .prov-card,
html[data-theme="dark"] .prov-summary-card,
html[data-theme="dark"] .prov-tx-code,
html[data-theme="dark"] .dk-package-card,
html[data-theme="dark"] .dk-payment-card,
html[data-theme="dark"] .xmld-pay-modern .dk-package-card,
html[data-theme="dark"] .xmld-pay-modern .dk-payment-card {
    background: #1e1e1e !important;
    color: #e0e0e0 !important;
    border-color: #333333 !important;
}

html[data-theme="dark"] .hddtcqt-dangky #btnCheckCode,
html[data-theme="dark"] .xmld-pay-modern #btnCheckCode,
html[data-theme="dark"] .xmld-pay-modern .dk-btn-copy,
html[data-theme="dark"] .mstrr-pay-modern #btnCheckCode,
html[data-theme="dark"] .mstrr-pay-modern .dk-btn-copy {
    background: #1e1e1e !important;
    color: #e0e0e0 !important;
    border-color: #333333 !important;
}

html[data-theme="dark"] .hddtcqt-dangky .prov-header,
html[data-theme="dark"] .prov-header {
    color: #fff !important;
}

/* ── Public site leftovers ── */
html[data-theme="dark"] .tx-theme-picker select,
html[data-theme="dark"] .tx-quick-search,
html[data-theme="dark"] .tx-menu-toggle,
html[data-theme="dark"] .tx-btn-tracuu-icon,
html[data-theme="dark"] .tx-product-card,
html[data-theme="dark"] .tc-input-wrap input,
html[data-theme="dark"] .tc-search-card,
html[data-theme="dark"] .tc-login-card {
    background-color: #1e1e1e !important;
    color: #e0e0e0 !important;
    border-color: #333333 !important;
}

html[data-theme="dark"] .tx-quick-search input {
    background: transparent !important;
    color: #e0e0e0 !important;
}

html[data-theme="dark"] .tc-btn-home {
    background: #1e1e1e !important;
    color: #e0e0e0 !important;
    border-color: rgba(255, 255, 255, 0.18) !important;
}

/* ── SweetAlert2 (if used) ── */
html[data-theme="dark"] .swal2-popup {
    background: #1e1e1e !important;
    color: #e0e0e0 !important;
}

html[data-theme="dark"] .swal2-title,
html[data-theme="dark"] .swal2-html-container,
html[data-theme="dark"] .swal2-content {
    color: #e0e0e0 !important;
}

html[data-theme="dark"] .swal2-input,
html[data-theme="dark"] .swal2-textarea,
html[data-theme="dark"] .swal2-select {
    background: #121212 !important;
    color: #e0e0e0 !important;
    border-color: #333333 !important;
}

/* ── Driver.js tour popover ── */
html[data-theme="dark"] .driver-popover,
html[data-theme="dark"] .driver-popover-title,
html[data-theme="dark"] .driver-popover-description {
    background: #1e1e1e !important;
    color: #e0e0e0 !important;
    border-color: #333333 !important;
}

html[data-theme="dark"] .driver-popover-prev-btn,
html[data-theme="dark"] .driver-popover-next-btn,
html[data-theme="dark"] .driver-popover-close-btn {
    background: #243040 !important;
    color: #e0e0e0 !important;
    border-color: #333333 !important;
}

/* ── MST dropzone ── */
html[data-theme="dark"] .mstrr-dropzone {
    background: linear-gradient(180deg, #1e1e1e 0%, #141a22 100%) !important;
    border-color: #333333 !important;
    color: #e0e0e0 !important;
}

html[data-theme="dark"] .mstrr-dropzone__title,
html[data-theme="dark"] .mstrr-dropzone__file {
    color: #e0e0e0 !important;
}

html[data-theme="dark"] .mstrr-dropzone__hint,
html[data-theme="dark"] .mstrr-progress-meta {
    color: #a0a0a0 !important;
}

/* Keep invoice/PDF document previews printable white */
html[data-theme="dark"] .tx-preview-doc,
html[data-theme="dark"] .tx-tncn-preview,
html[data-theme="dark"] #rdlcModal iframe,
html[data-theme="dark"] .createtncn-preview {
    background: #fff !important;
    color: #111 !important;
}

/* Home notice: keep high-contrast amber + Zalo blue */
html[data-theme="dark"] .tx-notice-bar {
    background: #3b2a12 !important;
    border-bottom-color: #6b4e1e !important;
    color: #fde68a !important;
}

html[data-theme="dark"] .tx-notice-title,
html[data-theme="dark"] .tx-notice-body p {
    color: #fde68a !important;
}

html[data-theme="dark"] .tx-notice-icon {
    background: #fbbf24 !important;
    color: #0f2740 !important;
}

html[data-theme="dark"] .tx-notice-zalo {
    background: #0068ff !important;
    color: #fff !important;
}

html[data-theme="dark"] .tx-notice-or {
    color: #fde68a !important;
}

html[data-theme="dark"] .tx-notice-email {
    background: var(--tx-primary) !important;
    color: var(--tx-on-primary) !important;
}

html[data-theme="dark"] .tx-notice-bar--highlight {
    background: color-mix(in srgb, var(--tx-primary-deep) 85%, #000) !important;
    border-bottom-color: var(--tx-primary) !important;
    color: var(--tx-primary-light) !important;
}

html[data-theme="dark"] .tx-notice-bar--highlight .tx-notice-title,
html[data-theme="dark"] .tx-notice-bar--highlight .tx-notice-body p {
    color: var(--tx-primary-light) !important;
}

html[data-theme="dark"] .tx-notice-bar--highlight .tx-notice-icon {
    background: var(--tx-primary) !important;
    color: var(--tx-on-primary) !important;
}

html[data-theme="dark"] .tx-notice-bar--highlight .tx-notice-checks li {
    color: var(--tx-primary-light) !important;
}

html[data-theme="dark"] .tx-notice-checks li {
    color: #fde68a !important;
}

html[data-theme="dark"] .tx-notice-checks i,
html[data-theme="dark"] .tx-icon-list i,
html[data-theme="dark"] .tx-product-feature-list i {
    color: #4ade80 !important;
}

html[data-theme="dark"] .tx-combo-card,
html[data-theme="dark"] .tx-combo-card--featured {
    background: #1e1e1e !important;
    color: #e0e0e0 !important;
    border-color: #333333 !important;
}

html[data-theme="dark"] .tx-combo-card h4,
html[data-theme="dark"] .tx-combo-price {
    color: #e0e0e0 !important;
}

html[data-theme="dark"] .tx-chip {
    background: #121212 !important;
    color: #e0e0e0 !important;
    border-color: #333333 !important;
}

html[data-theme="dark"] .tx-save-badge {
    background: color-mix(in srgb, var(--tx-primary) 25%, #000) !important;
    color: var(--tx-primary-light) !important;
    border-color: var(--tx-primary) !important;
}

html[data-theme="dark"] .tx-product-card--soon {
    opacity: 0.7;
}

html[data-theme="dark"] .tx-trial-banner {
    background: linear-gradient(180deg, #042f2e 0%, #121212 100%) !important;
    border-bottom-color: #134e4a !important;
    color: #ccfbf1 !important;
}

html[data-theme="dark"] .tx-trial-banner-title,
html[data-theme="dark"] .tx-trial-modal-panel h2,
html[data-theme="dark"] .tx-guide-hero h2 {
    color: #99f6e4 !important;
}

html[data-theme="dark"] .tx-trial-banner-eyebrow,
html[data-theme="dark"] .tx-trial-banner-points li,
html[data-theme="dark"] .tx-guide-hero p {
    color: #ccfbf1 !important;
}

html[data-theme="dark"] .tx-btn-trial-ghost {
    background: var(--tx-surface) !important;
    color: var(--tx-primary-light) !important;
    border-color: var(--tx-primary) !important;
}

html[data-theme="dark"] .tx-btn-trial {
    background: var(--tx-btn-solid-bg) !important;
    color: var(--tx-btn-solid-fg) !important;
}

html[data-theme="dark"] .tx-trial-modal-panel,
html[data-theme="dark"] .tx-guide-step,
html[data-theme="dark"] .tx-shot,
html[data-theme="dark"] .tx-mock,
html[data-theme="dark"] .tx-mock-tile,
html[data-theme="dark"] .tx-mock-login {
    background: #1e1e1e !important;
    border-color: #333333 !important;
    color: #e0e0e0 !important;
}

html[data-theme="dark"] .tx-trial-modal-steps,
html[data-theme="dark"] .tx-guide-step p,
html[data-theme="dark"] .tx-guide-step h3 {
    color: #e0e0e0 !important;
}

html[data-theme="dark"] .tx-shot-lightbox-imgwrap {
    background: #1e1e1e !important;
}

html[data-theme="dark"] .tx-trial-modal-close {
    background: #121212 !important;
    color: #e0e0e0 !important;
}

html[data-theme="dark"] .tx-trial-modal-apps a {
    background: #042f2e !important;
    border-color: #134e4a !important;
    color: #99f6e4 !important;
}

html[data-theme="dark"] .tx-mock-bar {
    background: #121212 !important;
}

html[data-theme="dark"] .tx-mock-field,
html[data-theme="dark"] .tx-mock-tab {
    background: #121212 !important;
    border-color: #333333 !important;
    color: #a0a0a0 !important;
}

html[data-theme="dark"] .tx-hero-home {
    background: var(--tx-gradient-brand) !important;
}

html[data-theme="dark"] .tx-app-group,
html[data-theme="dark"] .tx-app-card {
    background: var(--tx-surface) !important;
    border-color: var(--tx-border) !important;
}

html[data-theme="dark"] .tx-app-group--primary {
    background: linear-gradient(135deg, var(--tx-bg-alt), var(--tx-surface) 55%) !important;
}

html[data-theme="dark"] .tx-app-jump-link {
    background: var(--tx-surface) !important;
    border-color: var(--tx-border) !important;
    color: var(--tx-text) !important;
}

html[data-theme="dark"] .tx-app-card-icon {
    background: var(--tx-bg-alt) !important;
}

html[data-theme="dark"] .tx-app-row,
html[data-theme="dark"] .tx-combo-feature,
html[data-theme="dark"] .tx-combo-row,
html[data-theme="dark"] .tx-service-row {
    background: #1e1e1e !important;
    border-color: #333333 !important;
    color: #e0e0e0 !important;
}

html[data-theme="dark"] .tx-app-row-body h4,
html[data-theme="dark"] .tx-combo-row h4,
html[data-theme="dark"] .tx-service-row h4,
html[data-theme="dark"] .tx-product-hero-inner h2,
html[data-theme="dark"] .tx-app-row-meta strong {
    color: #e0e0e0 !important;
}

html[data-theme="dark"] .tx-app-row-icon {
    background: #042f2e !important;
    color: #5eead4 !important;
}

html[data-theme="dark"] .tx-product-hero {
    background: linear-gradient(165deg, #042f2e 0%, #121212 100%) !important;
    border-bottom-color: #134e4a !important;
}

html[data-theme="dark"] .tx-catalog-col,
html[data-theme="dark"] .tx-catalog-item {
    background: #1e1e1e !important;
    border-color: #333333 !important;
}

html[data-theme="dark"] .tx-catalog-col .tx-hero-map-label,
html[data-theme="dark"] .tx-catalog-item h4,
html[data-theme="dark"] .tx-catalog-item strong {
    color: #e0e0e0 !important;
}

html[data-theme="dark"] .tx-year-section {
    background: linear-gradient(180deg, #431407 0%, #121212 100%) !important;
    border-top-color: #7c2d12 !important;
}

html[data-theme="dark"] .tx-year-row {
    background: #1e1e1e !important;
    border-color: #7c2d12 !important;
}

html[data-theme="dark"] .tx-year-row-price strong,
html[data-theme="dark"] .tx-year-row-price strong span {
    color: #fdba74 !important;
}

html[data-theme="dark"] .tx-price-table {
    background: #1e1e1e !important;
    border-color: #333333 !important;
}

html[data-theme="dark"] .tx-price-table th,
html[data-theme="dark"] .tx-price-table td {
    border-color: #333333 !important;
    color: #e0e0e0 !important;
}

html[data-theme="dark"] .tx-price-table thead th {
    background: #121212 !important;
    color: #e0e0e0 !important;
    box-shadow: 0 1px 0 #333333;
}

html[data-theme="dark"] .tx-price-table tbody th {
    background: #1e1e1e !important;
}

html[data-theme="dark"] .tx-price-app-name {
    color: #e0e0e0 !important;
}

html[data-theme="dark"] .tx-price-app-lead {
    color: #a0a0a0 !important;
}

html[data-theme="dark"] .tx-price-table td strong {
    color: #e0e0e0 !important;
}

html[data-theme="dark"] .tx-price-col-trial {
    background: #042f2e !important;
}

html[data-theme="dark"] .tx-price-table thead .tx-price-col-trial {
    background: #134e4a !important;
    color: #5eead4 !important;
}

html[data-theme="dark"] .tx-price-col-trial strong {
    color: #5eead4 !important;
}

html[data-theme="dark"] .tx-price-col-year {
    background: #431407 !important;
}

html[data-theme="dark"] .tx-price-table thead .tx-price-col-year {
    background: #c2410c !important;
    color: #fff !important;
    box-shadow: 0 1px 0 #7c2d12;
}

html[data-theme="dark"] .tx-price-col-year strong {
    color: #fdba74 !important;
}

html[data-theme="dark"] .tx-price-detail {
    color: #93c5fd !important;
}

@media (max-width: 900px) {
    html[data-theme="dark"] .tx-price-table {
        background: transparent !important;
        border: none !important;
    }

    html[data-theme="dark"] .tx-price-table tbody tr {
        background: #1e1e1e !important;
        border-color: #333333 !important;
    }

    html[data-theme="dark"] .tx-price-col-detail {
        background: #121212 !important;
    }

    html[data-theme="dark"] .tx-price-col-year::before {
        color: #fdba74 !important;
    }
}

html[data-theme="dark"] .tx-home-zalo {
    background: #1e1e1e;
    border-bottom-color: #333333;
}

html[data-theme="dark"] .tx-note-fold,
html[data-theme="dark"] .tx-landing-card {
    background: #1e1e1e;
    border-color: #333333;
}

html[data-theme="dark"] .tx-ql-dock {
    background: #121212;
    border-top-color: #333333;
}

html[data-theme="dark"] .tx-ql-wrap {
    background: #1e1e1e;
    border-color: #333333;
}

html[data-theme="dark"] .tx-ql-bar {
    background: #121212;
    border-bottom-color: #333333;
}

html[data-theme="dark"] .tx-ql-dock .tx-ql-bar {
    background: transparent;
}

html[data-theme="dark"] .tx-ql-btn {
    color: #e0e0e0;
}

html[data-theme="dark"] .tx-ql-btn i {
    color: #5eead4;
}

html[data-theme="dark"] .tx-ql-btn:hover,
html[data-theme="dark"] .tx-ql-btn.is-on {
    background: #1e1e1e;
}

html[data-theme="dark"] .tx-ql-btn.is-on {
    border-color: #134e4a;
}

html[data-theme="dark"] .tx-ql-title,
html[data-theme="dark"] .tx-ql-fee,
html[data-theme="dark"] .tx-ql-price-title,
html[data-theme="dark"] .tx-ql-tile,
html[data-theme="dark"] .tx-ql-tile:hover,
html[data-theme="dark"] .tx-ql-tile:focus {
    color: #e0e0e0;
}

html[data-theme="dark"] .tx-ql-tile {
    background: #121212;
    border-color: #333333;
    box-shadow:
        0 2px 4px rgba(0, 0, 0, 0.35),
        0 10px 18px rgba(0, 0, 0, 0.4),
        0 18px 32px rgba(0, 0, 0, 0.45);
}

html[data-theme="dark"] .tx-ql-tile:hover,
html[data-theme="dark"] .tx-ql-tile:focus {
    background: #1e1e1e;
    border-color: #134e4a;
    box-shadow:
        0 4px 8px rgba(0, 0, 0, 0.4),
        0 14px 24px rgba(0, 0, 0, 0.5),
        0 24px 40px rgba(0, 0, 0, 0.55);
}

html[data-theme="dark"] .tx-ql-tile-icon {
    background: #042f2e;
    color: #5eead4;
}