/*
 * ENUV admin — dark theme. Active when <html> has class "enuv-dark" (header toggle,
 * resources/js/Composables/useTheme.ts); loaded after every other admin stylesheet.
 * Same navy palette as the PrimeVue preset (resources/js/theme/enuvPreset.ts, colorScheme.dark).
 * The legacy style.css dark rules are switched on too (theme="dark" on <html>); their gray
 * palette is remapped here through the variables they read.
 */

html.enuv-dark {
    color-scheme: dark;

    --d-canvas: #0f1521;
    --d-card: #172030;
    --d-raised: #1e293b;
    --d-input: #0f1521;
    --d-line: #2a3548;
    --d-line-strong: #344054;
    --d-ink: #e5e9f0;
    --d-ink-soft: #cbd3df;
    --d-muted: #94a3b8;
    --d-blue: #5aa3dc;
    --d-green: #34c08a;

    /* ENUV theme tokens */
    --enuv-ink: var(--d-ink);
    --enuv-muted: var(--d-muted);
    --enuv-line: var(--d-line);
    --enuv-canvas: var(--d-canvas);
    --enuv-card: var(--d-card);
    --enuv-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.3), 0 8px 24px rgba(0, 0, 0, 0.25);
    --enuv-shadow-md: 0 4px 10px rgba(0, 0, 0, 0.3), 0 16px 36px rgba(0, 0, 0, 0.3);
    --enuv-shadow-lg: 0 10px 28px rgba(0, 0, 0, 0.35);
    --enuv-slim-border: var(--d-line);
    --enuv-slim-bg: var(--d-card);
    --enuv-slim-muted: var(--d-muted);
    --enuv-slim-soft: var(--d-raised);

    /* Bootstrap 5.2 + legacy style.css tokens */
    --bs-body-color: var(--d-ink-soft);
    --bs-body-color-rgb: 203, 211, 223;
    --bs-body-bg: var(--d-canvas);
    --bs-body-bg-rgb: 15, 21, 33;
    --bs-white: var(--d-card);
    --bs-white-rgb: 23, 32, 48;
    --bs-light: var(--d-raised);
    --bs-light-rgb: 30, 41, 59;
    --bs-dark: var(--d-ink);
    --bs-border-color: var(--d-line);
    --bs-border-rgb: 42, 53, 72;
    --bs-secondary-color: var(--d-muted);
    --bs-link-color: var(--d-blue);
    --bs-link-hover-color: #8cc0ea;
    --title-color: var(--d-ink);
    --title-color-rgb: 229, 233, 240;
    --absolute-white: var(--d-ink);
    --secondary-body-color: var(--d-muted);
    --input-bg: var(--d-input);
    --disable-input-bg: var(--d-raised);
    --input-border-color-active: #4c96cf;
    --drop-status: var(--d-raised);
    --bs-fafafa: rgba(255, 255, 255, 0.03);
    --bs-section-bg: rgba(255, 255, 255, 0.03);
    --bg-editor: var(--d-raised);

    /* Brand: a lighter blue reads on navy and still carries white button text. */
    --bs-primary: #2f84c4;
    --bs-primary-rgb: 47, 132, 196;
    --bs-secondary: #1d3550;
    --enuv-blue-soft: rgba(90, 163, 220, 0.14);
}

html.enuv-dark body {
    background: var(--d-canvas);
    color: var(--d-ink-soft);
}

/* ---------- Text ---------- */
html.enuv-dark h1, html.enuv-dark h2, html.enuv-dark h3,
html.enuv-dark h4, html.enuv-dark h5, html.enuv-dark h6,
html.enuv-dark .h1, html.enuv-dark .h2, html.enuv-dark .h3,
html.enuv-dark .h4, html.enuv-dark .h5, html.enuv-dark .h6,
html.enuv-dark strong, html.enuv-dark b, html.enuv-dark label,
html.enuv-dark .text-dark, html.enuv-dark .title-color,
html.enuv-dark .enuv-tx-title, html.enuv-dark .enuv-tx-section-title {
    color: var(--d-ink) !important;
}
html.enuv-dark .text-muted, html.enuv-dark .text-secondary, html.enuv-dark small.text-muted,
html.enuv-dark .enuv-tx-lead, html.enuv-dark .form-text {
    color: var(--d-muted) !important;
}
html.enuv-dark .text-primary, html.enuv-dark .enuv-tx-kicker { color: var(--d-blue) !important; }
html.enuv-dark .text-success { color: var(--d-green) !important; }
html.enuv-dark .text-danger { color: #f87171 !important; }
html.enuv-dark .text-warning { color: #fbbf24 !important; }
html.enuv-dark a:not(.btn):not(.p-button):not(.nav-link):not(.dropdown-item):not(.enuv-tx-btn):not([class*="badge"]) {
    color: var(--d-blue);
}
html.enuv-dark .text-reset { color: inherit !important; }

/* ---------- Surfaces ---------- */
html.enuv-dark .card,
html.enuv-dark .card-header,
html.enuv-dark .card-footer,
html.enuv-dark .modal-content,
html.enuv-dark .dropdown-menu,
html.enuv-dark .popover,
html.enuv-dark .list-group-item,
html.enuv-dark .bg-white,
html.enuv-dark .bg-body,
html.enuv-dark .enuv-notify-panel {
    background-color: var(--d-card) !important;
    color: var(--d-ink-soft);
    border-color: var(--d-line) !important;
}
html.enuv-dark .bg-light,
html.enuv-dark .bg-F6F6F6,
html.enuv-dark .bg-fafafa,
html.enuv-dark .bg-soft,
html.enuv-dark .bg-primary-light {
    background-color: var(--d-raised) !important;
}
html.enuv-dark .border,
html.enuv-dark .border-top, html.enuv-dark .border-bottom,
html.enuv-dark .border-start, html.enuv-dark .border-end,
html.enuv-dark hr {
    border-color: var(--d-line) !important;
}

/* Glassy ENUV blocks (hero, metrics, panels, filters) */
html.enuv-dark .enuv-tx-hero {
    background:
        radial-gradient(120% 160% at 0% 0%, rgba(90, 163, 220, 0.14), transparent 55%),
        radial-gradient(90% 120% at 100% 0%, rgba(52, 192, 138, 0.10), transparent 50%),
        var(--d-card);
    border-color: var(--d-line);
}
html.enuv-dark .enuv-tx-metric,
html.enuv-dark .enuv-tx-panel,
html.enuv-dark .enuv-tx-filters,
html.enuv-dark .enuv-pm-card,
html.enuv-dark .enuv-pm-core {
    background: var(--d-card);
    border-color: var(--d-line);
}
html.enuv-dark .enuv-tx-metric__label,
html.enuv-dark .enuv-tx-label { color: var(--d-muted) !important; }
html.enuv-dark .enuv-tx-metric__value { color: var(--d-ink); }
html.enuv-dark .enuv-tx-metric.is-credit .enuv-tx-metric__value { color: var(--d-green); }
html.enuv-dark .enuv-tx-metric.is-debit .enuv-tx-metric__value { color: #f87171; }
html.enuv-dark .enuv-tx-metric.is-pix .enuv-tx-metric__value { color: var(--d-blue); }
html.enuv-dark .enuv-tx-input {
    background: var(--d-input);
    border-color: var(--d-line-strong);
    color: var(--d-ink);
}
html.enuv-dark .enuv-tx-btn.is-ghost,
html.enuv-dark .enuv-tx-detail,
html.enuv-dark .enuv-wallet-hub-nav__item,
html.enuv-dark .enuv-wallet-chip {
    background: var(--d-raised);
    color: var(--d-ink-soft);
    border-color: var(--d-line);
}

/* ---------- Header and sidebar ---------- */
html.enuv-dark .header,
html.enuv-dark .enuv-header {
    background: rgba(15, 21, 33, 0.92) !important;
    border-color: var(--d-line) !important;
    box-shadow: 0 1px 0 var(--d-line);
}
html.enuv-dark .enuv-header-tool-ico,
html.enuv-dark .enuv-header-clock {
    background: var(--d-raised);
    border-color: var(--d-line);
    color: var(--d-ink-soft);
}
html.enuv-dark .enuv-aside.aside,
html.enuv-dark .aside,
html.enuv-dark .aside-header,
html.enuv-dark .aside-body {
    background: var(--d-card) !important;
    border-color: var(--d-line) !important;
}
html.enuv-dark .aside a,
html.enuv-dark .aside .nav-link,
html.enuv-dark .aside .main-nav span {
    color: var(--d-ink-soft);
}
html.enuv-dark .enuv-aside-search .search-form__input,
html.enuv-dark .enuv-aside-search .search-form__input:focus {
    background: var(--d-input);
    color: var(--d-ink);
    border-color: var(--d-line);
}

/* ---------- Tables ---------- */
html.enuv-dark .table {
    --bs-table-color: var(--d-ink-soft);
    --bs-table-bg: transparent;
    --bs-table-border-color: var(--d-line);
    --bs-table-striped-bg: rgba(255, 255, 255, 0.025);
    --bs-table-striped-color: var(--d-ink-soft);
    --bs-table-hover-bg: rgba(255, 255, 255, 0.045);
    --bs-table-hover-color: var(--d-ink);
    color: var(--d-ink-soft);
}
html.enuv-dark .table thead th,
html.enuv-dark .enuv-admin-shell .table thead th,
html.enuv-dark .enuv-tx-table thead th {
    background: var(--d-raised) !important;
    color: var(--d-muted) !important;
    border-color: var(--d-line) !important;
}
html.enuv-dark .enuv-tx-table td { border-color: var(--d-line); }

/* ---------- Forms (Bootstrap) ---------- */
html.enuv-dark .form-control,
html.enuv-dark .form-select,
html.enuv-dark .input-group-text,
html.enuv-dark textarea {
    background-color: var(--d-input);
    color: var(--d-ink);
    border-color: var(--d-line-strong);
}
html.enuv-dark .form-control::placeholder,
html.enuv-dark textarea::placeholder { color: #64748b; }
html.enuv-dark .form-control:disabled,
html.enuv-dark .form-control[readonly] { background-color: var(--d-raised); }
html.enuv-dark .form-check-input:not(:checked) { background-color: var(--d-input); border-color: var(--d-line-strong); }

/* ---------- Buttons, badges, nav ---------- */
html.enuv-dark .btn-light,
html.enuv-dark .btn-outline-secondary,
html.enuv-dark .btn-outline-primary {
    background: var(--d-raised);
    color: var(--d-ink-soft);
    border-color: var(--d-line-strong);
}
html.enuv-dark .btn-close { filter: invert(1) grayscale(1) brightness(1.6); }
html.enuv-dark .badge.bg-light,
html.enuv-dark .badge-soft,
html.enuv-dark .badge-primary {
    background: var(--d-raised) !important;
    color: var(--d-ink-soft) !important;
}
html.enuv-dark .nav-tabs,
html.enuv-dark .nav--tabs,
html.enuv-dark .enuv-admin-shell .nav--tabs,
html.enuv-dark .enuv-admin-shell ul.nav.nav {
    background: transparent !important;
    border-color: var(--d-line) !important;
}
html.enuv-dark .dropdown-item { color: var(--d-ink-soft); }
html.enuv-dark .dropdown-item:hover,
html.enuv-dark .dropdown-item:focus { background: var(--d-raised); color: var(--d-ink); }

/* ---------- Misc ---------- */
html.enuv-dark .upload-zone,
html.enuv-dark .upload-box,
html.enuv-dark .upload-file__img {
    background: var(--d-raised) !important;
    border-color: var(--d-line-strong) !important;
}
html.enuv-dark pre,
html.enuv-dark code,
html.enuv-dark .enuv-tx-pre {
    background: var(--d-input);
    color: var(--d-ink-soft);
}
html.enuv-dark .footer { background: transparent; color: var(--d-muted); border-color: var(--d-line); }
html.enuv-dark ::-webkit-scrollbar-thumb { background: #3a465b; }
html.enuv-dark ::-webkit-scrollbar-track { background: transparent; }

/* ---------- Page canvas (theme rules are more specific than body) ---------- */
html.enuv-dark .enuv-admin-shell,
html.enuv-dark .main-area,
html.enuv-dark .main-content,
html.enuv-dark #enuvMainContent {
    background: var(--d-canvas) !important;
}

/* ---------- Sidebar details ---------- */
html.enuv-dark .enuv-aside .aside-header,
html.enuv-dark .aside-header.enuv-aside-header {
    background: var(--d-card) !important;
    border-color: var(--d-line) !important;
}
html.enuv-dark .enuv-aside .aside-body .nav > li.active > a,
html.enuv-dark .enuv-aside .aside-body .nav > li.open > a,
html.enuv-dark .enuv-aside .aside-body .nav > li.sub-menu-opened > a {
    background: rgba(90, 163, 220, 0.14);
    color: #8cc0ea;
}
html.enuv-dark .enuv-aside .aside-body .nav > li.active > a > i,
html.enuv-dark .enuv-aside .aside-body .nav > li.open > a > i,
html.enuv-dark .enuv-aside .aside-body .nav > li.sub-menu-opened > a > i { color: #8cc0ea; }
html.enuv-dark .enuv-aside .aside-body .nav .sub-menu li > a:hover,
html.enuv-dark .enuv-aside .aside-body .nav .sub-menu li.active > a {
    background: rgba(52, 192, 138, 0.14);
    color: var(--d-green);
}
html.enuv-dark .enuv-aside .link-title { color: inherit; }

/* ---------- Inputs that set their own translucent white ---------- */
html.enuv-dark .form-control,
html.enuv-dark .form-select,
html.enuv-dark .form-control-sm,
html.enuv-dark .form-select-sm {
    background-color: var(--d-input) !important;
    color: var(--d-ink) !important;
    border-color: var(--d-line-strong) !important;
}
html.enuv-dark .form-select {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%2394a3b8' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e") !important;
}
html.enuv-dark form.enuv-tx-filters,
html.enuv-dark .enuv-tx-filters {
    background: var(--d-card) !important;
    border-color: var(--d-line) !important;
}
html.enuv-dark .btn-outline-primary,
html.enuv-dark .btn-outline-secondary,
html.enuv-dark .btn-light {
    background: var(--d-raised) !important;
    color: var(--d-ink-soft) !important;
    border-color: var(--d-line-strong) !important;
}
html.enuv-dark .btn-outline-primary:hover,
html.enuv-dark .btn-check:checked + .btn-outline-primary,
html.enuv-dark .btn-outline-primary.active {
    background: var(--bs-primary) !important;
    color: #fff !important;
    border-color: var(--bs-primary) !important;
}
html.enuv-dark .enuv-tx-btn.is-ghost { color: #8cc0ea !important; }

/* ---------- Alerts ---------- */
html.enuv-dark .alert-danger { background: rgba(239, 68, 68, 0.12); border-color: rgba(239, 68, 68, 0.35); color: #fca5a5; }
html.enuv-dark .alert-warning { background: rgba(245, 158, 11, 0.12); border-color: rgba(245, 158, 11, 0.35); color: #fcd34d; }
html.enuv-dark .alert-success { background: rgba(52, 192, 138, 0.12); border-color: rgba(52, 192, 138, 0.35); color: #6ee7b7; }
html.enuv-dark .alert-info,
html.enuv-dark .alert-primary { background: rgba(90, 163, 220, 0.12); border-color: rgba(90, 163, 220, 0.35); color: #a5cdee; }
html.enuv-dark .alert .alert-link { color: inherit; text-decoration: underline; }

/* ---------- Vue components with their own light fills ---------- */
html.enuv-dark .enuv-vue-image-upload__drop,
html.enuv-dark .enuv-vue-file__pick,
html.enuv-dark .enuv-dash-pipeline,
html.enuv-dark .enuv-dash-map,
html.enuv-dark .enuv-zone-map__frame {
    background: var(--d-raised) !important;
    border-color: var(--d-line-strong) !important;
    color: var(--d-ink-soft);
}

/* ---------- Small text colors fixed to the light theme ---------- */
html.enuv-dark .enuv-tx-detail,
html.enuv-dark .enuv-tx-chip {
    color: #8cc0ea !important;
}
/* Light badges keep dark text (".text-dark" is otherwise remapped to light ink above). */
html.enuv-dark .bg-warning.text-dark,
html.enuv-dark .bg-info.text-dark,
html.enuv-dark .badge.bg-warning {
    color: #1f2937 !important;
}
html.enuv-dark .badge.bg-success { background-color: #15803d !important; color: #fff !important; }

/* ---------- ApexCharts (SVG presentation attributes lose to CSS, so toggling is instant) ---------- */
html.enuv-dark .apexcharts-text,
html.enuv-dark .apexcharts-xaxis-label,
html.enuv-dark .apexcharts-yaxis-label,
html.enuv-dark .apexcharts-datalabel-label,
html.enuv-dark .apexcharts-title-text {
    fill: var(--d-muted);
}
html.enuv-dark .apexcharts-datalabel-value,
html.enuv-dark .apexcharts-pie-label { fill: var(--d-ink); }
html.enuv-dark .apexcharts-legend-text { color: var(--d-ink-soft) !important; }
html.enuv-dark .apexcharts-gridline,
html.enuv-dark .apexcharts-grid-borders line,
html.enuv-dark .apexcharts-xaxis-tick,
html.enuv-dark .apexcharts-xaxis line,
html.enuv-dark .apexcharts-yaxis line { stroke: var(--d-line); }
html.enuv-dark .apexcharts-pie-area,
html.enuv-dark .apexcharts-donut-slice { stroke: var(--d-card); }
html.enuv-dark .apexcharts-tooltip.apexcharts-theme-light,
html.enuv-dark .apexcharts-xaxistooltip,
html.enuv-dark .apexcharts-yaxistooltip {
    background: var(--d-raised) !important;
    border-color: var(--d-line-strong) !important;
    color: var(--d-ink) !important;
}
html.enuv-dark .apexcharts-tooltip.apexcharts-theme-light .apexcharts-tooltip-title {
    background: var(--d-card) !important;
    border-color: var(--d-line) !important;
}
html.enuv-dark .apexcharts-xaxistooltip-bottom::after { border-bottom-color: var(--d-raised); }
html.enuv-dark .apexcharts-menu { background: var(--d-raised); border-color: var(--d-line); }
html.enuv-dark .badge.bg-light,
html.enuv-dark .badge.bg-light.text-dark { background: var(--d-raised) !important; color: var(--d-ink-soft) !important; }
html.enuv-dark .badge.bg-secondary { background: #334155 !important; color: var(--d-ink) !important; }
html.enuv-dark .alert-light { background: var(--d-raised) !important; border-color: var(--d-line) !important; color: var(--d-ink-soft); }
html.enuv-dark .enuv-tx-tabs a { color: var(--d-muted); }
html.enuv-dark .table td,
html.enuv-dark .enuv-tx-table td { color: var(--d-ink-soft); }
html.enuv-dark .enuv-tx-status.is-failed,
html.enuv-dark .enuv-tx-status.is-reversed,
html.enuv-dark .enuv-tx-status.is-canceled,
html.enuv-dark .enuv-tx-status.is-cancelled { color: #fca5a5 !important; background: rgba(239, 68, 68, 0.14) !important; }
html.enuv-dark .enuv-tx-status.is-pending,
html.enuv-dark .enuv-tx-status.is-reserved,
html.enuv-dark .enuv-tx-status.is-sent,
html.enuv-dark .enuv-tx-status.is-reconcile-required { color: #fcd34d !important; background: rgba(245, 158, 11, 0.14) !important; }
html.enuv-dark .enuv-tx-status.is-completed,
html.enuv-dark .enuv-tx-status.is-concluida,
html.enuv-dark .enuv-tx-status.is-realized,
html.enuv-dark .enuv-tx-status.is-realizado { color: #6ee7b7 !important; background: rgba(52, 192, 138, 0.14) !important; }

/* ---------- Screen-specific surfaces ---------- */
html.enuv-dark .enuv-reason-form,
html.enuv-dark .enuv-fare-zone,
html.enuv-dark .enuv-vue-file-add,
html.enuv-dark .enuv-vue-id-images__add,
html.enuv-dark .saved-replies__item {
    background: var(--d-raised) !important;
    border-color: var(--d-line-strong) !important;
    color: var(--d-ink-soft);
}

/* Heat map */
html.enuv-dark .enuv-heat-controls.enuv-slim-filters,
html.enuv-dark body[data-layout-mode="bordered"] .enuv-heat-controls.enuv-slim-filters,
html.enuv-dark .enuv-heat-stat,
html.enuv-dark .enuv-heat-pickups,
html.enuv-dark .enuv-heat-legend,
html.enuv-dark .enuv-heat-chart,
html.enuv-dark .zone-compare-slide-item,
html.enuv-dark .zone-lists__map,
html.enuv-dark .zone-list li .form-check,
html.enuv-dark .enuv-slim-chip {
    background: var(--d-card) !important;
    border-color: var(--d-line) !important;
    color: var(--d-ink-soft);
}
html.enuv-dark .enuv-slim-seg { background: var(--d-raised) !important; }
html.enuv-dark .enuv-slim-seg a { color: var(--d-ink-soft) !important; }
html.enuv-dark .search-form__input_group,
html.enuv-dark .search-form__input_group input { background: var(--d-input) !important; color: var(--d-ink); border-color: var(--d-line-strong) !important; }

/* Pix settings uses the login card styles inside the admin */
html.enuv-dark .enuv-admin-vue .enuv-login__control input,
html.enuv-dark .enuv-admin-vue .enuv-login .form-control { background: var(--d-input) !important; color: var(--d-ink) !important; }

/* WhatsApp-style chats (Atendimento central, support chat): WhatsApp's own dark palette */
html.enuv-dark .cc-shell,
html.enuv-dark .cc-conversation,
html.enuv-dark .support-chat__main,
html.enuv-dark .chat-message-list { background: #0b141a !important; border-color: #222d34 !important; }
html.enuv-dark .cc-sidebar,
html.enuv-dark .support-chat { background: #111b21 !important; border-color: #222d34 !important; }
html.enuv-dark .cc-header,
html.enuv-dark .cc-composer,
html.enuv-dark .support-chat__header,
html.enuv-dark .chat-composer { background: #202c33 !important; border-color: #222d34 !important; }
html.enuv-dark .support-chat__sidebar,
html.enuv-dark .support-chat__sidebar-head,
html.enuv-dark .cc-row,
html.enuv-dark .chat-contacts__item { border-color: #222d34 !important; }
html.enuv-dark .cc-tab,
html.enuv-dark .cc-badge,
html.enuv-dark .support-chat__header-avatar,
html.enuv-dark .chat-contacts__avatar,
html.enuv-dark .chat-bubble-row__avatar,
html.enuv-dark .chat-composer__attachment { background: #2a3942 !important; color: #d1d7db !important; border-color: #2a3942 !important; }
html.enuv-dark .cc-tab.is-active { background: #00a884 !important; color: #111b21 !important; }
html.enuv-dark .cc-row:hover,
html.enuv-dark .cc-row.is-active,
html.enuv-dark .chat-contacts__item:hover,
html.enuv-dark .chat-contacts__item.is-active { background: #2a3942 !important; }
html.enuv-dark .cc-row__name,
html.enuv-dark .chat-contacts__name,
html.enuv-dark .chat-bubble { color: #e9edef !important; }
html.enuv-dark .cc-row__meta,
html.enuv-dark .cc-time,
html.enuv-dark .chat-contacts__time,
html.enuv-dark .chat-contacts__preview,
html.enuv-dark .chat-contacts__state,
html.enuv-dark .chat-bubble__time,
html.enuv-dark .chat-message-list__state,
html.enuv-dark .chat-message-list__more,
html.enuv-dark .support-chat__empty,
html.enuv-dark .chat-composer__attachment-remove,
html.enuv-dark .saved-replies__answer { color: #8696a0 !important; }
html.enuv-dark .cc-in,
html.enuv-dark .chat-bubble.is-in { background: #202c33 !important; }
html.enuv-dark .cc-out,
html.enuv-dark .chat-bubble.is-out { background: #005c4b !important; }
html.enuv-dark .chat-bubble__sender { color: #53bdeb !important; }
html.enuv-dark .chat-bubble__image,
html.enuv-dark .chat-bubble__file { background: rgba(255, 255, 255, 0.06) !important; }
html.enuv-dark .chat-message-list__day span { background: #182229 !important; color: #8696a0 !important; }

html.enuv-dark .enuv-tx-tabs a,
html.enuv-dark nav.enuv-tx-tabs > a { color: var(--d-muted) !important; }
html.enuv-dark .enuv-tx-tabs a.active,
html.enuv-dark .enuv-tx-tabs a.is-active { color: var(--d-ink) !important; }
html.enuv-dark .enuv-slim-seg a.active { background: var(--bs-primary) !important; color: #fff !important; }
html.enuv-dark .btn-outline-success { color: var(--d-green) !important; border-color: rgba(52, 192, 138, 0.5) !important; background: transparent !important; }
html.enuv-dark .btn-outline-success:hover,
html.enuv-dark .btn-outline-success.active { background: #15803d !important; color: #fff !important; }