:root {
    color-scheme: light;
    --tm-body-bg: #f6f8fb;
    --tm-surface: #ffffff;
    --tm-surface-soft: #f8fafc;
    --tm-surface-muted: #eef3f7;
    --tm-border: #d9e4ec;
    --tm-text: #1f2d3d;
    --tm-text-soft: #6b7c8d;
    --tm-shadow: 0 12px 30px rgba(31, 45, 61, 0.08);
    --tm-link: #2f8fc9;
    --tm-link-hover: #2479ae;
}

html[data-theme-resolved="dark"] {
    color-scheme: dark;
    --tm-body-bg: #11161d;
    --tm-surface: #19222c;
    --tm-surface-soft: #1f2b37;
    --tm-surface-muted: #243240;
    --tm-border: #314150;
    --tm-text: #e5edf3;
    --tm-text-soft: #a8b7c5;
    --tm-shadow: 0 14px 34px rgba(0, 0, 0, 0.28);
    --tm-link: #7cc7f1;
    --tm-link-hover: #a7dbf7;
}

html,
body {
    background: var(--tm-body-bg);
    color: var(--tm-text);
}

body,
.wrapper,
.main-panel,
.wrapper-full-page,
.page-header,
.tm-page-container,
.tm-page-container-wide {
    background-color: transparent;
}

a {
    color: var(--tm-link);
}

a:hover {
    color: var(--tm-link-hover);
}

.card,
.modal-content,
.dropdown-menu,
.list-group-item,
.calendar .calendar-header,
.calendar-context-menu,
.calendar-context-menu .submenu {
    background: var(--tm-surface);
    border-color: var(--tm-border) !important;
    color: var(--tm-text);
    box-shadow: var(--tm-shadow);
}

.card .card-body,
.modal-body,
.modal-header,
.modal-footer,
.dropdown-item,
.form-control,
.custom-select,
.table,
.table td,
.table th,
.list-group-item,
.calendar table td,
.calendar table th {
    color: var(--tm-text);
}

.text-muted,
small,
.form-text,
.card-category {
    color: var(--tm-text-soft) !important;
}

.btn.btn-outline-info,
.btn.btn-outline-primary,
.btn.btn-outline-secondary {
    border-color: var(--tm-border);
}

.table thead th,
.table td,
.table th {
    border-color: var(--tm-border);
}

.table-hover tbody tr:hover {
    background: var(--tm-surface-soft);
}

.alert {
    border-color: transparent;
}

.tm-top-nav.navbar {
    background: color-mix(in srgb, var(--tm-surface) 92%, transparent) !important;
    border-color: var(--tm-border) !important;
    box-shadow: var(--tm-shadow) !important;
}

.tm-top-nav .navbar-brand,
.tm-top-nav .navbar-brand h3 {
    color: var(--tm-link) !important;
}

.tm-top-nav .navbar-toggler,
.tm-top-nav .dropdown-menu,
.tm-top-nav .dropdown-divider {
    border-color: var(--tm-border) !important;
}

.tm-navbar-toggler-line {
    background: var(--tm-text-soft);
}

.card .card-header.card-header-primary,
.card .card-header.card-header-info,
.card .card-header.card-header-text.card-header-primary {
    box-shadow: none !important;
}

footer,
#footer {
    color: var(--tm-text-soft);
}

html[data-theme-resolved="dark"] .bg-white,
html[data-theme-resolved="dark"] .navbar.bg-white,
html[data-theme-resolved="dark"] .sidebar,
html[data-theme-resolved="dark"] .main-panel > .navbar,
html[data-theme-resolved="dark"] .wrapper-full-page .page-header {
    background: var(--tm-surface) !important;
}

html[data-theme-resolved="dark"] .card,
html[data-theme-resolved="dark"] .card .card-body,
html[data-theme-resolved="dark"] .modal-body,
html[data-theme-resolved="dark"] .modal-header,
html[data-theme-resolved="dark"] .modal-footer {
    background: var(--tm-surface) !important;
}

html[data-theme-resolved="dark"] .card .card-header,
html[data-theme-resolved="dark"] .card .card-header.card-header-primary,
html[data-theme-resolved="dark"] .card .card-header.card-header-text,
html[data-theme-resolved="dark"] .card .card-header.card-header-text.card-header-primary,
html[data-theme-resolved="dark"] .card .card-header .card-title,
html[data-theme-resolved="dark"] .card .card-header.card-header-primary .card-title,
html[data-theme-resolved="dark"] .card .card-header.card-header-text .card-title,
html[data-theme-resolved="dark"] .card .card-header .card-title h1,
html[data-theme-resolved="dark"] .card .card-header .card-title h2,
html[data-theme-resolved="dark"] .card .card-header .card-title h3,
html[data-theme-resolved="dark"] .card .card-header .card-title h4,
html[data-theme-resolved="dark"] .card .card-header .card-title h5 {
    color: var(--tm-text) !important;
}

html[data-theme-resolved="dark"] .card .card-header .card-category,
html[data-theme-resolved="dark"] .card .card-header.card-header-primary .card-category,
html[data-theme-resolved="dark"] .card .card-header.card-header-text .card-category,
html[data-theme-resolved="dark"] .employee-name,
html[data-theme-resolved="dark"] .manual-entry-date-cell,
html[data-theme-resolved="dark"] .manual-entry-time-cell,
html[data-theme-resolved="dark"] .manual-entry-type-cell,
html[data-theme-resolved="dark"] .manual-note-cell,
html[data-theme-resolved="dark"] .tm-month-nav-title,
html[data-theme-resolved="dark"] .tm-overview-table-month-title,
html[data-theme-resolved="dark"] h5.text-warning {
    color: var(--tm-text-soft) !important;
}

html[data-theme-resolved="dark"] .navbar,
html[data-theme-resolved="dark"] .sidebar .nav li a,
html[data-theme-resolved="dark"] .sidebar .nav li .dropdown-menu a,
html[data-theme-resolved="dark"] .navbar .navbar-brand,
html[data-theme-resolved="dark"] .navbar .navbar-nav .nav-link,
html[data-theme-resolved="dark"] .dropdown-menu .dropdown-item,
html[data-theme-resolved="dark"] .tm-top-nav .nav-link,
html[data-theme-resolved="dark"] .tm-top-nav .dropdown-item {
    color: var(--tm-text) !important;
}

html[data-theme-resolved="dark"] .sidebar .nav li.active > a,
html[data-theme-resolved="dark"] .sidebar .nav li a:hover,
html[data-theme-resolved="dark"] .navbar .dropdown-menu .dropdown-item:hover,
html[data-theme-resolved="dark"] .tm-top-nav .nav-item.active > .nav-link,
html[data-theme-resolved="dark"] .tm-top-nav .nav-link.active,
html[data-theme-resolved="dark"] .tm-top-nav .nav-link:hover,
html[data-theme-resolved="dark"] .tm-top-nav .dropdown-item:hover {
    background: var(--tm-surface-soft) !important;
}

html[data-theme-resolved="dark"] .tm-top-nav .nav-item.active > .nav-link,
html[data-theme-resolved="dark"] .tm-top-nav .nav-link.active,
html[data-theme-resolved="dark"] .tm-top-nav .nav-link:hover,
html[data-theme-resolved="dark"] .tm-top-nav .dropdown-item:hover,
html[data-theme-resolved="dark"] .tm-top-nav .dropdown-item.active,
html[data-theme-resolved="dark"] .tm-top-nav .dropdown-item:active {
    color: var(--tm-link) !important;
}

html[data-theme-resolved="dark"] .tm-top-nav .dropdown-item.active,
html[data-theme-resolved="dark"] .tm-top-nav .dropdown-item:active {
    background: var(--tm-link) !important;
    color: #fff !important;
}

html[data-theme-resolved="dark"] .tm-top-nav .tm-logout-link {
    border-color: #6a4a19 !important;
    color: #ffbf66 !important;
}

html[data-theme-resolved="dark"] .tm-top-nav .tm-logout-link:hover {
    background: rgba(255, 191, 102, 0.1) !important;
    color: #ffd699 !important;
}

html[data-theme-resolved="dark"] .tm-top-nav .tm-dev-link {
    border-color: #3c6d89 !important;
    color: #8fd8ff !important;
}

html[data-theme-resolved="dark"] .form-control,
html[data-theme-resolved="dark"] .custom-select,
html[data-theme-resolved="dark"] .form-control:focus,
html[data-theme-resolved="dark"] .custom-select:focus {
    background: var(--tm-surface-soft);
    border-color: var(--tm-border);
    color: var(--tm-text);
    box-shadow: none;
}

html[data-theme-resolved="dark"] .form-control::placeholder {
    color: var(--tm-text-soft);
}

html[data-theme-resolved="dark"] .custom-select {
    background-color: var(--tm-surface-soft) !important;
    background-image:
        linear-gradient(45deg, transparent 50%, var(--tm-text-soft) 50%),
        linear-gradient(135deg, var(--tm-text-soft) 50%, transparent 50%),
        linear-gradient(to right, var(--tm-border), var(--tm-border)) !important;
    background-position:
        calc(100% - 22px) calc(1em + 2px),
        calc(100% - 17px) calc(1em + 2px),
        calc(100% - 2.85em) 0.45em !important;
    background-size: 5px 5px, 5px 5px, 1px 1.65em !important;
    background-repeat: no-repeat !important;
    padding-right: 3.2rem !important;
}

html[data-theme-resolved="dark"] input[type="checkbox"],
html[data-theme-resolved="dark"] input[type="radio"] {
    accent-color: #7cc7f1;
}

html[data-theme-resolved="dark"] .form-check-input {
    border: 1px solid #8fa4b7 !important;
    box-shadow: none !important;
}

html[data-theme-resolved="dark"] .form-check-input:not(:checked) {
    background-color: rgba(255, 255, 255, 0.02) !important;
}

html[data-theme-resolved="dark"] .form-check-input:checked {
    border-color: #7cc7f1 !important;
    background-color: #7cc7f1 !important;
}

html[data-theme-resolved="dark"] .form-check-input:focus {
    box-shadow: 0 0 0 0.18rem rgba(124, 199, 241, 0.22) !important;
}

html[data-theme-resolved="dark"] .form-check .form-check-sign .check,
html[data-theme-resolved="dark"] .form-check .form-check-sign .check:before,
html[data-theme-resolved="dark"] .form-check .form-check-sign .check:after {
    border-color: #d7e3ec !important;
}

html[data-theme-resolved="dark"] .form-check-radio .form-check-label .circle {
    align-items: center !important;
    border: 2px solid #8fa4b7 !important;
    display: inline-flex !important;
    justify-content: center !important;
}

html[data-theme-resolved="dark"] .form-check-radio .form-check-input:checked ~ .circle {
    border-color: #7cc7f1 !important;
}

html[data-theme-resolved="dark"] .form-check-radio .form-check-label .circle .check {
    background-color: #7cc7f1 !important;
    border-radius: 50% !important;
    height: 8px !important;
    margin: 0 !important;
    opacity: 0 !important;
    position: static !important;
    transform: none !important;
    width: 8px !important;
}

html[data-theme-resolved="dark"] .form-check-radio .form-check-input:checked ~ .circle .check {
    opacity: 1 !important;
}

html[data-theme-resolved="dark"] .form-check-label,
html[data-theme-resolved="dark"] label,
html[data-theme-resolved="dark"] legend {
    color: var(--tm-text-soft) !important;
}

html[data-theme-resolved="dark"] .home-metric-card {
    background: linear-gradient(180deg, #1c2631 0%, #202d3a 100%) !important;
    border-color: var(--tm-border) !important;
    box-shadow: var(--tm-shadow) !important;
}

html[data-theme-resolved="dark"] .home-calendar-loader,
html[data-theme-resolved="dark"] .daysoff-calendar-loader,
html[data-theme-resolved="dark"] .holiday-calendar-loader {
    background: rgba(17, 22, 29, 0.9) !important;
}

html[data-theme-resolved="dark"] .home-calendar-spinner,
html[data-theme-resolved="dark"] .daysoff-calendar-spinner,
html[data-theme-resolved="dark"] .holiday-calendar-spinner {
    border-color: rgba(215, 227, 236, 0.16) !important;
    border-top-color: #7cc7f1 !important;
}

html[data-theme-resolved="dark"] .home-metric-label,
html[data-theme-resolved="dark"] .home-metric-note,
html[data-theme-resolved="dark"] .home-upcoming-item,
html[data-theme-resolved="dark"] .home-upcoming-item .text-muted,
html[data-theme-resolved="dark"] .daysoff-overview-hint {
    color: var(--tm-text-soft) !important;
}

html[data-theme-resolved="dark"] .home-metric-value,
html[data-theme-resolved="dark"] .home-metric-value-sm,
html[data-theme-resolved="dark"] .home-upcoming-item strong {
    color: var(--tm-text) !important;
}

html[data-theme-resolved="dark"] .home-upcoming-item {
    border-bottom-color: rgba(255, 255, 255, 0.08) !important;
}

html[data-theme-resolved="dark"] .checkin-landing-loader {
    background: rgba(17, 22, 29, 0.92) !important;
    color: var(--tm-text-soft) !important;
}

html[data-theme-resolved="dark"] .checkin-landing-loader strong,
html[data-theme-resolved="dark"] .checkin-landing-loader span {
    color: var(--tm-text) !important;
}

html[data-theme-resolved="dark"] .checkin-landing-spinner {
    border-color: rgba(124, 199, 241, 0.18) !important;
    border-top-color: #7cc7f1 !important;
}

html[data-theme-resolved="dark"] .calendar,
html[data-theme-resolved="dark"] .calendar .months-container,
html[data-theme-resolved="dark"] .calendar .months-container .month-container,
html[data-theme-resolved="dark"] .calendar table.month,
html[data-theme-resolved="dark"] .calendar .calendar-header {
    background: transparent !important;
    color: var(--tm-text) !important;
}

html[data-theme-resolved="dark"] .calendar .calendar-header {
    border-color: var(--tm-border) !important;
}

html[data-theme-resolved="dark"] .calendar .calendar-header table th,
html[data-theme-resolved="dark"] .calendar table.month th.month-title,
html[data-theme-resolved="dark"] .calendar table.month th.day-header,
html[data-theme-resolved="dark"] .calendar table.month td .day-content,
html[data-theme-resolved="dark"] .calendar .calendar-header .year-title,
html[data-theme-resolved="dark"] .calendar .calendar-header .prev,
html[data-theme-resolved="dark"] .calendar .calendar-header .next {
    color: var(--tm-text) !important;
}

html[data-theme-resolved="dark"] .calendar table.month {
    background: #18212b !important;
    border: 1px solid rgba(215, 227, 236, 0.08) !important;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.02), 0 8px 18px rgba(0, 0, 0, 0.18) !important;
}

html[data-theme-resolved="dark"] .calendar table.month th.month-title {
    background: #202b36 !important;
    color: #dfe9f1 !important;
    border-bottom: 1px solid rgba(215, 227, 236, 0.08) !important;
}

html[data-theme-resolved="dark"] .calendar table.month th.day-header {
    color: #b7c6d2 !important;
}

html[data-theme-resolved="dark"] .calendar table.month td.day .day-content {
    color: #d7e3ec !important;
}

html[data-theme-resolved="dark"] .calendar .calendar-header table th:hover,
html[data-theme-resolved="dark"] table.month td.day .day-content:hover {
    background: var(--tm-surface-soft) !important;
}

html[data-theme-resolved="dark"] .legend,
html[data-theme-resolved="dark"] .legend li,
html[data-theme-resolved="dark"] .legend span,
html[data-theme-resolved="dark"] .daysoff-overview-legend,
html[data-theme-resolved="dark"] .daysoff-overview-dayname,
html[data-theme-resolved="dark"] .daysoff-overview-daynum {
    color: var(--tm-text-soft) !important;
}

html[data-theme-resolved="dark"] .table,
html[data-theme-resolved="dark"] .table thead th,
html[data-theme-resolved="dark"] .table tbody td,
html[data-theme-resolved="dark"] .table tbody th,
html[data-theme-resolved="dark"] .daysoff-overview-calendar,
html[data-theme-resolved="dark"] .daysoff-overview-calendar th,
html[data-theme-resolved="dark"] .daysoff-overview-calendar td {
    background: transparent !important;
    color: var(--tm-text) !important;
}

html[data-theme-resolved="dark"] .daysoff-overview-calendar-wrap {
    border-color: #3a4a59 !important;
    background: #18212b !important;
}

html[data-theme-resolved="dark"] .daysoff-overview-calendar th,
html[data-theme-resolved="dark"] .daysoff-overview-calendar td {
    border-right-color: #344453 !important;
    border-bottom-color: #344453 !important;
}

html[data-theme-resolved="dark"] .daysoff-overview-calendar thead th,
html[data-theme-resolved="dark"] .daysoff-overview-calendar thead .employee-col {
    background: #202b36 !important;
}

html[data-theme-resolved="dark"] .daysoff-overview-calendar .employee-col {
    background: #18212b !important;
    border-right-color: #3b4d5d !important;
}

html[data-theme-resolved="dark"] .daysoff-overview-calendar .is-weekend {
    background: rgba(255, 255, 255, 0.025) !important;
}

html[data-theme-resolved="dark"] .daysoff-overview-calendar .is-holiday {
    background: rgba(79, 124, 255, 0.18) !important;
}

html[data-theme-resolved="dark"] .daysoff-overview-calendar thead .is-holiday {
    background: rgba(79, 124, 255, 0.24) !important;
}

html[data-theme-resolved="dark"] .daysoff-overview-calendar .is-half-holiday {
    background: linear-gradient(
        180deg,
        rgba(79, 124, 255, 0.22) 0%,
        rgba(79, 124, 255, 0.22) 50%,
        rgba(24, 33, 43, 0) 50%,
        rgba(24, 33, 43, 0) 100%
    ) !important;
}

html[data-theme-resolved="dark"] .daysoff-overview-calendar thead .is-half-holiday {
    background: linear-gradient(
        180deg,
        rgba(79, 124, 255, 0.26) 0%,
        rgba(79, 124, 255, 0.26) 50%,
        #202b36 50%,
        #202b36 100%
    ) !important;
}

html[data-theme-resolved="dark"] .table-hover tbody tr:hover,
html[data-theme-resolved="dark"] .table-hover tbody tr:hover td,
html[data-theme-resolved="dark"] .table-hover tbody tr:hover th {
    background: var(--tm-surface-soft) !important;
    color: var(--tm-text) !important;
}

html[data-theme-resolved="dark"] .table .table-secondary,
html[data-theme-resolved="dark"] .table .table-secondary td,
html[data-theme-resolved="dark"] .table .table-secondary th {
    background: #243240 !important;
    color: var(--tm-text) !important;
}

html[data-theme-resolved="dark"] .table-hover .table-secondary:hover,
html[data-theme-resolved="dark"] .table-hover .table-secondary:hover td,
html[data-theme-resolved="dark"] .table-hover .table-secondary:hover th {
    background: #2b3a49 !important;
    color: var(--tm-text) !important;
}

html[data-theme-resolved="dark"] .monthly-report-table tr,
html[data-theme-resolved="dark"] .monthly-report-table td,
html[data-theme-resolved="dark"] .monthly-report-table th {
    background: transparent !important;
}

html[data-theme-resolved="dark"] .monthly-report-table td.text-danger,
html[data-theme-resolved="dark"] .monthly-report-table td.text-danger strong,
html[data-theme-resolved="dark"] .monthly-report-table td.text-danger a {
    color: #ffd479 !important;
}

html[data-theme-resolved="dark"] .monthly-report-period,
html[data-theme-resolved="dark"] .monthly-report-summary,
html[data-theme-resolved="dark"] .monthly-report-week-header,
html[data-theme-resolved="dark"] .monthly-report-week-total {
    background: rgba(255, 255, 255, 0.04) !important;
}

html[data-theme-resolved="dark"] .employee-attendance-badge,
html[data-theme-resolved="dark"] .badge {
    box-shadow: none;
}

html[data-theme-resolved="dark"] .dropdown-menu,
html[data-theme-resolved="dark"] .tm-top-nav .dropdown-menu {
    background: var(--tm-surface) !important;
    border: 1px solid var(--tm-border) !important;
    box-shadow: var(--tm-shadow) !important;
}

html[data-theme-resolved="dark"] .dropdown-divider {
    border-top-color: var(--tm-border) !important;
}

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

html[data-theme-resolved="dark"] .btn.btn-outline-primary,
html[data-theme-resolved="dark"] .btn.btn-outline-info,
html[data-theme-resolved="dark"] .btn.btn-outline-secondary,
html[data-theme-resolved="dark"] .btn.btn-light,
html[data-theme-resolved="dark"] .btn.btn-link.tm-icon-button {
    background: #22303d !important;
    background-color: #22303d !important;
    border-color: #41576a !important;
    color: #dce9f3 !important;
    box-shadow: none !important;
}

html[data-theme-resolved="dark"] .btn.btn-outline-primary:hover,
html[data-theme-resolved="dark"] .btn.btn-outline-info:hover,
html[data-theme-resolved="dark"] .btn.btn-outline-secondary:hover,
html[data-theme-resolved="dark"] .btn.btn-light:hover,
html[data-theme-resolved="dark"] .btn.btn-link.tm-icon-button:hover {
    background: #2a3a49 !important;
    background-color: #2a3a49 !important;
    border-color: #587289 !important;
    color: #ffffff !important;
}

html[data-theme-resolved="dark"] .close {
    color: var(--tm-text);
    text-shadow: none;
}

html[data-theme-resolved="dark"] .modal-title,
html[data-theme-resolved="dark"] #event-modal .modal-title,
html[data-theme-resolved="dark"] #event-modal label,
html[data-theme-resolved="dark"] #event-modal .control-label {
    color: var(--tm-text) !important;
}

html[data-theme-resolved="dark"] .modal-header .close,
html[data-theme-resolved="dark"] #event-modal .modal-header .close {
    background: var(--tm-surface-soft) !important;
    border-color: var(--tm-border) !important;
    color: var(--tm-text) !important;
    opacity: 1 !important;
}

html[data-theme-resolved="dark"] .modal-header .close:hover,
html[data-theme-resolved="dark"] #event-modal .modal-header .close:hover {
    background: var(--tm-surface-muted) !important;
    color: #ffffff !important;
}

html[data-theme-resolved="dark"] #infoButton,
html[data-theme-resolved="dark"] .btn.btn-info.btn-sm.rounded-circle {
    background: #244056 !important;
    border: 1px solid #3d6784 !important;
    color: #dff3ff !important;
    box-shadow: none !important;
}

html[data-theme-resolved="dark"] #infoButton:hover,
html[data-theme-resolved="dark"] .btn.btn-info.btn-sm.rounded-circle:hover {
    background: #2c4d66 !important;
    border-color: #4f7c99 !important;
    color: #ffffff !important;
}

html[data-theme-resolved="dark"] .calendar-context-menu,
html[data-theme-resolved="dark"] .calendar-context-menu .submenu {
    background: #1b2530 !important;
    border: 1px solid var(--tm-border) !important;
    box-shadow: 0 16px 32px rgba(0, 0, 0, 0.32) !important;
    color: var(--tm-text) !important;
}

html[data-theme-resolved="dark"] .calendar-context-menu .item .content,
html[data-theme-resolved="dark"] .calendar-context-menu .item .content .text,
html[data-theme-resolved="dark"] .calendar-context-menu .item .content .arrow {
    color: var(--tm-text) !important;
}

html[data-theme-resolved="dark"] .calendar-context-menu .item .content:hover {
    background: #263444 !important;
    color: #ffffff !important;
}

html[data-theme-resolved="dark"] .swal2-container .swal2-popup {
    background: #1b2530 !important;
    border: 1px solid var(--tm-border) !important;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.34) !important;
    color: var(--tm-text) !important;
}

html[data-theme-resolved="dark"] .swal2-title,
html[data-theme-resolved="dark"] .swal2-html-container,
html[data-theme-resolved="dark"] .swal2-content,
html[data-theme-resolved="dark"] .custom-swal-text,
html[data-theme-resolved="dark"] .custom-swal-text p,
html[data-theme-resolved="dark"] .custom-swal-text li,
html[data-theme-resolved="dark"] .custom-swal-text strong {
    color: var(--tm-text) !important;
}

html[data-theme-resolved="dark"] .swal2-styled.swal2-confirm {
    background: #dff3ff !important;
    border: 1px solid #a9d8f4 !important;
    color: #1f7fb8 !important;
    box-shadow: none !important;
}

html[data-theme-resolved="dark"] .swal2-styled.swal2-cancel {
    background: #2a3642 !important;
    border: 1px solid #4a5c6c !important;
    color: #d7e3ec !important;
    box-shadow: none !important;
}

html[data-theme-resolved="dark"] .swal2-close {
    color: var(--tm-text-soft) !important;
}

html[data-theme-resolved="dark"] .swal2-close:hover {
    color: #ffffff !important;
}