/*
 * YatriEcom panel theme (admin + seller + direct seller).
 * Loaded last in layouts/partials/_head.blade.php so it overrides Tabler and custom.css.
 * Palette: indigo #4F46E5 primary, coral #FF6B4A travel accent, navy #0E1330 ink.
 * Design reference: Docs/YatriEcom-Implementation-Plan.md (UI section) and the dashboard mockups.
 */
@import url("../vendor/plus-jakarta-sans/plus-jakarta-sans.css");

:root,
[data-bs-theme="light"] {
    --ye-indigo: #4F46E5;
    --ye-indigo-600: #4338CA;
    --ye-indigo-50: #EEF0FF;
    --ye-indigo-100: #E4E6FF;
    --ye-violet: #7C3AED;
    --ye-coral: #FF6B4A;
    --ye-coral-50: #FFF0EB;
    --ye-coral-ink: #B93815;
    --ye-navy: #0E1330;
    --ye-navy-2: #1A2042;
    --ye-ink: #0E1330;
    --ye-muted: #5E6479;
    --ye-line: #E9EBF2;
    --ye-line-soft: #F1F2F7;
    --ye-bg: #F5F6FA;
    --ye-surface: #FFFFFF;
    --ye-green: #047857;
    --ye-green-50: #E6F7F0;
    --ye-amber: #92400E;
    --ye-amber-50: #FEF3C7;
    --ye-red: #B91C1C;
    --ye-red-50: #FEE2E2;
    --ye-sunrise: radial-gradient(circle at 100% 0%, #FF8A65 0%, rgba(255, 138, 101, 0) 45%),
                  radial-gradient(circle at 0% 100%, #22D3EE 0%, rgba(34, 211, 238, 0) 40%),
                  linear-gradient(135deg, #4F46E5, #7C3AED);
    --ye-shadow: 0 1px 2px rgba(14, 19, 48, .04), 0 10px 30px rgba(14, 19, 48, .05);
    --ye-shadow-hero: 0 18px 40px rgba(79, 70, 229, .30);

    --tblr-font-sans-serif: 'Plus Jakarta Sans', 'InterVariable', Inter, system-ui, -apple-system, 'Segoe UI', sans-serif;
    --tblr-body-font-family: var(--tblr-font-sans-serif);
    --tblr-primary: #4F46E5;
    --tblr-primary-rgb: 79, 70, 229;
    --tblr-primary-fg: #FFFFFF;
    --tblr-primary-darken: #4338CA;
    --tblr-primary-lt: #EEF0FF;
    --tblr-primary-lt-rgb: 238, 240, 255;
    --tblr-primary-text-emphasis: #3730A3;
    --tblr-primary-bg-subtle: #EEF0FF;
    --tblr-primary-border-subtle: #C7CBF5;
    --tblr-link-color: #4F46E5;
    --tblr-link-color-rgb: 79, 70, 229;
    --tblr-link-hover-color: #4338CA;
    --tblr-link-hover-color-rgb: 67, 56, 202;
    --tblr-body-bg: #F5F6FA;
    --tblr-body-bg-rgb: 245, 246, 250;
    --tblr-body-color: #0E1330;
    --tblr-body-color-rgb: 14, 19, 48;
    --tblr-emphasis-color: #0E1330;
    --tblr-secondary: #5E6479;
    --tblr-secondary-rgb: 94, 100, 121;
    --tblr-secondary-color: #5E6479;
    --tblr-bg-surface: #FFFFFF;
    --tblr-bg-surface-secondary: #F8F9FC;
    --tblr-bg-surface-tertiary: #F1F2F7;
    --tblr-bg-forms: #FFFFFF;
    --tblr-border-color: #E9EBF2;
    --tblr-border-color-translucent: rgba(14, 19, 48, .08);
    --tblr-border-radius: 12px;
    --tblr-border-radius-sm: 8px;
    --tblr-border-radius-lg: 18px;
    --tblr-border-radius-xl: 22px;
    --tblr-border-radius-pill: 999px;
    --tblr-box-shadow: var(--ye-shadow);
    --tblr-box-shadow-sm: 0 1px 2px rgba(14, 19, 48, .05);
    --tblr-shadow-card: var(--ye-shadow);
    --tblr-shadow-dropdown: 0 16px 40px rgba(14, 19, 48, .14);
    --tblr-success: #10B981;
    --tblr-success-rgb: 16, 185, 129;
    --tblr-orange: #FF6B4A;
    --tblr-orange-rgb: 255, 107, 74;
    --tblr-purple: #7C3AED;
    --tblr-purple-rgb: 124, 58, 237;
    --tblr-azure: #0EA5E9;
    --tblr-azure-rgb: 14, 165, 233;
}

[data-bs-theme="dark"] {
    --ye-ink: #EEF0FF;
    --ye-muted: #A3A9C2;
    --ye-line: #252C4F;
    --ye-line-soft: #1C2244;
    --ye-bg: #0A0E22;
    --ye-surface: #11173A;
    --ye-green-50: rgba(16, 185, 129, .16);
    --ye-amber-50: rgba(245, 158, 11, .16);
    --ye-red-50: rgba(239, 68, 68, .16);
    --ye-indigo-50: rgba(99, 102, 241, .18);
    --ye-coral-50: rgba(255, 107, 74, .16);
    --ye-green: #34D399;
    --ye-amber: #FBBF24;
    --ye-red: #F87171;
    --ye-coral-ink: #FF9E86;
    --ye-shadow: 0 1px 2px rgba(0, 0, 0, .3), 0 10px 30px rgba(0, 0, 0, .25);

    --tblr-font-sans-serif: 'Plus Jakarta Sans', 'InterVariable', Inter, system-ui, sans-serif;
    --tblr-body-font-family: var(--tblr-font-sans-serif);
    --tblr-primary: #6366F1;
    --tblr-primary-rgb: 99, 102, 241;
    --tblr-primary-fg: #FFFFFF;
    --tblr-primary-lt: rgba(99, 102, 241, .18);
    --tblr-primary-text-emphasis: #A5B4FC;
    --tblr-link-color: #A5B4FC;
    --tblr-link-color-rgb: 165, 180, 252;
    --tblr-link-hover-color: #C7D2FE;
    --tblr-body-bg: #0A0E22;
    --tblr-body-bg-rgb: 10, 14, 34;
    --tblr-body-color: #E4E7F5;
    --tblr-secondary-color: #A3A9C2;
    --tblr-bg-surface: #11173A;
    --tblr-bg-surface-secondary: #161C42;
    --tblr-bg-surface-tertiary: #1C2244;
    --tblr-bg-forms: #0E1433;
    --tblr-border-color: #252C4F;
    --tblr-border-color-translucent: rgba(255, 255, 255, .08);
    --tblr-border-radius: 12px;
    --tblr-border-radius-lg: 18px;
}

/* ── Base ───────────────────────────────────────── */
body {
    font-family: var(--tblr-font-sans-serif);
    background-color: var(--tblr-body-bg);
    -webkit-font-smoothing: antialiased;
    font-feature-settings: "tnum" 0;
    /* Plus Jakarta Sans has a narrow space; open it up slightly for readability. */
    word-spacing: .06em;
}

.num, .h1, .h2, .display-6, .money, td.text-end {
    font-variant-numeric: tabular-nums;
}

.page-title, h1, .h1 {
    font-weight: 800;
    letter-spacing: -0.03em;
}

.page-title { font-size: 1.75rem; }
h2, .h2, h3, .h3, .card-title { font-weight: 700; letter-spacing: -0.01em; }
.subheader {
    font-size: .75rem;
    font-weight: 600;
    letter-spacing: .02em;
    text-transform: none;
    color: var(--tblr-secondary-color);
}
.text-secondary, .text-muted { color: var(--tblr-secondary-color) !important; }

/* ── Page chrome ────────────────────────────────── */
.page-wrapper { background: var(--tblr-body-bg); }

.page-header {
    background: color-mix(in srgb, var(--tblr-body-bg) 88%, transparent);
    backdrop-filter: saturate(160%) blur(10px);
    -webkit-backdrop-filter: saturate(160%) blur(10px);
    border-bottom: 1px solid var(--tblr-border-color);
    position: sticky;
    top: 0;
    z-index: 1020;
}

.global-search-trigger.btn-outline-primary {
    background: var(--tblr-bg-surface);
    border-color: var(--tblr-border-color);
    color: var(--tblr-secondary-color);
    border-radius: 12px;
    min-width: 340px;
}
.global-search-trigger.btn-outline-primary:hover {
    background: var(--tblr-bg-surface);
    border-color: var(--tblr-primary);
    color: var(--tblr-body-color);
}
.global-search-trigger kbd {
    background: var(--tblr-bg-surface-tertiary);
    color: var(--tblr-secondary-color);
    border-radius: 6px;
    box-shadow: none;
    font-weight: 600;
}

/* ── Cards ──────────────────────────────────────── */
.card {
    --tblr-card-border-radius: 18px;
    --tblr-card-inner-border-radius: 17px;
    --tblr-card-border-color: var(--tblr-border-color);
    --tblr-card-box-shadow: var(--ye-shadow);
    border-radius: 18px;
    border-color: var(--tblr-border-color);
    box-shadow: var(--ye-shadow);
}
.card-header, .card-footer {
    background: transparent;
    border-color: var(--tblr-border-color);
}
.card-header { padding-top: 1rem; padding-bottom: 1rem; }
.card-title { font-size: 1rem; }

/* ── Buttons ────────────────────────────────────── */
.btn {
    --tblr-btn-border-radius: 12px;
    --tblr-btn-font-weight: 600;
    border-radius: 12px;
    font-weight: 600;
    letter-spacing: -0.005em;
}
.btn-sm { --tblr-btn-border-radius: 10px; border-radius: 10px; }
.btn-primary {
    --tblr-btn-bg: #4F46E5;
    --tblr-btn-border-color: #4F46E5;
    --tblr-btn-hover-bg: #4338CA;
    --tblr-btn-hover-border-color: #4338CA;
    --tblr-btn-active-bg: #3730A3;
    --tblr-btn-active-border-color: #3730A3;
    box-shadow: 0 8px 20px rgba(79, 70, 229, .25);
}
.btn-outline-primary {
    --tblr-btn-color: #4F46E5;
    --tblr-btn-border-color: #C7CBF5;
    --tblr-btn-hover-bg: #EEF0FF;
    --tblr-btn-hover-color: #4338CA;
    --tblr-btn-hover-border-color: #A5ABF0;
}

/* ── Forms ──────────────────────────────────────── */
.form-control, .form-select, .ts-control {
    border-radius: 10px;
    border-color: var(--tblr-border-color);
}
.form-control:focus, .form-select:focus, .ts-wrapper.focus .ts-control {
    border-color: #4F46E5;
    box-shadow: 0 0 0 4px rgba(79, 70, 229, .14);
}
.form-check-input:checked { background-color: #4F46E5; border-color: #4F46E5; }
.form-label { font-weight: 600; }

/* ── Tables ─────────────────────────────────────── */
.table > thead > tr > th,
.table thead th,
table.dataTable thead th {
    font-size: .6875rem;
    font-weight: 700;
    letter-spacing: .05em;
    text-transform: uppercase;
    color: #6B7188;
    background: var(--tblr-bg-surface-secondary);
}
.table > :not(caption) > * > * { border-bottom-color: var(--tblr-bg-surface-tertiary); }
.table-hover > tbody > tr:hover > * { --tblr-table-bg-state: #F8F8FF; }
[data-bs-theme="dark"] .table-hover > tbody > tr:hover > * { --tblr-table-bg-state: rgba(99, 102, 241, .08); }

/* ── Badges ─────────────────────────────────────── */
.badge {
    border-radius: 999px;
    font-weight: 600;
    letter-spacing: 0;
    padding: .3em .7em;
}

/* ── Dropdowns, modals, alerts, pagination ──────── */
.dropdown-menu {
    border-radius: 14px;
    border-color: var(--tblr-border-color);
    box-shadow: var(--tblr-shadow-dropdown);
    padding: .375rem;
}
.dropdown-item { border-radius: 8px; }
.dropdown-item.active, .dropdown-item:active { background: #EEF0FF; color: #4338CA; }
.modal-content { border-radius: 20px; border: 0; box-shadow: 0 30px 80px rgba(14, 19, 48, .25); }
.alert { border-radius: 14px; }
.page-item .page-link { border-radius: 10px !important; margin: 0 2px; }
.page-item.active .page-link { background: #4F46E5; border-color: #4F46E5; }
.nav-tabs .nav-link.active { color: #4338CA; border-bottom-color: #4F46E5; }
.progress { border-radius: 999px; background: var(--tblr-bg-surface-tertiary); }
.progress-bar { background: linear-gradient(90deg, #4F46E5, #7C3AED); }

/* ── Sidebar (admin: navy, seller/agent: same navy for one brand) ── */
.navbar-vertical,
#panel-sidebar.navbar-vertical {
    --tblr-navbar-bg: #0E1330;
    background: #0E1330;
    box-shadow: none;
    border-right: 1px solid #0E1330;
}
#panel-sidebar .navbar-collapse { box-shadow: none; }
#panel-sidebar .sidebar-brand {
    padding: 1.25rem 1rem .75rem;
}
.navbar-vertical .navbar-nav { padding-left: .75rem; padding-right: .75rem; }
.navbar-vertical .navbar-nav .nav-link {
    color: #B9BFD6;
    border-radius: 12px;
    margin: 1px 0;
    padding-top: .55rem;
    padding-bottom: .55rem;
    font-weight: 500;
}
.navbar-vertical .navbar-nav .nav-link:hover,
.navbar-vertical .navbar-nav .nav-link:focus {
    color: #FFFFFF;
    background-color: #1A2042;
}
.navbar-vertical .nav-link-title.text-secondary,
.navbar-vertical .navbar-nav .nav-item > .nav-link-title.text-secondary {
    color: #7C84A3 !important;
}
.navbar-vertical .navbar-nav > .nav-item.active > .nav-link,
.navbar-vertical .navbar-nav .nav-link.active {
    color: #FFFFFF;
    background: linear-gradient(90deg, #4F46E5, #7C5CF5);
    box-shadow: 0 8px 20px rgba(79, 70, 229, .40);
    font-weight: 600;
}
.navbar-vertical .navbar-nav > .nav-item.active > .nav-link .nav-link-icon,
.navbar-vertical .navbar-nav .nav-link.active .nav-link-icon { color: #FFFFFF; }
.navbar-vertical .navbar-nav > .nav-item.active > .nav-link:hover,
.navbar-vertical .navbar-nav .nav-link.active:hover {
    color: #FFFFFF;
    background: linear-gradient(90deg, #4338CA, #6D4EE8);
}
.navbar-vertical .dropdown-menu { background-color: transparent; box-shadow: none; padding: .125rem 0 .25rem; }
.navbar-vertical .dropdown-menu .dropdown-item { color: #9AA1C2; border-radius: 10px; }
.navbar-vertical .dropdown-menu .dropdown-item:hover,
.navbar-vertical .dropdown-menu .dropdown-item:focus { color: #FFFFFF; background-color: #1A2042; }
.navbar-vertical .dropdown-menu .dropdown-item.active { color: #FFFFFF; background: #1A2042; font-weight: 600; }
.navbar-vertical .dropdown-menu .dropdown-item.active i { color: #FF8A65; }
.sidebar-menu-gradient { background: transparent !important; }

/* ── YatriEcom dashboard building blocks (ye-*) ──── */
.ye-page-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 1rem; margin-bottom: 1.25rem; flex-wrap: wrap; }
.ye-page-head h1 { margin: 0; font-size: 1.875rem; font-weight: 800; letter-spacing: -0.03em; color: var(--tblr-body-color); }
.ye-page-head p { margin: .125rem 0 0; color: var(--tblr-secondary-color); }

.ye-grid { display: grid; gap: 1rem; }
.ye-grid-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.ye-grid-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.ye-span-2 { grid-column: span 2; }
@media (max-width: 1199.98px) { .ye-grid-4 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .ye-grid-3 { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 767.98px) { .ye-grid-4, .ye-grid-3 { grid-template-columns: minmax(0, 1fr); } .ye-span-2 { grid-column: auto; } }

.ye-card { background: var(--tblr-bg-surface); border: 1px solid var(--tblr-border-color); border-radius: 18px; box-shadow: var(--ye-shadow); padding: 1.25rem; }
.ye-hero {
    position: relative; overflow: hidden; border-radius: 22px; padding: 1.5rem;
    color: #FFFFFF; background: var(--ye-sunrise); box-shadow: var(--ye-shadow-hero);
}
.ye-hero a:not(.btn) { color: #FFFFFF; }
.ye-hero .ye-hero-label { font-size: .8125rem; font-weight: 600; opacity: .9; }
.ye-hero .ye-hero-value { font-size: 2.75rem; font-weight: 800; letter-spacing: -0.03em; line-height: 1.1; font-variant-numeric: tabular-nums; }
.ye-hero .ye-route { position: absolute; right: -40px; bottom: -40px; opacity: .35; pointer-events: none; }
.ye-glass { background: rgba(255, 255, 255, .15); border: 1px solid rgba(255, 255, 255, .26); border-radius: 16px; padding: .875rem 1rem; }
.ye-btn-light { background: #FFFFFF; color: #4338CA; border: 0; }
.ye-btn-light:hover { background: #F4F3FF; color: #3730A3; }
.ye-btn-ghost { background: rgba(255, 255, 255, .14); color: #FFFFFF; border: 1px solid rgba(255, 255, 255, .3); }
.ye-btn-ghost:hover { background: rgba(255, 255, 255, .22); color: #FFFFFF; }

.ye-kpi-label { font-size: .75rem; font-weight: 600; color: var(--tblr-secondary-color); }
.ye-kpi-value { font-size: 1.875rem; font-weight: 800; letter-spacing: -0.02em; line-height: 1.1; font-variant-numeric: tabular-nums; color: var(--tblr-body-color); }

.ye-tile { width: 42px; height: 42px; border-radius: 12px; display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; font-size: 1.25rem; }
.ye-tile-indigo { background: var(--ye-indigo-50); color: #4F46E5; }
.ye-tile-coral { background: var(--ye-coral-50); color: #E4572E; }
.ye-tile-green { background: var(--ye-green-50); color: #059669; }
.ye-tile-amber { background: var(--ye-amber-50); color: #B45309; }
.ye-tile-sky { background: #E0F2FE; color: #0284C7; }
.ye-tile-solid-indigo { background: #4F46E5; color: #FFFFFF; }
.ye-tile-solid-amber { background: #F59E0B; color: #1F1300; }
.ye-tile-solid-green { background: #10B981; color: #02140D; }
.ye-tile-solid-coral { background: #FF6B4A; color: #1B0A05; }

.ye-chip { display: inline-flex; align-items: center; gap: .375rem; height: 24px; padding: 0 .625rem; border-radius: 999px; font-size: .75rem; font-weight: 600; white-space: nowrap; }
.ye-chip::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: currentColor; }
.ye-chip.no-dot::before { display: none; }
.ye-chip-ok { background: var(--ye-green-50); color: var(--ye-green); }
.ye-chip-pend { background: var(--ye-amber-50); color: var(--ye-amber); }
.ye-chip-bad { background: var(--ye-red-50); color: var(--ye-red); }
.ye-chip-neu { background: var(--tblr-bg-surface-tertiary); color: var(--tblr-secondary-color); }
.ye-chip-vio { background: var(--ye-indigo-50); color: #4338CA; }
.ye-chip-cor { background: var(--ye-coral-50); color: var(--ye-coral-ink); }
.ye-chip-glass { background: rgba(255, 255, 255, .2); color: #FFFFFF; }
[data-bs-theme="dark"] .ye-chip-vio { color: #A5B4FC; }

.ye-attn { display: flex; gap: .75rem; padding: .875rem; border-radius: 14px; color: var(--tblr-body-color); text-decoration: none; transition: transform .15s ease, box-shadow .15s ease; }
.ye-attn:hover { color: var(--tblr-body-color); text-decoration: none; transform: translateY(-1px); box-shadow: 0 8px 20px rgba(14, 19, 48, .08); }
.ye-attn .ye-attn-title { font-weight: 700; }
.ye-attn .ye-attn-sub { font-size: .8125rem; color: var(--tblr-secondary-color); }
.ye-attn-indigo { background: #F4F3FF; }
.ye-attn-amber { background: #FFF7EC; }
.ye-attn-green { background: #ECFDF5; }
.ye-attn-coral { background: #FFF1EE; }
[data-bs-theme="dark"] .ye-attn-indigo, [data-bs-theme="dark"] .ye-attn-amber,
[data-bs-theme="dark"] .ye-attn-green, [data-bs-theme="dark"] .ye-attn-coral { background: var(--tblr-bg-surface-secondary); }

.ye-bar { height: 8px; border-radius: 999px; background: var(--tblr-bg-surface-tertiary); overflow: hidden; }
.ye-bar > span { display: block; height: 100%; border-radius: 999px; background: #4F46E5; }

.ye-row { display: flex; align-items: center; gap: .75rem; padding: .75rem 0; border-top: 1px solid var(--tblr-bg-surface-tertiary); }
.ye-row:first-child { border-top: 0; }
.ye-amount-in { color: var(--ye-green); font-weight: 800; font-variant-numeric: tabular-nums; }
.ye-amount-out { color: var(--tblr-body-color); font-weight: 800; font-variant-numeric: tabular-nums; }

.ye-leg { border-radius: 16px; padding: 1.125rem; }
.ye-leg-left { background: #F4F3FF; }
.ye-leg-right { background: #FFF4F0; }
[data-bs-theme="dark"] .ye-leg-left, [data-bs-theme="dark"] .ye-leg-right { background: var(--tblr-bg-surface-secondary); }

.ye-reward { border-radius: 16px; padding: 1rem; color: #FFFFFF; background: radial-gradient(circle at 100% 0%, #FFB199 0%, rgba(255, 177, 153, 0) 55%), linear-gradient(135deg, #FF6B4A, #E0457B); }

.ye-avatar { width: 32px; height: 32px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; font-size: .6875rem; font-weight: 800; flex-shrink: 0; background: var(--ye-indigo-50); color: #4338CA; }

.ye-date { width: 50px; height: 54px; border-radius: 14px; color: #FFFFFF; display: flex; flex-direction: column; align-items: center; justify-content: center; flex-shrink: 0; background: linear-gradient(160deg, #4F46E5, #7C3AED); }
.ye-date b { font-size: 1.125rem; font-weight: 800; line-height: 1; }
.ye-date small { font-size: .625rem; font-weight: 700; opacity: .85; }

.ye-disclaimer { font-size: .75rem; color: var(--tblr-secondary-color); margin-top: 1rem; }

@media (prefers-reduced-motion: reduce) {
    .ye-attn { transition: none; }
    .ye-attn:hover { transform: none; }
}

/* ── DataTables: no striping/sorted-column tint, gentle hover ── */
table.dataTable > tbody > tr > *,
table.dataTable.stripe > tbody > tr.odd > *,
table.dataTable.display > tbody > tr.odd > *,
table.dataTable > tbody > tr > .sorting_1 { box-shadow: none !important; background-color: transparent; }
table.dataTable > tbody > tr { background-color: var(--tblr-bg-surface); }
table.dataTable > tbody > tr:hover > td { background-color: #F8F8FF; }
table.dataTable > tbody > tr.shown > td { background-color: #F4F3FF; }
[data-bs-theme="dark"] table.dataTable > tbody > tr:hover > td,
[data-bs-theme="dark"] table.dataTable > tbody > tr.shown > td { background-color: rgba(99, 102, 241, .08); }

/* ── Quick filter chips (list pages) ── */
.ye-filter-chips { display: flex; flex-wrap: wrap; gap: .5rem; }
.ye-filter-chip { display: inline-flex; align-items: center; gap: .5rem; height: 38px; padding: 0 .875rem; border-radius: 999px;
    border: 1px solid var(--tblr-border-color); background: var(--tblr-bg-surface); color: var(--tblr-body-color);
    font-weight: 600; font-size: .8125rem; cursor: pointer; }
.ye-filter-chip .n { font-variant-numeric: tabular-nums; color: var(--tblr-secondary-color); font-weight: 700; }
.ye-filter-chip:hover { border-color: #A5ABF0; }
.ye-filter-chip.active { background: #0E1330; border-color: #0E1330; color: #FFFFFF; }
.ye-filter-chip.active .n { color: #A5B4FC; }

/* Flex children that should truncate instead of pushing siblings out. */
.min-w-0 { min-width: 0 !important; }
.ye-row > .ye-amount-in, .ye-row > .ye-amount-out, .ye-row > .ye-chip { flex-shrink: 0; }

/* Primary buttons: white text (Tabler's primary-fg was resolving dark on indigo). */
.btn-primary,
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active {
    --tblr-btn-color: #FFFFFF;
    --tblr-btn-hover-color: #FFFFFF;
    --tblr-btn-active-color: #FFFFFF;
    --tblr-btn-disabled-color: #FFFFFF;
    color: #FFFFFF;
}

/* Switch state text: show "On" or "Off" to match the checkbox. */
.form-check-input:checked ~ .ye-switch-off, .form-check-input:not(:checked) ~ .ye-switch-on { display: none; }