/* ==========================================================================
   EZFast - dark-mode visibility fixes
   --------------------------------------------------------------------------
   Loaded after ez-design / ez-patient / ez-admin / ez-doctor by _MyLayout and
   _EzLayout. Everything here applies in DARK only and uses the design tokens:

     1. the red tokens the other files already reference (--danger-ink had no
        value, so error text fell back to a dark red that vanishes on dark)
     2. Bootstrap / legacy-module colours that stay light unless overridden:
        alerts, text-* and bg-* utilities, validation messages, placeholders,
        plain tables, cards, menus, tabs, pagination, accordions
     3. pages that are not on the new design yet (no .ez-page) stay one
        consistent light page instead of a half-dark one

   Not touched on purpose: .ez-disclaimer (same yellow in both modes), the white
   text on brand-green buttons, and ez-admin-theme-test.css (light-only).

   The rules exist twice, byte for byte: once for the forced theme
   (:root[data-theme="dark"]) and once for the operating-system theme
   (inside prefers-color-scheme: dark, unless light is forced).
   GENERATED from one source list - edit both blocks together.
   ========================================================================== */

/* Tokens */
:root {
    --danger-ink: #B3261E;
    --danger-solid: #B3261E;
    --danger-tint: #FBE7E4;
    --danger-tint-line: #F0BDB7;
}

:root[data-theme="dark"] {
    --danger-ink: #FF9C94;
    --danger-tint: #3A1D1A;
    --danger-tint-line: #6B312B;
}

@media (prefers-color-scheme: dark) {
    :root:not([data-theme="light"]) {
        --danger-ink: #FF9C94;
        --danger-tint: #3A1D1A;
        --danger-tint-line: #6B312B;
    }
}

/* ==========================================================================
   Forced dark (data-theme="dark")
   ========================================================================== */

:root[data-theme="dark"]:not(:has(.ez-page)) {
    color-scheme: light;
}

:root[data-theme="dark"] .ez-page .alert {
    color: var(--ink);
    background-color: var(--surface-muted);
    border-color: var(--line);
}

:root[data-theme="dark"] .ez-page .alert-warning {
    color: var(--ink);
    background-color: var(--sun-panel);
    border-color: var(--sun-panel-line);
}

:root[data-theme="dark"] .ez-page .alert-primary,
:root[data-theme="dark"] .ez-page .alert-success,
:root[data-theme="dark"] .ez-page .alert-info {
    color: var(--accent-tint-ink);
    background-color: var(--accent-tint);
    border-color: var(--accent-tint-line);
}

:root[data-theme="dark"] .ez-page .alert-danger {
    color: var(--danger-ink);
    background-color: var(--danger-tint);
    border-color: var(--danger-tint-line);
}

:root[data-theme="dark"] .ez-page .alert .alert-link,
:root[data-theme="dark"] .ez-page .alert a:not(.btn) {
    color: inherit;
    text-decoration: underline;
}

:root[data-theme="dark"] .ez-page .bg-white,
:root[data-theme="dark"] .ez-page .bg-light,
:root[data-theme="dark"] .ez-page .bg-body,
:root[data-theme="dark"] .ez-page .table-light {
    background-color: var(--surface) !important;
    color: var(--ink);
}

:root[data-theme="dark"] .ez-page .text-black,
:root[data-theme="dark"] .ez-page .text-body,
:root[data-theme="dark"] .ez-page .text-dark:not(.bg-warning):not(.bg-info):not(.btn-warning):not(.btn-info) {
    color: var(--ink) !important;
}

:root[data-theme="dark"] .ez-page .text-muted,
:root[data-theme="dark"] .ez-page .text-secondary,
:root[data-theme="dark"] .ez-page .text-black-50,
:root[data-theme="dark"] .ez-page .form-text {
    color: var(--ink-3) !important;
}

:root[data-theme="dark"] .ez-page .text-danger {
    color: var(--danger-ink) !important;
}

:root[data-theme="dark"] .ez-page .text-success,
:root[data-theme="dark"] .ez-page .text-primary,
:root[data-theme="dark"] .ez-page .link-primary,
:root[data-theme="dark"] .ez-page a.link-primary {
    color: var(--accent-ink) !important;
}

:root[data-theme="dark"] .ez-page .text-warning {
    color: var(--sun) !important;
}

:root[data-theme="dark"] .ez-page .border,
:root[data-theme="dark"] .ez-page .border-top,
:root[data-theme="dark"] .ez-page .border-bottom,
:root[data-theme="dark"] .ez-page .border-start,
:root[data-theme="dark"] .ez-page .border-end {
    border-color: var(--line) !important;
}

:root[data-theme="dark"] .ez-page hr {
    color: var(--line);
}

:root[data-theme="dark"] .ez-page .badge.bg-light,
:root[data-theme="dark"] .ez-page .badge.bg-white {
    background-color: var(--chip) !important;
    color: var(--ink) !important;
}

:root[data-theme="dark"] .ez-page .invalid-feedback {
    color: var(--danger-ink);
}

:root[data-theme="dark"] .ez-page .valid-feedback {
    color: var(--accent-ink);
}

:root[data-theme="dark"] .ez-page .form-control.is-invalid,
:root[data-theme="dark"] .ez-page .form-select.is-invalid {
    border-color: var(--danger-ink);
}

:root[data-theme="dark"] .ez-page .form-control.is-valid,
:root[data-theme="dark"] .ez-page .form-select.is-valid {
    border-color: var(--accent-ink);
}

:root[data-theme="dark"] .ez-page .form-control::placeholder,
:root[data-theme="dark"] .ez-page input::placeholder,
:root[data-theme="dark"] .ez-page textarea::placeholder {
    color: var(--ink-3);
    opacity: 1;
}

:root[data-theme="dark"] .ez-page .input-group-text {
    color: var(--ink-2);
    background-color: var(--surface-muted);
    border-color: var(--field-line);
}

:root[data-theme="dark"] .ez-page select option,
:root[data-theme="dark"] .ez-page select optgroup {
    color: var(--ink);
    background-color: var(--surface);
}

:root[data-theme="dark"] .ez-page .form-control:disabled,
:root[data-theme="dark"] .ez-page .form-select:disabled,
:root[data-theme="dark"] .ez-page .form-control[readonly] {
    color: var(--disabled-ink);
    background-color: var(--disabled-bg);
}

:root[data-theme="dark"] .ez-page .btn-link {
    color: var(--accent-ink);
}

:root[data-theme="dark"] .ez-page .btn-link:hover,
:root[data-theme="dark"] .ez-page .btn-link:focus {
    color: var(--accent-tint-ink);
}

:root[data-theme="dark"] .ez-page .table:not(.table-admin):not(.table-doctor) {
    --bs-table-color: var(--ink);
    --bs-table-bg: transparent;
    --bs-table-border-color: var(--line);
    --bs-table-striped-color: var(--ink);
    --bs-table-striped-bg: var(--surface-muted);
    --bs-table-hover-color: var(--ink);
    --bs-table-hover-bg: var(--accent-tint-2);
    --bs-table-active-color: var(--ink);
    --bs-table-active-bg: var(--accent-tint);
    color: var(--ink);
    border-color: var(--line);
}

:root[data-theme="dark"] .ez-page .table > thead.table-light > tr > *,
:root[data-theme="dark"] .ez-page .table > .table-light > * > * {
    color: var(--ink);
    background-color: var(--surface-muted);
    border-color: var(--line);
}

:root[data-theme="dark"] .ez-page .card,
:root[data-theme="dark"] .ez-page .list-group-item,
:root[data-theme="dark"] .ez-page .popover,
:root[data-theme="dark"] .ez-page .offcanvas,
:root[data-theme="dark"] .ez-page .dropdown-menu:not(.ez-portal-dropdown) {
    color: var(--ink);
    background-color: var(--surface);
    border-color: var(--line);
}

:root[data-theme="dark"] .ez-page .card-header,
:root[data-theme="dark"] .ez-page .card-footer {
    color: var(--ink);
    background-color: var(--surface-muted);
    border-color: var(--line);
}

:root[data-theme="dark"] .ez-page .list-group-item.active {
    color: var(--accent-tint-ink);
    background-color: var(--accent-tint);
    border-color: var(--accent-tint-line);
}

:root[data-theme="dark"] .ez-page .dropdown-item {
    color: var(--ink);
}

:root[data-theme="dark"] .ez-page .dropdown-item:hover,
:root[data-theme="dark"] .ez-page .dropdown-item:focus {
    color: var(--ink);
    background-color: var(--surface-muted);
}

:root[data-theme="dark"] .ez-page .dropdown-divider {
    border-top-color: var(--line);
}

:root[data-theme="dark"] .ez-page .nav-tabs {
    border-bottom-color: var(--line);
}

:root[data-theme="dark"] .ez-page .nav-tabs .nav-link {
    color: var(--accent-ink);
}

:root[data-theme="dark"] .ez-page .nav-tabs .nav-link:hover,
:root[data-theme="dark"] .ez-page .nav-tabs .nav-link:focus {
    border-color: var(--line) var(--line) transparent;
}

:root[data-theme="dark"] .ez-page .nav-tabs .nav-link.active,
:root[data-theme="dark"] .ez-page .nav-tabs .nav-item.show .nav-link {
    color: var(--ink);
    background-color: var(--surface);
    border-color: var(--line) var(--line) var(--surface);
}

:root[data-theme="dark"] .ez-page .nav-tabs .nav-link.disabled,
:root[data-theme="dark"] .ez-page .nav-pills .nav-link.disabled {
    color: var(--ink-faint);
}

:root[data-theme="dark"] .ez-page .nav-pills .nav-link.active {
    color: var(--accent-tint-ink);
    background-color: var(--accent-tint);
}

:root[data-theme="dark"] .ez-page .page-link {
    color: var(--accent-ink);
    background-color: var(--surface);
    border-color: var(--line);
}

:root[data-theme="dark"] .ez-page .page-link:hover,
:root[data-theme="dark"] .ez-page .page-link:focus {
    color: var(--accent-ink);
    background-color: var(--surface-muted);
    border-color: var(--line);
}

:root[data-theme="dark"] .ez-page .page-item.active .page-link {
    color: var(--accent-tint-ink);
    background-color: var(--accent-tint);
    border-color: var(--accent-tint-line);
}

:root[data-theme="dark"] .ez-page .page-item.disabled .page-link {
    color: var(--ink-faint);
    background-color: var(--surface-muted);
    border-color: var(--line);
}

:root[data-theme="dark"] .ez-page .accordion-item {
    color: var(--ink);
    background-color: var(--surface);
}

:root[data-theme="dark"] .ez-page .accordion-body {
    color: var(--ink);
}

:root[data-theme="dark"] .ez-page .medical-wrapper-5 .accordion-button,
:root[data-theme="dark"] .ez-page .medical-wrapper-5 .accordion-button.collapsed {
    color: var(--accent-tint-ink) !important;
    background-color: var(--accent-tint) !important;
}

:root[data-theme="dark"] .ez-page .breadcrumb-item,
:root[data-theme="dark"] .ez-page .breadcrumb-item.active,
:root[data-theme="dark"] .ez-page .breadcrumb-item + .breadcrumb-item::before {
    color: var(--ink-3);
}

:root[data-theme="dark"] .ez-page .progress {
    background-color: var(--chip);
}

:root[data-theme="dark"] .ez-page .ez-status-pill.tone-red,
:root[data-theme="dark"] .ez-page .ez-status-icon.tone-red {
    color: var(--danger-ink);
    background: var(--danger-tint);
}

:root[data-theme="dark"] .ez-page .ez-portal-icon-dot {
    background: var(--danger-solid) !important;
}

:root[data-theme="dark"] .ez-page .ez-doctor-hours.business-hour .slot-card .delete-slot-btn:hover,
:root[data-theme="dark"] .ez-page .ez-doctor-hours.business-hour .slot-card .delete-slot-btn:focus-visible {
    background: var(--danger-solid) !important;
    border-color: var(--danger-solid);
}

:root[data-theme="dark"] .ez-page .common-profile-container:not(.doctor):not(.doctor-profile-container),
:root[data-theme="dark"] .ez-page .patient-profile-container:not(.doctor),
:root[data-theme="dark"] .ez-page .partner-profile-container:not(.doctor),
:root[data-theme="dark"] .ez-page .admin-profile-container:not(.doctor),
:root[data-theme="dark"] .ez-page .profile-container .profile-wrapper,
:root[data-theme="dark"] .ez-page .contact-admin .personal-info,
:root[data-theme="dark"] .ez-page .contact-admin .contact-details,
:root[data-theme="dark"] .ez-page .card-documentation {
    color: var(--ink);
    background: var(--surface);
    border-color: var(--line);
}

:root[data-theme="dark"] .ez-page .edit-icon-svg {
    background: var(--surface-muted);
}

:root[data-theme="dark"] .toast .progress {
    background-color: transparent;
}

:root[data-theme="dark"] :where(.ez-page tr td:first-child) {
    color: var(--ink);
}

:root[data-theme="dark"] :where(.ez-page .table-doctor) {
    --bs-table-color: var(--ink);
}

/* ==========================================================================
   Dark from the operating system (unless light is forced)
   ========================================================================== */

@media (prefers-color-scheme: dark) {

    :root:not([data-theme="light"]):not(:has(.ez-page)) {
        color-scheme: light;
    }

    :root:not([data-theme="light"]) .ez-page .alert {
        color: var(--ink);
        background-color: var(--surface-muted);
        border-color: var(--line);
    }

    :root:not([data-theme="light"]) .ez-page .alert-warning {
        color: var(--ink);
        background-color: var(--sun-panel);
        border-color: var(--sun-panel-line);
    }

    :root:not([data-theme="light"]) .ez-page .alert-primary,
    :root:not([data-theme="light"]) .ez-page .alert-success,
    :root:not([data-theme="light"]) .ez-page .alert-info {
        color: var(--accent-tint-ink);
        background-color: var(--accent-tint);
        border-color: var(--accent-tint-line);
    }

    :root:not([data-theme="light"]) .ez-page .alert-danger {
        color: var(--danger-ink);
        background-color: var(--danger-tint);
        border-color: var(--danger-tint-line);
    }

    :root:not([data-theme="light"]) .ez-page .alert .alert-link,
    :root:not([data-theme="light"]) .ez-page .alert a:not(.btn) {
        color: inherit;
        text-decoration: underline;
    }

    :root:not([data-theme="light"]) .ez-page .bg-white,
    :root:not([data-theme="light"]) .ez-page .bg-light,
    :root:not([data-theme="light"]) .ez-page .bg-body,
    :root:not([data-theme="light"]) .ez-page .table-light {
        background-color: var(--surface) !important;
        color: var(--ink);
    }

    :root:not([data-theme="light"]) .ez-page .text-black,
    :root:not([data-theme="light"]) .ez-page .text-body,
    :root:not([data-theme="light"]) .ez-page .text-dark:not(.bg-warning):not(.bg-info):not(.btn-warning):not(.btn-info) {
        color: var(--ink) !important;
    }

    :root:not([data-theme="light"]) .ez-page .text-muted,
    :root:not([data-theme="light"]) .ez-page .text-secondary,
    :root:not([data-theme="light"]) .ez-page .text-black-50,
    :root:not([data-theme="light"]) .ez-page .form-text {
        color: var(--ink-3) !important;
    }

    :root:not([data-theme="light"]) .ez-page .text-danger {
        color: var(--danger-ink) !important;
    }

    :root:not([data-theme="light"]) .ez-page .text-success,
    :root:not([data-theme="light"]) .ez-page .text-primary,
    :root:not([data-theme="light"]) .ez-page .link-primary,
    :root:not([data-theme="light"]) .ez-page a.link-primary {
        color: var(--accent-ink) !important;
    }

    :root:not([data-theme="light"]) .ez-page .text-warning {
        color: var(--sun) !important;
    }

    :root:not([data-theme="light"]) .ez-page .border,
    :root:not([data-theme="light"]) .ez-page .border-top,
    :root:not([data-theme="light"]) .ez-page .border-bottom,
    :root:not([data-theme="light"]) .ez-page .border-start,
    :root:not([data-theme="light"]) .ez-page .border-end {
        border-color: var(--line) !important;
    }

    :root:not([data-theme="light"]) .ez-page hr {
        color: var(--line);
    }

    :root:not([data-theme="light"]) .ez-page .badge.bg-light,
    :root:not([data-theme="light"]) .ez-page .badge.bg-white {
        background-color: var(--chip) !important;
        color: var(--ink) !important;
    }

    :root:not([data-theme="light"]) .ez-page .invalid-feedback {
        color: var(--danger-ink);
    }

    :root:not([data-theme="light"]) .ez-page .valid-feedback {
        color: var(--accent-ink);
    }

    :root:not([data-theme="light"]) .ez-page .form-control.is-invalid,
    :root:not([data-theme="light"]) .ez-page .form-select.is-invalid {
        border-color: var(--danger-ink);
    }

    :root:not([data-theme="light"]) .ez-page .form-control.is-valid,
    :root:not([data-theme="light"]) .ez-page .form-select.is-valid {
        border-color: var(--accent-ink);
    }

    :root:not([data-theme="light"]) .ez-page .form-control::placeholder,
    :root:not([data-theme="light"]) .ez-page input::placeholder,
    :root:not([data-theme="light"]) .ez-page textarea::placeholder {
        color: var(--ink-3);
        opacity: 1;
    }

    :root:not([data-theme="light"]) .ez-page .input-group-text {
        color: var(--ink-2);
        background-color: var(--surface-muted);
        border-color: var(--field-line);
    }

    :root:not([data-theme="light"]) .ez-page select option,
    :root:not([data-theme="light"]) .ez-page select optgroup {
        color: var(--ink);
        background-color: var(--surface);
    }

    :root:not([data-theme="light"]) .ez-page .form-control:disabled,
    :root:not([data-theme="light"]) .ez-page .form-select:disabled,
    :root:not([data-theme="light"]) .ez-page .form-control[readonly] {
        color: var(--disabled-ink);
        background-color: var(--disabled-bg);
    }

    :root:not([data-theme="light"]) .ez-page .btn-link {
        color: var(--accent-ink);
    }

    :root:not([data-theme="light"]) .ez-page .btn-link:hover,
    :root:not([data-theme="light"]) .ez-page .btn-link:focus {
        color: var(--accent-tint-ink);
    }

    :root:not([data-theme="light"]) .ez-page .table:not(.table-admin):not(.table-doctor) {
        --bs-table-color: var(--ink);
        --bs-table-bg: transparent;
        --bs-table-border-color: var(--line);
        --bs-table-striped-color: var(--ink);
        --bs-table-striped-bg: var(--surface-muted);
        --bs-table-hover-color: var(--ink);
        --bs-table-hover-bg: var(--accent-tint-2);
        --bs-table-active-color: var(--ink);
        --bs-table-active-bg: var(--accent-tint);
        color: var(--ink);
        border-color: var(--line);
    }

    :root:not([data-theme="light"]) .ez-page .table > thead.table-light > tr > *,
    :root:not([data-theme="light"]) .ez-page .table > .table-light > * > * {
        color: var(--ink);
        background-color: var(--surface-muted);
        border-color: var(--line);
    }

    :root:not([data-theme="light"]) .ez-page .card,
    :root:not([data-theme="light"]) .ez-page .list-group-item,
    :root:not([data-theme="light"]) .ez-page .popover,
    :root:not([data-theme="light"]) .ez-page .offcanvas,
    :root:not([data-theme="light"]) .ez-page .dropdown-menu:not(.ez-portal-dropdown) {
        color: var(--ink);
        background-color: var(--surface);
        border-color: var(--line);
    }

    :root:not([data-theme="light"]) .ez-page .card-header,
    :root:not([data-theme="light"]) .ez-page .card-footer {
        color: var(--ink);
        background-color: var(--surface-muted);
        border-color: var(--line);
    }

    :root:not([data-theme="light"]) .ez-page .list-group-item.active {
        color: var(--accent-tint-ink);
        background-color: var(--accent-tint);
        border-color: var(--accent-tint-line);
    }

    :root:not([data-theme="light"]) .ez-page .dropdown-item {
        color: var(--ink);
    }

    :root:not([data-theme="light"]) .ez-page .dropdown-item:hover,
    :root:not([data-theme="light"]) .ez-page .dropdown-item:focus {
        color: var(--ink);
        background-color: var(--surface-muted);
    }

    :root:not([data-theme="light"]) .ez-page .dropdown-divider {
        border-top-color: var(--line);
    }

    :root:not([data-theme="light"]) .ez-page .nav-tabs {
        border-bottom-color: var(--line);
    }

    :root:not([data-theme="light"]) .ez-page .nav-tabs .nav-link {
        color: var(--accent-ink);
    }

    :root:not([data-theme="light"]) .ez-page .nav-tabs .nav-link:hover,
    :root:not([data-theme="light"]) .ez-page .nav-tabs .nav-link:focus {
        border-color: var(--line) var(--line) transparent;
    }

    :root:not([data-theme="light"]) .ez-page .nav-tabs .nav-link.active,
    :root:not([data-theme="light"]) .ez-page .nav-tabs .nav-item.show .nav-link {
        color: var(--ink);
        background-color: var(--surface);
        border-color: var(--line) var(--line) var(--surface);
    }

    :root:not([data-theme="light"]) .ez-page .nav-tabs .nav-link.disabled,
    :root:not([data-theme="light"]) .ez-page .nav-pills .nav-link.disabled {
        color: var(--ink-faint);
    }

    :root:not([data-theme="light"]) .ez-page .nav-pills .nav-link.active {
        color: var(--accent-tint-ink);
        background-color: var(--accent-tint);
    }

    :root:not([data-theme="light"]) .ez-page .page-link {
        color: var(--accent-ink);
        background-color: var(--surface);
        border-color: var(--line);
    }

    :root:not([data-theme="light"]) .ez-page .page-link:hover,
    :root:not([data-theme="light"]) .ez-page .page-link:focus {
        color: var(--accent-ink);
        background-color: var(--surface-muted);
        border-color: var(--line);
    }

    :root:not([data-theme="light"]) .ez-page .page-item.active .page-link {
        color: var(--accent-tint-ink);
        background-color: var(--accent-tint);
        border-color: var(--accent-tint-line);
    }

    :root:not([data-theme="light"]) .ez-page .page-item.disabled .page-link {
        color: var(--ink-faint);
        background-color: var(--surface-muted);
        border-color: var(--line);
    }

    :root:not([data-theme="light"]) .ez-page .accordion-item {
        color: var(--ink);
        background-color: var(--surface);
    }

    :root:not([data-theme="light"]) .ez-page .accordion-body {
        color: var(--ink);
    }

    :root:not([data-theme="light"]) .ez-page .medical-wrapper-5 .accordion-button,
    :root:not([data-theme="light"]) .ez-page .medical-wrapper-5 .accordion-button.collapsed {
        color: var(--accent-tint-ink) !important;
        background-color: var(--accent-tint) !important;
    }

    :root:not([data-theme="light"]) .ez-page .breadcrumb-item,
    :root:not([data-theme="light"]) .ez-page .breadcrumb-item.active,
    :root:not([data-theme="light"]) .ez-page .breadcrumb-item + .breadcrumb-item::before {
        color: var(--ink-3);
    }

    :root:not([data-theme="light"]) .ez-page .progress {
        background-color: var(--chip);
    }

    :root:not([data-theme="light"]) .ez-page .ez-status-pill.tone-red,
    :root:not([data-theme="light"]) .ez-page .ez-status-icon.tone-red {
        color: var(--danger-ink);
        background: var(--danger-tint);
    }

    :root:not([data-theme="light"]) .ez-page .ez-portal-icon-dot {
        background: var(--danger-solid) !important;
    }

    :root:not([data-theme="light"]) .ez-page .ez-doctor-hours.business-hour .slot-card .delete-slot-btn:hover,
    :root:not([data-theme="light"]) .ez-page .ez-doctor-hours.business-hour .slot-card .delete-slot-btn:focus-visible {
        background: var(--danger-solid) !important;
        border-color: var(--danger-solid);
    }

    :root:not([data-theme="light"]) .ez-page .common-profile-container:not(.doctor):not(.doctor-profile-container),
    :root:not([data-theme="light"]) .ez-page .patient-profile-container:not(.doctor),
    :root:not([data-theme="light"]) .ez-page .partner-profile-container:not(.doctor),
    :root:not([data-theme="light"]) .ez-page .admin-profile-container:not(.doctor),
    :root:not([data-theme="light"]) .ez-page .profile-container .profile-wrapper,
    :root:not([data-theme="light"]) .ez-page .contact-admin .personal-info,
    :root:not([data-theme="light"]) .ez-page .contact-admin .contact-details,
    :root:not([data-theme="light"]) .ez-page .card-documentation {
        color: var(--ink);
        background: var(--surface);
        border-color: var(--line);
    }

    :root:not([data-theme="light"]) .ez-page .edit-icon-svg {
        background: var(--surface-muted);
    }

    :root:not([data-theme="light"]) .toast .progress {
        background-color: transparent;
    }

    :root:not([data-theme="light"]) :where(.ez-page tr td:first-child) {
        color: var(--ink);
    }

    :root:not([data-theme="light"]) :where(.ez-page .table-doctor) {
        --bs-table-color: var(--ink);
    }

}