/**
 * ENUV Admin Theme polish.
 * Cores: Business Setup → Admin Panel Color (layouts/css.blade.php).
 * Sidebar/cards/motion only — never hide nav links or shortcuts.
 */

:root {
    --enuv-blue: #1b6ca8;
    --enuv-blue-rgb: 27, 108, 168;
    --enuv-green: #1f9d6a;
    --enuv-green-rgb: 31, 157, 106;
    --enuv-ink: #172033;
    --enuv-muted: #5d6b80;
    --enuv-line: #e5eaf1;
    --enuv-canvas: #eef5fb;
    --enuv-card: #ffffff;
    --enuv-shadow-sm: 0 1px 2px rgba(20, 50, 79, 0.04), 0 10px 28px rgba(42, 122, 184, 0.07);
    --enuv-shadow-md: 0 4px 10px rgba(20, 50, 79, 0.06), 0 16px 36px rgba(15, 157, 122, 0.12);
    --enuv-shadow-lg: 0 10px 28px rgba(42, 122, 184, 0.14);
    --enuv-radius: 12px;
    /* Bootstrap's #d63384 is 4.2:1 on the canvas; AA needs 4.5:1. */
    --bs-code-color: #b5276c;
}

body {
    background: var(--enuv-canvas, #f4f7fb);
    color: var(--enuv-ink, var(--bs-body-color));
}

.main-area,
.main-content {
    background: transparent;
}

/* Footer mid-page fix: style.css sets .main-area { block-size: 100vh } which
   pins footer.mt-auto to the first viewport while content overflows below. */
.main-area {
    block-size: auto !important;
    min-block-size: 100vh;
    min-height: 100vh;
    height: auto !important;
}

.main-area > .footer.mt-auto {
    margin-top: auto;
    flex-shrink: 0;
}

/* ========== Sidebar (ENUV Aside Evo) ==========
 * Preserves all .main-nav links, badges, submenus, search, toggle.
 * Visual polish only — no display:none on nav items.
 */
.enuv-aside.aside {
    background: var(--enuv-card, #fff);
    border-inline-end: 1px solid var(--enuv-border-soft, rgba(30, 41, 59, 0.08));
    box-shadow: 6px 0 28px rgba(var(--enuv-blue-rgb, 27, 108, 168), 0.08);
}

.enuv-aside-header.aside-header {
    border-bottom: 1px solid var(--enuv-border-soft, rgba(30, 41, 59, 0.08));
    background: color-mix(in srgb, var(--enuv-card, #fff) 88%, transparent);
    backdrop-filter: blur(8px);
    padding-block: 0.85rem;
}

.enuv-aside-logo .main-logo {
    max-height: 2.1rem;
    width: auto;
    object-fit: contain;
    transition: opacity 0.2s ease, transform 0.2s ease;
}

.enuv-aside-logo:hover .main-logo {
    transform: translateY(-1px);
    opacity: 0.92;
}

.enuv-aside .aside-header .toggle-menu-button {
    border: 1px solid var(--enuv-border-soft, rgba(30, 41, 59, 0.1));
    color: var(--bs-primary);
    border-radius: 999px;
    width: 1.85rem;
    height: 1.85rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-shadow: var(--enuv-shadow-sm);
    transition: background-color 0.2s ease, color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
}

.enuv-aside .aside-header .toggle-menu-button:hover {
    background: var(--enuv-blue-soft, var(--bs-secondary));
    color: var(--bs-primary);
    transform: scale(1.06);
    box-shadow: var(--enuv-shadow-md);
}

.enuv-aside-shell {
    min-height: 0;
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.enuv-aside .aside-body {
    padding-inline: 0.55rem 0.35rem;
    padding-bottom: 1.25rem;
    min-height: 0;
    flex: 1 1 auto;
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
}

.enuv-aside.is-vue .aside-body.ps {
    overflow: hidden;
}

.enuv-aside-vue-root {
    display: contents;
}

/* Profile card: uses Business Setup primary bg + white text (same contract as style.css .user-profile)
   Never put light ink on light pearl — that hides Admin / email / role. */
.enuv-aside-profile.user-profile {
    padding: 0.9rem 0.95rem !important;
    border-radius: 8px !important;
    background: var(--bs-primary) !important;
    background-color: var(--bs-primary) !important;
    border: 1px solid color-mix(in srgb, var(--bs-primary) 70%, #000) !important;
    box-shadow: var(--enuv-shadow-sm);
    margin-inline: 0.15rem !important;
    color: #ffffff !important;
}

.enuv-aside-profile .avatar {
    width: 2.55rem;
    height: 2.55rem;
    flex-shrink: 0;
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.35);
}

.enuv-aside-profile .media-body,
.enuv-aside-profile .card-title,
.enuv-aside-profile .card-text,
.enuv-aside-profile .enuv-aside-role {
    color: #ffffff !important;
}

.enuv-aside-profile .card-title {
    font-size: 0.86rem;
    line-height: 1.25;
    margin-bottom: 0.15rem;
    opacity: 1;
}

.enuv-aside-profile .card-text {
    display: block;
    font-size: 0.72rem;
    word-break: break-all;
    opacity: 0.92;
}

.enuv-aside-role {
    display: inline-block;
    margin-top: 0.4rem;
    padding: 0.15rem 0.55rem;
    border-radius: 999px;
    font-size: 0.65rem;
    font-weight: 700;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: #ffffff !important;
    background: rgba(255, 255, 255, 0.2) !important;
    border: 1px solid rgba(255, 255, 255, 0.35);
}

.enuv-aside-search {
    margin-inline: 0.15rem;
}

.enuv-aside-search .search-form__input_group {
    position: relative;
}

.enuv-aside-search .search-form__input,
.enuv-aside-search .theme-input-style {
    background: var(--bs-body-bg, #F7F5F0);
    border: 1px solid var(--enuv-border-soft, rgba(30, 41, 59, 0.1));
    border-radius: 8px;
    padding-block: 0.55rem;
    transition: border-color 0.18s ease, box-shadow 0.18s ease, background-color 0.18s ease;
}

.enuv-aside-search .search-form__input:focus {
    background: #fff;
    border-color: rgba(var(--enuv-blue-rgb, 27, 108, 168), 0.45);
    box-shadow: 0 0 0 0.2rem rgba(var(--enuv-blue-rgb, 27, 108, 168), 0.12);
}

.enuv-aside-search-empty {
    margin-top: 0.55rem;
    padding: 0.55rem 0.7rem;
    border-radius: 10px;
    font-size: 0.78rem;
    color: var(--enuv-ink-muted, #64748B);
    background: color-mix(in srgb, var(--bs-body-bg, #F7F5F0) 70%, #fff);
    border: 1px dashed var(--enuv-border-soft, rgba(30, 41, 59, 0.14));
    text-align: center;
}

.enuv-aside .aside-body .nav-category {
    margin-top: 1.05rem;
    margin-bottom: 0.4rem;
    padding-inline: 0.85rem;
    font-size: 0.64rem;
    font-weight: 700;
    letter-spacing: 0.07em;
    text-transform: uppercase;
    color: var(--bs-primary);
    opacity: 0.92;
    position: relative;
}

.enuv-aside .aside-body .nav-category::after {
    content: "";
    display: block;
    height: 1px;
    margin-top: 0.35rem;
    background: linear-gradient(
        90deg,
        rgba(var(--enuv-blue-rgb, 27, 108, 168), 0.28),
        transparent 85%
    );
}

/* Keep every link visible — polish only */
.enuv-aside .aside-body .nav > li > a {
    display: flex;
    border-radius: 11px;
    margin-inline: 0.2rem;
    margin-block: 2px;
    padding-block: 0.55rem;
    gap: 0.65rem;
    align-items: center;
    color: var(--enuv-text-body, var(--bs-body-color));
    transition: background-color 0.18s ease, color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease;
}

.enuv-aside .aside-body .nav > li > a > i {
    width: 1.7rem;
    height: 1.7rem;
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 9px;
    font-size: 0.92rem;
    color: var(--bs-primary);
    background: color-mix(in srgb, var(--bs-primary) 10%, transparent);
    transition: background-color 0.18s ease, color 0.18s ease, transform 0.18s ease;
}

.enuv-aside .aside-body .nav > li > a .link-title {
    font-size: 0.86rem;
    font-weight: 500;
}

.enuv-aside .aside-body .nav > li > a:hover {
    background: var(--enuv-blue-soft, var(--bs-secondary));
    transform: translateX(2px);
}

.enuv-aside .aside-body .nav > li > a:hover > i {
    background: color-mix(in srgb, var(--bs-success) 16%, transparent);
    color: var(--bs-success);
    transform: scale(1.04);
}

.enuv-aside .aside-body .nav > li.active > a,
.enuv-aside .aside-body .nav > li.open > a,
.enuv-aside .aside-body .nav > li.sub-menu-opened > a {
    background: var(--enuv-blue-soft, var(--bs-secondary));
    color: var(--bs-primary);
    box-shadow: inset 3px 0 0 var(--bs-primary);
    font-weight: 600;
}

.enuv-aside .aside-body .nav > li.active > a > i,
.enuv-aside .aside-body .nav > li.open > a > i,
.enuv-aside .aside-body .nav > li.sub-menu-opened > a > i {
    background: color-mix(in srgb, var(--bs-primary) 18%, transparent);
    color: var(--bs-primary);
}

.enuv-aside .aside-body .nav .sub-menu {
    padding: 0.15rem 0 0.35rem;
    margin-inline-start: 0.85rem;
    border-inline-start: 2px solid color-mix(in srgb, var(--bs-primary) 18%, transparent);
}

.enuv-aside .aside-body .nav .sub-menu li > a {
    border-radius: 9px;
    margin-inline: 0.35rem 0.2rem;
    margin-block: 1px;
    padding-block: 0.42rem;
    font-size: 0.82rem;
    transition: background-color 0.16s ease, color 0.16s ease, transform 0.16s ease;
}

.enuv-aside .aside-body .nav .sub-menu li > a:hover,
.enuv-aside .aside-body .nav .sub-menu li.active > a {
    background: rgba(var(--enuv-green-rgb, 31, 157, 106), 0.12);
    color: color-mix(in srgb, var(--bs-success) 62%, #000);
    transform: translateX(2px);
}

.enuv-aside .aside-body .nav .badge-primary {
    background: var(--bs-success) !important;
    color: #fff !important;
    border-radius: 999px;
    font-size: 0.68rem;
    font-weight: 700;
    padding: 0.2rem 0.45rem;
    min-width: 1.35rem;
    text-align: center;
    box-shadow: 0 2px 6px rgba(var(--enuv-green-rgb, 31, 157, 106), 0.3);
}

/* Folded: keep icons readable; do not force-hide titles (theme JS owns that) */
body.aside-folded .enuv-aside .aside-body .nav > li > a > i {
    width: 2rem;
    height: 2rem;
    margin-inline: auto;
}

body.aside-folded .enuv-aside-profile,
body.aside-folded .enuv-aside-search {
    opacity: 0.0;
    pointer-events: none;
}

@media (prefers-reduced-motion: reduce) {
    .enuv-aside .aside-body .nav > li > a:hover,
    .enuv-aside .aside-body .nav .sub-menu li > a:hover,
    .enuv-aside .aside-header .toggle-menu-button:hover,
    .enuv-aside-logo:hover .main-logo {
        transform: none;
    }
}

/* Legacy selectors (kept for pages without .enuv-aside yet) */
.aside {
    background: var(--enuv-card, #fff);
    border-inline-end: 1px solid var(--enuv-border-soft, rgba(30, 41, 59, 0.08));
    box-shadow: 4px 0 24px rgba(var(--enuv-blue-rgb, 27, 108, 168), 0.07);
}

.aside-header {
    border-bottom: 1px solid var(--enuv-border-soft, rgba(30, 41, 59, 0.08));
    background: var(--enuv-card, #fff);
}

.aside-header .toggle-menu-button {
    border: 1px solid var(--enuv-border-soft, rgba(30, 41, 59, 0.08));
    color: var(--bs-primary);
    border-radius: 10px;
    transition: background-color 0.2s ease, color 0.2s ease, transform 0.2s ease;
}

.aside-header .toggle-menu-button:hover {
    background: var(--enuv-blue-soft, var(--bs-secondary));
    color: var(--bs-primary);
    transform: scale(1.04);
}

.aside .user-profile {
    padding: 0.75rem 0.85rem;
    border-radius: 8px;
    background: var(--bs-body-bg);
    border: 1px solid var(--enuv-border-soft, rgba(30, 41, 59, 0.08));
    box-shadow: var(--enuv-shadow-sm);
}

.aside-search .search-form__input,
.aside-search .theme-input-style {
    background: var(--bs-body-bg);
    border-color: var(--enuv-border-soft, rgba(30, 41, 59, 0.08));
    border-radius: 10px;
}

.aside-search .search-form__input:focus {
    border-color: rgba(var(--enuv-blue-rgb, 27, 108, 168), 0.45);
    box-shadow: 0 0 0 0.2rem rgba(var(--enuv-blue-rgb, 27, 108, 168), 0.12);
}

.aside-body .nav-category {
    margin-top: 1rem;
    margin-bottom: 0.35rem;
    padding-inline: 0.9rem;
    font-size: 0.66rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--bs-primary);
    opacity: 0.9;
}

.aside-body .nav > li > a {
    border-radius: 10px;
    margin-inline: 0.4rem;
    margin-block: 1px;
    transition: background-color 0.18s ease, color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease;
}

.aside-body .nav > li > a:hover {
    background: var(--enuv-blue-soft, var(--bs-secondary));
    transform: translateX(2px);
}

.aside-body .nav > li.active > a,
.aside-body .nav > li.open > a,
.aside-body .nav > li.sub-menu-opened > a {
    background: var(--enuv-blue-soft, var(--bs-secondary));
    color: var(--bs-primary);
    box-shadow: inset 3px 0 0 var(--bs-primary);
    font-weight: 600;
}

.aside-body .nav > li > a i {
    color: var(--bs-primary);
    transition: color 0.18s ease;
}

.aside-body .nav > li.active > a i,
.aside-body .nav > li > a:hover i {
    color: var(--bs-success);
}

.aside-body .nav .sub-menu {
    padding-bottom: 0.25rem;
}

.aside-body .nav .sub-menu li > a {
    border-radius: 8px;
    margin-inline: 0.4rem;
    transition: background-color 0.16s ease, color 0.16s ease, transform 0.16s ease;
}

.aside-body .nav .sub-menu li > a:hover,
.aside-body .nav .sub-menu li.active > a {
    background: rgba(var(--enuv-green-rgb, 31, 157, 106), 0.12);
    color: color-mix(in srgb, var(--bs-success) 62%, #000);
    transform: translateX(2px);
}

.aside-body .nav .badge-primary {
    background: var(--bs-success);
    color: #fff;
    box-shadow: 0 2px 6px rgba(var(--enuv-green-rgb, 31, 157, 106), 0.35);
}

/* Collapsed sidebar: never clip link-title into invisibility forever —
   title tooltips remain via browser title / existing JS */
.aside.minified .aside-body .nav > li > a .link-title,
.aside.collapsed .aside-body .nav > li > a .link-title {
    /* leave to theme JS — do not force display:none here */
}

.header {
    background: color-mix(in srgb, var(--enuv-card, #fff) 92%, transparent);
    border-bottom: 1px solid var(--enuv-border-soft, rgba(30, 41, 59, 0.08));
    backdrop-filter: blur(10px);
    box-shadow: var(--enuv-shadow-sm);
}

/* ========== Header tools (clock + SOS + icons) ========== */
.enuv-header-tools {
    gap: 0.35rem !important;
    flex-wrap: nowrap;
    align-items: center !important;
    min-height: 2rem;
}

.enuv-header-tool-item {
    list-style: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 2rem;
}

.enuv-header-tool {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    gap: 0;
    text-decoration: none !important;
    color: inherit !important;
    line-height: 1;
    padding: 0;
    border: 0;
    background: transparent;
    position: relative;
    height: 1.75rem;
    width: 1.75rem;
}

.enuv-header-tool-ico {
    width: 1.75rem;
    height: 1.75rem;
    border-radius: 8px;
    display: inline-grid !important;
    place-items: center;
    font-size: 0.92rem;
    color: var(--bs-primary);
    background: transparent;
    border: 0;
    box-shadow: none;
    transition: transform 0.18s ease, background-color 0.18s ease, color 0.18s ease;
    position: relative;
}

.enuv-header-tool-ico i,
.enuv-header-tool-ico .bi {
    display: inline-block;
    line-height: 1;
    font-style: normal;
}

.enuv-header-tool:hover .enuv-header-tool-ico {
    transform: translateY(-1px);
    background: rgba(27, 108, 168, 0.08);
    box-shadow: none;
}

.enuv-header-tool-ico.is-sos {
    color: #dc2626 !important;
    background: transparent !important;
    border: 0 !important;
}

.enuv-header-tool-ico.is-sos i {
    color: inherit;
    animation: enuvHeaderFloat 2.8s ease-in-out infinite;
}

.enuv-header-tool.is-alerting .enuv-header-tool-ico.is-sos,
.enuv-header-tool-ico.is-sos.is-alert {
    background: rgba(220, 38, 38, 0.12) !important;
    color: #dc2626 !important;
    box-shadow: none;
    animation: none;
}

.enuv-header-tool-ico.is-sos.is-alert i {
    animation: enuvHeaderShake 0.7s ease-in-out infinite;
}

.enuv-header-tool-ico.is-lang {
    color: #1b6ca8;
    background: transparent;
}

.enuv-header-tool-ico.is-lang i {
    animation: enuvHeaderSpinSlow 10s linear infinite;
}

.enuv-header-tool:hover .enuv-header-tool-ico.is-lang i {
    animation: enuvHeaderSpinFast 0.8s linear infinite;
}

.enuv-header-tool-ico.is-bell {
    color: #64748b;
    background: transparent;
    border: 0;
}

.enuv-header-tool-ico.is-bell.is-ring {
    color: #b45309;
}

.enuv-header-tool-ico.is-bell.is-ring i {
    animation: enuvHeaderRing 1.5s ease-in-out infinite;
    transform-origin: top center;
}

/* Clock: no card — plain inline text */
.enuv-header-clock {
    display: inline-flex;
    align-items: baseline;
    gap: 0.35rem;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    min-height: 0;
    line-height: 1;
    height: auto;
}

.enuv-header-clock__label {
    font-size: 0.68rem;
    font-weight: 450;
    color: #64748b;
    text-transform: none;
    letter-spacing: 0.01em;
    line-height: 1;
}

.enuv-header-clock__time {
    font-size: 0.78rem;
    font-weight: 400;
    letter-spacing: 0.03em;
    color: #475569;
    font-variant-numeric: tabular-nums;
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    line-height: 1;
}

.enuv-header-tool-item--clock {
    margin-inline-end: 0.25rem;
    padding-inline-end: 0.55rem;
    border-inline-end: 1px solid rgba(15, 23, 42, 0.08);
    height: 1.75rem;
}

.enuv-header-avatar {
    width: 1.75rem !important;
    height: 1.75rem !important;
    box-shadow: none;
    transition: transform 0.2s ease, opacity 0.2s ease;
}

.enuv-header-avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.enuv-header-avatar:hover {
    transform: scale(1.04);
    opacity: 0.92;
}

.enuv-header-tool .count,
.enuv-header-tools .count-btn .count {
    inset-inline-end: -0.15rem !important;
    inset-block-start: -0.15rem !important;
    min-width: 0.95rem;
    width: auto;
    height: 0.95rem;
    font-size: 0.55rem !important;
    font-weight: 700;
    border: 1.5px solid #fff;
    box-shadow: none;
    line-height: 1;
}

.enuv-header-tools .user {
    display: inline-flex;
    align-items: center;
    margin: 0 !important;
}

.safety-alert,
.notification,
.messages {
    display: inline-flex;
    align-items: center;
    height: 1.75rem;
}

@keyframes enuvHeaderFloat {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-1px); }
}

@keyframes enuvSosPulse {
    0% { box-shadow: 0 0 0 0 rgba(220, 38, 38, 0.5); }
    70% { box-shadow: 0 0 0 10px rgba(220, 38, 38, 0); }
    100% { box-shadow: 0 0 0 0 rgba(220, 38, 38, 0); }
}

@keyframes enuvHeaderShake {
    0%, 100% { transform: rotate(0); }
    25% { transform: rotate(-8deg); }
    75% { transform: rotate(8deg); }
}

@keyframes enuvHeaderRing {
    0%, 100% { transform: rotate(0); }
    10% { transform: rotate(12deg); }
    20% { transform: rotate(-10deg); }
    30% { transform: rotate(8deg); }
    40% { transform: rotate(-4deg); }
    50% { transform: rotate(0); }
}

@keyframes enuvHeaderSpinSlow {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

@keyframes enuvHeaderSpinFast {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

@media (max-width: 767.98px) {
    .enuv-header-clock__label {
        display: none;
    }

    .enuv-header-tool-item--clock {
        padding-inline-end: 0.4rem;
        margin-inline-end: 0.15rem;
    }
}

[theme="dark"] .enuv-header-clock {
    background: transparent;
    border: 0;
}

[theme="dark"] .enuv-header-clock__time {
    color: #cbd5e1;
}

[theme="dark"] .enuv-header-clock__label {
    color: #94a3b8;
}

[theme="dark"] .enuv-header-tool-ico {
    background: transparent;
    border: 0;
}

[theme="dark"] .enuv-header-tool-item--clock {
    border-inline-end-color: rgba(255, 255, 255, 0.12);
}


/* ========== Notifications floating panel ========== */
.enuv-notify-dropdown {
    position: relative;
}

.enuv-notify-panel {
    width: min(22rem, calc(100vw - 1.5rem)) !important;
    max-width: 22rem;
    margin-top: 0.55rem !important;
    border-radius: 8px !important;
    overflow: hidden;
    background: var(--enuv-card, #fff) !important;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    box-shadow: var(--enuv-shadow-md, 0 4px 12px rgba(15, 23, 42, 0.075)) !important;
    border: 1px solid rgba(27, 108, 168, 0.1) !important;
    padding: 0 !important;
    animation: enuvNotifyIn 0.22s cubic-bezier(0.22, 1, 0.36, 1);
}

@keyframes enuvNotifyIn {
    from { opacity: 0; transform: translateY(-6px) scale(0.98); }
    to { opacity: 1; transform: translateY(0) scale(1); }
}

.enuv-notify-panel__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
    padding: 0.7rem 0.85rem;
    border-bottom: 1px solid rgba(15, 23, 42, 0.06);
    background: rgba(248, 250, 252, 0.9);
}

.enuv-notify-panel__title {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    min-width: 0;
}

.enuv-notify-panel__title i {
    color: #1b6ca8;
    font-size: 0.9rem;
}

.enuv-notify-panel__title strong {
    font-size: 0.82rem;
    font-weight: 650;
    color: #0f172a;
    letter-spacing: -0.01em;
}

.enuv-notify-markall {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    border: 0;
    background: transparent;
    color: #1b6ca8;
    font-size: 0.68rem;
    font-weight: 600;
    padding: 0.2rem 0.35rem;
    border-radius: 6px;
    line-height: 1.2;
    white-space: nowrap;
    cursor: pointer;
    transition: background-color 0.15s ease, color 0.15s ease;
}

.enuv-notify-markall:hover {
    background: rgba(27, 108, 168, 0.08);
}

.enuv-notify-panel__list {
    max-height: 18rem;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 0.35rem;
    margin: 0;
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    -webkit-overflow-scrolling: touch;
}

.enuv-notify-item {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    padding: 0.55rem 0.55rem;
    border-radius: 10px;
    text-decoration: none !important;
    color: inherit !important;
    transition: background-color 0.15s ease, transform 0.15s ease;
}

.enuv-notify-item:hover {
    background: rgba(27, 108, 168, 0.06);
}

.enuv-notify-item__ico {
    width: 1.85rem;
    height: 1.85rem;
    border-radius: 9px;
    display: inline-grid;
    place-items: center;
    flex-shrink: 0;
    font-size: 0.85rem;
    background: rgba(27, 108, 168, 0.1);
    color: #1b6ca8;
}

.enuv-notify-item__ico.is-success {
    background: rgba(31, 157, 106, 0.12);
    color: #0f766e;
}

.enuv-notify-item__ico.is-danger {
    background: rgba(239, 68, 68, 0.12);
    color: #b91c1c;
}

.enuv-notify-item__ico.is-info {
    background: rgba(14, 165, 233, 0.12);
    color: #0369a1;
}

.enuv-notify-item__body {
    display: flex;
    flex-direction: column;
    gap: 0.12rem;
    min-width: 0;
    flex: 1;
}

.enuv-notify-item__msg {
    font-size: 0.78rem;
    font-weight: 550;
    color: #0f172a;
    line-height: 1.25;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.enuv-notify-item__time {
    font-size: 0.65rem;
    color: #94a3b8;
    font-weight: 450;
    line-height: 1.2;
}

.enuv-notify-item__chev {
    font-size: 0.7rem;
    color: #cbd5e1;
    flex-shrink: 0;
}

.enuv-notify-empty {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    gap: 0.45rem;
    padding: 1.6rem 1rem;
    color: #64748b;
}

.enuv-notify-empty__ico {
    width: 2.4rem;
    height: 2.4rem;
    border-radius: 10px;
    display: grid;
    place-items: center;
    background: rgba(100, 116, 139, 0.1);
    color: #64748b;
    font-size: 1.05rem;
}

.enuv-notify-empty strong {
    font-size: 0.8rem;
    font-weight: 550;
    color: #64748b;
}

[theme="dark"] .enuv-notify-panel {
    background: rgba(28, 28, 30, 0.96) !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
}

[theme="dark"] .enuv-notify-panel__head {
    background: rgba(255, 255, 255, 0.03);
    border-bottom-color: rgba(255, 255, 255, 0.06);
}

[theme="dark"] .enuv-notify-panel__title strong,
[theme="dark"] .enuv-notify-item__msg {
    color: #f1f5f9;
}

[theme="dark"] .enuv-notify-item:hover {
    background: rgba(255, 255, 255, 0.05);
}

/* ========== Buttons ========== */
.btn-primary {
    background: linear-gradient(135deg, var(--enuv-blue, #2a7ab8), #1a8f8a);
    border-color: transparent;
    transition: transform 0.16s ease, box-shadow 0.16s ease, filter 0.16s ease;
}

.btn-primary:hover,
.btn-primary:focus {
    filter: brightness(0.94);
    box-shadow: 0 8px 18px rgba(var(--enuv-blue-rgb, 27, 108, 168), 0.28);
    transform: translateY(-1px);
}

.btn-success {
    background-color: var(--bs-success);
    border-color: var(--bs-success);
    transition: transform 0.16s ease, box-shadow 0.16s ease;
}

.btn-success:hover {
    box-shadow: 0 8px 18px rgba(var(--enuv-green-rgb, 31, 157, 106), 0.28);
    transform: translateY(-1px);
}

.btn-outline-primary {
    color: var(--bs-primary);
    border-color: rgba(var(--enuv-blue-rgb, 27, 108, 168), 0.4);
}

.btn-outline-primary:hover {
    background: var(--enuv-blue-soft, var(--bs-secondary));
    color: var(--bs-primary);
    border-color: var(--bs-primary);
}

/* ========== Cards ========== */
.card,
.enuv-dashboard .card,
.enuv-kpi-card,
.enuv-ops-pulse,
.enuv-heat-card,
.ro-card,
.card.card-body,
.white-card {
    background: var(--enuv-card, #fff);
    border: 1px solid var(--enuv-border-soft, rgba(30, 41, 59, 0.08));
    border-radius: var(--enuv-radius);
    box-shadow: var(--enuv-shadow-sm);
    transition: transform 0.22s cubic-bezier(0.22, 1, 0.36, 1),
                box-shadow 0.22s cubic-bezier(0.22, 1, 0.36, 1),
                border-color 0.22s ease;
}

.card:hover,
.enuv-kpi-card:hover,
.ro-card:hover,
.enuv-heat-card:hover {
    transform: translateY(-2px);
    box-shadow: var(--enuv-shadow-md);
    border-color: rgba(var(--enuv-blue-rgb, 27, 108, 168), 0.18);
}

/* Dashboard: soft lift allowed; grid remount avoided via JS number-in-place */
.enuv-dashboard .enuv-kpi-card:hover,
.enuv-dashboard .enuv-panel:hover,
.enuv-dashboard .card.enuv-panel:hover {
    transform: none;
}

.enuv-dashboard.enuv-exec .enuv-ops-strip,
.enuv-dashboard.enuv-exec .enuv-health-strip,
.enuv-dashboard.enuv-exec .enuv-peak-strip {
    background: #fff;
    border: 1px solid rgba(15, 23, 42, 0.08);
    box-shadow: none;
}

.card-header {
    background: transparent;
    border-bottom-color: var(--enuv-border-soft, rgba(30, 41, 59, 0.08));
}

/* Tables stay still on hover (readability) */
.card:has(.table):hover,
.card:has(.dataTables_wrapper):hover,
.card:has(form.form-horizontal):hover {
    transform: none;
    box-shadow: var(--enuv-shadow-sm);
}

.form-control:focus,
.form-select:focus,
.theme-input-style:focus {
    border-color: rgba(var(--enuv-blue-rgb, 27, 108, 168), 0.5);
    box-shadow: 0 0 0 0.2rem rgba(var(--enuv-blue-rgb, 27, 108, 168), 0.12);
}

.bg-primary {
    background-color: var(--bs-primary) !important;
}

.badge-primary {
    background-color: color-mix(in srgb, var(--bs-primary) 12%, #fff) !important;
    color: var(--bs-primary) !important;
}

.bg-success {
    background-color: var(--bs-success) !important;
}

.badge-success {
    background-color: color-mix(in srgb, var(--bs-success) 12%, #fff) !important;
    color: var(--bs-success) !important;
}

.text-primary,
a.text-primary {
    color: var(--bs-primary) !important;
}

.text-success {
    color: var(--bs-success) !important;
}

/* Soft entrance for main content cards */
@keyframes enuv-card-in {
    from { opacity: 0; transform: translateY(6px); }
    to { opacity: 1; transform: translateY(0); }
}

.main-content > .container-fluid > .card,
.main-content .enuv-heat-card,
.enuv-dashboard .card {
    animation: enuv-card-in 0.35s ease both;
}

@media (prefers-reduced-motion: reduce) {
    .card:hover,
    .enuv-kpi-card:hover,
    .ro-card:hover,
    .enuv-heat-card:hover,
    .btn-primary,
    .btn-success,
    .aside-body .nav > li > a:hover,
    .aside-body .nav .sub-menu li > a:hover,
    .enuv-aside .aside-body .nav > li > a:hover,
    .enuv-aside .aside-body .nav .sub-menu li > a:hover {
        transform: none;
    }
    .main-content > .container-fluid > .card,
    .main-content .enuv-heat-card,
    .enuv-dashboard .card {
        animation: none;
    }
}

/* ========== Slim / Vue 3 filter system (layout preserved) ========== */
:root {
    --enuv-slim-h: 32px;
    --enuv-slim-radius: 7px;
    --enuv-slim-border: rgba(47, 43, 61, 0.12);
    --enuv-slim-bg: #fff;
    --enuv-slim-muted: #6f6b7d;
    --enuv-slim-soft: #f5f5f9;
    --enuv-slim-shadow: 0 0.2rem 0.75rem rgba(47, 43, 61, 0.06);
}

.enuv-slim-filters,
.enuv-slim-toolbar {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    gap: 0.35rem;
    padding: 0.3rem;
    border: 1px solid var(--enuv-slim-border);
    border-radius: 9px;
    background: var(--enuv-slim-bg);
    box-shadow: var(--enuv-slim-shadow);
}

.enuv-slim-field {
    display: inline-flex;
    align-items: stretch;
    min-height: var(--enuv-slim-h);
    border: 1px solid var(--enuv-slim-border);
    border-radius: var(--enuv-slim-radius);
    background: var(--enuv-slim-soft);
    overflow: hidden;
    transition: border-color 0.18s ease, box-shadow 0.18s ease, background-color 0.18s ease;
}

.enuv-slim-field:hover {
    border-color: rgba(var(--enuv-blue-rgb, 27, 108, 168), 0.35);
}

.enuv-slim-field:focus-within {
    background: #fff;
    border-color: var(--bs-primary);
    box-shadow: 0 0 0 0.2rem rgba(var(--enuv-blue-rgb, 27, 108, 168), 0.12);
}

.enuv-slim-field--grow {
    flex: 1 1 220px;
    min-width: 200px;
}

.enuv-slim-field__icon {
    display: inline-grid;
    place-items: center;
    width: 1.75rem;
    flex-shrink: 0;
    color: var(--bs-primary);
    background: color-mix(in srgb, var(--bs-primary) 8%, transparent);
    border-inline-end: 1px solid var(--enuv-slim-border);
    font-size: 0.82rem;
}

.enuv-slim-field__icon.is-pulse,
.enuv-slim-field__icon i {
    animation: enuvSlimIconPulse 2.6s ease-in-out infinite;
}

.enuv-slim-field:focus-within .enuv-slim-field__icon i,
.enuv-slim-field:hover .enuv-slim-field__icon i {
    animation: enuvSlimIconBounce 0.7s ease-in-out infinite;
}

.enuv-slim-field__body {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 0;
    padding: 0.08rem 0.5rem 0.1rem;
    min-width: 0;
    flex: 1;
}

.enuv-slim-field__label {
    margin: 0;
    font-size: 0.55rem;
    font-weight: 600;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--enuv-slim-muted);
    line-height: 1.1;
}

.enuv-slim-field .enuv-slim-input,
.enuv-slim-field .form-control,
.enuv-slim-field .theme-input-style,
.enuv-slim-field select {
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    padding: 0 !important;
    min-height: 1.05rem;
    height: auto !important;
    font-size: 0.78rem !important;
    font-weight: 500;
    color: var(--bs-body-color);
    line-height: 1.2;
}

.enuv-slim-field .select2-container {
    width: 100% !important;
    min-width: 110px;
}

.enuv-slim-field .select2-container--default .select2-selection--single {
    border: 0 !important;
    background: transparent !important;
    height: auto !important;
    min-height: 0 !important;
}

.enuv-slim-field .select2-container--default .select2-selection--single .select2-selection__rendered {
    padding: 0 !important;
    line-height: 1.25 !important;
    font-size: 0.84rem;
    font-weight: 500;
    color: var(--bs-body-color) !important;
}

.enuv-slim-field .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 100% !important;
    top: 0 !important;
    right: 0 !important;
}

.enuv-slim-field .select2-container--default.select2-container--focus .select2-selection--single {
    border: 0 !important;
    box-shadow: none !important;
}

.enuv-slim-icon-btn,
.enuv-refresh-btn {
    width: var(--enuv-slim-h) !important;
    height: var(--enuv-slim-h) !important;
    min-width: var(--enuv-slim-h);
    padding: 0 !important;
    display: inline-grid !important;
    place-items: center;
    border-radius: var(--enuv-slim-radius) !important;
    border: 1px solid var(--enuv-slim-border) !important;
    background: var(--enuv-slim-soft) !important;
    color: var(--bs-primary) !important;
    transition: background-color 0.18s ease, border-color 0.18s ease, transform 0.18s ease, box-shadow 0.18s ease;
}

.enuv-slim-icon-btn:hover,
.enuv-refresh-btn:hover {
    background: #fff !important;
    border-color: var(--bs-primary) !important;
    box-shadow: 0 4px 12px rgba(var(--enuv-blue-rgb, 27, 108, 168), 0.16);
    transform: translateY(-1px);
}

/* Segmented control (Vuexy-style tabs) */
.enuv-slim-seg,
.enuv-slim-seg.overview-button-group,
.enuv-slim-toolbar .enuv-slim-seg,
.enuv-zone-tabs.enuv-slim-seg,
.enuv-fleet-tabs.enuv-slim-seg {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.2rem;
    padding: 0.2rem;
    margin: 0;
    list-style: none;
    background: var(--enuv-slim-soft);
    border: 1px solid var(--enuv-slim-border);
    border-radius: var(--enuv-slim-radius);
}

.enuv-slim-seg > a,
.enuv-slim-seg .nav-link,
.enuv-slim-seg.overview-button-group > a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: calc(var(--enuv-slim-h) - 0.4rem);
    padding: 0.35rem 0.85rem !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 6px !important;
    background: transparent !important;
    color: var(--enuv-slim-muted) !important;
    font-size: 0.8rem !important;
    font-weight: 600;
    text-decoration: none !important;
    box-shadow: none !important;
    transition: background-color 0.16s ease, color 0.16s ease, box-shadow 0.16s ease;
}

.enuv-slim-seg > a:hover,
.enuv-slim-seg .nav-link:hover {
    color: var(--bs-primary) !important;
    background: rgba(var(--enuv-blue-rgb, 27, 108, 168), 0.08) !important;
}

.enuv-slim-seg > a.active,
.enuv-slim-seg .nav-link.active {
    color: #fff !important;
    background: var(--bs-primary) !important;
    box-shadow: 0 2px 8px rgba(var(--enuv-blue-rgb, 27, 108, 168), 0.28) !important;
}

.enuv-slim-seg .nav-link.is-sep {
    opacity: 0.35;
    pointer-events: none;
    padding-inline: 0.2rem !important;
    min-width: 0;
}

/* Soft chips (date presets) */
.enuv-slim-chips {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
    align-items: center;
}

.enuv-slim-chip {
    appearance: none;
    border: 1px solid var(--enuv-slim-border);
    background: var(--enuv-slim-bg);
    color: var(--enuv-slim-muted);
    border-radius: 999px;
    min-height: 2rem;
    padding: 0.3rem 0.85rem;
    font-size: 0.78rem;
    font-weight: 600;
    line-height: 1;
    transition: background-color 0.16s ease, color 0.16s ease, border-color 0.16s ease, box-shadow 0.16s ease;
}

.enuv-slim-chip:hover {
    color: var(--bs-primary);
    border-color: rgba(var(--enuv-blue-rgb, 27, 108, 168), 0.35);
    background: color-mix(in srgb, var(--bs-primary) 6%, #fff);
}

.enuv-slim-chip.is-active,
.enuv-slim-chip.active {
    color: #fff;
    background: var(--bs-primary);
    border-color: var(--bs-primary);
    box-shadow: 0 2px 8px rgba(var(--enuv-blue-rgb, 27, 108, 168), 0.25);
}

/* Global search forms → slim */
.search-form_style-two.enuv-slim-search,
.enuv-zone-search.search-form_style-two,
.enuv-fleet-search.search-form_style-two,
.search-form.search-form_style-two {
    display: inline-flex;
    align-items: stretch;
    gap: 0.45rem;
    padding: 0.35rem;
    border: 1px solid var(--enuv-slim-border);
    border-radius: var(--enuv-slim-radius);
    background: var(--enuv-slim-soft);
    box-shadow: none;
}

.search-form_style-two .search-form__input_group {
    flex: 1;
    min-width: 160px;
}

.search-form_style-two .search-form__input,
.search-form_style-two .theme-input-style {
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    min-height: calc(var(--enuv-slim-h) - 0.7rem);
    font-size: 0.84rem;
}

.search-form_style-two .search-submit {
    border-radius: 6px !important;
    min-height: calc(var(--enuv-slim-h) - 0.7rem);
    padding-inline: 0.9rem !important;
    font-size: 0.8rem !important;
    font-weight: 600;
}

/* Select2 dropdown polish (Vuexy-like) */
.select2-container--default .select2-dropdown {
    border: 1px solid var(--enuv-slim-border) !important;
    border-radius: 10px !important;
    box-shadow: 0 0.5rem 1.25rem rgba(47, 43, 61, 0.12) !important;
    overflow: hidden;
    margin-top: 0.25rem;
}

.select2-container--default .select2-results__option {
    padding: 0.55rem 0.85rem;
    font-size: 0.84rem;
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background: color-mix(in srgb, var(--bs-primary) 12%, #fff) !important;
    color: var(--bs-primary) !important;
}

.select2-container--default .select2-results__option--selected {
    background: color-mix(in srgb, var(--bs-primary) 8%, #fff) !important;
    color: var(--bs-primary) !important;
    font-weight: 600;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid var(--enuv-slim-border) !important;
    border-radius: 6px !important;
    padding: 0.45rem 0.65rem !important;
}

/* Heat / fleet control bars inherit slim spacing */
.enuv-heat-controls.enuv-slim-filters {
    justify-content: flex-end;
}

.enuv-heat-presets.enuv-slim-chips {
    margin-block: 0.75rem 0.25rem;
}

.enuv-fleet-toolbar.enuv-slim-toolbar,
.enuv-zone-toolbar.enuv-slim-toolbar {
    justify-content: space-between;
    margin-bottom: 0.85rem;
}

@media (max-width: 767.98px) {
    .enuv-slim-filters,
    .enuv-slim-toolbar {
        width: 100%;
    }

    .enuv-slim-field,
    .enuv-slim-field--grow {
        width: 100%;
    }

    .enuv-slim-seg {
        width: 100%;
    }

    .enuv-slim-seg > a,
    .enuv-slim-seg .nav-link {
        flex: 1 1 auto;
    }
}

@keyframes enuvSlimIconPulse {
    0%, 100% { transform: scale(1); opacity: 1; }
    50% { transform: scale(1.12); opacity: 0.82; }
}

@keyframes enuvSlimIconBounce {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-2px); }
}

/* —— Payment methods (3rd party) —— */
.enuv-pm-hero {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 1rem;
  padding: 1.25rem 1.35rem;
  border-radius: 1rem;
  background:
    radial-gradient(120% 160% at 0% 0%, rgba(27, 108, 168, 0.16), transparent 55%),
    radial-gradient(90% 120% at 100% 0%, rgba(31, 157, 106, 0.12), transparent 50%),
    linear-gradient(180deg, rgba(255,255,255,0.55), rgba(255,255,255,0.28));
  border: 1px solid rgba(27, 108, 168, 0.12);
  backdrop-filter: blur(10px);
}
.enuv-pm-kicker {
  margin: 0 0 0.2rem;
  font-size: 0.72rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #1B6CA8;
  font-weight: 600;
}
.enuv-pm-title {
  margin: 0;
  font-size: 1.55rem;
  font-weight: 700;
  color: #0f2a3d;
  letter-spacing: -0.02em;
}
.enuv-pm-lead {
  margin: 0.35rem 0 0;
  max-width: 36rem;
  color: #4a6375;
  font-size: 0.92rem;
}
.enuv-pm-wallet-link {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  padding: 0.55rem 0.95rem;
  border-radius: 999px;
  background: linear-gradient(135deg, #1B6CA8, #1F9D6A);
  color: #fff !important;
  font-weight: 600;
  font-size: 0.88rem;
  text-decoration: none !important;
  white-space: nowrap;
  box-shadow: 0 8px 20px rgba(27, 108, 168, 0.22);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.enuv-pm-wallet-link:hover {
  transform: translateY(-1px);
  box-shadow: 0 12px 24px rgba(27, 108, 168, 0.28);
  color: #fff !important;
}
.enuv-pm-wallet-link i {
  animation: enuvSlimIconBounce 2.4s ease-in-out infinite;
}

.enuv-pm-core {
  border-radius: 1rem;
  border: 1px solid rgba(15, 42, 61, 0.08);
  background: rgba(255,255,255,0.42);
  backdrop-filter: blur(8px);
  overflow: hidden;
}
.enuv-pm-core__head {
  padding: 1rem 1.2rem 0.65rem;
}
.enuv-pm-section-title {
  margin: 0;
  font-size: 1.05rem;
  font-weight: 700;
  color: #0f2a3d;
}
.enuv-pm-section-sub {
  margin: 0.2rem 0 0;
  font-size: 0.82rem;
  color: #566b7c;
}
.enuv-pm-core__table-wrap {
  overflow-x: auto;
  padding: 0 0.4rem 0.6rem;
}
.enuv-pm-table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  font-size: 0.86rem;
}
.enuv-pm-table th {
  text-align: left;
  font-weight: 600;
  color: #566b7c;
  padding: 0.65rem 0.75rem;
  border-bottom: 1px solid rgba(15, 42, 61, 0.08);
  white-space: nowrap;
}
.enuv-pm-table td {
  padding: 0.75rem;
  border-bottom: 1px solid rgba(15, 42, 61, 0.05);
  vertical-align: middle;
  color: #243746;
}
.enuv-pm-table td strong {
  display: block;
  font-size: 0.92rem;
}
.enuv-pm-table td small {
  color: #5d6b80;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  font-size: 0.68rem;
}
.enuv-pm-cap {
  color: #9aafbd;
  font-weight: 600;
}
.enuv-pm-cap.is-on {
  color: #1F9D6A;
}

.enuv-pm-badge {
  display: inline-flex;
  align-items: center;
  padding: 0.22rem 0.55rem;
  border-radius: 999px;
  font-size: 0.72rem;
  font-weight: 650;
  letter-spacing: 0.02em;
}
.enuv-pm-badge.is-ok {
  background: rgba(31, 157, 106, 0.12);
  color: #11633f;
}
.enuv-pm-badge.is-warn {
  background: rgba(212, 146, 36, 0.14);
  color: #9a6810;
}
.enuv-pm-badge.is-off {
  background: rgba(120, 140, 155, 0.14);
  color: #475569;
}

.enuv-pm-verify {
  border: 1px solid rgba(27, 108, 168, 0.35);
  background: transparent;
  color: #1B6CA8;
  border-radius: 0.55rem;
  padding: 0.32rem 0.7rem;
  font-size: 0.78rem;
  font-weight: 600;
  transition: background 0.2s ease, color 0.2s ease;
}
.enuv-pm-verify:hover {
  background: #1B6CA8;
  color: #fff;
}

.enuv-pm-card {
  height: 100%;
  border-radius: 1.05rem;
  border: 1px solid rgba(15, 42, 61, 0.08);
  background: rgba(255,255,255,0.48);
  backdrop-filter: blur(10px);
  overflow: hidden;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
.enuv-pm-card:hover {
  border-color: rgba(27, 108, 168, 0.22);
  box-shadow: 0 14px 34px rgba(15, 42, 61, 0.07);
}
.enuv-pm-card--efi {
  border-color: rgba(31, 157, 106, 0.28);
  background:
    radial-gradient(90% 80% at 100% 0%, rgba(31, 157, 106, 0.12), transparent 55%),
    rgba(255,255,255,0.5);
}
.enuv-pm-card__head {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 1rem 1.15rem;
  border-bottom: 1px solid rgba(15, 42, 61, 0.06);
}
.enuv-pm-card__icon {
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 0.75rem;
  display: grid;
  place-items: center;
  background: linear-gradient(145deg, rgba(27,108,168,0.14), rgba(31,157,106,0.14));
  color: #1B6CA8;
  font-size: 1.15rem;
  flex-shrink: 0;
}
.enuv-pm-card--efi .enuv-pm-card__icon {
  color: #1F9D6A;
}
.enuv-pm-card__title {
  margin: 0;
  font-size: 1.05rem;
  font-weight: 700;
  color: #0f2a3d;
}
.enuv-pm-card__sub {
  margin: 0.1rem 0 0;
  font-size: 0.78rem;
  color: #566b7c;
}
.enuv-pm-card__head .enuv-pm-badge {
  margin-left: auto;
}
.enuv-pm-card__body {
  padding: 1.05rem 1.15rem 1.2rem;
}
.enuv-pm-status-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.85rem;
  margin-bottom: 0.85rem;
}
.enuv-pm-radio {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  font-size: 0.86rem;
  color: #314859;
  cursor: pointer;
  margin: 0;
}
.enuv-pm-select,
.enuv-pm-input {
  width: 100%;
  border: 1px solid rgba(15, 42, 61, 0.12);
  background: rgba(255,255,255,0.72);
  border-radius: 0.65rem;
  padding: 0.55rem 0.75rem;
  font-size: 0.9rem;
  color: #0f2a3d;
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}
.enuv-pm-status-row .enuv-pm-select {
  width: auto;
  min-width: 7rem;
  margin-left: auto;
}
.enuv-pm-select:focus,
.enuv-pm-input:focus {
  outline: none;
  border-color: rgba(27, 108, 168, 0.45);
  box-shadow: 0 0 0 3px rgba(27, 108, 168, 0.12);
}
.enuv-pm-chip {
  display: inline-flex;
  margin-bottom: 0.95rem;
  padding: 0.3rem 0.65rem;
  border-radius: 0.5rem;
  background: rgba(27, 108, 168, 0.08);
  color: #1B6CA8;
  font-size: 0.76rem;
  font-weight: 600;
}
.enuv-pm-field {
  margin-bottom: 0.85rem;
}
.enuv-pm-label {
  display: block;
  margin-bottom: 0.3rem;
  font-size: 0.8rem;
  font-weight: 600;
  color: #3d5668;
}
.enuv-pm-hint {
  display: block;
  margin-top: 0.3rem;
  font-size: 0.74rem;
  color: #5d6b80;
  line-height: 1.35;
}
.enuv-pm-upload {
  margin: 1rem 0;
  text-align: center;
}
.enuv-pm-upload h5 {
  font-size: 0.88rem;
  margin-bottom: 0.65rem;
  color: #3d5668;
}
.enuv-pm-actions {
  display: flex;
  justify-content: flex-end;
  margin-top: 0.5rem;
}
.enuv-pm-save {
  border: 0;
  border-radius: 0.7rem;
  padding: 0.55rem 1.15rem;
  background: linear-gradient(135deg, #1B6CA8, #1F9D6A);
  color: #fff;
  font-weight: 650;
  font-size: 0.88rem;
  box-shadow: 0 8px 18px rgba(27, 108, 168, 0.2);
  transition: transform 0.15s ease, box-shadow 0.15s ease;
}
.enuv-pm-save:hover {
  transform: translateY(-1px);
  box-shadow: 0 12px 22px rgba(27, 108, 168, 0.26);
  color: #fff;
}

@media (max-width: 767.98px) {
  .enuv-pm-hero {
    flex-direction: column;
    align-items: stretch;
  }
  .enuv-pm-wallet-link {
    justify-content: center;
  }
  .enuv-pm-status-row .enuv-pm-select {
    margin-left: 0;
    width: 100%;
  }
}

/* —— Admin transactions —— */
.enuv-tx-hero {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 1rem;
  padding: 1.2rem 1.35rem;
  border-radius: 1rem;
  background:
    radial-gradient(120% 160% at 0% 0%, rgba(27, 108, 168, 0.15), transparent 55%),
    radial-gradient(90% 120% at 100% 0%, rgba(31, 157, 106, 0.12), transparent 50%),
    linear-gradient(180deg, rgba(255,255,255,0.55), rgba(255,255,255,0.28));
  border: 1px solid rgba(27, 108, 168, 0.12);
  backdrop-filter: blur(10px);
}
.enuv-tx-kicker {
  margin: 0 0 0.2rem;
  font-size: 0.72rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #1B6CA8;
  font-weight: 600;
}
.enuv-tx-title {
  margin: 0;
  font-size: 1.5rem;
  font-weight: 700;
  color: #0f2a3d;
  letter-spacing: -0.02em;
}
.enuv-tx-lead {
  margin: 0.35rem 0 0;
  max-width: 40rem;
  color: #4a6375;
  font-size: 0.9rem;
}
.enuv-tx-hero__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.55rem;
}
.enuv-tx-wallet-link,
.enuv-tx-export,
.enuv-tx-btn,
.enuv-tx-detail {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  padding: 0.5rem 0.9rem;
  border-radius: 999px;
  font-weight: 600;
  font-size: 0.84rem;
  text-decoration: none !important;
  border: 0;
  cursor: pointer;
}
.enuv-tx-wallet-link {
  background: linear-gradient(135deg, #1B6CA8, #1F9D6A);
  color: #fff !important;
  box-shadow: 0 8px 20px rgba(27, 108, 168, 0.22);
}
.enuv-tx-export,
.enuv-tx-btn {
  background: #1B6CA8;
  color: #fff !important;
}
.enuv-tx-btn.is-ghost,
.enuv-tx-detail {
  background: rgba(27, 108, 168, 0.08);
  color: #1B6CA8 !important;
}
.enuv-tx-metrics {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0.75rem;
}
.enuv-tx-metric {
  padding: 0.9rem 1rem;
  border-radius: 0.9rem;
  border: 1px solid rgba(15, 42, 61, 0.08);
  background: rgba(255,255,255,0.48);
  backdrop-filter: blur(8px);
}
.enuv-tx-metric__label {
  display: block;
  font-size: 0.74rem;
  color: #566b7c;
  margin-bottom: 0.25rem;
}
.enuv-tx-metric__value {
  font-size: 1.15rem;
  color: #0f2a3d;
}
.enuv-tx-metric.is-credit .enuv-tx-metric__value { color: #1F9D6A; }
.enuv-tx-metric.is-debit .enuv-tx-metric__value { color: #c0392b; }
.enuv-tx-metric.is-pix .enuv-tx-metric__value { color: #1B6CA8; }

.enuv-tx-filters {
  padding: 1rem 1.1rem;
  border-radius: 1rem;
  border: 1px solid rgba(15, 42, 61, 0.08);
  background: rgba(255,255,255,0.42);
  backdrop-filter: blur(8px);
}
.enuv-tx-filters__grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0.75rem;
}
.enuv-tx-field--grow { grid-column: span 2; }
.enuv-tx-label {
  display: block;
  margin-bottom: 0.28rem;
  font-size: 0.74rem;
  font-weight: 600;
  color: #3d5668;
}
.enuv-tx-input {
  width: 100%;
  border: 1px solid rgba(15, 42, 61, 0.12);
  background: rgba(255,255,255,0.75);
  border-radius: 0.65rem;
  padding: 0.5rem 0.7rem;
  font-size: 0.88rem;
  color: #0f2a3d;
}
.enuv-tx-input:focus {
  outline: none;
  border-color: rgba(27, 108, 168, 0.45);
  box-shadow: 0 0 0 3px rgba(27, 108, 168, 0.12);
}
.enuv-tx-filters__actions {
  display: flex;
  gap: 0.5rem;
  margin-top: 0.9rem;
}

.enuv-tx-panel {
  border-radius: 1rem;
  border: 1px solid rgba(15, 42, 61, 0.08);
  background: rgba(255,255,255,0.48);
  backdrop-filter: blur(8px);
  overflow: hidden;
}
.enuv-tx-table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  font-size: 0.84rem;
}
.enuv-tx-table th {
  text-align: left;
  font-weight: 600;
  color: #566b7c;
  padding: 0.75rem 0.85rem;
  border-bottom: 1px solid rgba(15, 42, 61, 0.08);
  white-space: nowrap;
}
.enuv-tx-table td {
  padding: 0.8rem 0.85rem;
  border-bottom: 1px solid rgba(15, 42, 61, 0.05);
  vertical-align: middle;
  color: #243746;
}
.enuv-tx-id strong,
.enuv-tx-user strong { display: block; color: #0f2a3d; }
.enuv-tx-id small,
.enuv-tx-user small,
.enuv-tx-ref small {
  display: block;
  color: #5d6b80;
  font-size: 0.72rem;
}
.enuv-tx-chip {
  display: inline-flex;
  padding: 0.18rem 0.5rem;
  border-radius: 999px;
  background: rgba(27, 108, 168, 0.08);
  color: #1B6CA8;
  font-size: 0.72rem;
  font-weight: 650;
}
.enuv-tx-chip.is-pix {
  background: rgba(31, 157, 106, 0.12);
  color: #11633f;
}
.enuv-tx-status {
  display: inline-flex;
  padding: 0.18rem 0.5rem;
  border-radius: 999px;
  background: rgba(120, 140, 155, 0.14);
  color: #475569;
  font-size: 0.72rem;
  font-weight: 650;
  text-transform: lowercase;
}
.enuv-tx-status.is-completed,
.enuv-tx-status.is-concluida,
.enuv-tx-status.is-realized,
.enuv-tx-status.is-realizado {
  background: rgba(31, 157, 106, 0.12);
  color: #11633f;
}
.enuv-tx-status.is-pending,
.enuv-tx-status.is-reserved,
.enuv-tx-status.is-sent,
.enuv-tx-status.is-reconcile-required {
  background: rgba(212, 146, 36, 0.14);
  color: #9a6810;
}
.enuv-tx-status.is-failed,
.enuv-tx-status.is-reversed,
.enuv-tx-status.is-canceled,
.enuv-tx-status.is-cancelled {
  background: rgba(192, 57, 43, 0.12);
  color: #a93226;
}
.enuv-tx-money.is-credit { color: #15803d; font-weight: 650; }
.enuv-tx-money.is-debit { color: #c0392b; font-weight: 650; }
.enuv-tx-empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  padding: 2rem 1rem;
  color: #566b7c;
}
.enuv-tx-pager {
  display: flex;
  justify-content: flex-end;
  padding: 0.85rem 1rem;
}
.enuv-tx-section-title {
  margin: 0;
  font-size: 1rem;
  font-weight: 700;
  color: #0f2a3d;
}
.enuv-tx-dl {
  display: grid;
  gap: 0.65rem;
  margin: 0;
}
.enuv-tx-dl > div {
  display: grid;
  grid-template-columns: 9rem 1fr;
  gap: 0.5rem;
  padding-bottom: 0.55rem;
  border-bottom: 1px solid rgba(15, 42, 61, 0.06);
}
.enuv-tx-dl dt {
  margin: 0;
  font-size: 0.76rem;
  color: #566b7c;
  font-weight: 600;
}
.enuv-tx-dl dd {
  margin: 0;
  color: #0f2a3d;
  font-size: 0.9rem;
  word-break: break-word;
}
.enuv-tx-pre {
  margin: 0;
  padding: 0.85rem;
  border-radius: 0.75rem;
  background: rgba(15, 42, 61, 0.04);
  font-size: 0.78rem;
  overflow: auto;
}

@media (max-width: 1199.98px) {
  .enuv-tx-filters__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .enuv-tx-field--grow { grid-column: span 2; }
  .enuv-tx-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 767.98px) {
  .enuv-tx-hero { flex-direction: column; align-items: stretch; }
  .enuv-tx-filters__grid { grid-template-columns: 1fr; }
  .enuv-tx-field--grow { grid-column: auto; }
  .enuv-tx-metrics { grid-template-columns: 1fr; }
  .enuv-tx-dl > div { grid-template-columns: 1fr; }
}

/* —— Report tabs —— */
.enuv-tx-tabs {
  display: inline-flex;
  gap: 0.35rem;
  padding: 0.3rem;
  border-radius: 999px;
  background: rgba(255,255,255,0.5);
  border: 1px solid rgba(15, 42, 61, 0.08);
}
.enuv-tx-tabs a {
  padding: 0.4rem 0.95rem;
  border-radius: 999px;
  font-size: 0.84rem;
  font-weight: 650;
  color: #4a6375 !important;
  text-decoration: none !important;
}
.enuv-tx-tabs a.is-active {
  background: linear-gradient(135deg, #1B6CA8, #1F9D6A);
  color: #fff !important;
}
.enuv-tx-metrics {
  grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
}

/* =========================================================
   WebAdmin-inspired Bordered Layout (visual only)
   body[data-layout="vertical"][data-layout-mode="bordered"]
   Does NOT hide nav links, badges, shortcuts or page actions.
   ========================================================= */
body[data-layout-mode="bordered"] {
    --enuv-bordered-line: #e9ebec;
    --enuv-bordered-muted: #878a99;
    --enuv-bordered-canvas: #f3f6f9;
    --enuv-bordered-surface: #ffffff;
    --enuv-bordered-radius: 8px;
    --enuv-bordered-radius-sm: 6px;
    background: var(--enuv-bordered-canvas) !important;
}

body[data-layout-mode="bordered"][theme="dark"] {
    --enuv-bordered-line: rgba(255, 255, 255, 0.1);
    --enuv-bordered-muted: #9aa4b2;
    --enuv-bordered-canvas: #0f1419;
    --enuv-bordered-surface: #161b22;
}

body[data-layout-mode="bordered"] .header {
    background: var(--enuv-bordered-surface) !important;
    border-bottom: 1px solid var(--enuv-bordered-line) !important;
    box-shadow: none !important;
    backdrop-filter: none;
    block-size: 3.5rem;
}

body[data-layout-mode="bordered"] .enuv-aside.aside,
body[data-layout-mode="bordered"] .aside {
    background: var(--enuv-bordered-surface) !important;
    border-inline-end: 1px solid var(--enuv-bordered-line) !important;
    box-shadow: none !important;
}

body[data-layout-mode="bordered"] .enuv-aside-header.aside-header {
    background: var(--enuv-bordered-surface) !important;
    backdrop-filter: none;
    border-bottom: 1px solid var(--enuv-bordered-line);
}

body[data-layout-mode="bordered"] .enuv-aside .aside-header .toggle-menu-button {
    box-shadow: none;
    border: 1px solid var(--enuv-bordered-line);
    border-radius: var(--enuv-bordered-radius-sm);
    transform: none;
}

body[data-layout-mode="bordered"] .enuv-aside .aside-header .toggle-menu-button:hover {
    transform: none;
}

body[data-layout-mode="bordered"] .main-area,
body[data-layout-mode="bordered"] .main-content {
    background: var(--enuv-bordered-canvas) !important;
}

body[data-layout-mode="bordered"] .main-content {
    padding-block-end: 1.25rem;
}

body[data-layout-mode="bordered"] .main-content > .container-fluid {
    padding-block-start: 0.15rem;
}

body[data-layout-mode="bordered"] .footer {
    border-top: 1px solid var(--enuv-bordered-line);
    background: transparent;
    font-size: 0.78rem;
}

/* ----- Sidebar density (every link stays visible) ----- */
body[data-layout-mode="bordered"] .enuv-aside-profile.user-profile {
    border-radius: var(--enuv-bordered-radius) !important;
    padding: 0.7rem 0.8rem !important;
    box-shadow: none;
}

body[data-layout-mode="bordered"] .enuv-aside-profile .avatar {
    width: 2.25rem;
    height: 2.25rem;
}

body[data-layout-mode="bordered"] .enuv-aside-profile .card-title {
    font-size: 0.8rem;
}

body[data-layout-mode="bordered"] .enuv-aside-search .search-form__input,
body[data-layout-mode="bordered"] .enuv-aside-search .theme-input-style {
    border-radius: var(--enuv-bordered-radius-sm);
    border-color: var(--enuv-bordered-line);
    padding-block: 0.42rem;
    font-size: 0.8rem;
}

body[data-layout-mode="bordered"] .enuv-aside .aside-body {
    padding-inline: 0.45rem 0.3rem;
}

body[data-layout-mode="bordered"] .enuv-aside .aside-body .nav-category {
    margin-top: 0.85rem;
    margin-bottom: 0.28rem;
    font-size: 0.62rem;
    letter-spacing: 0.08em;
}

body[data-layout-mode="bordered"] .enuv-aside .aside-body .nav-category::after {
    background: var(--enuv-bordered-line);
}

body[data-layout-mode="bordered"] .enuv-aside .aside-body .nav > li > a {
    border-radius: var(--enuv-bordered-radius-sm);
    margin-block: 1px;
    padding-block: 0.4rem;
    gap: 0.5rem;
    border: 1px solid transparent;
    transform: none;
}

body[data-layout-mode="bordered"] .enuv-aside .aside-body .nav > li > a > i {
    width: 1.45rem;
    height: 1.45rem;
    border-radius: 5px;
    font-size: 0.82rem;
}

body[data-layout-mode="bordered"] .enuv-aside .aside-body .nav > li > a .link-title {
    font-size: 0.8rem;
}

body[data-layout-mode="bordered"] .enuv-aside .aside-body .nav > li > a:hover {
    transform: none;
    background: var(--enuv-bordered-canvas);
    border-color: var(--enuv-bordered-line);
}

body[data-layout-mode="bordered"] .enuv-aside .aside-body .nav > li > a:hover > i {
    transform: none;
}

body[data-layout-mode="bordered"] .enuv-aside .aside-body .nav > li.active > a,
body[data-layout-mode="bordered"] .enuv-aside .aside-body .nav > li.open > a,
body[data-layout-mode="bordered"] .enuv-aside .aside-body .nav > li.sub-menu-opened > a {
    box-shadow: none;
    background: var(--enuv-bordered-canvas);
    border-color: var(--enuv-bordered-line);
}

body[data-layout-mode="bordered"] .enuv-aside .aside-body .nav .sub-menu {
    margin-inline-start: 0.7rem;
    border-inline-start: 1px solid var(--enuv-bordered-line);
}

body[data-layout-mode="bordered"] .enuv-aside .aside-body .nav .sub-menu li > a {
    border-radius: 5px;
    padding-block: 0.34rem;
    font-size: 0.78rem;
    transform: none;
}

body[data-layout-mode="bordered"] .enuv-aside .aside-body .nav .sub-menu li > a:hover,
body[data-layout-mode="bordered"] .enuv-aside .aside-body .nav .sub-menu li.active > a {
    transform: none;
    background: var(--enuv-bordered-canvas);
}

body[data-layout-mode="bordered"] .enuv-aside .aside-body .nav .badge-primary {
    box-shadow: none;
    font-size: 0.62rem;
    padding: 0.12rem 0.38rem;
    min-width: 1.15rem;
}

body[data-layout-mode="bordered"] .aside-body .nav > li > a:hover,
body[data-layout-mode="bordered"] .aside-body .nav .sub-menu li > a:hover {
    transform: none;
}

/* ----- Header tools ----- */
body[data-layout-mode="bordered"] .enuv-header-tool-ico {
    border: 1px solid var(--enuv-bordered-line);
    border-radius: var(--enuv-bordered-radius-sm);
    background: var(--enuv-bordered-surface);
}

body[data-layout-mode="bordered"] .enuv-header-tool:hover .enuv-header-tool-ico {
    transform: none;
    background: var(--enuv-bordered-canvas);
}

body[data-layout-mode="bordered"] .enuv-header-clock {
    border: 1px solid var(--enuv-bordered-line);
    border-radius: var(--enuv-bordered-radius-sm);
    background: var(--enuv-bordered-surface);
    box-shadow: none;
    padding: 0.2rem 0.55rem;
}

body[data-layout-mode="bordered"] .enuv-header-avatar {
    box-shadow: none;
    border: 1px solid var(--enuv-bordered-line);
}

body[data-layout-mode="bordered"] .enuv-header-avatar:hover {
    transform: none;
}

/* ----- Surfaces / cards ----- */
body[data-layout-mode="bordered"] .card,
body[data-layout-mode="bordered"] .white-card,
body[data-layout-mode="bordered"] .enuv-panel,
body[data-layout-mode="bordered"] .enuv-kpi-card,
body[data-layout-mode="bordered"] .enuv-mix-card,
body[data-layout-mode="bordered"] .enuv-ops-pulse,
body[data-layout-mode="bordered"] .enuv-health-strip,
body[data-layout-mode="bordered"] .enuv-peak-strip,
body[data-layout-mode="bordered"] .enuv-exec-head .enuv-dash-topbar,
body[data-layout-mode="bordered"] .enuv-exec-command,
body[data-layout-mode="bordered"] .enuv-heat-card,
body[data-layout-mode="bordered"] .ro-card,
body[data-layout-mode="bordered"] .custom-card {
    background: var(--enuv-bordered-surface) !important;
    border: 1px solid var(--enuv-bordered-line) !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    border-radius: var(--enuv-bordered-radius) !important;
}

body[data-layout-mode="bordered"] .card:hover,
body[data-layout-mode="bordered"] .enuv-kpi-card:hover,
body[data-layout-mode="bordered"] .enuv-panel:hover,
body[data-layout-mode="bordered"] .card.enuv-panel:hover,
body[data-layout-mode="bordered"] .enuv-mix-card:hover,
body[data-layout-mode="bordered"] .ro-card:hover,
body[data-layout-mode="bordered"] .enuv-heat-card:hover {
    transform: none !important;
    box-shadow: none !important;
    border-color: #dde1e4 !important;
}

body[data-layout-mode="bordered"][theme="dark"] .card:hover,
body[data-layout-mode="bordered"][theme="dark"] .enuv-kpi-card:hover,
body[data-layout-mode="bordered"][theme="dark"] .enuv-panel:hover,
body[data-layout-mode="bordered"][theme="dark"] .ro-card:hover {
    border-color: rgba(255, 255, 255, 0.18) !important;
}

body[data-layout-mode="bordered"] .card-header,
body[data-layout-mode="bordered"] .card-footer {
    background: transparent;
    border-color: var(--enuv-bordered-line);
    padding: 0.75rem 1.05rem;
}

body[data-layout-mode="bordered"] .card-body {
    padding: 1rem 1.1rem;
}

body[data-layout-mode="bordered"] .card-header + .card-body {
    padding-top: 0.85rem;
}

body[data-layout-mode="bordered"] .main-content .row.g-4 {
    --bs-gutter-y: 1rem;
    --bs-gutter-x: 1rem;
}

/* ----- Page titles ----- */
body[data-layout-mode="bordered"] .main-content h2.fs-22,
body[data-layout-mode="bordered"] .main-content .fs-22 {
    font-size: 1.125rem !important;
    font-weight: 600;
    letter-spacing: -0.02em;
    line-height: 1.3;
}

body[data-layout-mode="bordered"] .main-content h2.fs-22.mb-4,
body[data-layout-mode="bordered"] .main-content .mb-4.d-flex:has(h2.fs-22) {
    margin-bottom: 0.9rem !important;
}

/* ----- Tabs / filters ----- */
body[data-layout-mode="bordered"] .nav--tabs,
body[data-layout-mode="bordered"] .nav--tabs-2,
body[data-layout-mode="bordered"] .nav--tabs_two {
    background: var(--enuv-bordered-surface) !important;
    border: 1px solid var(--enuv-bordered-line) !important;
    border-radius: var(--enuv-bordered-radius) !important;
    padding: 0.2rem !important;
}

body[data-layout-mode="bordered"] .nav--tabs .nav-link,
body[data-layout-mode="bordered"] .nav--tabs-2 .nav-link,
body[data-layout-mode="bordered"] .nav--tabs_two .nav-link {
    font-size: 0.78rem;
    font-weight: 500;
    padding: 0.4rem 0.75rem;
    border-radius: var(--enuv-bordered-radius-sm) !important;
    border: 1px solid transparent;
    line-height: 1.2;
}

body[data-layout-mode="bordered"] .nav--tabs .nav-link.active,
body[data-layout-mode="bordered"] .nav--tabs-2 .nav-link.active,
body[data-layout-mode="bordered"] .nav--tabs_two .nav-link.active {
    background: var(--enuv-bordered-canvas) !important;
    color: var(--bs-primary) !important;
    border-color: var(--enuv-bordered-line);
}

body[data-layout-mode="bordered"] .enuv-zone-tabs.enuv-slim-seg,
body[data-layout-mode="bordered"] .enuv-fleet-tabs.enuv-slim-seg {
    border: 1px solid var(--enuv-bordered-line);
    background: var(--enuv-bordered-surface);
}

body[data-layout-mode="bordered"] .enuv-fleet-toolbar.enuv-slim-toolbar,
body[data-layout-mode="bordered"] .enuv-zone-toolbar.enuv-slim-toolbar,
body[data-layout-mode="bordered"] .enuv-heat-controls.enuv-slim-filters {
    border-color: var(--enuv-bordered-line);
}

/* ----- Buttons / search toolbars ----- */
body[data-layout-mode="bordered"] .btn {
    border-radius: var(--enuv-bordered-radius-sm);
    font-size: 0.8125rem;
    font-weight: 500;
    box-shadow: none !important;
}

body[data-layout-mode="bordered"] .btn-primary,
body[data-layout-mode="bordered"] .btn-success,
body[data-layout-mode="bordered"] .btn-danger,
body[data-layout-mode="bordered"] .btn-info,
body[data-layout-mode="bordered"] .btn-warning {
    border-width: 1px;
}

body[data-layout-mode="bordered"] .btn-outline-primary,
body[data-layout-mode="bordered"] .btn-outline-secondary,
body[data-layout-mode="bordered"] .btn-outline-success,
body[data-layout-mode="bordered"] .btn-outline-danger {
    border-color: var(--enuv-bordered-line);
}

body[data-layout-mode="bordered"] .btn-outline-primary:hover {
    border-color: var(--bs-primary);
}

body[data-layout-mode="bordered"] .table-top {
    gap: 0.65rem;
    margin-bottom: 0.85rem;
}

body[data-layout-mode="bordered"] .search-form_style-two .search-form__input,
body[data-layout-mode="bordered"] .search-form_style-two .theme-input-style {
    border-color: var(--enuv-bordered-line);
    min-height: 36px;
    font-size: 0.8125rem;
}

body[data-layout-mode="bordered"] .search-form_style-two .search-submit {
    min-height: 36px;
    border-radius: 0 var(--enuv-bordered-radius-sm) var(--enuv-bordered-radius-sm) 0;
}

/* ----- Tables / DataTables ----- */
body[data-layout-mode="bordered"] .table,
body[data-layout-mode="bordered"] .table > :not(caption) > * > * {
    border-color: var(--enuv-bordered-line);
}

body[data-layout-mode="bordered"] .table thead th,
body[data-layout-mode="bordered"] table.dataTable thead th,
body[data-layout-mode="bordered"] .table thead td {
    background: var(--enuv-bordered-canvas) !important;
    border-bottom: 1px solid var(--enuv-bordered-line) !important;
    color: var(--enuv-bordered-muted);
    font-size: 0.7rem;
    font-weight: 600;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    white-space: nowrap;
    padding: 0.62rem 0.75rem;
    vertical-align: middle;
}

body[data-layout-mode="bordered"] .table tbody td,
body[data-layout-mode="bordered"] table.dataTable tbody td {
    font-size: 0.8125rem;
    padding: 0.58rem 0.75rem;
    vertical-align: middle;
    border-color: var(--enuv-bordered-line);
}

body[data-layout-mode="bordered"] .table-hover tbody tr:hover,
body[data-layout-mode="bordered"] table.dataTable tbody tr:hover {
    background: color-mix(in srgb, var(--enuv-bordered-canvas) 70%, transparent);
}

body[data-layout-mode="bordered"] .dataTables_wrapper .dataTables_length,
body[data-layout-mode="bordered"] .dataTables_wrapper .dataTables_filter,
body[data-layout-mode="bordered"] .dataTables_wrapper .dataTables_info,
body[data-layout-mode="bordered"] .dataTables_wrapper .dataTables_paginate {
    font-size: 0.78rem;
}

body[data-layout-mode="bordered"] .dataTables_wrapper .dataTables_paginate .paginate_button {
    border-radius: 5px !important;
    border: 1px solid transparent !important;
    padding: 0.22rem 0.5rem !important;
}

body[data-layout-mode="bordered"] .dataTables_wrapper .dataTables_paginate .paginate_button.current {
    background: var(--enuv-bordered-canvas) !important;
    border-color: var(--enuv-bordered-line) !important;
    color: var(--bs-primary) !important;
    box-shadow: none !important;
}

body[data-layout-mode="bordered"] .pagination .page-link {
    border-color: var(--enuv-bordered-line);
    font-size: 0.78rem;
    padding: 0.28rem 0.58rem;
    color: inherit;
}

body[data-layout-mode="bordered"] .pagination .page-item.active .page-link {
    border-color: var(--bs-primary);
}

/* ----- Forms ----- */
body[data-layout-mode="bordered"] .enuv-slim-field,
body[data-layout-mode="bordered"] .form-control,
body[data-layout-mode="bordered"] .form-select,
body[data-layout-mode="bordered"] .theme-input-style {
    border-color: var(--enuv-bordered-line);
    border-radius: var(--enuv-bordered-radius-sm);
}

body[data-layout-mode="bordered"] .form-control,
body[data-layout-mode="bordered"] .form-select,
body[data-layout-mode="bordered"] .theme-input-style {
    min-height: 36px;
    font-size: 0.8125rem;
    box-shadow: none;
}

body[data-layout-mode="bordered"] .form-control:focus,
body[data-layout-mode="bordered"] .form-select:focus,
body[data-layout-mode="bordered"] .theme-input-style:focus {
    border-color: color-mix(in srgb, var(--bs-primary) 45%, var(--enuv-bordered-line));
    box-shadow: 0 0 0 0.18rem color-mix(in srgb, var(--bs-primary) 14%, transparent);
}

body[data-layout-mode="bordered"] .form-label,
body[data-layout-mode="bordered"] label {
    font-size: 0.78rem;
    font-weight: 500;
}

body[data-layout-mode="bordered"] .select2-container--default .select2-selection--single {
    border-color: var(--enuv-bordered-line);
    border-radius: var(--enuv-bordered-radius-sm);
    min-height: 36px;
}

body[data-layout-mode="bordered"] .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 34px;
    font-size: 0.8125rem;
}

body[data-layout-mode="bordered"] .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 34px;
}

body[data-layout-mode="bordered"] .select2-dropdown {
    border-color: var(--enuv-bordered-line);
    border-radius: var(--enuv-bordered-radius-sm);
    box-shadow: 0 8px 24px rgba(15, 23, 42, 0.08);
}

body[data-layout-mode="bordered"] .daterangepicker {
    border: 1px solid var(--enuv-bordered-line);
    border-radius: var(--enuv-bordered-radius);
    box-shadow: 0 8px 24px rgba(15, 23, 42, 0.08);
}

body[data-layout-mode="bordered"] .input-group-text {
    border-color: var(--enuv-bordered-line);
    background: var(--enuv-bordered-canvas);
    font-size: 0.78rem;
}

/* ----- Badges / status ----- */
body[data-layout-mode="bordered"] .badge {
    border-radius: 999px;
    font-weight: 600;
    letter-spacing: 0.01em;
    box-shadow: none;
}

body[data-layout-mode="bordered"] .badge.bg-primary,
body[data-layout-mode="bordered"] .badge.bg-success,
body[data-layout-mode="bordered"] .badge.bg-danger,
body[data-layout-mode="bordered"] .badge.bg-warning,
body[data-layout-mode="bordered"] .badge.bg-info,
body[data-layout-mode="bordered"] .badge.bg-secondary {
    border: 1px solid transparent;
}

/* ----- Overlays ----- */
body[data-layout-mode="bordered"] .dropdown-menu {
    border: 1px solid var(--enuv-bordered-line);
    border-radius: var(--enuv-bordered-radius);
    box-shadow: 0 8px 24px rgba(15, 23, 42, 0.08);
    font-size: 0.8125rem;
}

body[data-layout-mode="bordered"] .dropdown-item {
    border-radius: 5px;
    font-size: 0.8rem;
}

body[data-layout-mode="bordered"] .modal-content {
    border: 1px solid var(--enuv-bordered-line);
    border-radius: var(--enuv-bordered-radius);
    box-shadow: none;
    background: var(--enuv-bordered-surface);
}

body[data-layout-mode="bordered"] .modal-header,
body[data-layout-mode="bordered"] .modal-footer {
    border-color: var(--enuv-bordered-line);
    padding: 0.8rem 1.05rem;
}

body[data-layout-mode="bordered"] .offcanvas {
    border-inline-start: 1px solid var(--enuv-bordered-line);
    box-shadow: none;
}

body[data-layout-mode="bordered"] .offcanvas-header {
    border-bottom: 1px solid var(--enuv-bordered-line);
}

body[data-layout-mode="bordered"] .alert {
    border-radius: var(--enuv-bordered-radius);
    box-shadow: none;
    border-width: 1px;
    font-size: 0.8125rem;
}

body[data-layout-mode="bordered"] .toast,
body[data-layout-mode="bordered"] #toast-container > div {
    box-shadow: 0 8px 24px rgba(15, 23, 42, 0.12) !important;
    border-radius: var(--enuv-bordered-radius) !important;
}

body[data-layout-mode="bordered"] .progress {
    background: var(--enuv-bordered-canvas);
    border-radius: 999px;
}

body[data-layout-mode="bordered"] .accordion-item {
    border-color: var(--enuv-bordered-line);
    border-radius: var(--enuv-bordered-radius);
}

body[data-layout-mode="bordered"] .list-group-item {
    border-color: var(--enuv-bordered-line);
}

body[data-layout-mode="bordered"] .nav-pills .nav-link {
    border-radius: var(--enuv-bordered-radius-sm);
    font-size: 0.8rem;
}

body[data-layout-mode="bordered"] .nav-pills .nav-link.active {
    box-shadow: none;
}

/* ----- Dashboard extras ----- */
body[data-layout-mode="bordered"] .enuv-dashboard.enuv-exec {
    background: transparent;
}

body[data-layout-mode="bordered"] .enuv-exec-command .enuv-ops-strip,
body[data-layout-mode="bordered"] .enuv-exec-command .enuv-mode-bar {
    border-color: var(--enuv-bordered-line) !important;
}

/* ----- List analytics / setup / detail chrome ----- */
body[data-layout-mode="bordered"] .main-content h2.fs-20,
body[data-layout-mode="bordered"] .main-content h4,
body[data-layout-mode="bordered"] .main-content h5 {
    letter-spacing: -0.02em;
}

body[data-layout-mode="bordered"] .analytical_data .card-body {
    padding: 0.85rem 0.75rem;
}

body[data-layout-mode="bordered"] .analytical_data-icon {
    --size: 2.35rem;
    box-shadow: none;
    margin-block-end: 0.7rem;
}

body[data-layout-mode="bordered"] .analytical_data .analytical_data-icon {
    box-shadow: none;
}

body[data-layout-mode="bordered"] .analytical_data-count,
body[data-layout-mode="bordered"] .analytical_data .fs-27 {
    font-size: 1.2rem !important;
    margin-block-end: 0.25rem;
}

body[data-layout-mode="bordered"] .customer-details-media-info-card,
body[data-layout-mode="bordered"] .customer-details-media-info-card-header {
    border-color: var(--enuv-bordered-line);
    box-shadow: none;
}

body[data-layout-mode="bordered"] .customer-details-media-info-card {
    border: 1px solid var(--enuv-bordered-line);
    border-radius: var(--enuv-bordered-radius);
    background: var(--enuv-bordered-surface);
}

body[data-layout-mode="bordered"] .table .btn-outline-primary.px-3,
body[data-layout-mode="bordered"] .table-top .btn-outline-primary.px-3 {
    min-height: 36px;
    min-width: 36px;
    padding-inline: 0.55rem !important;
}

body[data-layout-mode="bordered"] .form-switch .form-check-input,
body[data-layout-mode="bordered"] .custom-switch .custom-control-input {
    box-shadow: none;
}

body[data-layout-mode="bordered"] .bg-input,
body[data-layout-mode="bordered"] .bg-white {
    --enuv-bordered-soft: var(--enuv-bordered-surface);
}

body[data-layout-mode="bordered"] .nav.d-inline-flex.nav--tabs {
    flex-wrap: wrap;
    row-gap: 0.2rem;
}

/* =========================================================
   ENUV shared application shell 2026
   One visual language for dashboard, lists, forms and setup.
   ========================================================= */
body[data-layout-mode="bordered"] {
    --enuv-ui-blue: #1b6ca8;
    --enuv-ui-green: #1f9d6a;
    --enuv-ui-ink: #172033;
    --enuv-ui-muted: #5d6b80;
    --enuv-ui-line: #e5eaf1;
    --enuv-ui-canvas: #f4f7fb;
    --enuv-ui-surface: #ffffff;
    --enuv-ui-radius: 12px;
    --enuv-ui-shadow: 0 1px 2px rgba(20, 50, 79, 0.04), 0 10px 28px rgba(42, 122, 184, 0.07);
    --enuv-ui-shadow-hover: 0 4px 10px rgba(20, 50, 79, 0.06), 0 16px 36px rgba(15, 157, 122, 0.12);
    --enuv-bordered-line: var(--enuv-ui-line);
    --enuv-bordered-canvas: var(--enuv-ui-canvas);
    --enuv-bordered-surface: var(--enuv-ui-surface);
    --enuv-bordered-radius: var(--enuv-ui-radius);
    color: var(--enuv-ui-ink);
}

body[data-layout-mode="bordered"][theme="dark"] {
    --enuv-ui-ink: #eef3f8;
    --enuv-ui-muted: #9ba7b7;
    --enuv-ui-line: rgba(255, 255, 255, 0.09);
    --enuv-ui-canvas: #10151c;
    --enuv-ui-surface: #171d26;
    --enuv-ui-shadow: 0 1px 3px rgba(0, 0, 0, 0.28);
    --enuv-ui-shadow-hover: 0 4px 12px rgba(0, 0, 0, 0.38);
}

body[data-layout-mode="bordered"] .header {
    box-shadow: 0 1px 0 rgba(15, 23, 42, 0.02) !important;
}

body[data-layout-mode="bordered"] .enuv-header-tool-ico,
body[data-layout-mode="bordered"] .enuv-header-clock,
body[data-layout-mode="bordered"] .enuv-header-avatar {
    transition: transform 0.22s ease, border-color 0.2s ease, background-color 0.2s ease, box-shadow 0.22s ease;
}

body[data-layout-mode="bordered"] .enuv-header-tool:hover .enuv-header-tool-ico,
body[data-layout-mode="bordered"] .enuv-header-avatar:hover {
    transform: translateY(-1px);
    border-color: rgba(27, 108, 168, 0.22);
    box-shadow: 0 5px 12px rgba(27, 108, 168, 0.08);
}

body[data-layout-mode="bordered"] .enuv-aside .aside-body .nav > li > a,
body[data-layout-mode="bordered"] .enuv-aside .aside-body .nav .sub-menu li > a {
    transition: color 0.18s ease, background-color 0.18s ease, border-color 0.18s ease, transform 0.18s ease;
}

body[data-layout-mode="bordered"] .enuv-aside .aside-body .nav > li > a:hover {
    transform: translateX(2px);
}

body[data-layout-mode="bordered"] .enuv-aside .aside-body .nav > li.active > a,
body[data-layout-mode="bordered"] .enuv-aside .aside-body .nav > li.open > a,
body[data-layout-mode="bordered"] .enuv-aside .aside-body .nav > li.sub-menu-opened > a {
    color: var(--enuv-ui-blue);
    box-shadow: inset 2px 0 0 var(--enuv-ui-blue);
}

body[data-layout-mode="bordered"] .card,
body[data-layout-mode="bordered"] .white-card,
body[data-layout-mode="bordered"] .custom-card,
body[data-layout-mode="bordered"] .ro-card {
    border-color: var(--enuv-ui-line) !important;
    border-radius: var(--enuv-ui-radius) !important;
    box-shadow: var(--enuv-ui-shadow) !important;
    transition: transform 0.25s cubic-bezier(0.22, 1, 0.36, 1), border-color 0.2s ease, box-shadow 0.25s ease;
}

body[data-layout-mode="bordered"] .card:hover,
body[data-layout-mode="bordered"] .white-card:hover,
body[data-layout-mode="bordered"] .custom-card:hover,
body[data-layout-mode="bordered"] .ro-card:hover {
    transform: translateY(-2px) !important;
    border-color: rgba(27, 108, 168, 0.18) !important;
    box-shadow: var(--enuv-ui-shadow-hover) !important;
}

/* Forms containing active editing controls must stay still. */
body[data-layout-mode="bordered"] form .card:hover,
body[data-layout-mode="bordered"] .modal .card:hover,
body[data-layout-mode="bordered"] .offcanvas .card:hover,
body[data-layout-mode="bordered"] .card:has(.table):hover,
body[data-layout-mode="bordered"] .card:has(.dataTables_wrapper):hover,
body[data-layout-mode="bordered"] .card:has([id*="map" i]):hover,
body[data-layout-mode="bordered"] .card:has(.apexcharts-canvas):hover,
body[data-layout-mode="bordered"] .card:has(.note-editor):hover {
    transform: none !important;
}

body[data-layout-mode="bordered"] .card-header {
    min-height: 48px;
    display: flex;
    align-items: center;
    border-bottom: 1px solid var(--enuv-ui-line);
    padding: 0.7rem 1rem;
}

body[data-layout-mode="bordered"] .card-header h4,
body[data-layout-mode="bordered"] .card-header h5,
body[data-layout-mode="bordered"] .card-header h6,
body[data-layout-mode="bordered"] .card-title {
    color: var(--enuv-ui-ink);
    font-weight: 650;
    letter-spacing: -0.015em;
}

body[data-layout-mode="bordered"] .card-header p,
body[data-layout-mode="bordered"] .card-subtitle,
body[data-layout-mode="bordered"] .text-muted {
    color: var(--enuv-ui-muted) !important;
}

body[data-layout-mode="bordered"] .main-content > .container-fluid > h2:first-child,
body[data-layout-mode="bordered"] .main-content > .container-fluid > h4:first-child,
body[data-layout-mode="bordered"] .main-content > form > .container-fluid > h2:first-child {
    position: relative;
    padding-inline-start: 0.7rem;
}

body[data-layout-mode="bordered"] .main-content > .container-fluid > h2:first-child::before,
body[data-layout-mode="bordered"] .main-content > .container-fluid > h4:first-child::before,
body[data-layout-mode="bordered"] .main-content > form > .container-fluid > h2:first-child::before {
    content: "";
    position: absolute;
    inset-inline-start: 0;
    top: 0.18em;
    bottom: 0.18em;
    width: 3px;
    border-radius: 999px;
    background: linear-gradient(180deg, var(--enuv-ui-blue), var(--enuv-ui-green));
}

body[data-layout-mode="bordered"] .table-top {
    align-items: center;
    padding-bottom: 0.75rem;
    border-bottom: 1px solid var(--enuv-ui-line);
}

body[data-layout-mode="bordered"] .table-responsive {
    border-radius: 8px;
}

body[data-layout-mode="bordered"] .table thead th,
body[data-layout-mode="bordered"] table.dataTable thead th {
    color: #68768a;
    background: #f7f9fc !important;
}

body[data-layout-mode="bordered"][theme="dark"] .table thead th,
body[data-layout-mode="bordered"][theme="dark"] table.dataTable thead th {
    color: #a8b3c2;
    background: #1c2430 !important;
}

body[data-layout-mode="bordered"] .table tbody tr {
    transition: background-color 0.16s ease, box-shadow 0.16s ease;
}

body[data-layout-mode="bordered"] .table tbody tr:hover {
    background: rgba(27, 108, 168, 0.035);
    box-shadow: inset 2px 0 0 rgba(27, 108, 168, 0.38);
}

body[data-layout-mode="bordered"] .btn {
    min-height: 34px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.35rem;
    transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease, background-color 0.18s ease;
}

body[data-layout-mode="bordered"] .btn:hover {
    transform: translateY(-1px);
}

body[data-layout-mode="bordered"] .btn-primary:hover,
body[data-layout-mode="bordered"] .btn-success:hover {
    box-shadow: 0 6px 14px rgba(27, 108, 168, 0.16) !important;
}

body[data-layout-mode="bordered"] .form-control,
body[data-layout-mode="bordered"] .form-select,
body[data-layout-mode="bordered"] .theme-input-style,
body[data-layout-mode="bordered"] .select2-container--default .select2-selection--single {
    background-color: var(--enuv-ui-surface);
    transition: border-color 0.18s ease, box-shadow 0.18s ease, background-color 0.18s ease;
}

body[data-layout-mode="bordered"] .form-control:hover,
body[data-layout-mode="bordered"] .form-select:hover,
body[data-layout-mode="bordered"] .theme-input-style:hover,
body[data-layout-mode="bordered"] .select2-container--default .select2-selection--single:hover {
    border-color: #cfd7e3;
}

body[data-layout-mode="bordered"] .analytical_data {
    position: relative;
    overflow: hidden;
}

body[data-layout-mode="bordered"] .analytical_data::before {
    content: "";
    position: absolute;
    inset: 0 0 auto;
    height: 2px;
    background: linear-gradient(90deg, var(--enuv-ui-blue), var(--enuv-ui-green));
}

body[data-layout-mode="bordered"] .analytical_data-icon {
    border: 1px solid rgba(27, 108, 168, 0.12);
    transition: transform 0.25s ease, box-shadow 0.25s ease;
}

body[data-layout-mode="bordered"] .analytical_data:hover .analytical_data-icon {
    transform: translateY(-2px) scale(1.04);
    box-shadow: 0 6px 14px rgba(27, 108, 168, 0.1);
}

body[data-layout-mode="bordered"] .dropdown-menu,
body[data-layout-mode="bordered"] .select2-dropdown,
body[data-layout-mode="bordered"] .daterangepicker {
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.11);
}

body[data-layout-mode="bordered"] a:focus-visible,
body[data-layout-mode="bordered"] button:focus-visible,
body[data-layout-mode="bordered"] input:focus-visible,
body[data-layout-mode="bordered"] select:focus-visible,
body[data-layout-mode="bordered"] textarea:focus-visible {
    outline: 2px solid rgba(27, 108, 168, 0.52);
    outline-offset: 2px;
}

@media (prefers-reduced-motion: reduce) {
    body[data-layout-mode="bordered"] *,
    body[data-layout-mode="bordered"] *::before,
    body[data-layout-mode="bordered"] *::after {
        scroll-behavior: auto !important;
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
    }
}

/* =========================================================
   Shared component layer — phase 2
   Tabs, dialogs, uploads, switches, empty states and actions.
   ========================================================= */
.enuv-admin-shell .nav--tab-wrapper {
    position: relative;
    margin-bottom: 1rem;
    padding: 0.22rem;
    border: 1px solid var(--enuv-ui-line);
    border-radius: var(--enuv-ui-radius);
    background: var(--enuv-ui-surface);
    box-shadow: var(--enuv-ui-shadow);
}

.enuv-admin-shell .nav--tab-wrapper .nav--tabs {
    margin: 0;
    border: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
    gap: 0.12rem;
}

.enuv-admin-shell .nav--tab-wrapper .nav-link {
    min-height: 32px;
    display: inline-flex;
    align-items: center;
    white-space: nowrap;
}

.enuv-admin-shell .nav--tab__prev,
.enuv-admin-shell .nav--tab__next {
    width: 30px;
    height: 30px;
    border: 1px solid var(--enuv-ui-line);
    border-radius: 7px;
    color: var(--enuv-ui-blue);
    background: var(--enuv-ui-surface);
    box-shadow: 0 4px 12px rgba(15, 23, 42, 0.08);
}

.enuv-admin-shell .btn--container {
    gap: 0.55rem;
}

.enuv-admin-shell .btn--container .btn {
    min-width: 104px;
    min-height: 36px;
    padding-inline: 0.9rem;
}

.enuv-admin-shell .btn--cancel {
    color: #536176;
    border: 1px solid var(--enuv-ui-line);
    background: var(--enuv-ui-surface);
}

.enuv-admin-shell .btn--cancel:hover {
    color: var(--enuv-ui-blue);
    border-color: rgba(27, 108, 168, 0.28);
    background: rgba(27, 108, 168, 0.055);
}

.enuv-admin-shell .status-warning-modal .modal-content {
    position: relative;
    overflow: hidden;
    border: 1px solid var(--enuv-ui-line);
    border-radius: 8px;
    background: var(--enuv-ui-surface);
    box-shadow: var(--enuv-shadow-lg, 0 10px 28px rgba(15, 23, 42, 0.11));
}

.enuv-admin-shell .status-warning-modal .modal-content::before {
    content: "";
    position: absolute;
    inset: 0 0 auto;
    height: 2px;
    background: linear-gradient(90deg, var(--enuv-ui-blue), var(--enuv-ui-green));
}

.enuv-admin-shell .status-warning-modal .modal-header {
    min-height: 42px;
    padding: 0.65rem 0.8rem;
}

.enuv-admin-shell .status-warning-modal .modal-body {
    color: var(--enuv-ui-muted);
}

.enuv-admin-shell .status-warning-modal .modal-title {
    color: var(--enuv-ui-ink);
    font-weight: 700;
    letter-spacing: -0.02em;
}

.enuv-admin-shell .status-warning-modal .modal-body img:not(.avatar) {
    max-width: 72px;
    max-height: 72px;
    filter: drop-shadow(0 8px 16px rgba(27, 108, 168, 0.1));
}

.enuv-admin-shell .modal-backdrop.show {
    opacity: 0.42;
    backdrop-filter: blur(2px);
}

.enuv-admin-shell .modal.fade .modal-dialog {
    transition: transform 0.24s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.2s ease;
}

.enuv-admin-shell .modal.fade:not(.show) .modal-dialog {
    transform: translateY(8px) scale(0.985);
}

.enuv-admin-shell .switcher:not(.switcher-lg) {
    inline-size: 2.35rem;
    block-size: 1.25rem;
}

.enuv-admin-shell .switcher:not(.switcher-lg) .switcher_control {
    inline-size: 2.35rem;
    block-size: 1.25rem;
    border: 1px solid #cbd4df;
    border-radius: 999px !important;
    background: #dfe5ec;
    box-shadow: inset 0 1px 2px rgba(15, 23, 42, 0.08);
    transition: border-color 0.2s ease, background-color 0.2s ease, box-shadow 0.2s ease;
}

.enuv-admin-shell .switcher:not(.switcher-lg) .switcher_control::after {
    inset-block-start: 0.1rem;
    inset-inline-start: 0.1rem;
    inline-size: 0.92rem;
    block-size: 0.92rem;
    border-radius: 50% !important;
    box-shadow: 0 2px 5px rgba(15, 23, 42, 0.2);
    transition: transform 0.22s cubic-bezier(0.22, 1, 0.36, 1), background-color 0.2s ease;
}

.enuv-admin-shell .switcher:not(.switcher-lg) .switcher_input:checked ~ .switcher_control {
    border-color: var(--enuv-ui-green);
    background: var(--enuv-ui-green);
    box-shadow: 0 0 0 3px rgba(31, 157, 106, 0.1);
}

.enuv-admin-shell .switcher:not(.switcher-lg) .switcher_input:checked ~ .switcher_control::after {
    inset-inline-start: 0.1rem;
    transform: translateX(1.08rem);
}

[dir="rtl"] .enuv-admin-shell .switcher:not(.switcher-lg) .switcher_input:checked ~ .switcher_control::after {
    transform: translateX(-1.08rem);
}

.enuv-admin-shell .switcher_input:focus-visible ~ .switcher_control {
    outline: 2px solid rgba(27, 108, 168, 0.48);
    outline-offset: 2px;
}

.enuv-admin-shell .upload-file.auto .upload-file__img,
.enuv-admin-shell .upload-file .file_upload,
.enuv-admin-shell .upload-file-new__wrapper {
    border: 1px dashed #bdc9d8;
    border-radius: 9px !important;
    background:
        linear-gradient(135deg, rgba(27, 108, 168, 0.025), rgba(31, 157, 106, 0.025)),
        var(--enuv-ui-surface);
    transition: border-color 0.2s ease, background-color 0.2s ease, box-shadow 0.22s ease, transform 0.22s ease;
}

.enuv-admin-shell .upload-file:hover .upload-file__img,
.enuv-admin-shell .upload-file:hover .file_upload,
.enuv-admin-shell .upload-file-new:hover .upload-file-new__wrapper {
    transform: translateY(-1px);
    border-color: rgba(27, 108, 168, 0.48);
    box-shadow: 0 8px 20px rgba(27, 108, 168, 0.08);
}

.enuv-admin-shell .upload-file__textbox,
.enuv-admin-shell .upload-file-new-textbox {
    color: var(--enuv-ui-muted);
    font-size: 0.78rem;
}

.enuv-admin-shell .upload-file .edit-btn,
.enuv-admin-shell .upload-file__close,
.enuv-admin-shell .upload-file-new .remove_btn {
    border: 1px solid var(--enuv-ui-surface);
    box-shadow: 0 4px 10px rgba(15, 23, 42, 0.12);
}

.enuv-admin-shell .enuv-empty,
.enuv-admin-shell .enuv-tx-empty,
.enuv-admin-shell .enuv-zone-empty,
.enuv-admin-shell .enuv-fleet-list-empty,
.enuv-admin-shell .enuv-notify-empty {
    min-height: 92px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.4rem;
    padding: 1rem;
    border: 1px dashed #ced7e3;
    border-radius: 8px;
    color: var(--enuv-ui-muted);
    background: rgba(27, 108, 168, 0.025);
}

.enuv-admin-shell .enuv-empty::before {
    content: "\F479";
    font-family: "bootstrap-icons";
    width: 30px;
    height: 30px;
    display: grid;
    place-items: center;
    border-radius: 8px;
    color: var(--enuv-ui-blue);
    background: rgba(27, 108, 168, 0.08);
    font-size: 0.9rem;
}

.enuv-admin-shell .collapsible-card-body {
    border-color: var(--enuv-ui-line);
}

.enuv-admin-shell .collapsible-card-content {
    border-top: 1px solid var(--enuv-ui-line);
}

.enuv-admin-shell .accordion-button {
    min-height: 46px;
    color: var(--enuv-ui-ink);
    font-size: 0.84rem;
    font-weight: 650;
    background: var(--enuv-ui-surface);
    box-shadow: none;
}

.enuv-admin-shell .accordion-button:not(.collapsed) {
    color: var(--enuv-ui-blue);
    background: rgba(27, 108, 168, 0.045);
    box-shadow: inset 0 -1px 0 var(--enuv-ui-line);
}

.enuv-admin-shell .list-group-item {
    min-height: 42px;
    background: var(--enuv-ui-surface);
    transition: background-color 0.16s ease, padding-inline-start 0.16s ease;
}

.enuv-admin-shell .list-group-item-action:hover {
    padding-inline-start: 1.15rem;
    color: var(--enuv-ui-blue);
    background: rgba(27, 108, 168, 0.045);
}

.enuv-admin-shell .badge {
    min-height: 20px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.24rem 0.5rem;
}

.enuv-admin-shell .tooltip .tooltip-inner {
    border-radius: 6px;
    padding: 0.35rem 0.55rem;
    font-size: 0.72rem;
    box-shadow: 0 6px 18px rgba(15, 23, 42, 0.16);
}

.enuv-admin-shell .alert {
    display: flex;
    align-items: flex-start;
    gap: 0.55rem;
    border-inline-start-width: 3px;
}

.enuv-admin-shell .breadcrumb {
    margin-bottom: 0.75rem;
    color: var(--enuv-ui-muted);
    font-size: 0.76rem;
}

.enuv-admin-shell .breadcrumb-item.active {
    color: var(--enuv-ui-ink);
    font-weight: 600;
}

@media (max-width: 767.98px) {
    .enuv-admin-shell .nav--tab-wrapper {
        margin-inline: -0.15rem;
    }

    .enuv-admin-shell .btn--container {
        width: 100%;
    }

    .enuv-admin-shell .btn--container .btn {
        flex: 1 1 120px;
    }

    .enuv-admin-shell .status-warning-modal {
        margin-inline: auto;
        padding-inline: 0.55rem;
    }
}

/* =========================================================
   Border + elevation contract
   Every administrative surface uses a 1px slim line.
   Cards share the same restrained elevation.
   ========================================================= */
.enuv-admin-shell {
    --enuv-ui-border-width: 1px;
    --enuv-ui-card-shadow: 0 1px 2px rgba(20, 50, 79, 0.04), 0 10px 28px rgba(42, 122, 184, 0.07);
    --enuv-ui-card-shadow-hover: 0 4px 10px rgba(20, 50, 79, 0.06), 0 16px 36px rgba(15, 157, 122, 0.12);
}

.enuv-admin-shell .card,
.enuv-admin-shell .white-card,
.enuv-admin-shell .custom-card,
.enuv-admin-shell .setting-box,
.enuv-admin-shell .ro-card,
.enuv-admin-shell .card-chat,
.enuv-admin-shell .analytical_data,
.enuv-admin-shell .customer-details-media-info-card,
.enuv-admin-shell .enuv-notify-panel,
.enuv-admin-shell .enuv-panel,
.enuv-admin-shell .enuv-kpi-card,
.enuv-admin-shell .enuv-mix-card,
.enuv-admin-shell .enuv-ops-pulse,
.enuv-admin-shell .enuv-auto-panel,
.enuv-admin-shell .enuv-health-strip,
.enuv-admin-shell .enuv-peak-strip,
.enuv-admin-shell .enuv-heat-card,
.enuv-admin-shell .enuv-fleet-card,
.enuv-admin-shell .enuv-zone-card,
.enuv-admin-shell .enuv-pm-hero,
.enuv-admin-shell .enuv-pm-core,
.enuv-admin-shell .enuv-pm-card,
.enuv-admin-shell .enuv-tx-hero,
.enuv-admin-shell .enuv-tx-metric,
.enuv-admin-shell .enuv-tx-filters,
.enuv-admin-shell .enuv-tx-panel {
    border-width: var(--enuv-ui-border-width) !important;
    border-style: solid !important;
    border-color: var(--enuv-ui-line) !important;
    border-radius: var(--enuv-ui-radius) !important;
    box-shadow: var(--enuv-ui-card-shadow) !important;
}

.enuv-admin-shell .card:hover,
.enuv-admin-shell .white-card:hover,
.enuv-admin-shell .custom-card:hover,
.enuv-admin-shell .ro-card:hover,
.enuv-admin-shell .analytical_data:hover,
.enuv-admin-shell .enuv-kpi-card:hover,
.enuv-admin-shell .enuv-panel:hover,
.enuv-admin-shell .enuv-mix-card:hover,
.enuv-admin-shell .enuv-heat-card:hover,
.enuv-admin-shell .enuv-fleet-card:hover,
.enuv-admin-shell .enuv-zone-card:hover,
.enuv-admin-shell .enuv-pm-card:hover,
.enuv-admin-shell .enuv-tx-metric:hover {
    border-color: rgba(27, 108, 168, 0.2) !important;
    box-shadow: var(--enuv-ui-card-shadow-hover) !important;
}

.enuv-admin-shell .enuv-ops-live-card,
.enuv-admin-shell .enuv-ops-stat,
.enuv-admin-shell .enuv-health-item,
.enuv-admin-shell .enuv-funnel-step {
    border-width: 1px !important;
    border-style: solid;
    border-color: var(--enuv-ui-line);
    border-radius: 8px;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.035);
}

.enuv-admin-shell .card-header,
.enuv-admin-shell .card-footer,
.enuv-admin-shell .modal-content,
.enuv-admin-shell .modal-header,
.enuv-admin-shell .modal-footer,
.enuv-admin-shell .dropdown-menu,
.enuv-admin-shell .offcanvas,
.enuv-admin-shell .offcanvas-header,
.enuv-admin-shell .accordion-item,
.enuv-admin-shell .accordion-button,
.enuv-admin-shell .list-group-item,
.enuv-admin-shell .table,
.enuv-admin-shell .table > :not(caption) > * > *,
.enuv-admin-shell .form-control,
.enuv-admin-shell .form-select,
.enuv-admin-shell .theme-input-style,
.enuv-admin-shell .input-group-text,
.enuv-admin-shell .select2-container--default .select2-selection--single,
.enuv-admin-shell .select2-container--default .select2-selection--multiple,
.enuv-admin-shell .select2-dropdown,
.enuv-admin-shell .daterangepicker,
.enuv-admin-shell .nav--tabs,
.enuv-admin-shell .nav--tab-wrapper,
.enuv-admin-shell .table-top,
.enuv-admin-shell .alert,
.enuv-admin-shell .upload-file.auto .upload-file__img,
.enuv-admin-shell .upload-file .file_upload,
.enuv-admin-shell .upload-file-new__wrapper {
    border-width: var(--enuv-ui-border-width) !important;
}

.enuv-admin-shell .border-2,
.enuv-admin-shell .border-3,
.enuv-admin-shell .border-4,
.enuv-admin-shell .border-5,
.enuv-admin-shell .border-start.border-2,
.enuv-admin-shell .border-end.border-2,
.enuv-admin-shell .border-top.border-2,
.enuv-admin-shell .border-bottom.border-2 {
    border-width: var(--enuv-ui-border-width) !important;
}

.enuv-admin-shell .upload-file .edit-btn,
.enuv-admin-shell .upload-file__close,
.enuv-admin-shell .upload-file-new .remove_btn {
    border-width: var(--enuv-ui-border-width);
}

.enuv-admin-shell .alert {
    border-inline-start-width: var(--enuv-ui-border-width);
    box-shadow: 0 5px 16px rgba(15, 23, 42, 0.045);
}

.enuv-admin-shell .card:has(.table),
.enuv-admin-shell .card:has(.dataTables_wrapper),
.enuv-admin-shell form .card,
.enuv-admin-shell .card:has([id*="map" i]),
.enuv-admin-shell .card:has(.apexcharts-canvas),
.enuv-admin-shell .card:has(.note-editor) {
    box-shadow: var(--enuv-ui-card-shadow) !important;
}

.enuv-admin-shell .card:has(.table):hover,
.enuv-admin-shell .card:has(.dataTables_wrapper):hover,
.enuv-admin-shell form .card:hover,
.enuv-admin-shell .card:has([id*="map" i]):hover,
.enuv-admin-shell .card:has(.apexcharts-canvas):hover,
.enuv-admin-shell .card:has(.note-editor):hover {
    border-color: var(--enuv-ui-line) !important;
    box-shadow: var(--enuv-ui-card-shadow) !important;
}

.enuv-admin-shell .modal .card,
.enuv-admin-shell .offcanvas .card,
.enuv-admin-shell .settings-sidebar .card {
    transform: none !important;
    box-shadow: none !important;
}

[theme="dark"].enuv-admin-shell,
[theme="dark"] .enuv-admin-shell {
    --enuv-ui-card-shadow: 0 1px 3px rgba(0, 0, 0, 0.26);
    --enuv-ui-card-shadow-hover: 0 4px 12px rgba(0, 0, 0, 0.34);
}

/* Executive container system: layout wrappers stay flat; content surfaces elevate. */
.enuv-admin-shell .main-content > .container-fluid,
.enuv-admin-shell .main-content > form > .container-fluid {
    width: 100%;
    padding-inline: 1rem;
}

.enuv-admin-shell .main-content .container,
.enuv-admin-shell .main-content .container-fluid,
.enuv-admin-shell .main-content .row,
.enuv-admin-shell .main-content [class*="col-"],
.enuv-admin-shell .enuv-dash-panel,
.enuv-admin-shell .enuv-kpi-grid,
.enuv-admin-shell .enuv-analytics-main,
.enuv-admin-shell .enuv-analytics-side,
.enuv-admin-shell .enuv-tx-metrics {
    box-shadow: none;
}

.enuv-admin-shell .card-body {
    padding: 0.85rem 1rem;
}

.enuv-admin-shell .card-header,
.enuv-admin-shell .card-footer {
    padding: 0.65rem 1rem;
}

.enuv-admin-shell .enuv-pm-hero,
.enuv-admin-shell .enuv-tx-hero {
    position: relative;
    overflow: hidden;
    padding: 0.9rem 1rem;
    background: var(--enuv-ui-surface) !important;
    backdrop-filter: none;
}

.enuv-admin-shell .enuv-pm-hero::before,
.enuv-admin-shell .enuv-tx-hero::before {
    content: "";
    position: absolute;
    inset: 0 0 auto;
    height: 2px;
    background: linear-gradient(90deg, var(--enuv-ui-blue), var(--enuv-ui-green));
}

.enuv-admin-shell .enuv-pm-core,
.enuv-admin-shell .enuv-pm-card,
.enuv-admin-shell .enuv-tx-metric,
.enuv-admin-shell .enuv-tx-filters,
.enuv-admin-shell .enuv-tx-panel {
    background: var(--enuv-ui-surface) !important;
    backdrop-filter: none;
}

.enuv-admin-shell .enuv-tx-metric {
    padding: 0.7rem 0.8rem;
}

.enuv-admin-shell .enuv-tx-filters {
    padding: 0.8rem 0.9rem;
}

.enuv-admin-shell .enuv-pm-card__head,
.enuv-admin-shell .enuv-pm-card__body {
    padding: 0.8rem 0.9rem;
}

.enuv-admin-shell .enuv-pm-card__head {
    border-bottom: 1px solid var(--enuv-ui-line);
}

.enuv-admin-shell .enuv-pm-card__icon {
    width: 2rem;
    height: 2rem;
    border-radius: 7px;
    font-size: 0.9rem;
}

.enuv-admin-shell .setting-box,
.enuv-admin-shell .customer-details-media-info-card {
    overflow: hidden;
}

.enuv-admin-shell .setting-box > :first-child,
.enuv-admin-shell .customer-details-media-info-card-header {
    border-bottom-color: var(--enuv-ui-line);
}

.enuv-admin-shell .main-content > .container-fluid > section + section,
.enuv-admin-shell .main-content > form > .container-fluid > section + section {
    margin-top: 0.75rem;
}

.enuv-admin-shell .main-content .row {
    --bs-gutter-x: 1rem;
}

.enuv-admin-shell .main-content .row.g-4 {
    --bs-gutter-y: 1rem;
}

.enuv-admin-shell .main-content .row.g-3 {
    --bs-gutter-y: 0.75rem;
}

@media (max-width: 767.98px) {
    .enuv-admin-shell .main-content > .container-fluid,
    .enuv-admin-shell .main-content > form > .container-fluid {
        padding-inline: 0.75rem;
    }

    .enuv-admin-shell .card-body {
        padding: 0.75rem 0.8rem;
    }

    .enuv-admin-shell .card-header,
    .enuv-admin-shell .card-footer {
        padding-inline: 0.8rem;
    }
}

/* =========================================================
   ENUV 2026 plan close — shared library, a11y, lists, ops
   CSS-first: keep all IDs, routes, @can, data-* and JS hooks.
   ========================================================= */
.enuv-skip-link {
    position: absolute;
    inset-inline-start: 0.75rem;
    top: -3rem;
    z-index: 1080;
    padding: 0.45rem 0.75rem;
    border-radius: 8px;
    background: var(--enuv-blue, #1b6ca8);
    color: #fff !important;
    font-size: 0.82rem;
    font-weight: 600;
    text-decoration: none;
    box-shadow: var(--enuv-shadow-md);
}
.enuv-skip-link:focus,
.enuv-skip-link:focus-visible {
    top: 0.75rem;
    outline: 2px solid #fff;
    outline-offset: 2px;
}

.enuv-admin-shell {
    --enuv-ui-radius: var(--enuv-radius, 8px);
    --enuv-ui-line: var(--enuv-line, #e5eaf1);
    --enuv-ui-canvas: var(--enuv-canvas, #f4f7fb);
    --enuv-ui-surface: var(--enuv-card, #ffffff);
    background: var(--enuv-canvas, #f4f7fb);
}

.enuv-admin-shell .main-area,
.enuv-admin-shell .main-content,
.enuv-admin-shell .enuv-dashboard {
    background: transparent;
    min-width: 0;
    max-width: 100%;
}

/* Page header / filter / empty library */
.enuv-admin-shell .enuv-page-head,
.enuv-admin-shell .main-content > .container-fluid > h2.fs-22,
.enuv-admin-shell .main-content > .container-fluid > .d-flex:has(> h2.fs-22),
.enuv-admin-shell .main-content > form > .container-fluid > h2.fs-22 {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem 1rem;
    margin-bottom: 0.9rem;
}
.enuv-admin-shell .enuv-page-head__title,
.enuv-admin-shell .main-content h2.fs-22 {
    font-size: 1.15rem !important;
    font-weight: 700;
    letter-spacing: -0.02em;
    color: var(--enuv-ink, #172033);
    line-height: 1.3;
}
.enuv-admin-shell .enuv-page-head__meta,
.enuv-admin-shell .enuv-page-head__copy p {
    margin: 0;
    font-size: 0.78rem;
    color: var(--enuv-muted, #5d6b80);
}
.enuv-admin-shell .enuv-page-head__actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.45rem;
}

.enuv-admin-shell .enuv-filter-bar,
.enuv-admin-shell .table-top {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 0.65rem 0.85rem;
    padding: 0.15rem 0 0.85rem;
}

.enuv-admin-shell .nav--tabs,
.enuv-admin-shell .nav--tabs-2,
.enuv-admin-shell ul.nav.nav--tabs {
    border: 1px solid var(--enuv-line, #e5eaf1) !important;
    border-radius: 8px !important;
    background: var(--enuv-card, #fff) !important;
    padding: 0.2rem !important;
    gap: 0.15rem;
    box-shadow: var(--enuv-shadow-sm);
}

.enuv-admin-shell .badge,
.enuv-admin-shell .enuv-status {
    border-radius: 999px;
    font-weight: 600;
    letter-spacing: 0.01em;
}

/* Lists / tables / forms */
.enuv-admin-shell .table thead th,
.enuv-admin-shell table.dataTable thead th {
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--enuv-muted, #5d6b80);
    background: #f8fafc;
    border-bottom: 1px solid var(--enuv-line, #e5eaf1) !important;
    white-space: nowrap;
}
.enuv-admin-shell .table tbody td {
    font-size: 0.82rem;
    vertical-align: middle;
    border-color: var(--enuv-line, #e5eaf1) !important;
}
.enuv-admin-shell .table-responsive {
    border: 1px solid var(--enuv-line, #e5eaf1);
    border-radius: 8px;
    background: var(--enuv-card, #fff);
}
.enuv-admin-shell .card > .card-body > .table-responsive,
.enuv-admin-shell .card-body > .table-responsive {
    border: 0;
    border-radius: 0;
}

.enuv-admin-shell .form-control,
.enuv-admin-shell .form-select,
.enuv-admin-shell .theme-input-style,
.enuv-admin-shell textarea.form-control {
    min-height: 2.15rem;
    border: 1px solid var(--enuv-line, #e5eaf1);
    border-radius: 8px;
    font-size: 0.84rem;
    box-shadow: none;
}
.enuv-admin-shell .form-control:focus,
.enuv-admin-shell .form-select:focus,
.enuv-admin-shell .theme-input-style:focus {
    border-color: color-mix(in srgb, var(--enuv-blue, #1b6ca8) 55%, #fff);
    box-shadow: 0 0 0 0.18rem rgba(27, 108, 168, 0.12);
}
.enuv-admin-shell .form-label {
    font-size: 0.78rem;
    font-weight: 600;
    color: var(--enuv-ink, #172033);
    margin-bottom: 0.28rem;
}
.enuv-admin-shell .select2-container--default .select2-selection--single {
    height: 2.15rem;
    border: 1px solid var(--enuv-line, #e5eaf1) !important;
    border-radius: 8px !important;
}
.enuv-admin-shell .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 2.05rem;
    font-size: 0.84rem;
}
.enuv-admin-shell .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 2.1rem;
}

.enuv-admin-shell .setting-box,
.enuv-admin-shell .analytical_data {
    border: 1px solid var(--enuv-line, #e5eaf1);
    border-radius: 8px;
    box-shadow: var(--enuv-shadow-sm);
    background: var(--enuv-card, #fff);
}

/* Sticky save bar on long setup forms */
.enuv-admin-shell form .btn-primary.px-5,
.enuv-admin-shell form .btn-primary[type="submit"] {
    min-height: 2.25rem;
    border-radius: 8px;
}

/* Ops / maps / finance — elevated shell, flat map */
.enuv-admin-shell .enuv-fleet-card,
.enuv-admin-shell .enuv-heat-card,
.enuv-admin-shell .ro-card {
    overflow: hidden;
}
.enuv-admin-shell .enuv-zone-card#zoneListCard,
.enuv-admin-shell .enuv-zone-card#zoneListCard .enuv-zone-body,
.enuv-admin-shell .enuv-zone-card#zoneListCard .table-responsive {
    overflow: visible !important;
}
.enuv-admin-shell .enuv-fleet-card:has([id*="map" i]):hover,
.enuv-admin-shell .enuv-heat-card:has([id*="map" i]):hover,
.enuv-admin-shell .enuv-zone-card:has([id*="map" i]):hover,
.enuv-admin-shell .ro-card:has([id*="map" i]):hover,
.enuv-admin-shell .card:has(#ride-operations-map):hover,
.enuv-admin-shell .card:has(#map):hover {
    transform: none !important;
    box-shadow: var(--enuv-shadow-sm) !important;
}
.enuv-admin-shell #ride-operations-map,
.enuv-admin-shell .enuv-mini-map,
.enuv-admin-shell [id$="-map"],
.enuv-admin-shell .gm-style {
    border-radius: 0;
    box-shadow: none;
}

.enuv-admin-shell .ro-card .card-body h3 {
    margin: 0.15rem 0 0;
    font-size: 1.35rem;
    font-weight: 700;
    letter-spacing: -0.03em;
    color: var(--enuv-ink, #172033);
}
.enuv-admin-shell .ro-card .text-muted {
    font-size: 0.72rem;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    font-weight: 700;
}

/* Modals / feedback */
.enuv-admin-shell .modal-content {
    border: 1px solid var(--enuv-line, #e5eaf1) !important;
    border-radius: 8px !important;
    box-shadow: var(--enuv-shadow-lg) !important;
}
.enuv-admin-shell .modal .card,
.enuv-admin-shell .offcanvas .card {
    box-shadow: none !important;
    transform: none !important;
}
.enuv-admin-shell .alert {
    border-width: 1px !important;
    border-radius: 8px;
    box-shadow: none;
}
.enuv-admin-shell .swal2-popup,
.enuv-admin-shell .daterangepicker,
.enuv-admin-shell .select2-dropdown {
    border: 1px solid var(--enuv-line, #e5eaf1) !important;
    border-radius: 8px !important;
    box-shadow: var(--enuv-shadow-md) !important;
}

/* Navigation density + collapsed */
.enuv-header.header {
    min-height: 3.5rem;
}
.enuv-header .enuv-header-tools .nav-link,
.enuv-header .dropdown-toggle {
    min-width: 2.25rem;
    min-height: 2.25rem;
}
.enuv-aside .aside-body .nav > li > a {
    min-height: 2.2rem;
    border-radius: 8px;
}
.aside.minified .enuv-aside-header,
.aside.collapsed .enuv-aside-header {
    justify-content: center;
}
.aside.minified .enuv-aside-profile .media-body,
.aside.collapsed .enuv-aside-profile .media-body {
    display: none;
}

/* A11y / RTL / motion / breakpoints */
.enuv-admin-shell a:focus-visible,
.enuv-admin-shell button:focus-visible,
.enuv-admin-shell input:focus-visible,
.enuv-admin-shell select:focus-visible,
.enuv-admin-shell textarea:focus-visible,
.enuv-admin-shell .nav-link:focus-visible,
.enuv-admin-shell .dropdown-item:focus-visible {
    outline: 2px solid var(--enuv-blue, #1b6ca8);
    outline-offset: 2px;
}

[dir="rtl"] .enuv-admin-shell .enuv-aside.aside {
    border-inline-end: 0;
    border-inline-start: 1px solid var(--enuv-line, #e5eaf1);
    box-shadow: -6px 0 28px rgba(27, 108, 168, 0.08);
}
[dir="rtl"] body[data-layout-mode="bordered"] .enuv-aside .aside-body .nav > li.active > a,
[dir="rtl"] body[data-layout-mode="bordered"] .enuv-aside .aside-body .nav > li.open > a,
[dir="rtl"] body[data-layout-mode="bordered"] .enuv-aside .aside-body .nav > li.sub-menu-opened > a {
    box-shadow: inset -2px 0 0 var(--enuv-ui-blue, #1b6ca8);
}
[dir="rtl"] body[data-layout-mode="bordered"] .enuv-aside .aside-body .nav > li > a:hover {
    transform: translateX(-2px);
}

@media (max-width: 1199.98px) {
    .enuv-admin-shell .table-responsive,
    .enuv-admin-shell .nav--tabs {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
}
@media (max-width: 767.98px) {
    .enuv-admin-shell .enuv-page-head,
    .enuv-admin-shell .table-top,
    .enuv-admin-shell .enuv-filter-bar:not(.nav--tabs) {
        flex-direction: column;
        align-items: stretch;
    }
    .enuv-admin-shell .table-top .d-flex,
    .enuv-admin-shell .enuv-page-head__actions {
        justify-content: flex-start;
    }
    .enuv-header .enuv-header-clock__label {
        display: none;
    }
}
@media (prefers-reduced-motion: reduce) {
    .enuv-admin-shell *,
    .enuv-admin-shell *::before,
    .enuv-admin-shell *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
        scroll-behavior: auto !important;
    }
    .enuv-admin-shell .card:hover,
    .enuv-admin-shell .ro-card:hover,
    .enuv-admin-shell .enuv-kpi-card:hover {
        transform: none !important;
    }
}

[theme="dark"] .enuv-admin-shell {
    --enuv-canvas: #10151c;
    --enuv-card: #171d26;
    --enuv-ink: #eef3f8;
    --enuv-muted: #9ba7b7;
    --enuv-line: rgba(255, 255, 255, 0.09);
}
[theme="dark"] .enuv-admin-shell .table thead th,
[theme="dark"] .enuv-admin-shell table.dataTable thead th {
    background: rgba(255, 255, 255, 0.03);
    color: #9ba7b7;
}

html.enuv-wallboard .enuv-header,
html.enuv-wallboard .enuv-aside,
html.enuv-wallboard .footer {
    display: none !important;
}
html.enuv-wallboard .main-area {
    padding: 0 !important;
    margin: 0 !important;
}

/* =========================================================
   List / setup sentinels — page heads, toolbars, nested cards
   ========================================================= */
.enuv-admin-shell .enuv-page-head__title.fs-22,
.enuv-admin-shell .enuv-page-head__title.fs-20,
.enuv-admin-shell h4.enuv-page-head__title {
    font-size: 1.15rem !important;
    font-weight: 700;
    letter-spacing: -0.02em;
    color: var(--enuv-ink, #172033);
}

.enuv-admin-shell .enuv-filter-bar .nav--tabs,
.enuv-admin-shell .enuv-filter-bar.nav--tabs {
    margin-bottom: 0;
}

.enuv-admin-shell .enuv-filter-bar #total_record_count,
.enuv-admin-shell .enuv-page-head h4:last-child {
    font-size: 1.05rem;
    font-weight: 700;
    color: var(--enuv-blue, #1b6ca8);
}

.enuv-admin-shell .auto-items {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
    gap: 0.75rem;
}
.enuv-admin-shell .auto-items .card {
    min-height: 100%;
}
.enuv-admin-shell .auto-items .card:hover {
    transform: translateY(-2px);
}
.enuv-admin-shell .auto-items h3.fs-27 {
    font-size: 1.35rem !important;
    font-weight: 700;
    letter-spacing: -0.03em;
    margin: 0;
}

.enuv-admin-shell .card.bg-primary-light {
    background: color-mix(in srgb, var(--enuv-blue, #1b6ca8) 5%, #fff) !important;
    border: 1px solid var(--enuv-line, #e5eaf1) !important;
    box-shadow: none !important;
    transform: none !important;
}

.enuv-admin-shell .analytical_data {
    border: 1px solid var(--enuv-line, #e5eaf1);
    box-shadow: var(--enuv-shadow-sm);
}
.enuv-admin-shell .analytical_data .analytical_data-count,
.enuv-admin-shell .analytical_data .fs-27 {
    font-weight: 700;
    letter-spacing: -0.03em;
}

.enuv-admin-shell .search-form_style-two .search-form__input,
.enuv-admin-shell .search-form_style-two .theme-input-style {
    min-height: 2.15rem;
    border-radius: 8px;
}
.enuv-admin-shell .search-form_style-two .btn,
.enuv-admin-shell .table-top .btn-outline-primary.px-3 {
    min-height: 2.15rem;
    border-radius: 8px;
}

.enuv-admin-shell .custom-date-dropdown .js-select,
.enuv-admin-shell select.driver-statistics {
    min-height: 2.15rem;
    border-radius: 8px;
    font-size: 0.82rem;
}

/* =========================================================
   Forms, details and Business Setup
   ========================================================= */
.enuv-admin-shell .bg-F6F6F6,
.enuv-admin-shell .bg-fafafa {
    background: #f8fafc !important;
    border: 1px solid var(--enuv-line, #e5eaf1);
    border-radius: 8px;
}

.enuv-admin-shell .card > .card-header h5,
.enuv-admin-shell .card-body > h5.text-primary,
.enuv-admin-shell .card-body h5.text-uppercase {
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.04em;
}

.enuv-admin-shell .card-header .fs-14,
.enuv-admin-shell .card-body > p.opacity-75 {
    font-size: 0.8rem !important;
    color: var(--enuv-muted, #5d6b80);
}

.enuv-admin-shell .form-control.d-flex.align-items-center {
    min-height: 2.35rem;
    border: 1px solid var(--enuv-line, #e5eaf1);
    border-radius: 8px;
    background: var(--enuv-card, #fff);
}

.enuv-admin-shell .nav--tab-wrapper .nav--tabs {
    background: var(--enuv-card, #fff) !important;
    border: 1px solid var(--enuv-line, #e5eaf1);
    border-radius: 8px;
    padding: 0.2rem 0.45rem;
    gap: 0.2rem !important;
    box-shadow: var(--enuv-shadow-sm);
}
.enuv-admin-shell .nav--tab-wrapper .nav-link {
    font-size: 0.78rem;
    font-weight: 600;
    padding: 0.38rem 0.7rem !important;
    color: var(--enuv-ink, #172033);
}
.enuv-admin-shell .active-rounded-20.active,
.enuv-admin-shell .nav--tabs .nav-link.active-rounded-20.active {
    border-radius: 8px !important;
    background: var(--enuv-blue, #1b6ca8) !important;
    color: #fff !important;
}
.enuv-admin-shell .nav--tab__prev .btn,
.enuv-admin-shell .nav--tab__next .btn {
    width: 1.85rem;
    height: 1.85rem;
    border: 1px solid var(--enuv-line, #e5eaf1);
    border-radius: 8px;
    background: #fff;
}

.enuv-admin-shell form .d-flex.justify-content-end:has(.btn-primary),
.enuv-admin-shell .card-body .d-flex.justify-content-end:has(.btn-primary) {
    padding-top: 0.35rem;
    gap: 0.55rem !important;
}
.enuv-admin-shell form .btn-primary[type="submit"],
.enuv-admin-shell form button.btn-primary,
.enuv-admin-shell .btn.min-w--120,
.enuv-admin-shell .btn.min-w-120 {
    min-height: 2.25rem;
    border-radius: 8px;
    font-weight: 600;
}

.enuv-admin-shell .media-body h3 {
    font-size: 1.2rem;
    font-weight: 700;
    letter-spacing: -0.02em;
}
.enuv-admin-shell .custom-box-size.rounded-circle {
    border: 1px solid var(--enuv-line, #e5eaf1);
    box-shadow: var(--enuv-shadow-sm);
}
.enuv-admin-shell .progress {
    height: 0.4rem;
    border-radius: 999px;
    background: #e8eef4;
    box-shadow: none;
}
.enuv-admin-shell .progress-bar {
    border-radius: 999px;
}

.enuv-admin-shell .border-start.border-2 {
    border-left-width: 1px !important;
    border-color: var(--enuv-line, #e5eaf1) !important;
}

.enuv-admin-shell .btn.border-C5D2D2,
.enuv-admin-shell .btn.bg-danger.bg-opacity-10 {
    min-height: 2.15rem;
    border-radius: 8px;
    font-weight: 600;
}

.enuv-admin-shell .mb-20 {
    margin-bottom: 1rem !important;
}

[theme="dark"] .enuv-admin-shell .bg-F6F6F6,
[theme="dark"] .enuv-admin-shell .bg-fafafa {
    background: rgba(255, 255, 255, 0.03) !important;
    border-color: var(--enuv-line, rgba(255,255,255,.09));
}
[theme="dark"] .enuv-admin-shell .nav--tab-wrapper .nav--tabs,
[theme="dark"] .enuv-admin-shell .form-control.d-flex.align-items-center {
    background: var(--enuv-card, #171d26) !important;
}

/* =========================================================
   Config, promotions, attributes, chat, leftover lists
   ========================================================= */
.enuv-admin-shell .content {
    background: transparent;
}

.enuv-admin-shell .border-start-5 {
    border: 1px solid var(--enuv-line, #e5eaf1) !important;
    border-radius: 8px;
    background: color-mix(in srgb, var(--enuv-blue, #1b6ca8) 4%, #fff);
}
.enuv-admin-shell .border-start-5::after {
    inline-size: 2px;
    border-radius: 2px 0 0 2px;
}

.enuv-admin-shell .card .card.m-0,
.enuv-admin-shell .card .card.border-0 {
    box-shadow: none !important;
    border: 1px solid var(--enuv-line, #e5eaf1) !important;
    transform: none !important;
}

.enuv-admin-shell .level-status {
    border-radius: 8px;
    width: 2rem;
    height: 2rem;
}

.enuv-admin-shell .nav.rounded-10,
.enuv-admin-shell .nav--tabs.rounded-10 {
    border-radius: 8px !important;
}

.enuv-admin-shell .card-chat,
.enuv-admin-shell .chat-list,
.enuv-admin-shell .outgoing_msg,
.enuv-admin-shell .incoming_msg {
    border-color: var(--enuv-line, #e5eaf1);
}

.enuv-admin-shell .radius-35 {
    border-radius: 8px !important;
}

.enuv-admin-shell .nav--tabs .nav-link.rounded-20,
.enuv-admin-shell .nav--tabs .nav-link.rounded-8 {
    border-radius: 8px !important;
}

.enuv-admin-shell .container-fluid > h2.fs-22,
.enuv-admin-shell .container-fluid > h2.fs-20,
.enuv-admin-shell .content.container-fluid > h2.fs-22,
.enuv-admin-shell .content.container-fluid > h2.fs-20,
.enuv-admin-shell .container-fluid > .row > [class*="col-"] > h2.fs-22,
.enuv-admin-shell .container-fluid > .row > [class*="col-"] > h2.fs-20 {
    font-size: 1.15rem !important;
    font-weight: 700;
    letter-spacing: -0.02em;
    color: var(--enuv-ink, #172033);
}

.enuv-admin-shell .table-top:not(.enuv-filter-bar) {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 0.65rem 0.85rem;
}

.enuv-admin-shell .card.shadow-lg {
    box-shadow: var(--enuv-shadow-sm, 0 1px 3px rgba(15, 23, 42, 0.05)) !important;
}

.enuv-admin-shell .alert {
    border-radius: 8px;
    border-width: 1px;
}

.enuv-admin-shell .note-editor.note-frame,
.enuv-admin-shell .note-editor {
    border: 1px solid var(--enuv-line, #e5eaf1) !important;
    border-radius: 8px !important;
    box-shadow: none !important;
}
.enuv-admin-shell .note-toolbar {
    border-bottom: 1px solid var(--enuv-line, #e5eaf1) !important;
    background: #f8fafc !important;
    border-radius: 8px 8px 0 0;
}
.enuv-admin-shell .note-statusbar {
    border-top: 1px solid var(--enuv-line, #e5eaf1) !important;
}

.enuv-admin-shell .offcanvas {
    border: 0;
    box-shadow: var(--enuv-shadow-lg, 0 10px 28px rgba(15, 23, 42, 0.11));
}
.enuv-admin-shell .offcanvas-header {
    border-bottom: 1px solid var(--enuv-line, #e5eaf1);
}

.enuv-admin-shell .container-fluid > h4,
.enuv-admin-shell .container-fluid > .mb-4 > h2.fs-22,
.enuv-admin-shell .container-fluid > .mb-4 > h4 {
    font-size: 1.15rem !important;
    font-weight: 700;
    letter-spacing: -0.02em;
}

.enuv-admin-shell .form-check-input {
    border-color: #c5d0dc;
    box-shadow: none;
}
.enuv-admin-shell .form-check-input:checked {
    background-color: var(--enuv-blue, #1b6ca8);
    border-color: var(--enuv-blue, #1b6ca8);
}

.enuv-admin-shell .main-content.container-fluid > h2,
.enuv-admin-shell .main-content.container-fluid > .d-flex h2,
.enuv-admin-shell .main-content.container-fluid > .enuv-page-head h2 {
    font-size: 1.15rem;
    font-weight: 700;
    letter-spacing: -0.02em;
    color: var(--enuv-ink, #172033);
}
.enuv-admin-shell .main-content.container-fluid .card-body > h3 {
    font-size: 1.35rem;
    font-weight: 700;
    letter-spacing: -0.03em;
    margin: 0.15rem 0 0;
}
.enuv-admin-shell .main-content.container-fluid .card-body > .text-muted {
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.enuv-admin-shell .status-warning-modal .modal-title {
    font-size: 1.05rem;
    font-weight: 700;
}
.enuv-admin-shell .status-warning-modal .btn--container {
    display: flex;
    gap: 0.55rem;
    justify-content: center;
}
.enuv-admin-shell .status-warning-modal img {
    max-height: 72px;
}

.enuv-admin-shell .extra-fare-setup-modal .modal-content,
.enuv-admin-shell #vehicleRequestApprovalModal .modal-content,
.enuv-admin-shell #vehicleRequestDenyModal .modal-content,
.enuv-admin-shell #vehicleUpdateDenyModal .modal-content,
.enuv-admin-shell #driverStatusPauseModal .modal-content,
.enuv-admin-shell #customModal .modal-content,
.enuv-admin-shell #deleteModal .modal-content {
    border: 1px solid var(--enuv-line, #e5eaf1);
    border-radius: 8px;
    box-shadow: var(--enuv-shadow-lg, 0 10px 28px rgba(15, 23, 42, 0.11));
}
.enuv-admin-shell .extra-fare-setup-modal .modal-header,
.enuv-admin-shell #vehicleRequestApprovalModal .modal-header,
.enuv-admin-shell #vehicleRequestDenyModal .modal-header,
.enuv-admin-shell #vehicleUpdateDenyModal .modal-header {
    border-bottom: 0;
}
.enuv-admin-shell #vehicleRequestApprovalModal .title-color,
.enuv-admin-shell #vehicleRequestDenyModal .title-color,
.enuv-admin-shell #vehicleUpdateDenyModal .title-color {
    font-size: 1.05rem;
    font-weight: 700;
    color: var(--enuv-ink, #172033);
}
.enuv-admin-shell form > h4.enuv-page-head__title,
.enuv-admin-shell .container-fluid > form > h4 {
    font-size: 1.15rem;
    font-weight: 700;
    letter-spacing: -0.02em;
    color: var(--enuv-ink, #172033);
}
.enuv-admin-shell .content.container-fluid > h2 {
    font-size: 1.15rem;
    font-weight: 700;
    letter-spacing: -0.02em;
    color: var(--enuv-ink, #172033);
}

.enuv-admin-shell .main-content.container-fluid .table.align-middle {
    --bs-table-bg: transparent;
}
.enuv-admin-shell .main-content.container-fluid .table.align-middle thead th {
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--enuv-muted, #64748b);
    border-bottom: 1px solid var(--enuv-line, #e5eaf1);
    white-space: nowrap;
}
.enuv-admin-shell .main-content.container-fluid .table.align-middle td {
    font-size: 0.8125rem;
    border-bottom: 1px solid var(--enuv-line, #e5eaf1);
    vertical-align: top;
}
.enuv-admin-shell .main-content.container-fluid .table.align-middle .btn-sm {
    border-radius: 8px;
    font-size: 0.72rem;
    font-weight: 600;
}

.enuv-admin-shell .radius-35,
.enuv-admin-shell .btn.radius-35 {
    border-radius: 8px !important;
}
.enuv-admin-shell .enuv-tx-panel .border.rounded-3 {
    border: 1px solid var(--enuv-line, #e5eaf1) !important;
    border-radius: 8px !important;
    box-shadow: none;
}

.enuv-admin-shell .chatting-list,
.enuv-admin-shell .chat-conversation,
.enuv-admin-shell .owl-carousel {
    border-radius: 8px;
}

.enuv-admin-shell .main-content.container-fluid .card-body > h5 {
    font-size: 0.92rem;
    font-weight: 700;
    letter-spacing: -0.01em;
    color: var(--enuv-ink, #172033);
    margin-bottom: 0.75rem;
}
.enuv-admin-shell .main-content.container-fluid label {
    font-size: 0.78rem;
    font-weight: 600;
    color: var(--enuv-muted, #64748b);
}
.enuv-admin-shell .inbox_msg_header {
    border: 1px solid var(--enuv-line, #e5eaf1) !important;
    border-radius: 8px !important;
    background: #fff;
}
.enuv-admin-shell .enuv-dash-brand-mark,
.enuv-admin-shell .enuv-mode-bar,
.enuv-admin-shell .enuv-kpi-card,
.enuv-admin-shell .enuv-panel {
    border-radius: 12px !important;
}

.enuv-admin-shell .withdraw-info-aside {
    border-inline-start: 1px solid var(--enuv-line, #e5eaf1);
    box-shadow: var(--enuv-shadow-lg, 0 10px 28px rgba(15, 23, 42, 0.11));
}
.enuv-admin-shell .withdraw-info-aside h3 {
    font-size: 1.05rem;
    font-weight: 700;
    letter-spacing: -0.02em;
    color: var(--enuv-ink, #172033);
}
.enuv-admin-shell .chat_list,
.enuv-admin-shell .driver-conversation {
    border: 1px solid var(--enuv-line, #e5eaf1);
    border-radius: 8px;
    margin-bottom: 0.4rem;
    background: #fff;
}
.enuv-admin-shell .card-body .nav--tabs .nav-link.border {
    border: 1px solid var(--enuv-line, #e5eaf1) !important;
    border-radius: 8px !important;
    font-size: 0.75rem;
    font-weight: 600;
    padding: 0.32rem 0.7rem;
}
.enuv-admin-shell .card-body .nav--tabs .nav-link.border.active {
    background: var(--enuv-blue, #1b6ca8);
    color: #fff;
    border-color: var(--enuv-blue, #1b6ca8) !important;
}
.enuv-admin-shell .schedule_section,
.enuv-admin-shell .rounded-10 {
    border-radius: 8px !important;
}
.enuv-admin-shell [data-lightbox].rounded {
    border-radius: 8px !important;
}
.enuv-admin-shell .analytical_data h3,
.enuv-admin-shell .analytical_data .fs-27,
.enuv-admin-shell .analytical_data .fs-21 {
    font-weight: 700;
    letter-spacing: -0.03em;
}

.enuv-admin-shell .bg-danger-light {
    background: rgba(220, 38, 38, 0.06) !important;
    border: 1px solid rgba(220, 38, 38, 0.16);
    border-radius: 8px;
}
.enuv-admin-shell .upload-file,
.enuv-admin-shell .upload-file.rounded-10,
.enuv-admin-shell .upload-file__img {
    border-radius: 8px !important;
}
.enuv-admin-shell .ro-card .card-body .text-muted {
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}
.enuv-admin-shell .ro-card h3 {
    font-size: 1.35rem;
    font-weight: 700;
    letter-spacing: -0.03em;
    margin: 0.15rem 0 0;
}
.enuv-admin-shell .enuv-page-head h4 {
    font-size: 1.15rem;
    font-weight: 700;
    letter-spacing: -0.02em;
    color: var(--enuv-ink, #172033);
}

.enuv-admin-shell .zone-lists__left > h4.enuv-page-head__title,
.enuv-admin-shell .enuv-fleet-side-head h4.enuv-page-head__title,
.enuv-admin-shell .bg-light h4.enuv-page-head__title,
.enuv-admin-shell .bg-F6F6F6 h4.enuv-page-head__title,
.enuv-admin-shell .card-body h4.enuv-page-head__title.mb-1 {
    font-size: 0.95rem !important;
    font-weight: 700;
    letter-spacing: -0.01em;
}
.enuv-admin-shell .extra-fare-setup-modal h4.enuv-page-head__title {
    font-size: 1.05rem !important;
}
.enuv-admin-shell .extra-fare-setup-modal .bg-F6F6F6 {
    border: 1px solid var(--enuv-line, #e5eaf1);
    border-radius: 8px;
    background: #f8fafc !important;
}
.enuv-admin-shell .extra-fare-setup-modal .instructions-list {
    font-size: 0.8125rem;
    color: var(--enuv-muted, #64748b);
}
.enuv-admin-shell .ai-greeting h4,
.enuv-admin-shell .ai-greeting h2 {
    letter-spacing: -0.02em;
    color: var(--enuv-ink, #172033);
}
.enuv-admin-shell .ai-greeting h4 {
    font-size: 0.95rem;
    font-weight: 600;
}
.enuv-admin-shell #aiAssistantModalBlog .modal-content,
.enuv-admin-shell .modal-dialog-slideInRight .modal-content {
    border: 1px solid var(--enuv-line, #e5eaf1);
    border-radius: 8px;
    box-shadow: var(--enuv-shadow-lg, 0 10px 28px rgba(15, 23, 42, 0.11));
}
.enuv-admin-shell .upload-zone {
    border-radius: 8px !important;
    border: 1px dashed var(--enuv-line, #e5eaf1);
    background: #f8fafc;
}
.enuv-admin-shell h4.fs-16.font-semibold,
.enuv-admin-shell h4.fs-16.mb-2.font-semibold {
    font-size: 0.9rem !important;
    font-weight: 700;
    letter-spacing: -0.01em;
    color: var(--enuv-ink, #172033);
}
.enuv-admin-shell .settings-content h4 {
    font-size: 1.05rem;
    font-weight: 700;
    letter-spacing: -0.02em;
    color: var(--enuv-ink, #172033);
}
.enuv-admin-shell .offcanvas-form-title,
.enuv-admin-shell .offcanvas-title.enuv-page-head__title {
    font-size: 1.05rem !important;
    font-weight: 700;
    letter-spacing: -0.02em;
}
.enuv-admin-shell .offcanvas {
    border-inline-start: 1px solid var(--enuv-line, #e5eaf1);
}
.enuv-admin-shell .offcanvas-header {
    border-bottom: 1px solid var(--enuv-line, #e5eaf1);
}
.enuv-admin-shell .rounded.bg-F6F6F6,
.enuv-admin-shell .bg-F6F6F6.rounded,
.enuv-admin-shell .bg-light.rounded {
    border-radius: 8px !important;
    border: 1px solid var(--enuv-line, #e5eaf1);
}
.enuv-admin-shell .ai-action-btn-blog.rounded-10 {
    border-radius: 8px !important;
}
.enuv-admin-shell .enuv-fleet-side-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
    margin-bottom: 0.75rem;
}
.enuv-admin-shell .enuv-fleet-side-count {
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    color: var(--enuv-muted, #64748b);
}

/* ===== Pearl panel — same language as dashboard across all admin pages ===== */
body.enuv-admin-shell {
    --enuv-pearl-sheen: linear-gradient(135deg, rgba(255, 255, 255, 0.96) 0%, rgba(232, 243, 252, 0.9) 46%, rgba(232, 248, 242, 0.92) 100%);
    background:
        radial-gradient(980px 380px at 6% -8%, rgba(186, 220, 245, 0.42), transparent 58%),
        radial-gradient(820px 340px at 96% 0%, rgba(186, 236, 220, 0.28), transparent 52%),
        linear-gradient(180deg, #f4f9fc 0%, #eef6f4 46%, #f3f7fb 100%) !important;
    color: var(--enuv-ink, #14324f);
}

[theme="dark"] body.enuv-admin-shell,
body.enuv-admin-shell[theme="dark"] {
    --enuv-pearl-sheen: linear-gradient(135deg, #182230 0%, #1a2834 55%, #17302c 100%);
    background:
        radial-gradient(900px 360px at 8% -10%, rgba(42, 122, 184, 0.22), transparent 55%),
        radial-gradient(720px 300px at 96% 0%, rgba(15, 157, 122, 0.16), transparent 50%),
        #101820 !important;
}

.enuv-admin-shell .main-content:not(.enuv-dashboard) {
    padding-top: 0.85rem;
}

.enuv-admin-shell .main-content:not(.enuv-dashboard) .card,
.enuv-admin-shell .main-content:not(.enuv-dashboard) .white-card,
.enuv-admin-shell .main-content:not(.enuv-dashboard) .custom-card,
.enuv-admin-shell .main-content:not(.enuv-dashboard) .setting-box,
.enuv-admin-shell .main-content:not(.enuv-dashboard) .ro-card,
.enuv-admin-shell .main-content:not(.enuv-dashboard) .analytical_data,
.enuv-admin-shell .main-content:not(.enuv-dashboard) .enuv-heat-card,
.enuv-admin-shell .main-content:not(.enuv-dashboard) .enuv-fleet-card,
.enuv-admin-shell .main-content:not(.enuv-dashboard) .enuv-zone-card,
.enuv-admin-shell .main-content:not(.enuv-dashboard) .enuv-pm-card,
.enuv-admin-shell .main-content:not(.enuv-dashboard) .enuv-tx-panel,
.enuv-admin-shell .main-content:not(.enuv-dashboard) .enuv-tx-hero,
.enuv-admin-shell .main-content:not(.enuv-dashboard) .enuv-tx-metric {
    background: var(--enuv-pearl-sheen) !important;
    border: 1px solid rgba(42, 122, 184, 0.14) !important;
    border-radius: 14px !important;
    box-shadow: 0 1px 2px rgba(20, 50, 79, 0.04), 0 10px 28px rgba(42, 122, 184, 0.07) !important;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    transition: transform 0.22s cubic-bezier(0.22, 1, 0.36, 1),
                box-shadow 0.22s cubic-bezier(0.22, 1, 0.36, 1),
                border-color 0.22s ease;
}

.enuv-admin-shell .main-content:not(.enuv-dashboard) .card:hover,
.enuv-admin-shell .main-content:not(.enuv-dashboard) .white-card:hover,
.enuv-admin-shell .main-content:not(.enuv-dashboard) .custom-card:hover,
.enuv-admin-shell .main-content:not(.enuv-dashboard) .ro-card:hover,
.enuv-admin-shell .main-content:not(.enuv-dashboard) .analytical_data:hover {
    border-color: rgba(15, 157, 122, 0.28) !important;
    box-shadow: 0 4px 10px rgba(20, 50, 79, 0.06), 0 16px 36px rgba(15, 157, 122, 0.12) !important;
}

.enuv-admin-shell .main-content:not(.enuv-dashboard) .analytical_data {
    background: #fff !important;
}

.enuv-admin-shell .analytical_data h6.text-primary,
.enuv-admin-shell .analytical_data h6 {
    color: var(--enuv-ink, #14324f) !important;
    font-weight: 600;
}

.enuv-admin-shell .main-content:not(.enuv-dashboard) .card:has(.table):hover,
.enuv-admin-shell .main-content:not(.enuv-dashboard) .card:has(.dataTables_wrapper):hover,
.enuv-admin-shell .main-content:not(.enuv-dashboard) .card:has(form.form-horizontal):hover {
    transform: none;
}

.enuv-admin-shell .main-content:not(.enuv-dashboard) .card-header {
    background: transparent !important;
    border-bottom-color: rgba(42, 122, 184, 0.1) !important;
    padding: 0.85rem 1rem 0.55rem;
}

.enuv-admin-shell .enuv-page-head__title,
.enuv-admin-shell .main-content:not(.enuv-dashboard) h2.fs-22,
.enuv-admin-shell .main-content:not(.enuv-dashboard) h2.fs-20 {
    color: var(--enuv-ink, #14324f) !important;
    font-weight: 700;
    letter-spacing: -0.02em;
}

.enuv-admin-shell .main-area,
.enuv-admin-shell .main-content,
.enuv-admin-shell .main-content .container-fluid,
.enuv-admin-shell .main-content .card,
.enuv-admin-shell .main-content .card-body {
    min-width: 0;
    max-width: 100%;
}

.enuv-admin-shell .main-content:not(.enuv-dashboard) .search-form,
.enuv-admin-shell .main-content:not(.enuv-dashboard) .search-form_style-two,
.enuv-admin-shell .main-content:not(.enuv-dashboard) .table-top {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.45rem;
    max-width: 100%;
}

.enuv-admin-shell .main-content:not(.enuv-dashboard) .search-form__input_group,
.enuv-admin-shell .main-content:not(.enuv-dashboard) .search-form .input-group,
.enuv-admin-shell .main-content:not(.enuv-dashboard) .input-group.search-form__input_group {
    min-height: 36px;
    border: 1px solid rgba(42, 122, 184, 0.16) !important;
    border-radius: 10px !important;
    background: rgba(255, 255, 255, 0.78);
    overflow: hidden;
    transition: border-color 0.18s ease, box-shadow 0.18s ease;
}

.enuv-admin-shell .main-content:not(.enuv-dashboard) .search-form__input_group:focus-within {
    border-color: rgba(15, 157, 122, 0.4);
    box-shadow: 0 0 0 0.2rem rgba(42, 122, 184, 0.12);
    background: #fff;
}

.enuv-admin-shell .main-content:not(.enuv-dashboard) .search-form__icon {
    display: inline-grid;
    place-items: center;
    width: 2rem;
    color: #2a7ab8;
    background: rgba(42, 122, 184, 0.1);
}

.enuv-admin-shell .main-content:not(.enuv-dashboard) .search-form__input,
.enuv-admin-shell .main-content:not(.enuv-dashboard) .search-form .theme-input-style {
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    min-height: 34px;
    font-size: 0.82rem;
}

.enuv-admin-shell .main-content:not(.enuv-dashboard) .nav--tabs,
.enuv-admin-shell .main-content:not(.enuv-dashboard) ul.nav.nav--tabs {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center;
    gap: 0.2rem;
    max-width: 100%;
    padding: 4px !important;
    border-radius: 12px !important;
    background: rgba(42, 122, 184, 0.08) !important;
    border: 1px solid rgba(42, 122, 184, 0.1);
    box-shadow: none;
}

.enuv-admin-shell .main-content:not(.enuv-dashboard) .nav--tabs .nav-link {
    border: 1px solid transparent !important;
    border-radius: 9px !important;
    padding: 0.32rem 0.75rem !important;
    font-size: 0.75rem;
    font-weight: 600;
    color: var(--enuv-ink, #14324f);
    transition: transform 0.16s ease, box-shadow 0.16s ease, background-color 0.16s ease;
}

.enuv-admin-shell .main-content:not(.enuv-dashboard) .nav--tabs .nav-link:hover {
    background: rgba(255, 255, 255, 0.88);
    transform: translateY(-1px);
    box-shadow: 0 6px 16px rgba(42, 122, 184, 0.1);
}

.enuv-admin-shell .main-content:not(.enuv-dashboard) .nav--tabs .nav-link.active {
    background: #fff !important;
    color: var(--enuv-ink, #14324f) !important;
    box-shadow: 0 4px 12px rgba(42, 122, 184, 0.12);
}

.enuv-admin-shell .main-content:not(.enuv-dashboard) .btn {
    border-radius: 10px;
    font-weight: 600;
    min-height: 36px;
    transition: transform 0.16s ease, box-shadow 0.16s ease, filter 0.16s ease;
}

.enuv-admin-shell .main-content:not(.enuv-dashboard) .btn-sm {
    min-height: 32px;
    border-radius: 8px;
    font-size: 0.74rem;
}

.enuv-admin-shell .main-content:not(.enuv-dashboard) .btn-primary {
    background: linear-gradient(135deg, #2a7ab8, #1a8f8a) !important;
    border: 0 !important;
    color: #fff !important;
    box-shadow: 0 8px 18px rgba(42, 122, 184, 0.24);
}

.enuv-admin-shell .main-content:not(.enuv-dashboard) .btn-primary:hover,
.enuv-admin-shell .main-content:not(.enuv-dashboard) .btn-primary:focus {
    transform: translateY(-1px);
    filter: brightness(1.03);
    box-shadow: 0 10px 22px rgba(15, 157, 122, 0.22);
}

.enuv-admin-shell .main-content:not(.enuv-dashboard) .btn-outline-primary {
    color: #2a7ab8 !important;
    border-color: rgba(42, 122, 184, 0.28) !important;
    background: rgba(255, 255, 255, 0.7);
}

.enuv-admin-shell .main-content:not(.enuv-dashboard) .btn-outline-primary:hover {
    background: #fff !important;
    color: #0f9d7a !important;
    border-color: rgba(15, 157, 122, 0.4) !important;
    transform: translateY(-1px);
    box-shadow: 0 6px 16px rgba(42, 122, 184, 0.1);
}

.enuv-admin-shell .main-content:not(.enuv-dashboard) .form-control,
.enuv-admin-shell .main-content:not(.enuv-dashboard) .form-select,
.enuv-admin-shell .main-content:not(.enuv-dashboard) .theme-input-style,
.enuv-admin-shell .main-content:not(.enuv-dashboard) .select2-container--default .select2-selection--single {
    min-height: 36px;
    border-radius: 10px !important;
    border-color: rgba(42, 122, 184, 0.16) !important;
    background: rgba(255, 255, 255, 0.82);
}

.enuv-admin-shell .main-content:not(.enuv-dashboard) .form-control:focus,
.enuv-admin-shell .main-content:not(.enuv-dashboard) .form-select:focus,
.enuv-admin-shell .main-content:not(.enuv-dashboard) .theme-input-style:focus {
    border-color: rgba(15, 157, 122, 0.45) !important;
    box-shadow: 0 0 0 0.2rem rgba(42, 122, 184, 0.12) !important;
}

.enuv-admin-shell .main-content:not(.enuv-dashboard) .table thead th {
    font-size: 0.7rem;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #5d7388;
    background: rgba(42, 122, 184, 0.04);
    border-bottom: 1px solid rgba(42, 122, 184, 0.1);
}

.enuv-admin-shell .main-content:not(.enuv-dashboard) .table tbody tr {
    transition: background-color 0.16s ease;
}

.enuv-admin-shell .main-content:not(.enuv-dashboard) .table tbody tr:hover {
    background: rgba(15, 157, 122, 0.045);
}

.enuv-admin-shell .main-content:not(.enuv-dashboard) .badge {
    border-radius: 999px;
    font-weight: 650;
    letter-spacing: 0.02em;
}

.enuv-admin-shell .main-content:not(.enuv-dashboard) .pagination .page-link {
    min-width: 34px;
    min-height: 34px;
    display: inline-grid;
    place-items: center;
    border-radius: 9px !important;
    border-color: rgba(42, 122, 184, 0.14);
    color: #2a7ab8;
    margin-inline: 0.12rem;
}

.enuv-admin-shell .main-content:not(.enuv-dashboard) .pagination .page-item.active .page-link {
    background: linear-gradient(135deg, #2a7ab8, #0f9d7a);
    border-color: transparent;
    color: #fff;
    box-shadow: 0 6px 14px rgba(42, 122, 184, 0.22);
}

.enuv-admin-shell .header {
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.92), rgba(232, 243, 252, 0.86)) !important;
    border-bottom: 1px solid rgba(42, 122, 184, 0.12);
    backdrop-filter: blur(12px);
}

.enuv-admin-shell .enuv-header-tool-ico {
    width: 2rem;
    height: 2rem;
    border-radius: 10px;
    background: rgba(42, 122, 184, 0.08);
    color: #2a7ab8;
}

.enuv-admin-shell .enuv-header-tool:hover .enuv-header-tool-ico {
    background: rgba(15, 157, 122, 0.14);
    color: #0f9d7a;
    transform: translateY(-1px);
}

.enuv-admin-shell .modal-content {
    border-radius: 14px;
    border: 1px solid rgba(42, 122, 184, 0.14);
    box-shadow: 0 16px 40px rgba(20, 50, 79, 0.16);
    background: var(--enuv-pearl-sheen);
}

.enuv-admin-shell .modal-header {
    border-bottom-color: rgba(42, 122, 184, 0.1);
}

.enuv-admin-shell .modal-footer {
    border-top-color: rgba(42, 122, 184, 0.1);
}

.enuv-admin-shell .footer {
    background: transparent;
    border-top: 1px solid rgba(42, 122, 184, 0.1);
    color: #5d7388;
}

.enuv-admin-shell .main-content:not(.enuv-dashboard) .card-body:has(> .table),
.enuv-admin-shell .main-content:not(.enuv-dashboard) .table-responsive,
.enuv-admin-shell .main-content:not(.enuv-dashboard) .dataTables_wrapper {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    max-width: 100%;
}

.enuv-admin-shell .main-content:not(.enuv-dashboard) .table {
    width: 100%;
    max-width: 100%;
}

@media (max-width: 1199.98px) {
    .enuv-admin-shell .main-area {
        padding-inline: 0.75rem !important;
    }

    .enuv-admin-shell .header {
        padding-inline: 0.75rem;
    }

    .enuv-admin-shell .enuv-header-tools {
        flex-wrap: wrap;
    }
}

@media (max-width: 767.98px) {
    .enuv-admin-shell .main-content:not(.enuv-dashboard) {
        padding-inline: 0.15rem;
    }

    .enuv-admin-shell .enuv-page-head,
    .enuv-admin-shell .table-top,
    .enuv-admin-shell .enuv-filter-bar:not(.nav--tabs) {
        flex-direction: column;
        align-items: stretch;
        width: 100%;
    }

    .enuv-admin-shell .main-content:not(.enuv-dashboard) .search-form,
    .enuv-admin-shell .main-content:not(.enuv-dashboard) .search-form_style-two {
        width: 100%;
    }

    .enuv-admin-shell .main-content:not(.enuv-dashboard) .search-form__input_group,
    .enuv-admin-shell .main-content:not(.enuv-dashboard) .search-form .input-group {
        width: 100%;
        min-width: 0 !important;
        flex: 1 1 auto;
    }

    .enuv-admin-shell .main-content:not(.enuv-dashboard) .search-form .btn-primary {
        width: auto;
        flex: 0 0 auto;
    }

    .enuv-admin-shell .main-content:not(.enuv-dashboard) .nav--tabs,
    .enuv-admin-shell .main-content:not(.enuv-dashboard) ul.nav.nav--tabs.enuv-filter-bar {
        flex-direction: row !important;
        flex-wrap: wrap !important;
        width: 100%;
        overflow-x: auto;
    }

    .enuv-admin-shell .main-content:not(.enuv-dashboard) .btn:not(.search-form .btn-primary) {
        width: auto;
    }

    .enuv-admin-shell .main-content:not(.enuv-dashboard) .table-top .d-flex,
    .enuv-admin-shell .enuv-page-head__actions {
        flex-wrap: wrap;
        gap: 0.4rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .enuv-admin-shell .main-content:not(.enuv-dashboard) .btn,
    .enuv-admin-shell .main-content:not(.enuv-dashboard) .nav--tabs .nav-link,
    .enuv-admin-shell .enuv-header-tool-ico {
        transition: none !important;
        transform: none !important;
    }
}

/* Compact spreadsheet rows — Excel-like height */
.enuv-admin-shell .table,
.enuv-admin-shell table.dataTable {
    --bs-table-cell-padding-y: 0.12rem;
    --bs-table-cell-padding-x: 0.35rem;
}

.enuv-admin-shell .table thead th,
.enuv-admin-shell table.dataTable thead th,
.enuv-admin-shell .main-content.container-fluid .table.align-middle thead th,
.enuv-admin-shell .main-content:not(.enuv-dashboard) .table thead th {
    padding: 0.2rem 0.35rem !important;
    line-height: 1.15 !important;
    font-size: 0.66rem !important;
    letter-spacing: 0.03em;
    white-space: nowrap;
    vertical-align: middle !important;
}

.enuv-admin-shell .table thead th br,
.enuv-admin-shell table.dataTable thead th br {
    display: none;
}

.enuv-admin-shell .table tbody td,
.enuv-admin-shell table.dataTable tbody td,
.enuv-admin-shell .main-content.container-fluid .table.align-middle td {
    padding: 0.1rem 0.35rem !important;
    line-height: 1.2 !important;
    font-size: 0.74rem !important;
    vertical-align: middle !important;
}

.enuv-admin-shell .table tbody td:not([colspan]),
.enuv-admin-shell table.dataTable tbody td:not([colspan]) {
    white-space: nowrap;
}

.enuv-admin-shell .table tbody td:not([colspan]) br,
.enuv-admin-shell table.dataTable tbody td:not([colspan]) br {
    display: none;
}

.enuv-admin-shell .table td.additional-fee > div,
.enuv-admin-shell .table td.min-w200.additional-fee > div {
    display: inline;
    font-size: inherit;
}

.enuv-admin-shell .table td.additional-fee > div + div::before {
    content: " · ";
    color: var(--enuv-muted, #5d6b80);
}

.enuv-admin-shell .table tbody td:not([colspan]) img {
    max-height: 16px;
    width: auto;
}

.enuv-admin-shell .table .badge,
.enuv-admin-shell .main-content:not(.enuv-dashboard) .table .badge {
    min-height: 0 !important;
    min-width: 0 !important;
    padding: 0.05rem 0.32rem !important;
    font-size: 0.66rem !important;
    line-height: 1.2 !important;
    border-radius: 4px !important;
    letter-spacing: 0;
    font-weight: 650;
}

.enuv-admin-shell .table .badge-primary {
    background: color-mix(in srgb, var(--enuv-blue, #2a7ab8) 10%, #fff) !important;
    color: #1b4f7a !important;
    border: 1px solid rgba(42, 122, 184, 0.18);
}

.enuv-admin-shell .table .badge-warning {
    background: color-mix(in srgb, #d97706 10%, #fff) !important;
    color: #9a5808 !important;
    border: 1px solid rgba(217, 119, 6, 0.18);
}

.enuv-admin-shell .table .badge-info {
    background: color-mix(in srgb, #0ea5a4 10%, #fff) !important;
    color: #0f6f6c !important;
    border: 1px solid rgba(15, 157, 122, 0.18);
}

.enuv-admin-shell .table .btn,
.enuv-admin-shell .main-content:not(.enuv-dashboard) .table .btn {
    min-height: 22px !important;
    height: 22px;
    padding: 0 0.32rem;
    font-size: 0.68rem;
    line-height: 1;
    border-radius: 5px !important;
    transform: none !important;
}

.enuv-admin-shell .table .btn-action,
.enuv-admin-shell .main-content:not(.enuv-dashboard) .table .btn-action {
    width: 22px;
    min-width: 22px;
    min-inline-size: 22px;
    height: 22px;
    block-size: 22px;
    padding: 0;
}

.enuv-admin-shell .table .btn-action i {
    font-size: 0.72rem;
}

.enuv-admin-shell .table td:not([colspan]) .d-flex.gap-2 {
    gap: 0.2rem !important;
}

.enuv-admin-shell .table .form-check,
.enuv-admin-shell .table .form-switch {
    min-height: 0;
    margin: 0;
    padding-top: 0;
    padding-bottom: 0;
}













/* —— Carteira ENUV hub navigation —— */
.enuv-wallet-hub-nav {
  margin-top: 0.25rem;
}
.enuv-wallet-hub-nav__scroll {
  display: flex;
  gap: 0.5rem;
  overflow-x: auto;
  padding-bottom: 0.35rem;
  scrollbar-width: thin;
}
.enuv-wallet-hub-nav__item {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  white-space: nowrap;
  padding: 0.55rem 0.9rem;
  border-radius: 999px;
  background: #e8eef5;
  color: #1a2b4a;
  font-size: 0.82rem;
  font-weight: 600;
  text-decoration: none;
  border: 1px solid transparent;
  transition: background .15s ease, color .15s ease, border-color .15s ease;
}
.enuv-wallet-hub-nav__item i { font-size: 0.95rem; opacity: .85; }
.enuv-wallet-hub-nav__item:hover {
  background: #dce7f4;
  color: #0f2a3d;
}
.enuv-wallet-hub-nav__item.is-active {
  background: #1a2b4a;
  color: #fff;
  border-color: #1a2b4a;
}
.enuv-wallet-hub-nav__item.is-active i { opacity: 1; }

.enuv-wallet-user-card {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.enuv-wallet-user-card__avatar {
  width: 40px;
  height: 40px;
  border-radius: 12px;
  display: grid;
  place-items: center;
  background: #e8f0fe;
  color: #1265d8;
  font-weight: 700;
  font-size: 0.85rem;
}
.enuv-wallet-user-card__avatar.is-driver {
  background: #e8f8ef;
  color: #15803d;
}
.enuv-wallet-chip {
  display: inline-flex;
  align-items: center;
  padding: 0.2rem 0.55rem;
  border-radius: 999px;
  font-size: 0.72rem;
  font-weight: 600;
  background: #e8eef5;
  color: #1a2b4a;
}
.enuv-wallet-chip.is-customer { background: #e8f0fe; color: #1265d8; }
.enuv-wallet-chip.is-driver { background: #e8f8ef; color: #15803d; }
.enuv-wallet-amount-pos { color: #15803d; font-weight: 700; }
.enuv-wallet-amount-neg { color: #1a2b4a; font-weight: 700; }


/* Preloader stuck = tela branca no painel. Some no máximo em 1.8s. */
#preloader,
.preloader {
    transition: opacity 0.3s ease, visibility 0.3s ease;
}
#preloader.is-done,
.preloader.is-done {
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    display: none !important;
}

/* bg-secondary is a light tint (derived from the brand color): badges on it need dark text. */
.enuv-admin-shell .badge.bg-secondary { color: #1e293b !important; }