/* Vehicle Tracker Light Theme v2.3.0
   Theme-only visual layer for Dbalnyk.
   Code and business logic remain in PHP core.
*/

:root {
    --vt-bg: #f3f4f6;
    --vt-surface: #ffffff;
    --vt-border: #dfe3ea;
    --vt-text: #111827;
    --vt-muted: #667085;
    --vt-primary: #2563eb;
    --vt-primary-hover: #1d4ed8;
    --vt-success: #16a34a;
    --vt-warning: #d97706;
    --vt-danger: #dc2626;
    --vt-radius: 4px;
    --vt-shadow: none;
}

html[data-site-theme="vehicle_tracker_light"],
body[data-site-theme="vehicle_tracker_light"] {
    background: var(--vt-bg) !important;
}

body[data-site-theme="vehicle_tracker_light"] {
    color: var(--vt-text) !important;
    font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
    font-size: var(--vt-font-content, 14px) !important;
    line-height: 1.4 !important;
}

body[data-site-theme="vehicle_tracker_light"] .app-shell {
    min-height: 100vh !important;
    display: grid !important;
    grid-template-columns: 220px minmax(0, 1fr) !important;
    background: var(--vt-bg) !important;
}

/* Sidebar */
body[data-site-theme="vehicle_tracker_light"] .sidebar {
    width: 220px !important;
    min-width: 220px !important;
    background: var(--vt-surface) !important;
    border-right: 1px solid var(--vt-border) !important;
    box-shadow: none !important;
    padding: 0 16px 18px !important;
    position: sticky !important;
    top: 0 !important;
    height: 100vh !important;
}

body[data-site-theme="vehicle_tracker_light"] .brand {
    height: 64px !important;
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    padding: 0 !important;
    border-bottom: 1px solid var(--vt-border) !important;
    margin-bottom: 14px !important;
}

body[data-site-theme="vehicle_tracker_light"] .brand-logo,
body[data-site-theme="vehicle_tracker_light"] .brand-mark {
    width: 32px !important;
    height: 32px !important;
    border-radius: 8px !important;
    object-fit: contain !important;
    background: transparent !important;
}

body[data-site-theme="vehicle_tracker_light"] .brand strong {
    display: block !important;
    color: var(--vt-text) !important;
    font-size: var(--vt-font-block-title, 18px) !important;
    font-weight: 700 !important;
    line-height: 1.1 !important;
}

body[data-site-theme="vehicle_tracker_light"] .brand span {
    display: block !important;
    color: var(--vt-muted) !important;
    font-size: var(--vt-font-content, 14px) !important;
    margin-top: 2px !important;
}

body[data-site-theme="vehicle_tracker_light"] .side-nav {
    display: grid !important;
    gap: 5px !important;
    padding: 0 !important;
}

body[data-site-theme="vehicle_tracker_light"] .side-nav a {
    height: 34px !important;
    border-radius: var(--vt-radius) !important;
    display: flex !important;
    align-items: center !important;
    padding: 0 12px !important;
    color: var(--vt-text) !important;
    text-decoration: none !important;
    font-size: var(--vt-font-menu, 13px) !important;
    border: 1px solid transparent !important;
    background: transparent !important;
}

body[data-site-theme="vehicle_tracker_light"] .side-nav a:hover {
    background: #f8fafc !important;
    border-color: var(--vt-border) !important;
}

body[data-site-theme="vehicle_tracker_light"] .side-nav a.active {
    background: var(--vt-primary) !important;
    color: #ffffff !important;
    border-color: var(--vt-primary) !important;
    box-shadow: none !important;
}

body[data-site-theme="vehicle_tracker_light"] .sidebar-user {
    position: absolute !important;
    left: 16px !important;
    right: 16px !important;
    bottom: 16px !important;
    border-top: 1px solid var(--vt-border) !important;
    padding-top: 12px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 8px !important;
}

body[data-site-theme="vehicle_tracker_light"] .sidebar-user strong {
    color: var(--vt-text) !important;
    font-size: var(--vt-font-menu, 13px) !important;
    font-weight: 600 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

body[data-site-theme="vehicle_tracker_light"] .logout-link {
    color: var(--vt-primary) !important;
    background: transparent !important;
    text-decoration: none !important;
    font-size: var(--vt-font-content, 14px) !important;
}

/* Main layout */
body[data-site-theme="vehicle_tracker_light"] .main-content {
    padding: 32px 40px 64px !important;
    max-width: 1360px !important;
    width: 100% !important;
    margin: 0 auto !important;
}

body[data-site-theme="vehicle_tracker_light"] .page-header,
body[data-site-theme="vehicle_tracker_light"] .topbar {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    margin-bottom: 24px !important;
    padding: 0 !important;
    min-height: 0 !important;
}

body[data-site-theme="vehicle_tracker_light"] h1,
body[data-site-theme="vehicle_tracker_light"] .page-title {
    color: var(--vt-text) !important;
    font-size: var(--vt-font-page-title, 28px) !important;
    font-weight: 700 !important;
    line-height: 1.25 !important;
    margin: 0 0 20px !important;
}

body[data-site-theme="vehicle_tracker_light"] h2 {
    color: var(--vt-text) !important;
    font-size: var(--vt-font-block-title, 18px) !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
}

body[data-site-theme="vehicle_tracker_light"] h3 {
    color: var(--vt-text) !important;
    font-size: var(--vt-font-block-title, 18px) !important;
    font-weight: 700 !important;
}

/* Cards */
body[data-site-theme="vehicle_tracker_light"] .card,
body[data-site-theme="vehicle_tracker_light"] .auth-card,
body[data-site-theme="vehicle_tracker_light"] .settings-card,
body[data-site-theme="vehicle_tracker_light"] .vehicle-card,
body[data-site-theme="vehicle_tracker_light"] .dashboard-card {
    background: var(--vt-surface) !important;
    border: 1px solid var(--vt-border) !important;
    border-radius: var(--vt-radius) !important;
    box-shadow: var(--vt-shadow) !important;
    padding: 20px !important;
    color: var(--vt-text) !important;
}

body[data-site-theme="vehicle_tracker_light"] .card-header {
    border-bottom: 1px solid var(--vt-border) !important;
    padding: 16px 20px !important;
    margin: -20px -20px 18px !important;
    background: #ffffff !important;
}

body[data-site-theme="vehicle_tracker_light"] .stats-grid,
body[data-site-theme="vehicle_tracker_light"] .dashboard-stats,
body[data-site-theme="vehicle_tracker_light"] .summary-grid {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 16px !important;
    margin-bottom: 20px !important;
}

body[data-site-theme="vehicle_tracker_light"] .stat,
body[data-site-theme="vehicle_tracker_light"] .compact-card {
    min-height: 104px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    gap: 4px !important;
}

body[data-site-theme="vehicle_tracker_light"] .stat span,
body[data-site-theme="vehicle_tracker_light"] .stat small,
body[data-site-theme="vehicle_tracker_light"] .muted {
    color: var(--vt-muted) !important;
}

body[data-site-theme="vehicle_tracker_light"] .stat strong {
    color: var(--vt-text) !important;
    font-size: var(--vt-font-content, 14px) !important;
    font-weight: 500 !important;
    line-height: 1.15 !important;
}

/* Forms */
body[data-site-theme="vehicle_tracker_light"] input,
body[data-site-theme="vehicle_tracker_light"] select,
body[data-site-theme="vehicle_tracker_light"] textarea {
    background: #ffffff !important;
    color: var(--vt-text) !important;
    border: 1px solid var(--vt-border) !important;
    border-radius: var(--vt-radius) !important;
    min-height: 40px !important;
    padding: 8px 12px !important;
    box-shadow: none !important;
    font: inherit !important;
}

body[data-site-theme="vehicle_tracker_light"] label {
    color: var(--vt-text) !important;
    font-size: var(--vt-font-content, 14px) !important;
    font-weight: 600 !important;
}

body[data-site-theme="vehicle_tracker_light"] input:focus,
body[data-site-theme="vehicle_tracker_light"] select:focus,
body[data-site-theme="vehicle_tracker_light"] textarea:focus {
    outline: 2px solid rgba(37, 99, 235, .18) !important;
    border-color: var(--vt-primary) !important;
}

/* Buttons */
body[data-site-theme="vehicle_tracker_light"] .btn,
body[data-site-theme="vehicle_tracker_light"] button,
body[data-site-theme="vehicle_tracker_light"] .button {
    border-radius: var(--vt-radius) !important;
    min-height: 38px !important;
    border: 1px solid var(--vt-border) !important;
    box-shadow: none !important;
    font-weight: 600 !important;
}

body[data-site-theme="vehicle_tracker_light"] .btn.primary,
body[data-site-theme="vehicle_tracker_light"] button.primary,
body[data-site-theme="vehicle_tracker_light"] .primary {
    background: var(--vt-primary) !important;
    border-color: var(--vt-primary) !important;
    color: #ffffff !important;
}

body[data-site-theme="vehicle_tracker_light"] .btn.primary:hover {
    background: var(--vt-primary-hover) !important;
}

body[data-site-theme="vehicle_tracker_light"] .btn.secondary,
body[data-site-theme="vehicle_tracker_light"] .secondary {
    background: #ffffff !important;
    color: var(--vt-text) !important;
    border-color: var(--vt-border) !important;
}

body[data-site-theme="vehicle_tracker_light"] .btn.danger,
body[data-site-theme="vehicle_tracker_light"] .danger {
    background: var(--vt-danger) !important;
    border-color: var(--vt-danger) !important;
    color: #ffffff !important;
}

/* Tables and logs */
body[data-site-theme="vehicle_tracker_light"] table {
    width: 100% !important;
    border-collapse: collapse !important;
    background: #ffffff !important;
}

body[data-site-theme="vehicle_tracker_light"] th,
body[data-site-theme="vehicle_tracker_light"] td {
    border-bottom: 1px solid var(--vt-border) !important;
    padding: 12px 14px !important;
    color: var(--vt-text) !important;
    text-align: left !important;
}

body[data-site-theme="vehicle_tracker_light"] th {
    color: var(--vt-muted) !important;
    font-weight: 700 !important;
    font-size: var(--vt-font-content, 14px) !important;
}

body[data-site-theme="vehicle_tracker_light"] .connection-log-row,
body[data-site-theme="vehicle_tracker_light"] .session-row,
body[data-site-theme="vehicle_tracker_light"] .user-row,
body[data-site-theme="vehicle_tracker_light"] .fuel-row,
body[data-site-theme="vehicle_tracker_light"] .expense-row {
    background: #ffffff !important;
    border: 1px solid var(--vt-border) !important;
    border-radius: var(--vt-radius) !important;
    padding: 16px !important;
    box-shadow: none !important;
}

/* Badges */
body[data-site-theme="vehicle_tracker_light"] .status-pill,
body[data-site-theme="vehicle_tracker_light"] .badge {
    border-radius: var(--vt-radius) !important;
    padding: 3px 8px !important;
    font-size: max(9px, calc(var(--vt-font-caption, 12px) * 0.9)) !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;
}

body[data-site-theme="vehicle_tracker_light"] .status-pill.ok,
body[data-site-theme="vehicle_tracker_light"] .badge.success {
    color: var(--vt-success) !important;
    background: #eaf8ef !important;
    border: 1px solid #bae7c7 !important;
}

body[data-site-theme="vehicle_tracker_light"] .status-pill.warn,
body[data-site-theme="vehicle_tracker_light"] .badge.warning {
    color: var(--vt-warning) !important;
    background: #fff7ed !important;
    border: 1px solid #fed7aa !important;
}

body[data-site-theme="vehicle_tracker_light"] .status-pill.danger,
body[data-site-theme="vehicle_tracker_light"] .badge.danger {
    color: var(--vt-danger) !important;
    background: #fef2f2 !important;
    border: 1px solid #fecaca !important;
}

/* Admin v2.2 blocks */
body[data-site-theme="vehicle_tracker_light"] .admin-top-stats-v220 {
    display: grid !important;
    grid-template-columns: 1fr !important;
    margin-bottom: 16px !important;
}

body[data-site-theme="vehicle_tracker_light"] .admin-main-summary-card {
    display: grid !important;
    grid-template-columns: minmax(180px, .8fr) minmax(260px, 1fr) minmax(260px, 1fr) !important;
    gap: 16px !important;
}

body[data-site-theme="vehicle_tracker_light"] .admin-secondary-stats-v220,
body[data-site-theme="vehicle_tracker_light"] .security-summary-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 16px !important;
}

body[data-site-theme="vehicle_tracker_light"] .security-summary-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}

body[data-site-theme="vehicle_tracker_light"] .admin-mini-security-stats,
body[data-site-theme="vehicle_tracker_light"] .admin-peak-online {
    border: 1px solid var(--vt-border) !important;
    border-radius: var(--vt-radius) !important;
    padding: 12px !important;
    background: #fafafa !important;
}

/* Dashboard approximations */
body[data-site-theme="vehicle_tracker_light"] .vehicle-hero,
body[data-site-theme="vehicle_tracker_light"] .odometer-card,
body[data-site-theme="vehicle_tracker_light"] .maintenance-card,
body[data-site-theme="vehicle_tracker_light"] .recent-card {
    background: #ffffff !important;
    border: 1px solid var(--vt-border) !important;
    border-radius: var(--vt-radius) !important;
    box-shadow: none !important;
}

/* Mobile */
@media (max-width: 700px) {
    html[data-site-theme="vehicle_tracker_light"] {
        background: #eeeeee !important;
    }

    body[data-site-theme="vehicle_tracker_light"] {
        background: #eeeeee !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .app-shell {
        display: block !important;
        max-width: 440px !important;
        margin: 24px auto !important;
        min-height: calc(100vh - 48px) !important;
        background: var(--vt-bg) !important;
        border-radius: 24px !important;
        overflow-x: hidden !important;
        overflow-y: auto !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .main-content {
        padding: 18px 12px 72px !important;
        max-width: none !important;
        width: 100% !important;
        overflow-x: hidden !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .topbar,
    body[data-site-theme="vehicle_tracker_light"] .mobile-header {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        height: 64px !important;
        padding: 0 14px !important;
        margin: -18px -12px 16px !important;
        background: #ffffff !important;
        border-bottom: 1px solid var(--vt-border) !important;
        border-radius: 24px 24px 0 0 !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .menu-btn {
        display: inline-flex !important;
        width: 38px !important;
        height: 38px !important;
        min-height: 38px !important;
        align-items: center !important;
        justify-content: center !important;
        background: #ffffff !important;
        color: var(--vt-text) !important;
        border: 0 !important;
        font-size: var(--vt-font-button, 14px) !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .sidebar {
        position: fixed !important;
        top: 24px !important;
        left: calc(50% - 220px) !important;
        width: 260px !important;
        min-width: 260px !important;
        height: calc(100vh - 48px) !important;
        z-index: 1000 !important;
        transform: translateX(-110%) !important;
        transition: none !important;
        border-radius: 24px 0 0 24px !important;
        padding: 0 18px 18px !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .sidebar.open,
    body[data-site-theme="vehicle_tracker_light"] .sidebar.is-open,
    body[data-site-theme="vehicle_tracker_light"] .app-shell.sidebar-open .sidebar {
        transform: translateX(0) !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .brand {
        height: 64px !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .brand div {
        display: block !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .stats-grid,
    body[data-site-theme="vehicle_tracker_light"] .dashboard-stats,
    body[data-site-theme="vehicle_tracker_light"] .summary-grid,
    body[data-site-theme="vehicle_tracker_light"] .admin-secondary-stats-v220,
    body[data-site-theme="vehicle_tracker_light"] .security-summary-grid {
        grid-template-columns: 1fr !important;
        gap: 14px !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .card,
    body[data-site-theme="vehicle_tracker_light"] .dashboard-card,
    body[data-site-theme="vehicle_tracker_light"] .settings-card,
    body[data-site-theme="vehicle_tracker_light"] .vehicle-card {
        border-radius: var(--vt-radius) !important;
        padding: 18px !important;
        margin-bottom: 14px !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .card-header {
        padding: 16px 18px !important;
        margin: -18px -18px 16px !important;
    }

    body[data-site-theme="vehicle_tracker_light"] h1,
    body[data-site-theme="vehicle_tracker_light"] .page-title {
        font-size: var(--vt-font-page-title, 28px) !important;
        margin: 8px 0 14px !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .stat {
        min-height: 118px !important;
        align-items: flex-start !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .admin-main-summary-card {
        grid-template-columns: 1fr !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .table-wrap,
    body[data-site-theme="vehicle_tracker_light"] .fuel-table,
    body[data-site-theme="vehicle_tracker_light"] .expense-table,
    body[data-site-theme="vehicle_tracker_light"] table {
        display: block !important;
        overflow-x: auto !important;
        white-space: nowrap !important;
        max-width: 100% !important;
    }

    body[data-site-theme="vehicle_tracker_light"] th,
    body[data-site-theme="vehicle_tracker_light"] td {
        padding: 12px 16px !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .bottom-nav {
        display: none !important;
    }
}


/* v3.0.0 real page templates */
body[data-site-theme="vehicle_tracker_light"] .vt-page-top {
    display: flex !important;
    align-items: end !important;
    justify-content: space-between !important;
    gap: 16px !important;
    margin-bottom: 22px !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-page-top h1 {
    margin: 0 !important;
    font-size: var(--vt-font-page-title, 28px) !important;
    font-weight: 700 !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-page-actions {
    display: flex !important;
    align-items: end !important;
    gap: 12px !important;
    flex-wrap: wrap !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-vehicle-select {
    display: grid !important;
    gap: 6px !important;
    min-width: 280px !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-vehicle-select label {
    font-size: var(--vt-font-content, 14px) !important;
    color: var(--vt-text) !important;
    font-weight: 700 !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-card {
    background: #ffffff !important;
    border: 1px solid var(--vt-border) !important;
    border-radius: 4px !important;
    box-shadow: none !important;
    color: var(--vt-text) !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-kpi-grid {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 16px !important;
    margin-bottom: 20px !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-kpi-grid-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-kpi {
    padding: 22px 24px !important;
    min-height: 110px !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-kpi span,
body[data-site-theme="vehicle_tracker_light"] .vt-kpi small {
    display: block !important;
    color: var(--vt-muted) !important;
    font-size: var(--vt-font-caption, 12px) !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-kpi strong {
    display: block !important;
    margin-top: 4px !important;
    color: var(--vt-text) !important;
    font-size: var(--vt-font-content, 14px) !important;
    line-height: 1.15 !important;
    font-weight: 500 !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-positive {
    color: #16a34a !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-negative {
    color: #dc2626 !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-two-col {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 20px !important;
    margin-bottom: 20px !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-section-card,
body[data-site-theme="vehicle_tracker_light"] .vt-form-card,
body[data-site-theme="vehicle_tracker_light"] .vt-table-card,
body[data-site-theme="vehicle_tracker_light"] .vt-empty {
    padding: 0 !important;
    margin-bottom: 20px !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-card-title {
    min-height: 52px !important;
    padding: 18px 20px !important;
    border-bottom: 1px solid var(--vt-border) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-card-title h2 {
    margin: 0 !important;
    font-size: var(--vt-font-block-title, 18px) !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-list {
    padding: 18px 20px !important;
    display: grid !important;
    gap: 0 !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-list-row {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 16px !important;
    padding: 14px 0 !important;
    border-bottom: 1px solid var(--vt-border) !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-list-row:last-child {
    border-bottom: 0 !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-list-row strong {
    display: block !important;
    font-size: var(--vt-font-content, 14px) !important;
    color: var(--vt-text) !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-list-row small {
    display: block !important;
    color: var(--vt-muted) !important;
    font-size: var(--vt-font-caption, 12px) !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-summary-grid,
body[data-site-theme="vehicle_tracker_light"] .vt-stat-line,
body[data-site-theme="vehicle_tracker_light"] .vt-stat-list {
    padding: 22px 20px !important;
    display: grid !important;
    gap: 18px !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-summary-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-stat-line {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-stat-line span,
body[data-site-theme="vehicle_tracker_light"] .vt-summary-grid span,
body[data-site-theme="vehicle_tracker_light"] .vt-stat-list span {
    display: block !important;
    color: var(--vt-muted) !important;
    font-size: var(--vt-font-content, 14px) !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-stat-line strong,
body[data-site-theme="vehicle_tracker_light"] .vt-summary-grid strong,
body[data-site-theme="vehicle_tracker_light"] .vt-stat-list strong {
    display: block !important;
    margin-top: 4px !important;
    color: var(--vt-text) !important;
    font-size: var(--vt-font-content, 14px) !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 38px !important;
    padding: 0 14px !important;
    border-radius: 4px !important;
    border: 1px solid var(--vt-border) !important;
    text-decoration: none !important;
    font-weight: 700 !important;
    font-size: var(--vt-font-button, 14px) !important;
    cursor: pointer !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-btn-primary {
    background: var(--vt-primary) !important;
    border-color: var(--vt-primary) !important;
    color: #ffffff !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-btn-secondary {
    background: #ffffff !important;
    color: var(--vt-text) !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-btn-danger {
    background: var(--vt-danger) !important;
    border-color: var(--vt-danger) !important;
    color: #ffffff !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-badge {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 4px !important;
    padding: 4px 8px !important;
    font-size: max(9px, calc(var(--vt-font-caption, 12px) * 0.9)) !important;
    font-weight: 600 !important;
    white-space: nowrap !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-badge-success {
    color: #079455 !important;
    background: #ecfdf3 !important;
    border: 1px solid #abefc6 !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-badge-warning {
    color: #dc6803 !important;
    background: #fff6ed !important;
    border: 1px solid #fedf89 !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-badge-danger {
    color: #d92d20 !important;
    background: #fef3f2 !important;
    border: 1px solid #fecdca !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-badge-info {
    color: #2563eb !important;
    background: #eff6ff !important;
    border: 1px solid #bfdbfe !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-form-card {
    padding: 20px !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-form-card h2 {
    margin: 0 0 16px !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-form-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 14px !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-form-grid-single {
    grid-template-columns: minmax(260px, 520px) !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-form-wide,
body[data-site-theme="vehicle_tracker_light"] .vt-form-actions {
    grid-column: 1 / -1 !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-form-actions {
    display: flex !important;
    justify-content: flex-start !important;
    gap: 10px !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-settings-help-text {
    display: block !important;
    margin-top: 4px !important;
    color: var(--vt-muted, #6b7280) !important;
    font-size: var(--vt-font-caption, 12px) !important;
    font-style: italic !important;
    font-weight: 400 !important;
    line-height: 1.35 !important;
}

/* v5.2.31: Metrics pie Ambilight colors and Earth icon depth */
body[data-site-theme="vehicle_tracker_light"] .vt-pie-chart::before {
    background:
        radial-gradient(circle at 30% 35%, rgba(245, 158, 11, .26) 0%, rgba(245, 158, 11, .12) 30%, rgba(245, 158, 11, 0) 58%),
        radial-gradient(circle at 68% 34%, rgba(37, 99, 235, .24) 0%, rgba(37, 99, 235, .11) 31%, rgba(37, 99, 235, 0) 60%),
        radial-gradient(circle at 58% 72%, rgba(239, 68, 68, .22) 0%, rgba(239, 68, 68, .10) 30%, rgba(239, 68, 68, 0) 62%) !important;
    filter: blur(16px) saturate(1.08) !important;
    opacity: .70 !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-pie-chart::after {
    background:
        radial-gradient(circle at 29% 34%, rgba(245, 158, 11, .24) 0%, rgba(245, 158, 11, .11) 30%, rgba(245, 158, 11, 0) 62%),
        radial-gradient(circle at 67% 35%, rgba(37, 99, 235, .22) 0%, rgba(37, 99, 235, .10) 30%, rgba(37, 99, 235, 0) 64%),
        radial-gradient(circle at 59% 72%, rgba(239, 68, 68, .20) 0%, rgba(239, 68, 68, .09) 31%, rgba(239, 68, 68, 0) 66%) !important;
    filter: blur(18px) saturate(1.06) !important;
    opacity: .64 !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-earth-trip-icon {
    filter: drop-shadow(0 4px 8px rgba(15, 23, 42, .22)) !important;
    text-shadow: 0 3px 7px rgba(15, 23, 42, .18) !important;
}

@media (max-width: 700px) {
    body[data-site-theme="vehicle_tracker_light"] .vt-pie-chart::before,
    body[data-site-theme="vehicle_tracker_light"] .vt-pie-chart::after {
        filter: blur(14px) saturate(1.04) !important;
        opacity: .56 !important;
    }
}

body[data-site-theme="vehicle_tracker_light"] .vt-vehicles-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 20px !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-vehicle-card {
    padding: 20px !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-vehicle-head {
    display: grid !important;
    grid-template-columns: 44px 1fr auto !important;
    gap: 14px !important;
    align-items: start !important;
    margin-bottom: 16px !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-icon-box {
    width: 44px !important;
    height: 44px !important;
    border-radius: 6px !important;
    background: #eef4ff !important;
    display: grid !important;
    place-items: center !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-icon-box img {
    width: 26px !important;
    height: 26px !important;
    object-fit: contain !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-vehicle-head h2 {
    margin: 0 !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-vehicle-meta {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 8px !important;
    margin: 16px 0 !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-vehicle-meta span {
    color: var(--vt-muted) !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-card-actions {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 8px !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-card-actions form {
    margin: 0 !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-card-actions button,
body[data-site-theme="vehicle_tracker_light"] .vt-card-actions a {
    width: 100% !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-table-wrap {
    padding: 20px !important;
    overflow-x: auto !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-table {
    width: 100% !important;
    border-collapse: collapse !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-table th,
body[data-site-theme="vehicle_tracker_light"] .vt-table td {
    padding: 12px 14px !important;
    border-bottom: 1px solid var(--vt-border) !important;
    text-align: left !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-table th {
    color: var(--vt-muted) !important;
    font-weight: 700 !important;
    font-size: var(--vt-font-content, 14px) !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-tabs {
    display: flex !important;
    gap: 8px !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-tabs a {
    text-decoration: none !important;
    color: var(--vt-text) !important;
    border: 1px solid var(--vt-border) !important;
    border-radius: 4px !important;
    padding: 8px 10px !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-tabs a.active {
    color: #ffffff !important;
    background: var(--vt-primary) !important;
    border-color: var(--vt-primary) !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-user-details {
    border-bottom: 1px solid var(--vt-border) !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-user-details summary {
    cursor: pointer !important;
    list-style: none !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-user-expanded {
    padding: 0 0 16px !important;
    display: grid !important;
    gap: 10px !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-inline-form {
    display: flex !important;
    gap: 12px !important;
    align-items: center !important;
}

@media (max-width: 700px) {
    body[data-site-theme="vehicle_tracker_light"] .vt-page-top {
        align-items: start !important;
        margin-bottom: 14px !important;
        gap: 10px !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-page-top h1 {
        font-size: var(--vt-font-page-title, 28px) !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-page-actions {
        width: 100% !important;
        overflow-x: auto !important;
        flex-wrap: nowrap !important;
        justify-content: flex-start !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-vehicle-select {
        min-width: 220px !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-kpi-grid,
    body[data-site-theme="vehicle_tracker_light"] .vt-kpi-grid-3,
    body[data-site-theme="vehicle_tracker_light"] .vt-two-col,
    body[data-site-theme="vehicle_tracker_light"] .vt-vehicles-grid,
    body[data-site-theme="vehicle_tracker_light"] .vt-form-grid,
    body[data-site-theme="vehicle_tracker_light"] .vt-summary-grid,
    body[data-site-theme="vehicle_tracker_light"] .vt-stat-line {
        grid-template-columns: 1fr !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-kpi {
        min-height: 104px !important;
        padding: 20px 24px !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-card-title {
        padding: 16px 18px !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-list,
    body[data-site-theme="vehicle_tracker_light"] .vt-summary-grid,
    body[data-site-theme="vehicle_tracker_light"] .vt-stat-line,
    body[data-site-theme="vehicle_tracker_light"] .vt-stat-list {
        padding: 18px !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-table-wrap {
        padding: 18px !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-table {
        min-width: 760px !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-card-actions {
        grid-template-columns: 1fr !important;
    }
}


/* v3.1.0: maintenance service history and admin sessions */
body[data-site-theme="vehicle_tracker_light"] .vt-maint-details,
body[data-site-theme="vehicle_tracker_light"] .vt-user-details {
    border-bottom: 1px solid var(--vt-border) !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-maint-details:last-child,
body[data-site-theme="vehicle_tracker_light"] .vt-user-details:last-child {
    border-bottom: 0 !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-maint-details > summary,
body[data-site-theme="vehicle_tracker_light"] .vt-user-details > summary {
    list-style: none !important;
    cursor: pointer !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-maint-details > summary::-webkit-details-marker,
body[data-site-theme="vehicle_tracker_light"] .vt-user-details > summary::-webkit-details-marker {
    display: none !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-service-history,
body[data-site-theme="vehicle_tracker_light"] .vt-session-history {
    margin: 0 0 16px 34px !important;
    padding: 14px 16px !important;
    border-left: 2px solid var(--vt-border) !important;
    display: grid !important;
    gap: 8px !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-service-history h3,
body[data-site-theme="vehicle_tracker_light"] .vt-session-history h3 {
    margin: 0 0 6px !important;
    font-size: var(--vt-font-block-title, 18px) !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-service-row,
body[data-site-theme="vehicle_tracker_light"] .vt-session-row {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 12px !important;
    background: #f6f7f9 !important;
    border: 1px solid #edf0f4 !important;
    border-radius: 4px !important;
    padding: 12px !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-session-row {
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-service-row span,
body[data-site-theme="vehicle_tracker_light"] .vt-session-row span {
    display: block !important;
    color: var(--vt-muted) !important;
    font-size: var(--vt-font-content, 14px) !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-service-row strong,
body[data-site-theme="vehicle_tracker_light"] .vt-session-row strong {
    display: block !important;
    margin-top: 3px !important;
    font-size: var(--vt-font-content, 14px) !important;
    color: var(--vt-text) !important;
    overflow-wrap: anywhere !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-security-filter {
    grid-template-columns: repeat(3, minmax(0, 1fr)) auto !important;
    align-items: end !important;
}

@media (max-width: 700px) {
    body[data-site-theme="vehicle_tracker_light"] .vt-service-history,
    body[data-site-theme="vehicle_tracker_light"] .vt-session-history {
        margin-left: 0 !important;
        padding: 12px !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-service-row,
    body[data-site-theme="vehicle_tracker_light"] .vt-session-row,
    body[data-site-theme="vehicle_tracker_light"] .vt-security-filter {
        grid-template-columns: 1fr !important;
    }
}


/* v3.2.0: sidebar icons and dashboard TO controls */
body[data-site-theme="vehicle_tracker_light"] .side-nav a {
    gap: 10px !important;
}

body[data-site-theme="vehicle_tracker_light"] .side-nav svg {
    width: 18px !important;
    height: 18px !important;
    flex: 0 0 18px !important;
}

body[data-site-theme="vehicle_tracker_light"] .side-nav-label {
    color: var(--vt-muted) !important;
    font-size: var(--vt-font-menu, 13px) !important;
    padding: 16px 12px 6px !important;
    border-top: 1px solid var(--vt-border) !important;
    margin-top: 10px !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-card-controls {
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    flex-wrap: wrap !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-toggle-pill {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 30px !important;
    padding: 0 10px !important;
    border: 1px solid var(--vt-border) !important;
    background: #ffffff !important;
    color: var(--vt-text) !important;
    border-radius: 999px !important;
    font-size: var(--vt-font-content, 14px) !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    cursor: pointer !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-toggle-pill.active {
    background: var(--vt-primary) !important;
    border-color: var(--vt-primary) !important;
    color: #ffffff !important;
}

body[data-site-theme="vehicle_tracker_light"] [hidden] {
    display: none !important;
}


/* v3.2.1: mobile header and sidebar drawer */
body[data-site-theme="vehicle_tracker_light"] .mobile-header,
body[data-site-theme="vehicle_tracker_light"] .mobile-sidebar-backdrop {
    display: none !important;
}

body[data-site-theme="vehicle_tracker_light"] .menu-icon-close {
    display: none !important;
}

@media (max-width: 700px) {
    body[data-site-theme="vehicle_tracker_light"] .mobile-header {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        height: 64px !important;
        padding: 0 18px !important;
        margin: 0 !important;
        background: #ffffff !important;
        border-bottom: 1px solid var(--vt-border) !important;
        border-radius: 24px 24px 0 0 !important;
        position: sticky !important;
        top: 0 !important;
        z-index: 900 !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .mobile-header-logo {
        width: 26px !important;
        height: 26px !important;
        object-fit: contain !important;
        margin-right: auto !important;
        margin-left: 12px !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .mobile-logout-link {
        color: var(--vt-primary) !important;
        font-weight: 700 !important;
        text-decoration: none !important;
        font-size: var(--vt-font-content, 14px) !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .menu-btn {
        display: inline-flex !important;
        width: 40px !important;
        height: 40px !important;
        min-height: 40px !important;
        align-items: center !important;
        justify-content: center !important;
        background: #ffffff !important;
        color: var(--vt-text) !important;
        border: 0 !important;
        font-size: var(--vt-font-button, 14px) !important;
        line-height: 1 !important;
        padding: 0 !important;
        border-radius: 8px !important;
    }

    body[data-site-theme="vehicle_tracker_light"].sidebar-open .menu-icon-open {
        display: none !important;
    }

    body[data-site-theme="vehicle_tracker_light"].sidebar-open .menu-icon-close {
        display: inline !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .mobile-sidebar-backdrop {
        display: none !important;
        position: fixed !important;
        inset: 24px calc(50% - 220px) 24px calc(50% - 220px) !important;
        max-width: 440px !important;
        margin: 0 auto !important;
        background: rgba(17, 24, 39, .55) !important;
        z-index: 950 !important;
        border-radius: 24px !important;
    }

    body[data-site-theme="vehicle_tracker_light"].sidebar-open .mobile-sidebar-backdrop {
        display: block !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .sidebar {
        z-index: 1000 !important;
        left: max(0px, calc(50% - 220px)) !important;
        top: 24px !important;
        width: 290px !important;
        min-width: 290px !important;
        max-width: 78vw !important;
        height: calc(100vh - 48px) !important;
        transform: translateX(-105%) !important;
        border-radius: 24px 0 0 24px !important;
        box-shadow: 20px 0 40px rgba(15, 23, 42, .18) !important;
    }

    body[data-site-theme="vehicle_tracker_light"].sidebar-open .sidebar,
    body[data-site-theme="vehicle_tracker_light"] .app-shell.sidebar-open .sidebar,
    body[data-site-theme="vehicle_tracker_light"] .sidebar.is-open {
        transform: translateX(0) !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .main-content {
        padding-top: 18px !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .topbar,
    body[data-site-theme="vehicle_tracker_light"] main .mobile-header {
        display: none !important;
    }
}


/* v3.2.2: real mobile viewport, no Figma/iPhone frame simulation */
@media (max-width: 700px) {
    html[data-site-theme="vehicle_tracker_light"],
    body[data-site-theme="vehicle_tracker_light"] {
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow-x: hidden !important;
        background: #f3f4f6 !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .app-shell {
        display: block !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;
        min-height: 100vh !important;
        margin: 0 !important;
        padding: 0 !important;
        border-radius: 0 !important;
        overflow: visible !important;
        background: #f3f4f6 !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .mobile-header {
        display: flex !important;
        position: sticky !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        z-index: 900 !important;
        width: 100% !important;
        height: 52px !important;
        min-height: 52px !important;
        margin: 0 !important;
        padding: 0 14px !important;
        border-radius: 0 !important;
        border-bottom: 1px solid var(--vt-border) !important;
        background: #ffffff !important;
        box-shadow: none !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .mobile-header-logo {
        width: 22px !important;
        height: 22px !important;
        margin-left: 10px !important;
        margin-right: auto !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .mobile-logout-link {
        margin-left: auto !important;
        font-size: var(--vt-font-content, 14px) !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .menu-btn {
        width: 34px !important;
        height: 34px !important;
        min-height: 34px !important;
        border-radius: 0 !important;
        border: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .main-content {
        width: 100% !important;
        max-width: none !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 16px 12px 24px !important;
        border-radius: 0 !important;
        overflow: visible !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .mobile-sidebar-backdrop {
        position: fixed !important;
        inset: 0 !important;
        width: 100vw !important;
        height: 100vh !important;
        max-width: none !important;
        margin: 0 !important;
        border-radius: 0 !important;
        background: rgba(17, 24, 39, .55) !important;
        z-index: 950 !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .sidebar {
        position: fixed !important;
        left: 0 !important;
        top: 0 !important;
        bottom: 0 !important;
        width: 280px !important;
        min-width: 280px !important;
        max-width: 78vw !important;
        height: 100vh !important;
        max-height: none !important;
        margin: 0 !important;
        padding: 18px 16px !important;
        border-radius: 0 !important;
        border-right: 1px solid var(--vt-border) !important;
        transform: translateX(-105%) !important;
        box-shadow: 20px 0 40px rgba(15, 23, 42, .18) !important;
        overflow-y: auto !important;
    }

    body[data-site-theme="vehicle_tracker_light"].sidebar-open .sidebar,
    body[data-site-theme="vehicle_tracker_light"] .app-shell.sidebar-open .sidebar,
    body[data-site-theme="vehicle_tracker_light"] .sidebar.is-open {
        transform: translateX(0) !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .sidebar-user {
        position: static !important;
        margin-top: 32px !important;
        width: 100% !important;
        border-radius: 12px !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-page-top {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 10px !important;
        margin: 0 0 16px !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-page-top h1 {
        font-size: var(--vt-font-page-title, 28px) !important;
        line-height: 1.15 !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-page-actions,
    body[data-site-theme="vehicle_tracker_light"] .vt-vehicle-select {
        width: 100% !important;
        min-width: 0 !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-vehicle-select select {
        width: 100% !important;
    }
}


/* v3.2.3: desktop auth/login layout fix */
body.auth-page[data-site-theme="vehicle_tracker_light"] .app-shell {
    display: flex !important;
    min-height: 100vh !important;
    width: 100% !important;
    max-width: none !important;
    grid-template-columns: none !important;
    align-items: center !important;
    justify-content: center !important;
    background: var(--vt-bg) !important;
}

body.auth-page[data-site-theme="vehicle_tracker_light"] .main-content {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    max-width: none !important;
    min-height: 100vh !important;
    margin: 0 !important;
    padding: 24px !important;
}

body.auth-page[data-site-theme="vehicle_tracker_light"] .auth-card {
    width: min(760px, calc(100vw - 48px)) !important;
    max-width: 760px !important;
    margin: 0 auto !important;
    padding: 48px !important;
    border-radius: 4px !important;
    background: #ffffff !important;
    border: 1px solid var(--vt-border) !important;
    box-shadow: none !important;
}

body.auth-page[data-site-theme="vehicle_tracker_light"] .auth-brand-title {
    display: flex !important;
    align-items: center !important;
    gap: 16px !important;
    margin-bottom: 28px !important;
}

body.auth-page[data-site-theme="vehicle_tracker_light"] .auth-brand-title img,
body.auth-page[data-site-theme="vehicle_tracker_light"] .auth-brand-title .brand-logo,
body.auth-page[data-site-theme="vehicle_tracker_light"] .auth-brand-title .brand-mark {
    width: 64px !important;
    height: 64px !important;
    object-fit: contain !important;
}

body.auth-page[data-site-theme="vehicle_tracker_light"] .auth-brand-title h1 {
    font-size: var(--vt-font-page-title, 28px) !important;
    line-height: 1.1 !important;
    margin: 0 !important;
}

body.auth-page[data-site-theme="vehicle_tracker_light"] .auth-card p {
    font-size: var(--vt-font-content, 14px) !important;
    line-height: 1.35 !important;
}

body.auth-page[data-site-theme="vehicle_tracker_light"] .auth-card label {
    display: grid !important;
    gap: 8px !important;
    margin-top: 18px !important;
    font-size: var(--vt-font-content, 14px) !important;
    font-weight: 700 !important;
}

body.auth-page[data-site-theme="vehicle_tracker_light"] .auth-card input[type="email"],
body.auth-page[data-site-theme="vehicle_tracker_light"] .auth-card input[type="password"],
body.auth-page[data-site-theme="vehicle_tracker_light"] .auth-card input[type="text"] {
    width: 100% !important;
    min-height: 56px !important;
    font-size: var(--vt-font-content, 14px) !important;
    border-radius: 4px !important;
}

body.auth-page[data-site-theme="vehicle_tracker_light"] .auth-card .lang-switch,
body.auth-page[data-site-theme="vehicle_tracker_light"] .auth-card .language-switch {
    margin: 24px 0 !important;
}

body.auth-page[data-site-theme="vehicle_tracker_light"] .auth-card button,
body.auth-page[data-site-theme="vehicle_tracker_light"] .auth-card .btn {
    width: 100% !important;
    min-height: 56px !important;
    margin-top: 20px !important;
    font-size: var(--vt-font-button, 14px) !important;
    border-radius: 4px !important;
}

body.auth-page[data-site-theme="vehicle_tracker_light"] .auth-card input[type="checkbox"] {
    width: 28px !important;
    height: 28px !important;
    min-height: 28px !important;
}

@media (max-width: 700px) {
    body.auth-page[data-site-theme="vehicle_tracker_light"] .app-shell {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    body.auth-page[data-site-theme="vehicle_tracker_light"] .main-content {
        min-height: 100vh !important;
        padding: 24px 18px !important;
    }

    body.auth-page[data-site-theme="vehicle_tracker_light"] .auth-card {
        width: min(100%, 360px) !important;
        padding: 28px 24px !important;
    }

    body.auth-page[data-site-theme="vehicle_tracker_light"] .auth-brand-title h1 {
        font-size: var(--vt-font-page-title, 28px) !important;
    }

    body.auth-page[data-site-theme="vehicle_tracker_light"] .auth-card p {
        font-size: var(--vt-font-content, 14px) !important;
    }

    body.auth-page[data-site-theme="vehicle_tracker_light"] .auth-card label {
        font-size: var(--vt-font-content, 14px) !important;
    }

    body.auth-page[data-site-theme="vehicle_tracker_light"] .auth-card input[type="email"],
    body.auth-page[data-site-theme="vehicle_tracker_light"] .auth-card input[type="password"],
    body.auth-page[data-site-theme="vehicle_tracker_light"] .auth-card input[type="text"],
    body.auth-page[data-site-theme="vehicle_tracker_light"] .auth-card button,
    body.auth-page[data-site-theme="vehicle_tracker_light"] .auth-card .btn {
        min-height: 48px !important;
        font-size: var(--vt-font-button, 14px) !important;
    }
}


/* v3.3.0: audit and connection logs in Vehicle Tracker theme */
body[data-site-theme="vehicle_tracker_light"] .vt-log-filter-wrap {
    padding: 18px 20px !important;
    border-bottom: 1px solid var(--vt-border) !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-log-list {
    padding: 20px !important;
    display: grid !important;
    gap: 0 !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-log-entry {
    padding: 16px 0 !important;
    border-bottom: 1px solid var(--vt-border) !important;
    color: var(--vt-muted) !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-log-entry:last-child {
    border-bottom: 0 !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-log-entry time,
body[data-site-theme="vehicle_tracker_light"] .vt-log-entry small {
    display: block !important;
    color: var(--vt-muted) !important;
    font-size: var(--vt-font-caption, 12px) !important;
    line-height: 1.45 !important;
    overflow-wrap: anywhere !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-log-entry strong {
    display: block !important;
    margin: 4px 0 !important;
    color: var(--vt-text) !important;
    font-size: var(--vt-font-content, 14px) !important;
    line-height: 1.25 !important;
    overflow-wrap: anywhere !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-log-entry p {
    margin: 4px 0 !important;
    color: var(--vt-muted) !important;
    line-height: 1.4 !important;
    overflow-wrap: anywhere !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-connection-entry.is-success strong {
    color: #16a34a !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-connection-entry.is-failed strong {
    color: #dc2626 !important;
}

@media (max-width: 700px) {
    body[data-site-theme="vehicle_tracker_light"] .vt-log-filter-wrap {
        padding: 16px !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-log-list {
        padding: 16px !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-log-entry strong {
        font-size: var(--vt-font-content, 14px) !important;
    }
}


/* v3.4.0: mobile home header and dashboard simplification */
@media (max-width: 700px) {
    body[data-site-theme="vehicle_tracker_light"] .mobile-header {
        position: sticky !important;
        top: 0 !important;
        z-index: 1200 !important;
        height: 72px !important;
        min-height: 72px !important;
        padding: 0 18px !important;
        background: #ffffff !important;
        border-bottom: 1px solid var(--vt-border) !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .mobile-header-logo {
        display: none !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .mobile-header-title {
        position: absolute !important;
        left: 50% !important;
        transform: translateX(-50%) !important;
        max-width: calc(100% - 180px) !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
        color: var(--vt-text) !important;
        font-size: var(--vt-font-page-title, 28px) !important;
        font-weight: 800 !important;
        line-height: 1.1 !important;
        text-align: center !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .menu-btn {
        width: 72px !important;
        height: 72px !important;
        min-height: 72px !important;
        font-size: var(--vt-font-button, 14px) !important;
        font-weight: 700 !important;
        margin-left: -18px !important;
        color: var(--vt-text) !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .mobile-logout-link {
        font-size: var(--vt-font-content, 14px) !important;
        font-weight: 800 !important;
        color: var(--vt-primary) !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-dashboard-page-top {
        display: block !important;
        margin: 0 0 14px !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-dashboard-page-top h1,
    body[data-site-theme="vehicle_tracker_light"] .vt-dashboard-page-top label {
        display: none !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-dashboard-page-top .vt-page-actions,
    body[data-site-theme="vehicle_tracker_light"] .vt-dashboard-vehicle-select,
    body[data-site-theme="vehicle_tracker_light"] .vt-dashboard-vehicle-select select {
        width: 100% !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-dashboard-kpi-single {
        display: block !important;
        margin-bottom: 14px !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-dashboard-kpi-single .vt-kpi-mileage {
        min-height: 0 !important;
        padding: 26px 30px !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-dashboard-kpi-single .vt-kpi-mileage span {
        font-size: var(--vt-font-content, 14px) !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-dashboard-kpi-single .vt-kpi-mileage strong {
        font-size: var(--vt-font-content, 14px) !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-dashboard-kpi-single .vt-kpi-mileage small {
        font-size: var(--vt-font-caption, 12px) !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-dashboard-maintenance-row {
        display: block !important;
    }
}

@media (min-width: 701px) {
    body[data-site-theme="vehicle_tracker_light"] .vt-dashboard-kpi-single {
        grid-template-columns: minmax(260px, 420px) !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-dashboard-kpi-single .vt-kpi-mileage {
        min-height: 92px !important;
        padding: 20px 24px !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-dashboard-maintenance-row {
        grid-template-columns: 1fr !important;
    }
}


/* v3.4.1: mobile header logo/menu icon and compact mileage card */
@media (max-width: 700px) {
    body[data-site-theme="vehicle_tracker_light"] .mobile-header {
        grid-template-columns: 72px 1fr 0 !important;
        display: grid !important;
        align-items: center !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .mobile-header-center {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 8px !important;
        min-width: 0 !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .mobile-header-title {
        position: static !important;
        transform: none !important;
        left: auto !important;
        max-width: none !important;
        font-size: var(--vt-font-page-title, 28px) !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .mobile-header-logo {
        display: block !important;
        width: 26px !important;
        height: 26px !important;
        margin: 0 !important;
        flex: 0 0 26px !important;
        object-fit: contain !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .mobile-logout-link {
        display: none !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .menu-btn {
        font-size: 0 !important;
        width: 72px !important;
        height: 72px !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .menu-btn .menu-icon-open,
    body[data-site-theme="vehicle_tracker_light"] .menu-btn .menu-icon-close {
        font-size: var(--vt-font-button, 14px) !important;
        line-height: 1 !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 72px !important;
        height: 72px !important;
    }

    body[data-site-theme="vehicle_tracker_light"].sidebar-open .menu-btn .menu-icon-open {
        display: none !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .menu-btn .menu-icon-close {
        display: none !important;
    }

    body[data-site-theme="vehicle_tracker_light"].sidebar-open .menu-btn .menu-icon-close {
        display: inline-flex !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-dashboard-kpi-single .vt-kpi-mileage {
        display: grid !important;
        grid-template-columns: 1fr auto !important;
        align-items: center !important;
        gap: 8px 12px !important;
        padding: 16px 18px !important;
        min-height: 104px !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-dashboard-kpi-single .vt-kpi-mileage span,
    body[data-site-theme="vehicle_tracker_light"] .vt-dashboard-kpi-single .vt-kpi-mileage strong,
    body[data-site-theme="vehicle_tracker_light"] .vt-dashboard-kpi-single .vt-kpi-mileage small {
        grid-column: 1 !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-dashboard-kpi-single .vt-kpi-mileage span {
        font-size: var(--vt-font-content, 14px) !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-dashboard-kpi-single .vt-kpi-mileage strong {
        font-size: var(--vt-font-content, 14px) !important;
        line-height: 1.1 !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-dashboard-kpi-single .vt-kpi-mileage small {
        font-size: var(--vt-font-caption, 12px) !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-mileage-change-btn {
        grid-column: 2 !important;
        grid-row: 1 / span 3 !important;
        align-self: center !important;
        min-height: 36px !important;
        padding: 0 14px !important;
        font-size: var(--vt-font-content, 14px) !important;
        white-space: nowrap !important;
    }
}

@media (min-width: 701px) {
    body[data-site-theme="vehicle_tracker_light"] .vt-kpi-mileage {
        position: relative !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-mileage-change-btn {
        position: absolute !important;
        right: 18px !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
    }
}


/* v3.5.0: mobile header stacking, sidebar overlay and editable compact mileage */
@media (max-width: 700px) {
    body[data-site-theme="vehicle_tracker_light"] .mobile-header {
        z-index: 900 !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .mobile-sidebar-backdrop {
        z-index: 1300 !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .sidebar {
        z-index: 1400 !important;
        display: flex !important;
        flex-direction: column !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .sidebar-user {
        margin-top: auto !important;
        margin-bottom: 16px !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .mobile-header-center {
        gap: 10px !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .mobile-header-title-wrap {
        display: grid !important;
        justify-items: center !important;
        gap: 2px !important;
        min-width: 0 !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .mobile-header-title {
        font-size: var(--vt-font-page-title, 28px) !important;
        line-height: 1 !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .mobile-header-version {
        display: block !important;
        color: var(--vt-muted) !important;
        font-size: var(--vt-font-caption, 12px) !important;
        font-weight: 700 !important;
        line-height: 1 !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .mobile-header-logo {
        width: 72px !important;
        height: 72px !important;
        flex: 0 0 72px !important;
        object-fit: contain !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-dashboard-kpi-single .vt-kpi-mileage {
        padding: 10px 12px !important;
        min-height: 74px !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-mileage-inline-form {
        display: grid !important;
        grid-template-columns: 1fr auto !important;
        align-items: center !important;
        gap: 8px !important;
        width: 100% !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-mileage-copy {
        display: grid !important;
        gap: 2px !important;
        min-width: 0 !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-mileage-copy span {
        font-size: var(--vt-font-content, 14px) !important;
        color: var(--vt-muted) !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-mileage-copy strong {
        font-size: var(--vt-font-content, 14px) !important;
        line-height: 1.05 !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-mileage-copy small {
        font-size: var(--vt-font-caption, 12px) !important;
        color: var(--vt-muted) !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-mileage-copy input {
        width: 145px !important;
        min-height: 38px !important;
        font-size: var(--vt-font-content, 14px) !important;
        font-weight: 800 !important;
        padding: 4px 8px !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-mileage-change-btn,
    body[data-site-theme="vehicle_tracker_light"] .vt-mileage-save-btn {
        position: static !important;
        transform: none !important;
        min-height: 34px !important;
        padding: 0 12px !important;
        font-size: var(--vt-font-content, 14px) !important;
        white-space: nowrap !important;
    }
}

@media (min-width: 701px) {
    body[data-site-theme="vehicle_tracker_light"] .vt-mileage-inline-form {
        display: grid !important;
        grid-template-columns: 1fr auto !important;
        align-items: center !important;
        gap: 16px !important;
        width: 100% !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-mileage-copy {
        display: grid !important;
        gap: 4px !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-mileage-change-btn,
    body[data-site-theme="vehicle_tracker_light"] .vt-mileage-save-btn {
        position: static !important;
        transform: none !important;
    }
}


/* v3.5.1: mobile header logo placement, compact mileage and maintenance */
@media (max-width: 700px) {
    body[data-site-theme="vehicle_tracker_light"] .mobile-header {
        grid-template-columns: 72px 1fr 76px !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .mobile-header-center {
        display: contents !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .mobile-header-title-wrap {
        grid-column: 2 !important;
        justify-self: center !important;
        align-self: center !important;
        max-width: 100% !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .mobile-header-title {
        font-size: var(--vt-font-page-title, 28px) !important;
        max-width: 100% !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .mobile-header-version {
        font-size: var(--vt-font-caption, 12px) !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .mobile-header-logo {
        grid-column: 3 !important;
        justify-self: end !important;
        align-self: center !important;
        width: 58px !important;
        height: 58px !important;
        flex: 0 0 58px !important;
        object-fit: contain !important;
        margin: 0 !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-dashboard-kpi-single .vt-kpi-mileage {
        padding: 8px 10px !important;
        min-height: 62px !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-mileage-inline-form {
        gap: 6px !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-mileage-copy {
        gap: 1px !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-mileage-copy span {
        font-size: var(--vt-font-content, 14px) !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-mileage-copy strong {
        font-size: var(--vt-font-content, 14px) !important;
        line-height: 1.02 !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-mileage-copy small {
        font-size: var(--vt-font-caption, 12px) !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-mileage-copy input {
        width: 120px !important;
        min-height: 32px !important;
        font-size: var(--vt-font-content, 14px) !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-mileage-change-btn,
    body[data-site-theme="vehicle_tracker_light"] .vt-mileage-save-btn {
        min-height: 30px !important;
        padding: 0 10px !important;
        font-size: var(--vt-font-content, 14px) !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-dashboard-maintenance-row .vt-card-title {
        padding: 14px 16px !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-dashboard-maintenance-row .vt-card-title h2 {
        font-size: var(--vt-font-block-title, 18px) !important;
        line-height: 1.1 !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-dashboard-maintenance-row .vt-card-controls {
        gap: 5px !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-dashboard-maintenance-row .vt-toggle-pill {
        min-height: 34px !important;
        padding: 0 11px !important;
        font-size: var(--vt-font-content, 14px) !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-dashboard-maintenance-row .vt-list {
        padding: 10px 16px !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-dashboard-maintenance-row .vt-list-row {
        padding: 13px 0 !important;
        gap: 10px !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-dashboard-maintenance-row .vt-list-row strong {
        font-size: var(--vt-font-content, 14px) !important;
        line-height: 1.15 !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-dashboard-maintenance-row .vt-list-row small {
        font-size: var(--vt-font-caption, 12px) !important;
        line-height: 1.2 !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-dashboard-maintenance-row .vt-badge {
        font-size: max(9px, calc(var(--vt-font-caption, 12px) * 0.9)) !important;
        padding: 7px 10px !important;
    }
}


/* v3.5.2: compact Nearest maintenance rows with mileage on the right */
@media (max-width: 700px) {
    body[data-site-theme="vehicle_tracker_light"] .vt-dashboard-maintenance-row .vt-card-title {
        padding: 12px 14px !important;
        align-items: center !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-dashboard-maintenance-row .vt-card-title h2 {
        font-size: var(--vt-font-block-title, 18px) !important;
        line-height: 1.05 !important;
        max-width: 42% !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-dashboard-maintenance-row .vt-card-controls {
        gap: 4px !important;
        justify-content: flex-end !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-dashboard-maintenance-row .vt-toggle-pill {
        min-height: 30px !important;
        padding: 0 9px !important;
        font-size: var(--vt-font-content, 14px) !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-dashboard-maintenance-row .vt-list {
        padding: 8px 14px !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-dashboard-maintenance-row .vt-maintenance-row {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) auto !important;
        align-items: start !important;
        gap: 10px !important;
        padding: 10px 0 !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-dashboard-maintenance-row .vt-maintenance-row strong {
        font-size: var(--vt-font-content, 14px) !important;
        line-height: 1.1 !important;
        color: var(--vt-text) !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-dashboard-maintenance-row .vt-maintenance-row small {
        display: block !important;
        margin-top: 3px !important;
        font-size: var(--vt-font-caption, 12px) !important;
        line-height: 1.15 !important;
        color: var(--vt-muted) !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-dashboard-maintenance-row .vt-maintenance-row.is-overdue strong {
        color: #dc2626 !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-dashboard-maintenance-row .vt-maintenance-row.is-planned strong {
        color: #16a34a !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-dashboard-maintenance-row .vt-maintenance-mileage {
        color: var(--vt-text) !important;
        font-size: var(--vt-font-content, 14px) !important;
        line-height: 1.1 !important;
        white-space: nowrap !important;
        text-align: right !important;
        padding-top: 1px !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-dashboard-maintenance-row .vt-badge {
        display: none !important;
    }
}

@media (min-width: 701px) {
    body[data-site-theme="vehicle_tracker_light"] .vt-dashboard-maintenance-row .vt-maintenance-row {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) auto !important;
        align-items: start !important;
        gap: 16px !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-dashboard-maintenance-row .vt-maintenance-row.is-overdue strong {
        color: #dc2626 !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-dashboard-maintenance-row .vt-maintenance-row.is-planned strong {
        color: #16a34a !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-dashboard-maintenance-row .vt-maintenance-mileage {
        color: var(--vt-text) !important;
        white-space: nowrap !important;
        text-align: right !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-dashboard-maintenance-row .vt-badge {
        display: none !important;
    }
}


/* v3.5.3: smaller Nearest maintenance typography and restore item limit */
body[data-site-theme="vehicle_tracker_light"] [data-extra-maintenance][hidden] {
    display: none !important;
}

@media (max-width: 700px) {
    body[data-site-theme="vehicle_tracker_light"] .vt-dashboard-maintenance-row .vt-card-title {
        padding: 10px 12px !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-dashboard-maintenance-row .vt-card-title h2 {
        font-size: var(--vt-font-block-title, 18px) !important;
        line-height: 1.05 !important;
        max-width: 38% !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-dashboard-maintenance-row .vt-toggle-pill {
        min-height: 28px !important;
        padding: 0 8px !important;
        font-size: var(--vt-font-content, 14px) !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-dashboard-maintenance-row .vt-list {
        padding: 6px 12px !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-dashboard-maintenance-row .vt-maintenance-row {
        padding: 8px 0 !important;
        gap: 8px !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-dashboard-maintenance-row .vt-maintenance-row strong {
        font-size: var(--vt-font-content, 14px) !important;
        line-height: 1.1 !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-dashboard-maintenance-row .vt-maintenance-row small {
        font-size: var(--vt-font-caption, 12px) !important;
        line-height: 1.15 !important;
        margin-top: 2px !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-dashboard-maintenance-row .vt-maintenance-mileage {
        font-size: var(--vt-font-content, 14px) !important;
        line-height: 1.1 !important;
    }
}

@media (min-width: 701px) {
    body[data-site-theme="vehicle_tracker_light"] .vt-dashboard-maintenance-row .vt-maintenance-row strong {
        font-size: var(--vt-font-content, 14px) !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-dashboard-maintenance-row .vt-maintenance-row small {
        font-size: var(--vt-font-caption, 12px) !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-dashboard-maintenance-row .vt-maintenance-mileage {
        font-size: var(--vt-font-content, 14px) !important;
    }
}


/* v3.5.4: mobile Vehicles page layout */
body[data-site-theme="vehicle_tracker_light"] .vt-default-car-icon {
    color: var(--vt-text) !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-default-car-icon svg {
    width: 100% !important;
    height: 100% !important;
    display: block !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-vehicle-plate {
    margin-left: auto !important;
    color: var(--vt-text) !important;
    font-weight: 800 !important;
    white-space: nowrap !important;
    text-align: right !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-vehicle-title span {
    color: var(--vt-muted) !important;
}

@media (max-width: 700px) {
    body[data-site-theme="vehicle_tracker_light"] .vt-vehicles-page-top {
        display: flex !important;
        justify-content: flex-end !important;
        margin: 0 0 14px !important;
        padding: 0 !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-vehicles-page-top h1 {
        display: none !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-vehicles-page-top .vt-page-actions {
        width: auto !important;
        margin-left: auto !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-vehicles-page-top .vt-btn {
        min-height: 42px !important;
        padding: 0 16px !important;
        font-size: var(--vt-font-button, 14px) !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-vehicle-form-card {
        display: none !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-vehicle-form-card.is-open {
        display: block !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-vehicle-head {
        display: grid !important;
        grid-template-columns: 54px minmax(0, 1fr) auto !important;
        gap: 12px !important;
        align-items: center !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-icon-box.vt-default-car-icon {
        width: 54px !important;
        height: 54px !important;
        border-radius: 12px !important;
        background: #f3f4f6 !important;
        padding: 9px !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-vehicle-title h2 {
        font-size: var(--vt-font-block-title, 18px) !important;
        line-height: 1.15 !important;
        margin: 0 !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-vehicle-title span {
        display: block !important;
        margin-top: 3px !important;
        font-size: var(--vt-font-block-title, 18px) !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-vehicle-plate {
        font-size: var(--vt-font-content, 14px) !important;
        align-self: start !important;
        padding-top: 2px !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-vehicle-meta {
        margin-top: 14px !important;
    }
}

@media (min-width: 701px) {
    body[data-site-theme="vehicle_tracker_light"] .vt-vehicle-form-card {
        display: block !important;
    }
}


/* v3.6.0: mobile Maintenance page redesign */
@media (max-width: 700px) {
    body[data-site-theme="vehicle_tracker_light"] .mobile-header {
        grid-template-columns: 64px 1fr 58px !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .mobile-header-title {
        font-size: var(--vt-font-page-title, 28px) !important;
        line-height: 1.05 !important;
        white-space: normal !important;
        overflow: visible !important;
        text-overflow: clip !important;
        text-align: center !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .mobile-header-logo {
        width: 46px !important;
        height: 46px !important;
        flex: 0 0 46px !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-maintenance-page-top {
        display: flex !important;
        justify-content: flex-end !important;
        margin: 0 0 12px !important;
        padding: 0 !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-maintenance-page-top h1,
    body[data-site-theme="vehicle_tracker_light"] .vt-maintenance-page-top label {
        display: none !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-maintenance-page-top .vt-page-actions {
        display: grid !important;
        grid-template-columns: 1fr auto !important;
        gap: 10px !important;
        width: 100% !important;
        align-items: end !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-maintenance-page-top select {
        min-width: 0 !important;
        width: 100% !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-maintenance-page-top .vt-btn {
        min-height: 42px !important;
        padding: 0 14px !important;
        font-size: var(--vt-font-button, 14px) !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-maintenance-form-card {
        display: none !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-maintenance-form-card.is-open {
        display: block !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-maintenance-kpi-grid {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 8px !important;
        margin-bottom: 12px !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-mini-kpi {
        min-height: 72px !important;
        padding: 12px !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-mini-kpi span {
        display: block !important;
        color: var(--vt-muted) !important;
        font-size: var(--vt-font-content, 14px) !important;
        font-weight: 700 !important;
        margin-bottom: 6px !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-mini-kpi strong {
        display: block !important;
        color: var(--vt-text) !important;
        font-size: var(--vt-font-content, 14px) !important;
        line-height: 1.1 !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-maintenance-vehicle-summary {
        display: none !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-form-fieldset {
        border: 1px solid var(--vt-border) !important;
        border-radius: 4px !important;
        padding: 16px !important;
        margin: 8px 0 !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-form-fieldset legend {
        padding: 0 8px !important;
        font-weight: 800 !important;
        color: var(--vt-text) !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-input-with-suffix {
        display: grid !important;
        grid-template-columns: 1fr auto !important;
        align-items: center !important;
        gap: 8px !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-input-with-suffix span {
        color: var(--vt-muted) !important;
        font-weight: 700 !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-maintenance-list-card .vt-card-title {
        padding: 14px 16px !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-maintenance-list-card .vt-card-title h2 {
        font-size: var(--vt-font-block-title, 18px) !important;
        line-height: 1.1 !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-maint-list {
        padding: 4px 16px 12px !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-maint-details {
        border-bottom: 1px solid var(--vt-border) !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-maint-details summary {
        list-style: none !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-maint-details summary::-webkit-details-marker {
        display: none !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-maint-row {
        display: grid !important;
        grid-template-columns: 34px minmax(0, 1fr) auto !important;
        align-items: start !important;
        gap: 10px !important;
        padding: 12px 0 !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-maint-icon {
        color: var(--vt-muted) !important;
        font-size: var(--vt-font-content, 14px) !important;
        line-height: 1.1 !important;
        padding-top: 2px !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-maint-main strong {
        display: block !important;
        font-size: var(--vt-font-content, 14px) !important;
        line-height: 1.15 !important;
        color: var(--vt-text) !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-maint-main small {
        display: block !important;
        font-size: var(--vt-font-caption, 12px) !important;
        line-height: 1.2 !important;
        color: var(--vt-muted) !important;
        margin-top: 3px !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-maint-side strong {
        display: block !important;
        color: var(--vt-text) !important;
        font-size: var(--vt-font-content, 14px) !important;
        font-weight: 700 !important;
        white-space: nowrap !important;
        text-align: right !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-maint-progress {
        height: 5px !important;
        border-radius: 999px !important;
        background: #e5e7eb !important;
        margin-top: 7px !important;
        overflow: hidden !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-maint-progress span {
        display: block !important;
        height: 100% !important;
        border-radius: inherit !important;
        background: var(--vt-primary) !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-maint-details.is-overdue .vt-maint-main strong,
    body[data-site-theme="vehicle_tracker_light"] .vt-maint-details.is-overdue .vt-maint-progress span {
        color: var(--vt-danger) !important;
        background: var(--vt-danger) !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-maint-details.is-planned .vt-maint-main strong,
    body[data-site-theme="vehicle_tracker_light"] .vt-maint-details.is-planned .vt-maint-progress span {
        color: var(--vt-success) !important;
        background: var(--vt-success) !important;
    }
}

@media (min-width: 701px) {
    body[data-site-theme="vehicle_tracker_light"] .vt-maintenance-kpi-grid {
        display: grid !important;
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
        gap: 16px !important;
        margin-bottom: 16px !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-mini-kpi {
        padding: 20px !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-mini-kpi span {
        color: var(--vt-muted) !important;
        display: block !important;
        margin-bottom: 8px !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-mini-kpi strong {
        font-size: var(--vt-font-content, 14px) !important;
    }
}


/* v3.7.0: mobile Fuel page compact stats and hidden add form */
@media (max-width: 700px) {
    body[data-site-theme="vehicle_tracker_light"] .vt-fuel-page-top {
        display: flex !important;
        justify-content: flex-end !important;
        margin: 0 0 12px !important;
        padding: 0 !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-fuel-page-top h1,
    body[data-site-theme="vehicle_tracker_light"] .vt-fuel-page-top label {
        display: none !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-fuel-page-top .vt-page-actions {
        display: grid !important;
        grid-template-columns: 1fr auto !important;
        gap: 10px !important;
        width: 100% !important;
        align-items: end !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-fuel-page-top select {
        width: 100% !important;
        min-width: 0 !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-fuel-page-top .vt-btn {
        min-height: 42px !important;
        padding: 0 12px !important;
        font-size: var(--vt-font-button, 14px) !important;
        line-height: 1.1 !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-fuel-form-card {
        display: none !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-fuel-form-card.is-open {
        display: block !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-fuel-kpi-grid {
        display: grid !important;
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
        gap: 4px !important;
        margin-bottom: 12px !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-fuel-kpi-grid .vt-kpi {
        min-height: 72px !important;
        padding: 7px 4px !important;
        text-align: center !important;
        border-radius: 8px !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: center !important;
        gap: 4px !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-fuel-kpi-grid .vt-kpi span {
        font-size: var(--vt-font-content, 14px) !important;
        line-height: 1.1 !important;
        color: var(--vt-muted) !important;
        white-space: normal !important;
        overflow-wrap: anywhere !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-fuel-kpi-grid .vt-kpi strong {
        font-size: var(--vt-font-content, 14px) !important;
        line-height: 1.1 !important;
        color: var(--vt-text) !important;
        white-space: normal !important;
        overflow-wrap: anywhere !important;
    }
}

@media (min-width: 701px) {
    body[data-site-theme="vehicle_tracker_light"] .vt-fuel-form-card {
        display: block !important;
    }
}


/* v3.7.1: desktop page header and wider sidebar */
body[data-site-theme="vehicle_tracker_light"] .desktop-page-header {
    display: none !important;
}

@media (min-width: 701px) {
    body[data-site-theme="vehicle_tracker_light"] .app-shell {
        grid-template-columns: 330px minmax(0, 1fr) !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .sidebar {
        width: 330px !important;
        min-width: 330px !important;
        padding-left: 24px !important;
        padding-right: 24px !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .desktop-page-header {
        display: grid !important;
        justify-items: center !important;
        gap: 4px !important;
        margin: 0 0 28px !important;
        text-align: center !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .desktop-page-header strong {
        color: var(--vt-text) !important;
        font-size: var(--vt-font-page-title, 28px) !important;
        font-weight: 800 !important;
        line-height: 1.15 !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .desktop-page-header small {
        color: var(--vt-muted) !important;
        font-size: var(--vt-font-caption, 12px) !important;
        font-weight: 700 !important;
        line-height: 1.1 !important;
    }
}


/* v3.8.0: mobile Expenses page compact stats and hidden add form */
@media (max-width: 700px) {
    body[data-site-theme="vehicle_tracker_light"] .vt-expenses-page-top {
        display: flex !important;
        justify-content: flex-end !important;
        margin: 0 0 12px !important;
        padding: 0 !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-expenses-page-top h1,
    body[data-site-theme="vehicle_tracker_light"] .vt-expenses-page-top label {
        display: none !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-expenses-page-top .vt-page-actions {
        display: grid !important;
        grid-template-columns: 1fr auto !important;
        gap: 10px !important;
        width: 100% !important;
        align-items: end !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-expenses-page-top select {
        width: 100% !important;
        min-width: 0 !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-expenses-page-top .vt-btn {
        min-height: 42px !important;
        padding: 0 12px !important;
        font-size: var(--vt-font-button, 14px) !important;
        line-height: 1.1 !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-expense-form-card {
        display: none !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-expense-form-card.is-open {
        display: block !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-expenses-kpi-grid {
        display: grid !important;
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
        gap: 4px !important;
        margin-bottom: 12px !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-expenses-kpi-grid .vt-kpi {
        min-height: 72px !important;
        padding: 7px 4px !important;
        text-align: center !important;
        border-radius: 8px !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: center !important;
        gap: 4px !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-expenses-kpi-grid .vt-kpi span {
        font-size: var(--vt-font-content, 14px) !important;
        line-height: 1.1 !important;
        color: var(--vt-muted) !important;
        white-space: normal !important;
        overflow-wrap: anywhere !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-expenses-kpi-grid .vt-kpi strong {
        font-size: var(--vt-font-content, 14px) !important;
        line-height: 1.1 !important;
        color: var(--vt-text) !important;
        white-space: normal !important;
        overflow-wrap: anywhere !important;
    }
}

@media (min-width: 701px) {
    body[data-site-theme="vehicle_tracker_light"] .vt-expense-form-card {
        display: block !important;
    }
}


/* v3.8.2: Maintenance list alignment, progress bars and compact mobile KPI row */
body[data-site-theme="vehicle_tracker_light"] .vt-maintenance-list-card .vt-maint-list,
body[data-site-theme="vehicle_tracker_light"] .vt-maintenance-list-card .vt-maint-details,
body[data-site-theme="vehicle_tracker_light"] .vt-maintenance-list-card .vt-maint-row,
body[data-site-theme="vehicle_tracker_light"] .vt-maintenance-list-card .vt-maint-main {
    text-align: left !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-maint-details summary {
    list-style: none !important;
    cursor: pointer !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-maint-details summary::-webkit-details-marker {
    display: none !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-maint-main strong {
    display: block !important;
    background: transparent !important;
    color: var(--vt-text) !important;
    text-align: left !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-maint-details.is-overdue .vt-maint-main strong {
    color: var(--vt-danger) !important;
    background: transparent !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-maint-details.is-planned .vt-maint-main strong {
    color: var(--vt-success) !important;
    background: transparent !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-maint-main small {
    display: block !important;
    text-align: left !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-maint-progress {
    display: block !important;
    height: 5px !important;
    border-radius: 999px !important;
    background: #e5e7eb !important;
    margin-top: 7px !important;
    overflow: hidden !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-maint-progress span {
    display: block !important;
    height: 100% !important;
    border-radius: inherit !important;
    background: var(--vt-primary) !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-maint-details.is-overdue .vt-maint-progress span {
    background: var(--vt-danger) !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-maint-details.is-planned .vt-maint-progress span {
    background: var(--vt-success) !important;
}

@media (min-width: 701px) {
    body[data-site-theme="vehicle_tracker_light"] .vt-maintenance-list-card .vt-maint-row {
        display: grid !important;
        grid-template-columns: 34px minmax(0, 1fr) auto !important;
        align-items: start !important;
        gap: 16px !important;
        padding: 14px 0 !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-maintenance-list-card .vt-maint-icon {
        justify-self: start !important;
        align-self: start !important;
        color: var(--vt-muted) !important;
        line-height: 1.1 !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-maintenance-list-card .vt-maint-main {
        justify-self: stretch !important;
        min-width: 0 !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-maintenance-list-card .vt-maint-main strong {
        font-size: var(--vt-font-content, 14px) !important;
        line-height: 1.15 !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-maintenance-list-card .vt-maint-main small {
        color: var(--vt-muted) !important;
        font-size: var(--vt-font-caption, 12px) !important;
        line-height: 1.2 !important;
        margin-top: 3px !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-maintenance-list-card .vt-maint-side {
        justify-self: end !important;
        text-align: right !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-maintenance-list-card .vt-maint-side strong {
        color: var(--vt-text) !important;
        font-size: var(--vt-font-content, 14px) !important;
        white-space: nowrap !important;
        background: transparent !important;
    }
}

@media (max-width: 700px) {
    body[data-site-theme="vehicle_tracker_light"] .vt-maintenance-kpi-grid {
        display: grid !important;
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
        gap: 4px !important;
        margin-bottom: 12px !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-maintenance-kpi-grid .vt-mini-kpi {
        min-height: 72px !important;
        padding: 7px 4px !important;
        text-align: center !important;
        border-radius: 8px !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: center !important;
        gap: 4px !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-maintenance-kpi-grid .vt-mini-kpi span {
        font-size: var(--vt-font-content, 14px) !important;
        line-height: 1.1 !important;
        color: var(--vt-muted) !important;
        white-space: normal !important;
        overflow-wrap: anywhere !important;
        margin: 0 !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-maintenance-kpi-grid .vt-mini-kpi strong {
        font-size: var(--vt-font-content, 14px) !important;
        line-height: 1.1 !important;
        color: var(--vt-text) !important;
        white-space: normal !important;
        overflow-wrap: anywhere !important;
        background: transparent !important;
        margin: 0 !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-maintenance-list-card .vt-maint-row {
        display: grid !important;
        grid-template-columns: 28px minmax(0, 1fr) auto !important;
        align-items: start !important;
        gap: 8px !important;
        padding: 10px 0 !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-maintenance-list-card .vt-maint-main strong {
        font-size: var(--vt-font-content, 14px) !important;
        line-height: 1.15 !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-maintenance-list-card .vt-maint-main small {
        color: var(--vt-muted) !important;
        font-size: var(--vt-font-caption, 12px) !important;
        line-height: 1.2 !important;
        margin-top: 2px !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-maintenance-list-card .vt-maint-side strong {
        color: var(--vt-text) !important;
        font-size: var(--vt-font-content, 14px) !important;
        white-space: nowrap !important;
        background: transparent !important;
    }
}


/* v3.9.0: unified dashboard/maintenance list and controls */
body[data-site-theme="vehicle_tracker_light"] [data-extra-maintenance][hidden] {
    display: none !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-maintenance-list-card .vt-card-title {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    gap: 12px !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-maintenance-list-card .vt-card-controls {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 6px !important;
    flex-wrap: wrap !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-maintenance-list-card .vt-toggle-pill {
    border: 1px solid var(--vt-border) !important;
    background: var(--vt-surface) !important;
    color: var(--vt-text) !important;
    border-radius: 999px !important;
    text-decoration: none !important;
    font-weight: 600 !important;
    line-height: 1 !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-maintenance-list-card .vt-toggle-pill.active {
    background: var(--vt-primary) !important;
    color: #ffffff !important;
    border-color: var(--vt-primary) !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-maintenance-list-card .vt-maint-main strong,
body[data-site-theme="vehicle_tracker_light"] .vt-dashboard-maintenance-row .vt-maint-main strong {
    font-weight: 600 !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-maintenance-list-card .vt-maint-side strong,
body[data-site-theme="vehicle_tracker_light"] .vt-dashboard-maintenance-row .vt-maint-side strong {
    font-weight: 600 !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-maintenance-kpi-grid-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

@media (max-width: 700px) {
    body[data-site-theme="vehicle_tracker_light"] .vt-maintenance-kpi-grid-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-maintenance-list-card .vt-card-title h2 {
        font-size: var(--vt-font-block-title, 18px) !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-maintenance-list-card .vt-toggle-pill {
        min-height: 28px !important;
        padding: 0 8px !important;
        font-size: var(--vt-font-content, 14px) !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-maintenance-list-card .vt-maint-main strong,
    body[data-site-theme="vehicle_tracker_light"] .vt-dashboard-maintenance-row .vt-maint-main strong {
        font-size: var(--vt-font-content, 14px) !important;
        font-weight: 600 !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-maintenance-list-card .vt-maint-main small,
    body[data-site-theme="vehicle_tracker_light"] .vt-dashboard-maintenance-row .vt-maint-main small {
        font-size: var(--vt-font-caption, 12px) !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-maintenance-list-card .vt-maint-side strong,
    body[data-site-theme="vehicle_tracker_light"] .vt-dashboard-maintenance-row .vt-maint-side strong {
        font-size: var(--vt-font-content, 14px) !important;
        font-weight: 600 !important;
    }
}


/* v3.9.1: Dashboard fuel/expenses sections and maintenance column headers */
body[data-site-theme="vehicle_tracker_light"] .vt-list-columns {
    display: grid !important;
    align-items: center !important;
    gap: 12px !important;
    padding: 8px 0 !important;
    border-bottom: 1px solid var(--vt-border) !important;
    color: var(--vt-muted) !important;
    font-size: var(--vt-font-content, 14px) !important;
    font-weight: 700 !important;
    text-transform: none !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-maint-columns {
    grid-template-columns: 34px minmax(0, 1fr) auto !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-maint-columns span:first-child {
    grid-column: 2 !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-maint-columns span:last-child {
    grid-column: 3 !important;
    text-align: right !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-dashboard-summary-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 16px !important;
    margin-top: 16px !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-dashboard-compact-list .vt-dashboard-row {
    display: grid !important;
    align-items: start !important;
    gap: 12px !important;
    padding: 10px 0 !important;
    border-bottom: 1px solid var(--vt-border) !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-dashboard-fuel-card .vt-dashboard-row,
body[data-site-theme="vehicle_tracker_light"] .vt-fuel-columns {
    grid-template-columns: minmax(0, 1.2fr) minmax(80px, .6fr) minmax(90px, .7fr) !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-dashboard-expenses-card .vt-dashboard-row,
body[data-site-theme="vehicle_tracker_light"] .vt-expense-columns {
    grid-template-columns: minmax(0, .8fr) minmax(0, 1.4fr) minmax(90px, .6fr) !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-dashboard-compact-list .vt-dashboard-row strong {
    display: block !important;
    font-weight: 600 !important;
    color: var(--vt-text) !important;
    line-height: 1.2 !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-dashboard-compact-list .vt-dashboard-row small {
    display: block !important;
    margin-top: 3px !important;
    color: var(--vt-muted) !important;
    line-height: 1.2 !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-dashboard-compact-list .vt-dashboard-row > span {
    color: var(--vt-text) !important;
    font-weight: 500 !important;
    text-align: right !important;
}

body[data-site-theme="vehicle_tracker_light"] [data-extra-fuel][hidden],
body[data-site-theme="vehicle_tracker_light"] [data-extra-expense][hidden] {
    display: none !important;
}

@media (max-width: 700px) {
    body[data-site-theme="vehicle_tracker_light"] .vt-dashboard-summary-grid {
        grid-template-columns: 1fr !important;
        gap: 12px !important;
        margin-top: 12px !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-list-columns {
        font-size: var(--vt-font-content, 14px) !important;
        padding: 7px 0 !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-maint-columns {
        grid-template-columns: 28px minmax(0, 1fr) auto !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-dashboard-compact-list .vt-dashboard-row {
        gap: 8px !important;
        padding: 9px 0 !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-dashboard-fuel-card .vt-dashboard-row,
    body[data-site-theme="vehicle_tracker_light"] .vt-fuel-columns {
        grid-template-columns: minmax(0, 1fr) minmax(64px, .55fr) minmax(78px, .65fr) !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-dashboard-expenses-card .vt-dashboard-row,
    body[data-site-theme="vehicle_tracker_light"] .vt-expense-columns {
        grid-template-columns: minmax(0, .75fr) minmax(0, 1.2fr) minmax(74px, .6fr) !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-dashboard-compact-list .vt-dashboard-row strong {
        font-size: var(--vt-font-content, 14px) !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-dashboard-compact-list .vt-dashboard-row small,
    body[data-site-theme="vehicle_tracker_light"] .vt-dashboard-compact-list .vt-dashboard-row > span {
        font-size: var(--vt-font-caption, 12px) !important;
    }
}


/* v4.1.0: Maintenance service update control */
body[data-site-theme="vehicle_tracker_light"] .vt-last-service-box {
    display: inline-flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 6px !important;
    border: 1px solid var(--vt-border) !important;
    border-radius: 8px !important;
    padding: 8px 10px !important;
    background: var(--vt-surface) !important;
    min-width: 116px !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-last-service-box strong {
    display: block !important;
    text-align: center !important;
    color: var(--vt-text) !important;
    font-weight: 600 !important;
    line-height: 1.15 !important;
    white-space: nowrap !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-icon-edit {
    width: 32px !important;
    height: 32px !important;
    border: 1px solid var(--vt-border) !important;
    border-radius: 8px !important;
    background: var(--vt-bg) !important;
    color: var(--vt-text) !important;
    display: inline-grid !important;
    place-items: center !important;
    cursor: pointer !important;
    margin: 0 auto !important;
    padding: 0 !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-icon-edit svg {
    width: 19px !important;
    height: 19px !important;
    fill: currentColor !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-icon-edit:hover {
    border-color: var(--vt-primary) !important;
    color: var(--vt-primary) !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-service-update-form {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) auto !important;
    gap: 10px !important;
    align-items: end !important;
    margin: 0 0 12px 44px !important;
    padding: 12px !important;
    border: 1px solid var(--vt-border) !important;
    border-radius: 10px !important;
    background: var(--vt-bg) !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-service-update-form[hidden] {
    display: none !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-service-update-form label {
    display: grid !important;
    gap: 4px !important;
    color: var(--vt-muted) !important;
    font-size: var(--vt-font-content, 14px) !important;
    font-weight: 700 !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-service-update-form input,
body[data-site-theme="vehicle_tracker_light"] .vt-service-update-form select {
    width: 100% !important;
    min-height: 36px !important;
    border: 1px solid var(--vt-border) !important;
    border-radius: 8px !important;
    background: var(--vt-surface) !important;
    color: var(--vt-text) !important;
    padding: 0 10px !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-service-update-actions {
    display: flex !important;
    gap: 8px !important;
    align-items: center !important;
    justify-content: flex-end !important;
}

@media (max-width: 700px) {
    body[data-site-theme="vehicle_tracker_light"] .vt-last-service-box {
        min-width: 86px !important;
        padding: 6px 7px !important;
        gap: 5px !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-icon-edit {
        width: 28px !important;
        height: 28px !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-icon-edit svg {
        width: 16px !important;
        height: 16px !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-service-update-form {
        grid-template-columns: 1fr 88px !important;
        margin: 0 0 10px !important;
        padding: 10px !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-service-update-form label:nth-child(7),
    body[data-site-theme="vehicle_tracker_light"] .vt-service-update-actions {
        grid-column: 1 / -1 !important;
    }
}


/* v4.1.1: compact maintenance edit control */
body[data-site-theme="vehicle_tracker_light"] .vt-maint-icon {
    display: none !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-maint-columns {
    grid-template-columns: minmax(0, 1fr) auto !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-maint-columns span:first-child {
    grid-column: 1 !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-maint-columns span:last-child {
    grid-column: 2 !important;
    text-align: right !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-maintenance-list-card .vt-maint-row,
body[data-site-theme="vehicle_tracker_light"] .vt-dashboard-maintenance-row .vt-maint-row {
    grid-template-columns: minmax(0, 1fr) auto !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-last-service-box {
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 8px !important;
    min-width: 132px !important;
    min-height: 40px !important;
    padding: 6px 8px !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-last-service-box strong {
    text-align: left !important;
    font-size: var(--vt-font-content, 14px) !important;
    white-space: nowrap !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-icon-edit {
    width: 24px !important;
    height: 24px !important;
    min-width: 24px !important;
    border-radius: 6px !important;
    margin: 0 !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-icon-edit svg {
    width: 14px !important;
    height: 14px !important;
}

@media (max-width: 700px) {
    body[data-site-theme="vehicle_tracker_light"] .vt-maint-columns {
        grid-template-columns: minmax(0, 1fr) auto !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-maintenance-list-card .vt-maint-row,
    body[data-site-theme="vehicle_tracker_light"] .vt-dashboard-maintenance-row .vt-maint-row {
        grid-template-columns: minmax(0, 1fr) auto !important;
        gap: 8px !important;
        padding: 8px 0 !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-last-service-box {
        min-width: 96px !important;
        min-height: 34px !important;
        padding: 5px 6px !important;
        gap: 5px !important;
        border-radius: 7px !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-last-service-box strong {
        font-size: var(--vt-font-content, 14px) !important;
        line-height: 1.1 !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-icon-edit {
        width: 20px !important;
        height: 20px !important;
        min-width: 20px !important;
        border-radius: 5px !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-icon-edit svg {
        width: 12px !important;
        height: 12px !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-maint-progress {
        margin-top: 5px !important;
    }
}


/* v4.1.2: mobile Admin layout */
@media (max-width: 700px) {
    body[data-site-theme="vehicle_tracker_light"] .desktop-page-header + .vt-page-top,
    body[data-site-theme="vehicle_tracker_light"] .main-content > .vt-page-top:first-of-type {
        display: none !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-admin-top-kpis {
        display: grid !important;
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
        gap: 4px !important;
        margin-bottom: 10px !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-admin-top-kpis .vt-kpi {
        min-height: 72px !important;
        padding: 7px 4px !important;
        text-align: center !important;
        border-radius: 8px !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: center !important;
        gap: 4px !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-admin-top-kpis .vt-kpi span {
        font-size: var(--vt-font-content, 14px) !important;
        line-height: 1.1 !important;
        color: var(--vt-muted) !important;
        overflow-wrap: anywhere !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-admin-top-kpis .vt-kpi strong {
        font-size: var(--vt-font-content, 14px) !important;
        line-height: 1.1 !important;
        color: var(--vt-text) !important;
        overflow-wrap: anywhere !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-admin-top-kpis .vt-kpi small {
        font-size: var(--vt-font-caption, 12px) !important;
        line-height: 1.1 !important;
        color: var(--vt-muted) !important;
        overflow-wrap: anywhere !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-admin-summary-grid {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 4px !important;
        margin-bottom: 10px !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-admin-summary-card {
        min-height: 78px !important;
        padding: 7px 4px !important;
        text-align: center !important;
        border-radius: 8px !important;
        cursor: default !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-admin-online-summary {
        cursor: pointer !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-admin-summary-card .vt-card-title {
        border-bottom: 0 !important;
        padding: 0 !important;
        margin: 0 0 4px !important;
        justify-content: center !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-admin-summary-card .vt-card-title h2 {
        font-size: var(--vt-font-block-title, 18px) !important;
        line-height: 1.15 !important;
        color: var(--vt-muted) !important;
        overflow-wrap: anywhere !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-admin-summary-card .vt-stat-list {
        display: grid !important;
        gap: 3px !important;
        padding: 0 !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-admin-summary-card .vt-stat-list div {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 4px !important;
        padding: 0 !important;
        border: 0 !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-admin-summary-card .vt-stat-list span {
        font-size: var(--vt-font-content, 14px) !important;
        line-height: 1.1 !important;
        color: var(--vt-muted) !important;
        text-align: left !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-admin-summary-card .vt-stat-list strong {
        font-size: var(--vt-font-content, 14px) !important;
        line-height: 1.1 !important;
        color: var(--vt-text) !important;
        text-align: right !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-admin-online-details {
        display: none !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-admin-online-details.is-open {
        display: block !important;
    }
}

@media (min-width: 701px) {
    body[data-site-theme="vehicle_tracker_light"] .vt-admin-online-details {
        display: block !important;
    }
}


/* v4.1.3: mobile Admin online panel placement and toggles */
@media (max-width: 700px) {
    body[data-site-theme="vehicle_tracker_light"] .vt-admin-users-summary,
    body[data-site-theme="vehicle_tracker_light"] .vt-admin-online-summary {
        cursor: pointer !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-admin-online-details {
        margin: 0 0 10px !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-theme-admin-card {
        margin-top: 10px !important;
    }
}


/* v4.1.4: Settings active sessions management */
body[data-site-theme="vehicle_tracker_light"] .vt-settings-sessions-card .vt-card-title {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    gap: 12px !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-session-list-row {
    align-items: center !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-session-actions {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 8px !important;
    flex-wrap: wrap !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-end-all-sessions-form {
    margin: 0 !important;
}

@media (max-width: 700px) {
    body[data-site-theme="vehicle_tracker_light"] .vt-settings-sessions-card .vt-card-title {
        align-items: flex-start !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-settings-sessions-card .vt-card-title h2 {
        font-size: var(--vt-font-block-title, 18px) !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-settings-sessions-card .vt-card-title .vt-btn {
        min-height: 34px !important;
        padding: 0 10px !important;
        font-size: var(--vt-font-button, 14px) !important;
        white-space: nowrap !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-session-list-row {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 8px !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-session-actions {
        justify-content: flex-start !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-session-actions .vt-btn {
        min-height: 32px !important;
        padding: 0 10px !important;
        font-size: var(--vt-font-button, 14px) !important;
    }
}


/* v4.1.5: Settings active sessions real fix */
body[data-site-theme="vehicle_tracker_light"] .vt-settings-sessions-card .vt-card-title {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    gap: 12px !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-session-list-row {
    align-items: center !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-session-actions {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 8px !important;
    flex-wrap: wrap !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-session-actions form,
body[data-site-theme="vehicle_tracker_light"] .vt-end-all-sessions-form,
body[data-site-theme="vehicle_tracker_light"] .vt-inline-form {
    display: inline-flex !important;
    margin: 0 !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-session-actions .vt-btn,
body[data-site-theme="vehicle_tracker_light"] .vt-end-all-sessions-form .vt-btn {
    display: inline-flex !important;
    visibility: visible !important;
    opacity: 1 !important;
}

@media (max-width: 700px) {
    body[data-site-theme="vehicle_tracker_light"] .vt-settings-sessions-card .vt-card-title {
        align-items: flex-start !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-settings-sessions-card .vt-card-title h2 {
        font-size: var(--vt-font-block-title, 18px) !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-settings-sessions-card .vt-card-title .vt-btn {
        min-height: 34px !important;
        padding: 0 10px !important;
        font-size: var(--vt-font-button, 14px) !important;
        white-space: nowrap !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-session-list-row {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 8px !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-session-actions {
        justify-content: flex-start !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-session-actions .vt-btn {
        min-height: 32px !important;
        padding: 0 10px !important;
        font-size: var(--vt-font-button, 14px) !important;
    }
}


/* v4.1.6: Admin statistics refinements */
body[data-site-theme="vehicle_tracker_light"] .vt-admin-device-stats {
    margin-bottom: 14px !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-admin-device-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 14px !important;
    padding: 14px 16px !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-admin-device-grid > div > strong {
    display: block !important;
    margin-bottom: 8px !important;
    color: var(--vt-text) !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-mini-percent-row {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    gap: 8px !important;
    align-items: center !important;
    margin: 5px 0 !important;
    color: var(--vt-muted) !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-mini-percent-row span {
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-mini-percent-row em {
    font-style: normal !important;
    font-weight: 700 !important;
    color: var(--vt-text) !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-admin-role-summary {
    margin-left: auto !important;
    color: var(--vt-muted) !important;
    font-weight: 600 !important;
    text-align: right !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-theme-admin-card-compact {
    padding-bottom: 0 !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-theme-admin-card-compact .vt-card-title {
    padding: 10px 12px !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-theme-admin-card-compact .vt-form-grid {
    padding: 10px 12px !important;
    gap: 8px !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-theme-admin-card-compact label {
    gap: 4px !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-theme-admin-card-compact select {
    min-height: 34px !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-admin-audit-card .vt-log-entry {
    font-size: var(--vt-font-content, 14px) !important;
    line-height: 1.25 !important;
    padding: 7px 0 !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-admin-audit-card .vt-log-entry time,
body[data-site-theme="vehicle_tracker_light"] .vt-admin-audit-card .vt-log-entry strong,
body[data-site-theme="vehicle_tracker_light"] .vt-admin-audit-card .vt-log-entry p,
body[data-site-theme="vehicle_tracker_light"] .vt-admin-audit-card .vt-log-entry small {
    font-size: var(--vt-font-caption, 12px) !important;
    line-height: 1.25 !important;
    margin: 2px 0 !important;
}

@media (max-width: 700px) {
    body[data-site-theme="vehicle_tracker_light"] .vt-admin-top-kpis {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-admin-top-kpis .vt-kpi {
        min-height: 62px !important;
        padding: 5px 3px !important;
        gap: 2px !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-admin-top-kpis .vt-kpi span {
        font-size: var(--vt-font-content, 14px) !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-admin-top-kpis .vt-kpi strong {
        font-size: var(--vt-font-content, 14px) !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-admin-top-kpis .vt-kpi small {
        font-size: var(--vt-font-caption, 12px) !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-peak-online-kpi {
        min-height: 78px !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-admin-device-stats .vt-card-title {
        padding: 8px 10px !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-admin-device-stats .vt-card-title h2 {
        font-size: var(--vt-font-block-title, 18px) !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-admin-device-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 8px !important;
        padding: 8px 10px !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-admin-device-grid > div > strong,
    body[data-site-theme="vehicle_tracker_light"] .vt-mini-percent-row {
        font-size: var(--vt-font-content, 14px) !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-admin-summary-grid {
        gap: 3px !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-admin-summary-card {
        min-height: 56px !important;
        padding: 5px 3px !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-admin-summary-card .vt-card-title h2 {
        font-size: var(--vt-font-block-title, 18px) !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-admin-summary-card .vt-stat-list {
        gap: 1px !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-admin-summary-card .vt-stat-list span {
        font-size: var(--vt-font-content, 14px) !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-admin-summary-card .vt-stat-list strong {
        font-size: var(--vt-font-content, 14px) !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-admin-users-list-card .vt-card-title {
        display: flex !important;
        align-items: center !important;
        gap: 8px !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-admin-role-summary {
        font-size: var(--vt-font-content, 14px) !important;
        line-height: 1.1 !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-theme-admin-card-compact .vt-card-title {
        padding: 8px 10px !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-theme-admin-card-compact .vt-card-title h2 {
        font-size: var(--vt-font-block-title, 18px) !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-theme-admin-card-compact .vt-form-grid {
        padding: 8px 10px !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-admin-audit-card .vt-log-entry,
    body[data-site-theme="vehicle_tracker_light"] .vt-admin-audit-card .vt-log-entry time,
    body[data-site-theme="vehicle_tracker_light"] .vt-admin-audit-card .vt-log-entry strong,
    body[data-site-theme="vehicle_tracker_light"] .vt-admin-audit-card .vt-log-entry p,
    body[data-site-theme="vehicle_tracker_light"] .vt-admin-audit-card .vt-log-entry small {
        font-size: var(--vt-font-caption, 12px) !important;
        line-height: 1.2 !important;
    }
}


/* v4.1.7: Admin layout and audit filter fixes */
body[data-site-theme="vehicle_tracker_light"] .vt-admin-device-stats {
    display: block !important;
    overflow: hidden !important;
    width: 100% !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-admin-summary-card.is-selected {
    border-color: var(--vt-primary) !important;
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--vt-primary) 18%, transparent) !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-admin-summary-card.is-selected .vt-card-title h2 {
    color: var(--vt-primary) !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-audit-title {
    align-items: center !important;
    gap: 10px !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-audit-toggle {
    display: inline-flex !important;
    align-items: baseline !important;
    gap: 8px !important;
    border: 0 !important;
    background: transparent !important;
    color: var(--vt-text) !important;
    padding: 0 !important;
    cursor: pointer !important;
    font: inherit !important;
    text-align: left !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-audit-toggle span {
    font-size: var(--vt-font-content, 14px) !important;
    font-weight: 800 !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-audit-toggle small,
body[data-site-theme="vehicle_tracker_light"] .vt-audit-current-filter {
    color: var(--vt-muted) !important;
    font-size: var(--vt-font-caption, 12px) !important;
    font-weight: 600 !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-audit-current-filter {
    margin-left: auto !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-audit-filter-panel[hidden] {
    display: none !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-audit-filter-panel {
    display: block !important;
}

@media (max-width: 700px) {
    body[data-site-theme="vehicle_tracker_light"] .vt-admin-device-stats {
        margin-bottom: 10px !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-audit-title {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) auto !important;
        gap: 5px 8px !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-audit-toggle {
        grid-column: 1 / 2 !important;
        min-width: 0 !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-audit-toggle span {
        font-size: var(--vt-font-content, 14px) !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-audit-toggle small,
    body[data-site-theme="vehicle_tracker_light"] .vt-audit-current-filter {
        font-size: var(--vt-font-caption, 12px) !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-audit-current-filter {
        grid-column: 1 / -1 !important;
        margin-left: 0 !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-audit-title .vt-btn {
        grid-column: 2 / 3 !important;
        grid-row: 1 / 2 !important;
    }
}


/* v4.1.8: mobile action buttons and user font size preferences */
body[data-site-theme="vehicle_tracker_light"] .mobile-page-title,
body[data-site-theme="vehicle_tracker_light"] .desktop-page-title,
body[data-site-theme="vehicle_tracker_light"] .page-title-block h1,
body[data-site-theme="vehicle_tracker_light"] .vt-page-top h1 {
    font-size: var(--vt-user-page-title-size, 28px) !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-card-title h2,
body[data-site-theme="vehicle_tracker_light"] .vt-table-card h2,
body[data-site-theme="vehicle_tracker_light"] .vt-form-card h2,
body[data-site-theme="vehicle_tracker_light"] .vt-maint-title h2 {
    font-size: var(--vt-user-block-title-size, 18px) !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-card,
body[data-site-theme="vehicle_tracker_light"] .vt-list-row,
body[data-site-theme="vehicle_tracker_light"] .vt-table,
body[data-site-theme="vehicle_tracker_light"] .vt-btn,
body[data-site-theme="vehicle_tracker_light"] input,
body[data-site-theme="vehicle_tracker_light"] select,
body[data-site-theme="vehicle_tracker_light"] textarea {
    font-size: var(--vt-user-content-size, 14px) !important;
}

body[data-site-theme="vehicle_tracker_light"] small,
body[data-site-theme="vehicle_tracker_light"] .muted,
body[data-site-theme="vehicle_tracker_light"] .vt-kpi span,
body[data-site-theme="vehicle_tracker_light"] .vt-list-row small,
body[data-site-theme="vehicle_tracker_light"] .vt-caption,
body[data-site-theme="vehicle_tracker_light"] .vt-progress-text,
body[data-site-theme="vehicle_tracker_light"] .vt-maint-main small {
    font-size: var(--vt-user-caption-size, 12px) !important;
}

@media (max-width: 700px) {
    body[data-site-theme="vehicle_tracker_light"] .vt-vehicles-page-top,
    body[data-site-theme="vehicle_tracker_light"] .vt-maintenance-page-top,
    body[data-site-theme="vehicle_tracker_light"] .vt-fuel-page-top,
    body[data-site-theme="vehicle_tracker_light"] .vt-expenses-page-top {
        display: flex !important;
        align-items: center !important;
        justify-content: flex-end !important;
        margin: 0 0 10px !important;
        min-height: 42px !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-vehicles-page-top > div:first-child,
    body[data-site-theme="vehicle_tracker_light"] .vt-maintenance-page-top > div:first-child,
    body[data-site-theme="vehicle_tracker_light"] .vt-fuel-page-top > div:first-child,
    body[data-site-theme="vehicle_tracker_light"] .vt-expenses-page-top > div:first-child {
        display: none !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-vehicles-page-top .vt-page-actions,
    body[data-site-theme="vehicle_tracker_light"] .vt-maintenance-page-top .vt-page-actions,
    body[data-site-theme="vehicle_tracker_light"] .vt-fuel-page-top .vt-page-actions,
    body[data-site-theme="vehicle_tracker_light"] .vt-expenses-page-top .vt-page-actions {
        display: flex !important;
        width: 100% !important;
        justify-content: flex-end !important;
        align-items: center !important;
        gap: 8px !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-vehicles-page-top .vt-btn,
    body[data-site-theme="vehicle_tracker_light"] .vt-maintenance-page-top .vt-btn,
    body[data-site-theme="vehicle_tracker_light"] .vt-fuel-page-top .vt-btn,
    body[data-site-theme="vehicle_tracker_light"] .vt-expenses-page-top .vt-btn {
        display: inline-flex !important;
        visibility: visible !important;
        opacity: 1 !important;
        min-height: 40px !important;
        padding: 0 12px !important;
        white-space: normal !important;
        line-height: 1.15 !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-maintenance-page-top .vt-vehicle-select,
    body[data-site-theme="vehicle_tracker_light"] .vt-fuel-page-top .vt-vehicle-select,
    body[data-site-theme="vehicle_tracker_light"] .vt-expenses-page-top .vt-vehicle-select {
        display: block !important;
        flex: 1 1 auto !important;
        min-width: 0 !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-maintenance-page-top .vt-vehicle-select label,
    body[data-site-theme="vehicle_tracker_light"] .vt-fuel-page-top .vt-vehicle-select label,
    body[data-site-theme="vehicle_tracker_light"] .vt-expenses-page-top .vt-vehicle-select label {
        display: none !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-maintenance-page-top .vt-vehicle-select select,
    body[data-site-theme="vehicle_tracker_light"] .vt-fuel-page-top .vt-vehicle-select select,
    body[data-site-theme="vehicle_tracker_light"] .vt-expenses-page-top .vt-vehicle-select select {
        width: 100% !important;
        min-height: 40px !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-vehicles-page-top .vt-page-actions {
        justify-content: flex-end !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-font-settings-fieldset {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}


/* v4.1.9: Security page layout */
body[data-site-theme="vehicle_tracker_light"] .vt-security-kpi-grid {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 12px !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-security-protocols-card {
    margin: 0 0 14px !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-security-protocols-grid {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    padding: 14px 16px !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-protocol-chip {
    border: 1px solid var(--vt-border) !important;
    border-radius: 999px !important;
    background: var(--vt-bg) !important;
    color: var(--vt-muted) !important;
    padding: 6px 10px !important;
    font-size: var(--vt-font-content, 14px) !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-security-log-title {
    align-items: center !important;
    gap: 10px !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-security-filter-panel[hidden] {
    display: none !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-security-filter-panel {
    display: block !important;
}

@media (max-width: 700px) {
    body[data-site-theme="vehicle_tracker_light"] .vt-security-kpi-grid {
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
        gap: 4px !important;
        margin-bottom: 10px !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-security-kpi-grid .vt-kpi {
        min-height: 68px !important;
        padding: 6px 4px !important;
        text-align: center !important;
        border-radius: 8px !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: center !important;
        gap: 3px !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-security-kpi-grid .vt-kpi span {
        font-size: var(--vt-font-content, 14px) !important;
        line-height: 1.1 !important;
        overflow-wrap: anywhere !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-security-kpi-grid .vt-kpi strong {
        font-size: var(--vt-font-content, 14px) !important;
        line-height: 1.1 !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-security-kpi-grid .vt-kpi small {
        font-size: var(--vt-font-caption, 12px) !important;
        line-height: 1.1 !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-security-protocols-card .vt-card-title {
        padding: 8px 10px !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-security-protocols-card .vt-card-title h2 {
        font-size: var(--vt-font-block-title, 18px) !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-security-protocols-grid {
        padding: 8px 10px !important;
        gap: 5px !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-protocol-chip {
        font-size: var(--vt-font-content, 14px) !important;
        padding: 4px 6px !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-security-log-title {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) auto !important;
        gap: 5px 8px !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-security-log-title .vt-audit-toggle {
        grid-column: 1 / 2 !important;
        min-width: 0 !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-security-log-title .vt-audit-toggle span {
        font-size: var(--vt-font-block-title, 18px) !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-security-log-title .vt-audit-toggle small,
    body[data-site-theme="vehicle_tracker_light"] .vt-security-log-title .vt-audit-current-filter {
        font-size: var(--vt-font-caption, 12px) !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-security-log-title .vt-audit-current-filter {
        grid-column: 1 / -1 !important;
        margin-left: 0 !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-security-log-title .vt-btn {
        grid-column: 2 / 3 !important;
        grid-row: 1 / 2 !important;
    }
}


/* v4.2.0: Security Events log block */
body[data-site-theme="vehicle_tracker_light"] .vt-security-events-card {
    margin: 0 0 14px !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-security-events-filter-panel[hidden],
body[data-site-theme="vehicle_tracker_light"] .vt-connection-filter-panel[hidden] {
    display: none !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-security-events-filter-panel,
body[data-site-theme="vehicle_tracker_light"] .vt-connection-filter-panel {
    display: block !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-security-event-entry.is-warning strong {
    color: var(--vt-warning) !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-security-event-entry.is-failed strong {
    color: var(--vt-danger) !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-security-event-entry.is-success strong {
    color: var(--vt-success) !important;
}

@media (max-width: 700px) {
    body[data-site-theme="vehicle_tracker_light"] .vt-security-events-card .vt-log-entry,
    body[data-site-theme="vehicle_tracker_light"] .vt-security-log-card .vt-log-entry {
        font-size: var(--vt-font-content, 14px) !important;
        line-height: 1.25 !important;
        padding: 8px 0 !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-security-events-card .vt-log-entry p,
    body[data-site-theme="vehicle_tracker_light"] .vt-security-log-card .vt-log-entry p,
    body[data-site-theme="vehicle_tracker_light"] .vt-security-events-card .vt-log-entry small,
    body[data-site-theme="vehicle_tracker_light"] .vt-security-log-card .vt-log-entry small {
        font-size: var(--vt-font-caption, 12px) !important;
        line-height: 1.25 !important;
    }
}


/* v4.2.1: restore mobile bottom navigation */
body[data-site-theme="vehicle_tracker_light"] .bottom-nav {
    display: none !important;
}

@media (max-width: 700px) {
    body[data-site-theme="vehicle_tracker_light"]:not(.auth-page) {
        padding-bottom: calc(76px + env(safe-area-inset-bottom, 0px)) !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .main-content {
        padding-bottom: calc(96px + env(safe-area-inset-bottom, 0px)) !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .bottom-nav {
        position: fixed !important;
        left: 10px !important;
        right: 10px !important;
        bottom: calc(8px + env(safe-area-inset-bottom, 0px)) !important;
        z-index: 1200 !important;
        display: grid !important;
        grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
        gap: 2px !important;
        min-height: 62px !important;
        padding: 8px 8px !important;
        border: 1px solid var(--vt-border) !important;
        border-radius: 20px !important;
        background: rgba(255, 255, 255, 0.94) !important;
        box-shadow: 0 14px 36px rgba(15, 23, 42, 0.16) !important;
        backdrop-filter: blur(16px) !important;
        -webkit-backdrop-filter: blur(16px) !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .bottom-nav a {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 3px !important;
        min-width: 0 !important;
        color: var(--vt-muted) !important;
        text-decoration: none !important;
        border-radius: 14px !important;
        font-size: var(--vt-font-menu, 13px) !important;
        font-weight: 700 !important;
        line-height: 1.05 !important;
        padding: 4px 2px !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .bottom-nav a.active {
        color: var(--vt-primary) !important;
        background: color-mix(in srgb, var(--vt-primary) 10%, transparent) !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .bottom-nav-icon {
        font-size: var(--vt-font-menu, 13px) !important;
        line-height: 1 !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .bottom-nav span:not(.bottom-nav-icon) {
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
        max-width: 100% !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .nav-label-wrap {
        position: relative !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 2px !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .nav-badge {
        position: absolute !important;
        top: -20px !important;
        right: -12px !important;
        min-width: 16px !important;
        height: 16px !important;
        padding: 0 4px !important;
        border-radius: 999px !important;
        background: var(--vt-danger) !important;
        color: #fff !important;
        font-size: max(9px, calc(var(--vt-font-caption, 12px) * 0.9)) !important;
        line-height: 16px !important;
        text-align: center !important;
    }
}


/* v4.2.2: bottom nav TO badge, profile settings */
@media (max-width: 700px) {
    body[data-site-theme="vehicle_tracker_light"] .bottom-nav {
        grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .bottom-nav a[href="tracked_objects.php"] {
        position: relative !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .bottom-nav a[href="tracked_objects.php"] .nav-badge {
        position: absolute !important;
        top: 4px !important;
        right: 18px !important;
        z-index: 2 !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        min-width: 18px !important;
        height: 18px !important;
        padding: 0 5px !important;
        border-radius: 999px !important;
        background: var(--vt-danger) !important;
        color: #fff !important;
        font-size: max(9px, calc(var(--vt-font-caption, 12px) * 0.9)) !important;
        font-weight: 800 !important;
        line-height: 18px !important;
        box-shadow: 0 0 0 2px #fff !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-profile-settings-card {
        margin-top: 0 !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-profile-settings-card input {
        min-height: 38px !important;
    }
}


/* v4.2.3: bottom navigation overdue badge fix */
@media (max-width: 700px) {
    body[data-site-theme="vehicle_tracker_light"] .bottom-nav,
    body[data-site-theme="vehicle_tracker_light"] .bottom-nav a[href="tracked_objects.php"] {
        overflow: visible !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .bottom-nav .nav-label-wrap {
        overflow: visible !important;
        max-width: none !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .bottom-nav a[href="tracked_objects.php"] .nav-badge {
        position: absolute !important;
        top: 2px !important;
        right: 18px !important;
        z-index: 5 !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        min-width: 18px !important;
        height: 18px !important;
        padding: 0 5px !important;
        border-radius: 999px !important;
        background: var(--vt-danger) !important;
        color: #fff !important;
        font-size: max(9px, calc(var(--vt-font-caption, 12px) * 0.9)) !important;
        font-weight: 900 !important;
        line-height: 18px !important;
        box-shadow: 0 0 0 2px #fff !important;
        pointer-events: none !important;
    }
}


/* v4.2.4: compact Admin users/online summary cards */
body[data-site-theme="vehicle_tracker_light"] .vt-admin-summary-grid {
    align-items: start !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-admin-summary-card {
    min-height: 0 !important;
    padding: 0 !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-admin-summary-card .vt-card-title {
    padding: 10px 14px 6px !important;
    min-height: 0 !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-admin-summary-card .vt-card-title h2 {
    font-size: var(--vt-font-block-title, 18px) !important;
    line-height: 1.15 !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-admin-summary-card .vt-stat-list {
    padding: 8px 14px 10px !important;
    gap: 4px !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-admin-summary-card .vt-stat-list div {
    min-height: 0 !important;
    padding: 2px 0 !important;
    line-height: 1.15 !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-admin-summary-card .vt-stat-list span {
    font-size: var(--vt-font-content, 14px) !important;
    line-height: 1.15 !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-admin-summary-card .vt-stat-list strong {
    font-size: var(--vt-font-content, 14px) !important;
    line-height: 1.15 !important;
}

@media (max-width: 700px) {
    body[data-site-theme="vehicle_tracker_light"] .vt-admin-summary-grid {
        gap: 6px !important;
        margin-bottom: 10px !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-admin-summary-card {
        border-radius: 10px !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-admin-summary-card .vt-card-title {
        padding: 7px 8px 3px !important;
        justify-content: center !important;
        text-align: center !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-admin-summary-card .vt-card-title h2 {
        font-size: var(--vt-font-block-title, 18px) !important;
        line-height: 1.1 !important;
        letter-spacing: .02em !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-admin-summary-card .vt-stat-list {
        padding: 4px 8px 6px !important;
        gap: 1px !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-admin-summary-card .vt-stat-list div {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) auto !important;
        gap: 4px !important;
        padding: 0 !important;
        min-height: 15px !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-admin-summary-card .vt-stat-list span {
        font-size: var(--vt-font-content, 14px) !important;
        line-height: 1.1 !important;
        overflow-wrap: anywhere !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-admin-summary-card .vt-stat-list strong {
        font-size: var(--vt-font-content, 14px) !important;
        line-height: 1.1 !important;
    }
}


/* v4.2.5: Admin alignment and geography block */
body[data-site-theme="vehicle_tracker_light"] .vt-admin-summary-grid {
    align-items: stretch !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-admin-summary-grid .vt-admin-summary-card {
    height: 100% !important;
    align-self: stretch !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-admin-online-summary .vt-stat-list {
    padding-top: 18px !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-admin-geo-stats {
    margin: 0 0 12px !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-admin-geo-stats .vt-card-title {
    padding: 12px 16px !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-admin-geo-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
    padding: 12px 16px !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-geo-row {
    position: relative !important;
    border: 1px solid var(--vt-border) !important;
    border-radius: 12px !important;
    background: var(--vt-bg) !important;
    padding: 9px 44px 9px 10px !important;
    min-width: 0 !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-geo-row strong {
    display: block !important;
    font-size: var(--vt-font-content, 14px) !important;
    line-height: 1.2 !important;
    color: var(--vt-text) !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-geo-row span {
    display: block !important;
    margin-top: 2px !important;
    color: var(--vt-muted) !important;
    font-size: var(--vt-font-content, 14px) !important;
    line-height: 1.2 !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-geo-row em {
    position: absolute !important;
    top: 9px !important;
    right: 10px !important;
    font-style: normal !important;
    font-weight: 800 !important;
    color: var(--vt-text) !important;
    font-size: var(--vt-font-content, 14px) !important;
}

@media (max-width: 700px) {
    body[data-site-theme="vehicle_tracker_light"] .vt-admin-summary-grid {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        align-items: stretch !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-admin-summary-grid .vt-admin-summary-card {
        height: 100% !important;
        min-height: 86px !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-admin-users-summary .vt-stat-list,
    body[data-site-theme="vehicle_tracker_light"] .vt-admin-online-summary .vt-stat-list {
        padding-top: 4px !important;
        padding-bottom: 6px !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-admin-geo-stats {
        margin-bottom: 10px !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-admin-geo-stats .vt-card-title {
        padding: 8px 10px !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-admin-geo-stats .vt-card-title h2 {
        font-size: var(--vt-font-block-title, 18px) !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-admin-geo-stats .vt-card-title small {
        font-size: var(--vt-font-caption, 12px) !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-admin-geo-grid {
        grid-template-columns: 1fr !important;
        gap: 6px !important;
        padding: 8px 10px !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-geo-row {
        padding: 7px 42px 7px 9px !important;
        border-radius: 10px !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-geo-row strong {
        font-size: var(--vt-font-content, 14px) !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-geo-row span {
        font-size: var(--vt-font-content, 14px) !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-geo-row em {
        top: 7px !important;
        right: 9px !important;
        font-size: var(--vt-font-content, 14px) !important;
    }
}


/* v4.2.7: expand/collapse indicators and compact admin summary blocks */
body[data-site-theme="vehicle_tracker_light"] [data-audit-filter-toggle],
body[data-site-theme="vehicle_tracker_light"] [data-security-events-filter-toggle],
body[data-site-theme="vehicle_tracker_light"] [data-connection-filter-toggle],
body[data-site-theme="vehicle_tracker_light"] [data-admin-users-toggle],
body[data-site-theme="vehicle_tracker_light"] [data-admin-online-toggle] {
    position: relative !important;
}

body[data-site-theme="vehicle_tracker_light"] [data-audit-filter-toggle]::after,
body[data-site-theme="vehicle_tracker_light"] [data-security-events-filter-toggle]::after,
body[data-site-theme="vehicle_tracker_light"] [data-connection-filter-toggle]::after,
body[data-site-theme="vehicle_tracker_light"] [data-admin-users-toggle]::after,
body[data-site-theme="vehicle_tracker_light"] [data-admin-online-toggle]::after {
    content: "▾" !important;
    position: absolute !important;
    right: 12px !important;
    bottom: 10px !important;
    width: 22px !important;
    height: 22px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: 1px solid var(--vt-border) !important;
    border-radius: 8px !important;
    color: var(--vt-muted) !important;
    background: var(--vt-surface) !important;
    font-size: var(--vt-font-content, 14px) !important;
    line-height: 1 !important;
    font-weight: 900 !important;
    box-shadow: 0 2px 6px rgba(15, 23, 42, 0.06) !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-audit-title [data-audit-filter-toggle]::after,
body[data-site-theme="vehicle_tracker_light"] .vt-security-log-title [data-security-events-filter-toggle]::after,
body[data-site-theme="vehicle_tracker_light"] .vt-security-log-title [data-connection-filter-toggle]::after {
    right: 0 !important;
    top: 50% !important;
    bottom: auto !important;
    transform: translateY(-50%) !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-audit-title [data-audit-filter-toggle],
body[data-site-theme="vehicle_tracker_light"] .vt-security-log-title [data-security-events-filter-toggle],
body[data-site-theme="vehicle_tracker_light"] .vt-security-log-title [data-connection-filter-toggle] {
    padding-right: 32px !important;
}

body[data-site-theme="vehicle_tracker_light"] details > summary {
    position: relative !important;
    padding-right: 34px !important;
}

body[data-site-theme="vehicle_tracker_light"] details > summary::after {
    content: "▾" !important;
    position: absolute !important;
    right: 8px !important;
    top: 50% !important;
    transform: translateY(-50%) rotate(-90deg) !important;
    width: 20px !important;
    height: 20px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: 1px solid var(--vt-border) !important;
    border-radius: 7px !important;
    color: var(--vt-muted) !important;
    background: var(--vt-surface) !important;
    font-size: var(--vt-font-content, 14px) !important;
    font-weight: 900 !important;
}

body[data-site-theme="vehicle_tracker_light"] details[open] > summary::after {
    transform: translateY(-50%) rotate(0deg) !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-admin-summary-card {
    min-height: auto !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-admin-summary-card .vt-card-title {
    padding: 8px 12px 4px !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-admin-summary-card .vt-stat-list {
    padding: 6px 12px 8px !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-admin-summary-card .vt-stat-list div {
    min-height: 18px !important;
}

@media (max-width: 700px) {
    body[data-site-theme="vehicle_tracker_light"] .vt-admin-summary-card {
        min-height: 66px !important;
        height: auto !important;
        padding-bottom: 8px !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-admin-summary-card .vt-card-title {
        padding: 6px 22px 3px 8px !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-admin-summary-card .vt-card-title h2 {
        font-size: var(--vt-font-block-title, 18px) !important;
        line-height: 1.1 !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-admin-summary-card .vt-stat-list {
        padding: 3px 22px 5px 8px !important;
        gap: 1px !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-admin-summary-card .vt-stat-list div {
        min-height: 13px !important;
    }

    body[data-site-theme="vehicle_tracker_light"] [data-admin-users-toggle]::after,
    body[data-site-theme="vehicle_tracker_light"] [data-admin-online-toggle]::after {
        right: 6px !important;
        bottom: 6px !important;
        width: 16px !important;
        height: 16px !important;
        border-radius: 6px !important;
        font-size: var(--vt-font-content, 14px) !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-audit-title [data-audit-filter-toggle]::after,
    body[data-site-theme="vehicle_tracker_light"] .vt-security-log-title [data-security-events-filter-toggle]::after,
    body[data-site-theme="vehicle_tracker_light"] .vt-security-log-title [data-connection-filter-toggle]::after {
        width: 18px !important;
        height: 18px !important;
        border-radius: 6px !important;
        font-size: var(--vt-font-block-title, 18px) !important;
    }

    body[data-site-theme="vehicle_tracker_light"] details > summary::after {
        width: 17px !important;
        height: 17px !important;
        border-radius: 6px !important;
        font-size: var(--vt-font-content, 14px) !important;
    }
}


/* v4.2.8: maintenance edit icon and progress percentage */
body[data-site-theme="vehicle_tracker_light"] .vt-maint-details > summary::after {
    content: none !important;
    display: none !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-maint-details > summary {
    padding-right: 0 !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-last-service-box {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 34px !important;
    align-items: center !important;
    gap: 8px !important;
    min-height: 54px !important;
    padding: 8px !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-last-service-box .vt-icon-edit {
    width: 34px !important;
    height: 34px !important;
    min-width: 34px !important;
    min-height: 34px !important;
    max-width: 34px !important;
    max-height: 34px !important;
    padding: 0 !important;
    border-radius: 10px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: var(--vt-bg) !important;
    border: 1px solid var(--vt-border) !important;
    box-shadow: none !important;
    line-height: 1 !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-last-service-box .vt-icon-edit::after,
body[data-site-theme="vehicle_tracker_light"] .vt-last-service-box .vt-icon-edit::before {
    content: none !important;
    display: none !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-last-service-box .vt-icon-edit svg {
    width: 16px !important;
    height: 16px !important;
    display: block !important;
    fill: currentColor !important;
    color: var(--vt-text) !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-maint-progress-line {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    gap: 8px !important;
    align-items: center !important;
    margin-top: 6px !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-maint-progress-line .vt-maint-progress {
    margin-top: 0 !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-maint-progress-line em {
    font-style: normal !important;
    font-size: var(--vt-font-content, 14px) !important;
    font-weight: 800 !important;
    color: var(--vt-muted) !important;
    line-height: 1 !important;
    min-width: 34px !important;
    text-align: right !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-maint-details.is-overdue .vt-maint-progress-line em {
    color: var(--vt-danger) !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-maint-details.is-planned .vt-maint-progress-line em {
    color: var(--vt-success) !important;
}

@media (max-width: 700px) {
    body[data-site-theme="vehicle_tracker_light"] .vt-last-service-box {
        grid-template-columns: minmax(0, 1fr) 28px !important;
        gap: 6px !important;
        min-height: 44px !important;
        padding: 6px !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-last-service-box .vt-icon-edit {
        width: 28px !important;
        height: 28px !important;
        min-width: 28px !important;
        min-height: 28px !important;
        max-width: 28px !important;
        max-height: 28px !important;
        border-radius: 8px !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-last-service-box .vt-icon-edit svg {
        width: 13px !important;
        height: 13px !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-maint-progress-line {
        gap: 6px !important;
        margin-top: 4px !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-maint-progress-line em {
        min-width: 28px !important;
        font-size: var(--vt-font-content, 14px) !important;
    }
}


/* v4.2.9: Admin user status icon exception, Dashboard fuel limit, compact Theme card */
body[data-site-theme="vehicle_tracker_light"] .vt-user-details > summary::after {
    position: static !important;
    inset: auto !important;
    transform: none !important;
    flex: 0 0 22px !important;
    width: 22px !important;
    height: 22px !important;
    margin-left: 8px !important;
    order: 3 !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-user-details > summary .vt-badge {
    order: 2 !important;
    margin-left: auto !important;
    margin-right: 0 !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-component-extra-hidden[hidden],
body[data-site-theme="vehicle_tracker_light"] [data-component-extra][hidden] {
    display: none !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-theme-admin-card-compact {
    max-width: 720px !important;
    min-height: 0 !important;
    height: auto !important;
    padding: 0 !important;
    align-self: start !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-theme-admin-card-compact .vt-card-title {
    padding: 12px 18px 8px !important;
    min-height: 0 !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-theme-admin-card-compact .vt-card-title h2 {
    margin: 0 !important;
    font-size: var(--vt-font-block-title, 18px) !important;
    line-height: 1.2 !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-theme-admin-card-compact .vt-theme-admin-form {
    padding: 10px 18px 16px !important;
    gap: 10px !important;
    display: grid !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-theme-admin-card-compact label {
    gap: 6px !important;
    margin: 0 !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-theme-admin-card-compact select {
    min-height: 38px !important;
    height: 38px !important;
    padding: 6px 10px !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-theme-admin-card-compact .vt-form-actions {
    margin-top: 0 !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-theme-admin-card-compact .vt-btn {
    min-height: 36px !important;
    padding: 8px 14px !important;
}

@media (max-width: 700px) {
    body[data-site-theme="vehicle_tracker_light"] .vt-user-details > summary {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) auto 22px !important;
        align-items: center !important;
        gap: 6px !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-user-details > summary::after {
        width: 20px !important;
        height: 20px !important;
        flex-basis: 20px !important;
        margin-left: 0 !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-user-details > summary .vt-badge {
        max-width: 92px !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-theme-admin-card-compact {
        max-width: none !important;
        margin-top: 8px !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-theme-admin-card-compact .vt-card-title {
        padding: 8px 10px 4px !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-theme-admin-card-compact .vt-card-title h2 {
        font-size: var(--vt-font-block-title, 18px) !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-theme-admin-card-compact .vt-theme-admin-form {
        padding: 6px 10px 10px !important;
        gap: 7px !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-theme-admin-card-compact select {
        min-height: 34px !important;
        height: 34px !important;
        font-size: var(--vt-font-content, 14px) !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-theme-admin-card-compact .vt-btn {
        min-height: 32px !important;
        font-size: var(--vt-font-button, 14px) !important;
    }
}


/* v4.3.2: Admin day/week activity charts */
body[data-site-theme="vehicle_tracker_light"] .vt-admin-activity-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
    margin: 0 0 12px !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-admin-activity-card .vt-card-title {
    padding: 12px 16px 8px !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-activity-chart {
    display: grid !important;
    grid-template-columns: 38px minmax(0, 1fr) !important;
    gap: 8px !important;
    padding: 6px 16px 14px !important;
    min-height: 180px !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-activity-y {
    display: grid !important;
    grid-template-rows: repeat(4, 1fr) !important;
    height: 132px !important;
    align-items: start !important;
    color: var(--vt-muted) !important;
    font-size: var(--vt-font-content, 14px) !important;
    line-height: 1 !important;
    text-align: right !important;
    padding-top: 1px !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-activity-plot {
    position: relative !important;
    min-width: 0 !important;
    height: 160px !important;
    display: grid !important;
    grid-template-rows: 132px 28px !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-activity-plot > i {
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    height: 1px !important;
    border-top: 1px dashed rgba(100, 116, 139, 0.25) !important;
    pointer-events: none !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-activity-plot > i:nth-child(1) { top: 33px !important; }
body[data-site-theme="vehicle_tracker_light"] .vt-activity-plot > i:nth-child(2) { top: 66px !important; }
body[data-site-theme="vehicle_tracker_light"] .vt-activity-plot > i:nth-child(3) { top: 99px !important; }

body[data-site-theme="vehicle_tracker_light"] .vt-activity-bars {
    position: relative !important;
    display: grid !important;
    grid-auto-flow: column !important;
    grid-auto-columns: minmax(5px, 1fr) !important;
    gap: 4px !important;
    align-items: end !important;
    height: 132px !important;
    border-bottom: 1px solid rgba(100, 116, 139, 0.22) !important;
    z-index: 1 !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-activity-bar-wrap {
    height: 132px !important;
    display: flex !important;
    align-items: end !important;
    justify-content: center !important;
    min-width: 0 !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-activity-bar {
    width: 100% !important;
    max-width: 12px !important;
    min-height: 2px !important;
    border-radius: 4px 4px 0 0 !important;
    background: #f59e0b !important;
    display: block !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-activity-x {
    display: grid !important;
    grid-auto-flow: column !important;
    grid-auto-columns: minmax(5px, 1fr) !important;
    gap: 4px !important;
    align-items: end !important;
    color: var(--vt-muted) !important;
    font-size: var(--vt-font-content, 14px) !important;
    line-height: 1.1 !important;
    padding-top: 6px !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-activity-x span {
    overflow: hidden !important;
    text-overflow: clip !important;
    white-space: nowrap !important;
    text-align: center !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-activity-x span.is-muted {
    opacity: 0 !important;
}

@media (max-width: 700px) {
    body[data-site-theme="vehicle_tracker_light"] .vt-admin-activity-grid {
        grid-template-columns: 1fr !important;
        gap: 10px !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-admin-activity-card .vt-card-title {
        padding: 9px 10px 5px !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-admin-activity-card .vt-card-title h2 {
        font-size: var(--vt-font-block-title, 18px) !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-admin-activity-card .vt-card-title small {
        font-size: var(--vt-font-caption, 12px) !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-activity-chart {
        grid-template-columns: 30px minmax(0, 1fr) !important;
        padding: 4px 10px 10px !important;
        min-height: 148px !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-activity-y {
        height: 108px !important;
        font-size: var(--vt-font-content, 14px) !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-activity-plot {
        height: 134px !important;
        grid-template-rows: 108px 26px !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-activity-plot > i:nth-child(1) { top: 27px !important; }
    body[data-site-theme="vehicle_tracker_light"] .vt-activity-plot > i:nth-child(2) { top: 54px !important; }
    body[data-site-theme="vehicle_tracker_light"] .vt-activity-plot > i:nth-child(3) { top: 81px !important; }

    body[data-site-theme="vehicle_tracker_light"] .vt-activity-bars,
    body[data-site-theme="vehicle_tracker_light"] .vt-activity-bar-wrap {
        height: 108px !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-activity-bars {
        gap: 2px !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-activity-bar {
        max-width: 8px !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-activity-x {
        gap: 2px !important;
        font-size: var(--vt-font-content, 14px) !important;
    }
}


/* v4.3.4: Admin activity text-link filters */
body[data-site-theme="vehicle_tracker_light"] .vt-activity-title {
    display: flex !important;
    align-items: flex-start !important;
    justify-content: space-between !important;
    gap: 10px !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-activity-title > div {
    min-width: 0 !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-activity-filters {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: flex-end !important;
    align-items: center !important;
    gap: 0 !important;
    color: var(--vt-muted) !important;
    font-size: var(--vt-font-content, 14px) !important;
    line-height: 1.3 !important;
    padding-top: 3px !important;
    white-space: nowrap !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-activity-filters a {
    color: var(--vt-muted) !important;
    text-decoration: none !important;
    font-weight: 700 !important;
    padding: 0 3px !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-activity-filters a:not(:last-child)::after {
    content: "·" !important;
    color: var(--vt-muted) !important;
    margin-left: 6px !important;
    font-weight: 700 !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-activity-filters a.is-active {
    color: var(--vt-primary) !important;
    text-decoration: underline !important;
    text-underline-offset: 3px !important;
}

@media (max-width: 700px) {
    body[data-site-theme="vehicle_tracker_light"] .vt-activity-title {
        align-items: flex-start !important;
        gap: 6px !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-activity-title small {
        display: block !important;
        max-width: 150px !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-activity-filters {
        font-size: var(--vt-font-content, 14px) !important;
        padding-top: 2px !important;
        max-width: 150px !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-activity-filters a {
        padding: 0 2px !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-activity-filters a:not(:last-child)::after {
        margin-left: 4px !important;
    }
}


/* v4.3.9: Admin activity chart polish */
body[data-site-theme="vehicle_tracker_light"] .vt-admin-activity-card .vt-card-title h2 {
    display: flex !important;
    align-items: baseline !important;
    gap: 8px !important;
    flex-wrap: wrap !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-activity-leader {
    color: var(--vt-muted) !important;
    font-size: var(--vt-font-content, 14px) !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-activity-chart {
    grid-template-columns: 52px minmax(0, 1fr) !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-activity-y {
    padding-left: 2px !important;
    padding-right: 10px !important;
    overflow: visible !important;
    min-width: 48px !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-activity-y span {
    display: block !important;
    width: 100% !important;
    white-space: nowrap !important;
    overflow: visible !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-admin-activity-card-week .vt-activity-bar {
    background: var(--vt-primary) !important;
}

@media (max-width: 700px) {
    body[data-site-theme="vehicle_tracker_light"] .vt-activity-chart {
        grid-template-columns: 40px minmax(0, 1fr) !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-activity-y {
        min-width: 38px !important;
        padding-right: 8px !important;
        font-size: var(--vt-font-content, 14px) !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-activity-leader {
        font-size: var(--vt-font-content, 14px) !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-admin-activity-card .vt-card-title h2 {
        gap: 5px !important;
    }
}


/* v4.4.0: Admin Alone KPI */
body[data-site-theme="vehicle_tracker_light"] .vt-admin-top-kpis {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-alone-kpi small {
    display: block !important;
    max-width: 100% !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

@media (max-width: 900px) {
    body[data-site-theme="vehicle_tracker_light"] .vt-admin-top-kpis {
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
        gap: 8px !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-admin-top-kpis .vt-kpi {
        padding: 9px 6px !important;
        min-width: 0 !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-admin-top-kpis .vt-kpi span {
        font-size: var(--vt-font-content, 14px) !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-admin-top-kpis .vt-kpi strong {
        font-size: var(--vt-font-content, 14px) !important;
        line-height: 1.15 !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-admin-top-kpis .vt-kpi small {
        font-size: var(--vt-font-caption, 12px) !important;
        line-height: 1.2 !important;
    }
}


/* v4.4.1: Admin polish */
body[data-site-theme="vehicle_tracker_light"] .vt-admin-top-kpis {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-storage-kpi strong,
body[data-site-theme="vehicle_tracker_light"] .vt-storage-kpi small {
    display: block !important;
    white-space: nowrap !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-activity-x {
    overflow: visible !important;
    padding-left: 8px !important;
    padding-right: 8px !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-activity-x span {
    overflow: visible !important;
    min-width: 18px !important;
    width: auto !important;
    text-overflow: initial !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-activity-bars {
    padding-left: 8px !important;
    padding-right: 8px !important;
    box-sizing: border-box !important;
}

@media (max-width: 700px) {
    body[data-site-theme="vehicle_tracker_light"] .vt-admin-top-kpis {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 8px !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-activity-chart {
        grid-template-columns: 42px minmax(0, 1fr) !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-activity-x {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-activity-x span {
        min-width: 20px !important;
        font-size: var(--vt-font-content, 14px) !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-activity-bars {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
}


/* v4.4.3: remove nearest maintenance mi/km local switcher and polish Admin top KPIs */
body[data-site-theme="vehicle_tracker_light"] .vt-maintenance-list-card .vt-card-controls a[href*="display_unit=mi"],
body[data-site-theme="vehicle_tracker_light"] .vt-maintenance-list-card .vt-card-controls a[href*="display_unit=km"] {
    display: none !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-storage-kpi strong {
    display: block !important;
    font-size: var(--vt-font-content, 14px) !important;
    line-height: 1.25 !important;
    white-space: nowrap !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-alone-kpi .vt-alone-status,
body[data-site-theme="vehicle_tracker_light"] .vt-alone-kpi .vt-alone-time {
    display: block !important;
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: initial !important;
}

@media (max-width: 700px) {
    body[data-site-theme="vehicle_tracker_light"] .vt-storage-kpi strong {
        font-size: var(--vt-font-content, 14px) !important;
        white-space: normal !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-alone-kpi .vt-alone-time {
        font-size: var(--vt-font-content, 14px) !important;
        line-height: 1.15 !important;
    }
}


/* v4.4.4: maintenance time status */
body[data-site-theme="vehicle_tracker_light"] .vt-maint-details.is-warning .vt-maint-main strong {
    color: #ca8a04 !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-maint-details.is-warning .vt-maint-progress span {
    background: #f59e0b !important;
}


/* v4.4.6: Maintenance sortable columns and favorites */
body[data-site-theme="vehicle_tracker_light"] .vt-sort-link {
    color: var(--vt-muted) !important;
    text-decoration: none !important;
    font-weight: 800 !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-sort-link.active {
    color: var(--vt-primary) !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-maint-name-line {
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    min-width: 0 !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-favorite-form {
    margin: 0 !important;
    padding: 0 !important;
    display: inline-flex !important;
    flex: 0 0 auto !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-favorite-star {
    border: 0 !important;
    background: transparent !important;
    color: #9ca3af !important;
    font-size: var(--vt-font-content, 14px) !important;
    line-height: 1 !important;
    padding: 0 2px 0 0 !important;
    cursor: pointer !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-favorite-star.is-favorite {
    color: #facc15 !important;
}

@media (max-width: 700px) {
    body[data-site-theme="vehicle_tracker_light"] .vt-favorite-star {
        font-size: var(--vt-font-content, 14px) !important;
    }
}


/* v4.4.7: Dashboard is view-only, Regламент ТО is management place */
body[data-site-theme="vehicle_tracker_light"] .vt-maint-columns-single {
    grid-template-columns: minmax(0, 1fr) !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-maint-compact > summary.vt-maint-row {
    grid-template-columns: minmax(0, 1fr) !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-maint-compact .vt-maint-main {
    width: 100% !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-object-management {
    border-top: 1px solid var(--vt-border) !important;
    margin-top: 12px !important;
    padding-top: 12px !important;
    display: grid !important;
    gap: 10px !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-object-edit-details > summary {
    cursor: pointer !important;
    font-weight: 800 !important;
    color: var(--vt-primary) !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-object-edit-form {
    display: grid !important;
    gap: 10px !important;
    margin-top: 10px !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-object-edit-form label {
    display: grid !important;
    gap: 5px !important;
    color: var(--vt-muted) !important;
    font-weight: 700 !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-object-delete-form {
    margin: 0 !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-btn-danger {
    background: #dc2626 !important;
    color: #fff !important;
    border-color: #dc2626 !important;
}

@media (max-width: 700px) {
    body[data-site-theme="vehicle_tracker_light"] .vt-object-edit-form {
        gap: 8px !important;
    }
}


/* v4.4.8: Dashboard read-only last service mileage */
body[data-site-theme="vehicle_tracker_light"] .vt-last-service-box:not(:has(.vt-icon-edit)) {
    justify-content: center !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-last-service-box:not(:has(.vt-icon-edit)) strong {
    margin-right: 0 !important;
}

@supports not selector(:has(*)) {
    body[data-site-theme="vehicle_tracker_light"] .vt-last-service-box strong {
        min-width: 0;
    }
}


/* v4.4.9: Dashboard last service mileage without frame/edit-space */
body[data-site-theme="vehicle_tracker_light"] .vt-last-service-box.is-readonly {
    border: 0 !important;
    background: transparent !important;
    padding: 0 !important;
    min-width: 0 !important;
    width: auto !important;
    box-shadow: none !important;
    align-items: flex-end !important;
    justify-content: center !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-last-service-box.is-readonly strong {
    text-align: right !important;
    margin: 0 !important;
    padding: 0 !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-maint-side {
    justify-content: flex-end !important;
    align-items: center !important;
}

@media (max-width: 700px) {
    body[data-site-theme="vehicle_tracker_light"] .vt-last-service-box.is-readonly strong {
        font-size: var(--vt-font-content, 14px) !important;
    }
}


/* v4.4.10: keep Dashboard last service mileage font identical to Regламент ТО */
body[data-site-theme="vehicle_tracker_light"] .vt-last-service-box.is-readonly strong {
    display: block !important;
    color: var(--vt-text) !important;
    font-weight: 600 !important;
    line-height: 1.15 !important;
    white-space: nowrap !important;
    font-size: var(--vt-font-content, 14px) !important;
    font-family: inherit !important;
    letter-spacing: inherit !important;
    text-align: right !important;
}


/* v4.4.11: Dashboard read-only last service badge */
body[data-site-theme="vehicle_tracker_light"] .vt-last-service-box.is-readonly {
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 0 !important;
    border: 1px solid var(--vt-border) !important;
    border-radius: 8px !important;
    background: var(--vt-surface) !important;
    padding: 8px 10px !important;
    min-width: 0 !important;
    width: fit-content !important;
    max-width: 100% !important;
    box-shadow: none !important;
    margin-left: auto !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-last-service-box.is-readonly strong {
    display: block !important;
    text-align: right !important;
    color: var(--vt-text) !important;
    font-weight: 600 !important;
    line-height: 1.15 !important;
    white-space: nowrap !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: var(--vt-font-content, 14px) !important;
    font-family: inherit !important;
    letter-spacing: inherit !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-maint-side {
    display: flex !important;
    justify-content: flex-end !important;
    align-items: center !important;
    min-width: 0 !important;
}

@media (max-width: 700px) {
    body[data-site-theme="vehicle_tracker_light"] .vt-last-service-box.is-readonly {
        padding: 7px 9px !important;
        border-radius: 8px !important;
    }
}


/* v4.4.12: editable Fuel and Expenses lists */
body[data-site-theme="vehicle_tracker_light"] .vt-editable-list {
    display: grid !important;
    gap: 0 !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-editable-entry {
    border-bottom: 1px solid var(--vt-border) !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-editable-entry:last-child {
    border-bottom: 0 !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-editable-entry > summary {
    list-style: none !important;
    cursor: pointer !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-editable-entry > summary::-webkit-details-marker {
    display: none !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-entry-details {
    display: grid !important;
    gap: 12px !important;
    padding: 12px 0 16px !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-entry-facts {
    display: grid !important;
    gap: 6px !important;
    color: var(--vt-muted) !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-entry-facts strong {
    color: var(--vt-text) !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-inline-edit-form {
    border: 1px solid var(--vt-border) !important;
    border-radius: 10px !important;
    padding: 12px !important;
    background: var(--vt-bg) !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-delete-entry-form {
    margin: 0 !important;
    display: flex !important;
    justify-content: flex-end !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-btn-danger {
    background: #dc2626 !important;
    border-color: #dc2626 !important;
    color: #fff !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-check-label {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
}

@media (max-width: 700px) {
    body[data-site-theme="vehicle_tracker_light"] .vt-entry-details {
        padding: 10px 0 14px !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-inline-edit-form {
        padding: 10px !important;
    }
}


/* v4.5.1: launch stats and editable table fixes */
body[data-site-theme="vehicle_tracker_light"] .vt-admin-device-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-fuel-columns-four,
body[data-site-theme="vehicle_tracker_light"] .vt-fuel-row-four {
    grid-template-columns: minmax(0, .95fr) minmax(70px, .6fr) minmax(86px, .7fr) minmax(86px, .75fr) !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-editable-entry > summary {
    list-style-type: none !important;
    list-style-image: none !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-editable-entry > summary::marker {
    content: "" !important;
    font-size: 0 !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-editable-entry > summary::-webkit-details-marker {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-editable-entry > summary:before,
body[data-site-theme="vehicle_tracker_light"] .vt-editable-entry > summary:after {
    display: none !important;
    content: none !important;
}

@media (max-width: 700px) {
    body[data-site-theme="vehicle_tracker_light"] .vt-admin-device-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 14px !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-fuel-columns-four,
    body[data-site-theme="vehicle_tracker_light"] .vt-fuel-row-four {
        grid-template-columns: minmax(0, .85fr) minmax(52px, .55fr) minmax(74px, .7fr) minmax(74px, .75fr) !important;
        gap: 6px !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-fuel-columns-four span,
    body[data-site-theme="vehicle_tracker_light"] .vt-fuel-row-four > span,
    body[data-site-theme="vehicle_tracker_light"] .vt-expense-row-editable > span {
        white-space: nowrap !important;
    }
}


/* v4.5.3: responsive layout hardening */

/* Global overflow protection */
html[data-site-theme="vehicle_tracker_light"],
body[data-site-theme="vehicle_tracker_light"] {
    max-width: 100% !important;
    overflow-x: hidden !important;
}

body[data-site-theme="vehicle_tracker_light"] *,
body[data-site-theme="vehicle_tracker_light"] *::before,
body[data-site-theme="vehicle_tracker_light"] *::after {
    box-sizing: border-box !important;
    min-width: 0;
}

body[data-site-theme="vehicle_tracker_light"] .vt-card,
body[data-site-theme="vehicle_tracker_light"] .vt-table-card,
body[data-site-theme="vehicle_tracker_light"] .vt-editable-list,
body[data-site-theme="vehicle_tracker_light"] .vt-editable-entry,
body[data-site-theme="vehicle_tracker_light"] .vt-list-row,
body[data-site-theme="vehicle_tracker_light"] .vt-dashboard-row {
    max-width: 100% !important;
    overflow-wrap: anywhere !important;
    word-break: normal !important;
}

/* Fuel/expense editable rows: keep values inside columns */
body[data-site-theme="vehicle_tracker_light"] .vt-fuel-columns-four,
body[data-site-theme="vehicle_tracker_light"] .vt-fuel-row-four {
    grid-template-columns: minmax(110px, 1fr) minmax(92px, .65fr) minmax(110px, .75fr) minmax(110px, .8fr) !important;
    align-items: center !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-expense-columns,
body[data-site-theme="vehicle_tracker_light"] .vt-expense-row-editable {
    grid-template-columns: minmax(120px, .8fr) minmax(0, 1.35fr) minmax(110px, .7fr) !important;
    align-items: center !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-fuel-row-four > span,
body[data-site-theme="vehicle_tracker_light"] .vt-expense-row-editable > span,
body[data-site-theme="vehicle_tracker_light"] .vt-fuel-columns-four > span,
body[data-site-theme="vehicle_tracker_light"] .vt-expense-columns > span {
    min-width: 0 !important;
    overflow-wrap: anywhere !important;
    text-align: right !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-fuel-row-four > div,
body[data-site-theme="vehicle_tracker_light"] .vt-expense-row-editable > div {
    min-width: 0 !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-fuel-row-four small,
body[data-site-theme="vehicle_tracker_light"] .vt-expense-row-editable small {
    white-space: normal !important;
    overflow-wrap: anywhere !important;
}

/* Medium/narrow desktop/tablet: use card-like rows instead of broken table columns */
@media (max-width: 1100px) {
    body[data-site-theme="vehicle_tracker_light"] .vt-table-card .vt-list-columns {
        display: none !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-fuel-row-four,
    body[data-site-theme="vehicle_tracker_light"] .vt-expense-row-editable {
        grid-template-columns: 1fr !important;
        gap: 6px !important;
        align-items: start !important;
        padding: 14px 0 !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-fuel-row-four > span,
    body[data-site-theme="vehicle_tracker_light"] .vt-expense-row-editable > span {
        text-align: left !important;
        white-space: normal !important;
        overflow-wrap: anywhere !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-fuel-row-four > span:nth-of-type(1)::before {
        content: "Літри: ";
        color: var(--vt-muted);
        font-weight: 700;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-fuel-row-four > span:nth-of-type(2)::before,
    body[data-site-theme="vehicle_tracker_light"] .vt-expense-row-editable > span:nth-of-type(2)::before {
        content: "Cost: ";
        color: var(--vt-muted);
        font-weight: 700;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-fuel-row-four > span:nth-of-type(3)::before {
        content: "Пробіг: ";
        color: var(--vt-muted);
        font-weight: 700;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-expense-row-editable > span:nth-of-type(1)::before {
        content: "Сума: ";
        color: var(--vt-muted);
        font-weight: 700;
    }
}

/* Mobile portrait + mobile landscape: phone must stay phone UI, not half-desktop */
@media (max-width: 700px), (hover: none) and (pointer: coarse) and (orientation: landscape), (max-height: 520px) and (orientation: landscape) {
    html[data-site-theme="vehicle_tracker_light"],
    body[data-site-theme="vehicle_tracker_light"] {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow-x: hidden !important;
        background: #f3f4f6 !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .app-shell {
        display: block !important;
        grid-template-columns: none !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;
        min-height: 100dvh !important;
        margin: 0 !important;
        padding: 0 !important;
        border-radius: 0 !important;
        overflow: visible !important;
        background: #f3f4f6 !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .main-content {
        width: 100% !important;
        max-width: none !important;
        margin: 0 !important;
        padding: 14px 12px calc(92px + env(safe-area-inset-bottom, 0px)) !important;
        overflow-x: hidden !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .mobile-header {
        display: flex !important;
        position: sticky !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        z-index: 1100 !important;
        width: 100% !important;
        height: 56px !important;
        min-height: 56px !important;
        margin: 0 !important;
        padding: 0 max(12px, env(safe-area-inset-right, 0px)) 0 max(12px, env(safe-area-inset-left, 0px)) !important;
        border-radius: 0 !important;
        border-bottom: 1px solid var(--vt-border) !important;
        background: #ffffff !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .menu-btn {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 42px !important;
        height: 42px !important;
        min-width: 42px !important;
        min-height: 42px !important;
        border: 0 !important;
        background: transparent !important;
        color: var(--vt-text) !important;
        font-size: var(--vt-font-button, 14px) !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .sidebar {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        width: min(320px, 86vw) !important;
        min-width: 0 !important;
        max-width: 86vw !important;
        height: 100dvh !important;
        z-index: 1300 !important;
        transform: translateX(-105%) !important;
        transition: transform .18s ease !important;
        border-radius: 0 !important;
        box-shadow: 20px 0 40px rgba(15, 23, 42, .2) !important;
        padding: 0 18px 18px !important;
        background: #ffffff !important;
    }

    body[data-site-theme="vehicle_tracker_light"].sidebar-open .sidebar,
    body[data-site-theme="vehicle_tracker_light"] .app-shell.sidebar-open .sidebar,
    body[data-site-theme="vehicle_tracker_light"] .sidebar.open,
    body[data-site-theme="vehicle_tracker_light"] .sidebar.is-open {
        transform: translateX(0) !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .mobile-sidebar-backdrop {
        position: fixed !important;
        inset: 0 !important;
        z-index: 1250 !important;
        background: rgba(15, 23, 42, .34) !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .mobile-sidebar-backdrop[hidden] {
        display: none !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .bottom-nav {
        position: fixed !important;
        left: max(8px, env(safe-area-inset-left, 0px)) !important;
        right: max(8px, env(safe-area-inset-right, 0px)) !important;
        bottom: calc(6px + env(safe-area-inset-bottom, 0px)) !important;
        z-index: 1200 !important;
        display: grid !important;
        grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
        gap: 2px !important;
        min-height: 56px !important;
        padding: 6px 8px !important;
        border: 1px solid var(--vt-border) !important;
        border-radius: 18px !important;
        background: rgba(255, 255, 255, .95) !important;
        box-shadow: 0 14px 36px rgba(15, 23, 42, .16) !important;
        backdrop-filter: blur(16px) !important;
        -webkit-backdrop-filter: blur(16px) !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .bottom-nav a {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        min-width: 0 !important;
        font-size: var(--vt-font-menu, 13px) !important;
        line-height: 1.05 !important;
        text-decoration: none !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-page-top,
    body[data-site-theme="vehicle_tracker_light"] .vt-dashboard-page-top {
        display: block !important;
        margin: 0 0 12px !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-page-actions,
    body[data-site-theme="vehicle_tracker_light"] .vt-vehicle-select,
    body[data-site-theme="vehicle_tracker_light"] .vt-dashboard-vehicle-select,
    body[data-site-theme="vehicle_tracker_light"] select {
        width: 100% !important;
        max-width: 100% !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-kpi-grid-3,
    body[data-site-theme="vehicle_tracker_light"] .vt-two-col,
    body[data-site-theme="vehicle_tracker_light"] .vt-summary-grid,
    body[data-site-theme="vehicle_tracker_light"] .vt-form-grid,
    body[data-site-theme="vehicle_tracker_light"] .dashboard-stats,
    body[data-site-theme="vehicle_tracker_light"] .stats-grid {
        grid-template-columns: 1fr !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-card-title {
        padding: 14px 16px !important;
        gap: 10px !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-card-title h2 {
        overflow-wrap: anywhere !important;
    }
}

/* Very short landscape: keep bottom nav compact */
@media (hover: none) and (pointer: coarse) and (orientation: landscape) and (max-height: 430px) {
    body[data-site-theme="vehicle_tracker_light"] .main-content {
        padding-bottom: calc(70px + env(safe-area-inset-bottom, 0px)) !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .bottom-nav {
        min-height: 48px !important;
        padding: 4px 8px !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .bottom-nav-icon {
        font-size: var(--vt-font-menu, 13px) !important;
    }
}


/* v4.5.4: responsive corrections after v4.5.3 */

/* Fuel records: keep real column headers and never write labels near each value. */
body[data-site-theme="vehicle_tracker_light"] .vt-editable-list-card .vt-editable-list {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: auto !important;
    overflow-y: visible !important;
    -webkit-overflow-scrolling: touch !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-editable-list-card .vt-list-columns {
    display: grid !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-fuel-columns-four,
body[data-site-theme="vehicle_tracker_light"] .vt-fuel-row-four {
    display: grid !important;
    grid-template-columns: minmax(132px, 1fr) minmax(120px, .78fr) minmax(120px, .78fr) minmax(122px, .8fr) !important;
    column-gap: 14px !important;
    width: 100% !important;
    min-width: 560px !important;
    max-width: 100% !important;
    align-items: start !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-fuel-row-four > span::before,
body[data-site-theme="vehicle_tracker_light"] .vt-expense-row-editable > span::before {
    content: none !important;
    display: none !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-fuel-row-four > div,
body[data-site-theme="vehicle_tracker_light"] .vt-fuel-row-four > span {
    min-width: 0 !important;
    max-width: 100% !important;
    white-space: normal !important;
    overflow: hidden !important;
    overflow-wrap: anywhere !important;
    word-break: normal !important;
    text-overflow: clip !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-fuel-row-four > span,
body[data-site-theme="vehicle_tracker_light"] .vt-fuel-columns-four > span {
    text-align: right !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-fuel-row-four > div,
body[data-site-theme="vehicle_tracker_light"] .vt-fuel-columns-four > span:first-child {
    text-align: left !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-fuel-row-four strong,
body[data-site-theme="vehicle_tracker_light"] .vt-fuel-row-four small {
    display: block !important;
    max-width: 100% !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
}

/* On phones keep the 4-column structure with internal horizontal scroll instead of breaking outside card. */
@media (max-width: 700px), (hover: none) and (pointer: coarse) {
    body[data-site-theme="vehicle_tracker_light"] .vt-editable-list-card .vt-editable-list {
        overflow-x: auto !important;
        padding-bottom: 2px !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-editable-list-card .vt-list-columns {
        display: grid !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-fuel-columns-four,
    body[data-site-theme="vehicle_tracker_light"] .vt-fuel-row-four {
        grid-template-columns: minmax(118px, 1fr) minmax(112px, .8fr) minmax(112px, .8fr) minmax(118px, .85fr) !important;
        min-width: 520px !important;
        width: 520px !important;
        max-width: none !important;
        column-gap: 12px !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-fuel-row-four > span,
    body[data-site-theme="vehicle_tracker_light"] .vt-fuel-columns-four > span {
        font-size: var(--vt-font-content, 14px) !important;
        line-height: 1.25 !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-fuel-row-four strong {
        font-size: var(--vt-font-content, 14px) !important;
        line-height: 1.25 !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-fuel-row-four small {
        font-size: var(--vt-font-caption, 12px) !important;
        line-height: 1.25 !important;
    }
}

/* Expenses: long descriptions must wrap inside the card and not overlap amount. */
body[data-site-theme="vehicle_tracker_light"] .vt-expense-row-editable {
    grid-template-columns: minmax(100px, .75fr) minmax(0, 1.4fr) minmax(112px, .75fr) !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-expense-row-editable > div,
body[data-site-theme="vehicle_tracker_light"] .vt-expense-row-editable > span {
    min-width: 0 !important;
    max-width: 100% !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-expense-row-editable > span:last-child {
    text-align: right !important;
    white-space: nowrap !important;
}

@media (max-width: 700px), (hover: none) and (pointer: coarse) {
    body[data-site-theme="vehicle_tracker_light"] .vt-expense-row-editable {
        grid-template-columns: minmax(82px, .72fr) minmax(0, 1.2fr) minmax(90px, .78fr) !important;
        column-gap: 8px !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-expense-row-editable > span,
    body[data-site-theme="vehicle_tracker_light"] .vt-expense-row-editable small {
        font-size: var(--vt-font-caption, 12px) !important;
        line-height: 1.25 !important;
    }
}

/* Landscape: keep header/logo proportional. */
@media (orientation: landscape) and (max-height: 520px) {
    body[data-site-theme="vehicle_tracker_light"] .mobile-header {
        height: 48px !important;
        min-height: 48px !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .mobile-header-center {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 8px !important;
        min-width: 0 !important;
        max-width: calc(100vw - 110px) !important;
        overflow: hidden !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .mobile-header-logo,
    body[data-site-theme="vehicle_tracker_light"] .brand-logo,
    body[data-site-theme="vehicle_tracker_light"] .desktop-page-header img {
        width: clamp(24px, 6vh, 34px) !important;
        height: clamp(24px, 6vh, 34px) !important;
        max-width: clamp(24px, 6vh, 34px) !important;
        max-height: clamp(24px, 6vh, 34px) !important;
        object-fit: contain !important;
        flex: 0 0 auto !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .mobile-header-title {
        font-size: var(--vt-font-page-title, 28px) !important;
        line-height: 1.05 !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .mobile-header-version {
        font-size: var(--vt-font-caption, 12px) !important;
        line-height: 1 !important;
    }
}

/* Landscape bottom nav: restore visible active state. */
@media (orientation: landscape) and (hover: none) and (pointer: coarse) {
    body[data-site-theme="vehicle_tracker_light"] .bottom-nav a.active {
        color: var(--vt-primary) !important;
        background: color-mix(in srgb, var(--vt-primary) 13%, transparent) !important;
        box-shadow: inset 0 -3px 0 var(--vt-primary) !important;
        font-weight: 800 !important;
        opacity: 1 !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .bottom-nav a.active .bottom-nav-icon {
        opacity: 1 !important;
        transform: translateY(-1px) !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .bottom-nav a:not(.active) {
        opacity: .82 !important;
    }
}


/* v4.5.5: keep overdue badge attached to TO nav item */
body[data-site-theme="vehicle_tracker_light"] .bottom-nav a {
    position: relative !important;
    overflow: visible !important;
}

body[data-site-theme="vehicle_tracker_light"] .bottom-nav a .nav-badge {
    position: absolute !important;
    top: 2px !important;
    right: calc(50% - 24px) !important;
    left: auto !important;
    transform: none !important;
    z-index: 5 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 22px !important;
    height: 22px !important;
    padding: 0 6px !important;
    border-radius: 999px !important;
    background: #dc2626 !important;
    color: #fff !important;
    font-size: max(9px, calc(var(--vt-font-caption, 12px) * 0.9)) !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    box-shadow: 0 2px 6px rgba(220, 38, 38, .25) !important;
}

@media (orientation: landscape) and (hover: none) and (pointer: coarse) {
    body[data-site-theme="vehicle_tracker_light"] .bottom-nav a .nav-badge {
        top: 1px !important;
        right: calc(50% - 22px) !important;
        left: auto !important;
        transform: none !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .bottom-nav a.active .nav-badge {
        background: #dc2626 !important;
        color: #fff !important;
    }
}


/* v4.5.6: fuel mileage placement, landscape sidebar scroll, stable bottom nav */

/* Fuel records now use Date | Liters | Cost. Mileage is shown as small text under date. */
body[data-site-theme="vehicle_tracker_light"] .vt-fuel-columns-three,
body[data-site-theme="vehicle_tracker_light"] .vt-fuel-row-three {
    display: grid !important;
    grid-template-columns: minmax(128px, 1fr) minmax(110px, .72fr) minmax(120px, .78fr) !important;
    column-gap: 14px !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    align-items: start !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-fuel-row-three > div,
body[data-site-theme="vehicle_tracker_light"] .vt-fuel-row-three > span {
    min-width: 0 !important;
    max-width: 100% !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-fuel-row-three > span,
body[data-site-theme="vehicle_tracker_light"] .vt-fuel-columns-three > span {
    text-align: right !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-fuel-row-three > div,
body[data-site-theme="vehicle_tracker_light"] .vt-fuel-columns-three > span:first-child {
    text-align: left !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-fuel-row-three small {
    display: block !important;
    color: var(--vt-muted) !important;
    font-size: var(--vt-font-caption, 12px) !important;
    line-height: 1.25 !important;
    margin-top: 3px !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
}

/* Override old 4-column fuel rules on mobile and desktop. */
body[data-site-theme="vehicle_tracker_light"] .vt-fuel-columns-four,
body[data-site-theme="vehicle_tracker_light"] .vt-fuel-row-four {
    min-width: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
}

@media (max-width: 700px), (hover: none) and (pointer: coarse) {
    body[data-site-theme="vehicle_tracker_light"] .vt-fuel-columns-three,
    body[data-site-theme="vehicle_tracker_light"] .vt-fuel-row-three {
        grid-template-columns: minmax(122px, 1fr) minmax(112px, .78fr) minmax(116px, .82fr) !important;
        column-gap: 10px !important;
        min-width: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-fuel-row-three > span,
    body[data-site-theme="vehicle_tracker_light"] .vt-fuel-columns-three > span {
        font-size: var(--vt-font-content, 14px) !important;
        line-height: 1.25 !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-fuel-row-three strong {
        font-size: var(--vt-font-content, 14px) !important;
        line-height: 1.25 !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-fuel-row-three small {
        font-size: var(--vt-font-caption, 12px) !important;
    }
}

/* Phone landscape: sidebar content scrolls and user/admin block must not overlap menu items. */
@media (orientation: landscape) and (hover: none) and (pointer: coarse) {
    body[data-site-theme="vehicle_tracker_light"] .sidebar {
        overflow-y: auto !important;
        overflow-x: hidden !important;
        -webkit-overflow-scrolling: touch !important;
        display: flex !important;
        flex-direction: column !important;
        gap: 12px !important;
        padding-bottom: calc(16px + env(safe-area-inset-bottom, 0px)) !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .side-nav {
        flex: 0 0 auto !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .sidebar-user {
        position: static !important;
        margin-top: 12px !important;
        padding-top: 12px !important;
        border-top: 1px solid var(--vt-border) !important;
        flex: 0 0 auto !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .side-nav a {
        min-height: 38px !important;
        height: auto !important;
        padding-top: 8px !important;
        padding-bottom: 8px !important;
    }
}

/* Bottom nav in landscape must keep normal readable style, not faded grey. */
@media (orientation: landscape) and (hover: none) and (pointer: coarse) {
    body[data-site-theme="vehicle_tracker_light"] .bottom-nav a {
        color: var(--vt-muted) !important;
        opacity: 1 !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .bottom-nav a span,
    body[data-site-theme="vehicle_tracker_light"] .bottom-nav a .bottom-nav-icon {
        opacity: 1 !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .bottom-nav a.active {
        color: var(--vt-primary) !important;
        background: color-mix(in srgb, var(--vt-primary) 13%, transparent) !important;
        box-shadow: inset 0 -3px 0 var(--vt-primary) !important;
        font-weight: 800 !important;
        opacity: 1 !important;
    }
}


/* v4.5.7: unified fuel list layout, no clipped values */

/* One shared 3-column fuel layout for Dashboard and Fuel page:
   Date(+mileage) | volume | cost */
body[data-site-theme="vehicle_tracker_light"] .vt-dashboard-fuel-card .vt-list-columns,
body[data-site-theme="vehicle_tracker_light"] .vt-dashboard-fuel-card .vt-dashboard-row,
body[data-site-theme="vehicle_tracker_light"] .vt-fuel-columns-three,
body[data-site-theme="vehicle_tracker_light"] .vt-fuel-row-three {
    display: grid !important;
    grid-template-columns: minmax(104px, 1.15fr) minmax(92px, .82fr) minmax(104px, .95fr) !important;
    column-gap: 10px !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    align-items: start !important;
    overflow: visible !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-dashboard-fuel-card .vt-list,
body[data-site-theme="vehicle_tracker_light"] .vt-editable-list-card .vt-editable-list {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow-x: hidden !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-dashboard-fuel-card .vt-dashboard-row > div,
body[data-site-theme="vehicle_tracker_light"] .vt-dashboard-fuel-card .vt-dashboard-row > span,
body[data-site-theme="vehicle_tracker_light"] .vt-fuel-row-three > div,
body[data-site-theme="vehicle_tracker_light"] .vt-fuel-row-three > span,
body[data-site-theme="vehicle_tracker_light"] .vt-dashboard-fuel-card .vt-list-columns > span,
body[data-site-theme="vehicle_tracker_light"] .vt-fuel-columns-three > span {
    min-width: 0 !important;
    max-width: 100% !important;
    overflow: visible !important;
    overflow-wrap: anywhere !important;
    white-space: normal !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-dashboard-fuel-card .vt-dashboard-row > span,
body[data-site-theme="vehicle_tracker_light"] .vt-fuel-row-three > span,
body[data-site-theme="vehicle_tracker_light"] .vt-dashboard-fuel-card .vt-list-columns > span,
body[data-site-theme="vehicle_tracker_light"] .vt-fuel-columns-three > span {
    text-align: right !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-dashboard-fuel-card .vt-dashboard-row > div,
body[data-site-theme="vehicle_tracker_light"] .vt-fuel-row-three > div,
body[data-site-theme="vehicle_tracker_light"] .vt-dashboard-fuel-card .vt-list-columns > span:first-child,
body[data-site-theme="vehicle_tracker_light"] .vt-fuel-columns-three > span:first-child {
    text-align: left !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-dashboard-fuel-card .vt-dashboard-row > span:nth-of-type(1),
body[data-site-theme="vehicle_tracker_light"] .vt-fuel-row-three > span:nth-of-type(1) {
    white-space: nowrap !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-dashboard-fuel-card .vt-dashboard-row > span:nth-of-type(2),
body[data-site-theme="vehicle_tracker_light"] .vt-fuel-row-three > span:nth-of-type(2) {
    white-space: nowrap !important;
    padding-right: 2px !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-dashboard-fuel-card .vt-dashboard-row strong,
body[data-site-theme="vehicle_tracker_light"] .vt-fuel-row-three strong {
    display: block !important;
    max-width: 100% !important;
    overflow-wrap: anywhere !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-dashboard-fuel-card .vt-dashboard-row small,
body[data-site-theme="vehicle_tracker_light"] .vt-fuel-row-three small {
    display: block !important;
    max-width: 100% !important;
    color: var(--vt-muted) !important;
    font-size: var(--vt-font-caption, 12px) !important;
    line-height: 1.25 !important;
    margin-top: 3px !important;
    overflow-wrap: anywhere !important;
    white-space: normal !important;
}

/* Phone width: keep the same table idea, but make numeric columns fit. */
@media (max-width: 700px), (hover: none) and (pointer: coarse) {
    body[data-site-theme="vehicle_tracker_light"] .vt-dashboard-fuel-card .vt-list-columns,
    body[data-site-theme="vehicle_tracker_light"] .vt-dashboard-fuel-card .vt-dashboard-row,
    body[data-site-theme="vehicle_tracker_light"] .vt-fuel-columns-three,
    body[data-site-theme="vehicle_tracker_light"] .vt-fuel-row-three {
        grid-template-columns: minmax(104px, 1.05fr) minmax(94px, .8fr) minmax(98px, .85fr) !important;
        column-gap: 7px !important;
        min-width: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-dashboard-fuel-card .vt-list-columns > span,
    body[data-site-theme="vehicle_tracker_light"] .vt-dashboard-fuel-card .vt-dashboard-row > span,
    body[data-site-theme="vehicle_tracker_light"] .vt-fuel-columns-three > span,
    body[data-site-theme="vehicle_tracker_light"] .vt-fuel-row-three > span {
        font-size: var(--vt-font-content, 14px) !important;
        line-height: 1.22 !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-dashboard-fuel-card .vt-dashboard-row > span:nth-of-type(2),
    body[data-site-theme="vehicle_tracker_light"] .vt-fuel-row-three > span:nth-of-type(2) {
        font-size: var(--vt-font-content, 14px) !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-dashboard-fuel-card .vt-dashboard-row strong,
    body[data-site-theme="vehicle_tracker_light"] .vt-fuel-row-three strong {
        font-size: var(--vt-font-content, 14px) !important;
        line-height: 1.22 !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-dashboard-fuel-card .vt-dashboard-row small,
    body[data-site-theme="vehicle_tracker_light"] .vt-fuel-row-three small {
        font-size: var(--vt-font-caption, 12px) !important;
    }
}

/* Very narrow phone: allow cost to wrap rather than leave the block. */
@media (max-width: 380px) {
    body[data-site-theme="vehicle_tracker_light"] .vt-dashboard-fuel-card .vt-list-columns,
    body[data-site-theme="vehicle_tracker_light"] .vt-dashboard-fuel-card .vt-dashboard-row,
    body[data-site-theme="vehicle_tracker_light"] .vt-fuel-columns-three,
    body[data-site-theme="vehicle_tracker_light"] .vt-fuel-row-three {
        grid-template-columns: minmax(92px, 1fr) minmax(82px, .72fr) minmax(86px, .78fr) !important;
        column-gap: 6px !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-dashboard-fuel-card .vt-dashboard-row > span:nth-of-type(1),
    body[data-site-theme="vehicle_tracker_light"] .vt-fuel-row-three > span:nth-of-type(1),
    body[data-site-theme="vehicle_tracker_light"] .vt-dashboard-fuel-card .vt-dashboard-row > span:nth-of-type(2),
    body[data-site-theme="vehicle_tracker_light"] .vt-fuel-row-three > span:nth-of-type(2) {
        white-space: normal !important;
    }
}


/* v4.5.8: Admin summary cards must stay side-by-side on mobile */
body[data-site-theme="vehicle_tracker_light"] .vt-admin-summary-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
    align-items: stretch !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-admin-summary-grid .vt-admin-summary-card {
    width: 100% !important;
    min-width: 0 !important;
    height: 100% !important;
    align-self: stretch !important;
}

@media (max-width: 700px), (hover: none) and (pointer: coarse) {
    body[data-site-theme="vehicle_tracker_light"] .vt-admin-summary-grid {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 8px !important;
        width: 100% !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-admin-summary-card {
        min-height: 92px !important;
        height: auto !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-admin-summary-card .vt-card-title {
        padding: 7px 22px 4px 8px !important;
        justify-content: center !important;
        text-align: center !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-admin-summary-card .vt-card-title h2 {
        font-size: var(--vt-font-block-title, 18px) !important;
        line-height: 1.15 !important;
        overflow-wrap: anywhere !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-admin-summary-card .vt-stat-list {
        padding: 4px 22px 8px 8px !important;
        gap: 3px !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-admin-summary-card .vt-stat-list div {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) auto !important;
        gap: 6px !important;
        min-height: 16px !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-admin-summary-card .vt-stat-list span {
        font-size: var(--vt-font-content, 14px) !important;
        line-height: 1.15 !important;
        overflow-wrap: anywhere !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-admin-summary-card .vt-stat-list strong {
        font-size: var(--vt-font-content, 14px) !important;
        line-height: 1.15 !important;
    }
}


/* v4.5.9: make Fuel page "Записи заправок" visually match Dashboard fuel card */
body[data-site-theme="vehicle_tracker_light"] .vt-editable-list-card .vt-editable-list {
    padding: 0 28px 22px !important;
    overflow-x: hidden !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-editable-list-card .vt-list-columns.vt-fuel-columns-three,
body[data-site-theme="vehicle_tracker_light"] .vt-editable-list-card .vt-fuel-row-three {
    grid-template-columns: minmax(112px, 1fr) minmax(96px, .82fr) minmax(110px, .92fr) !important;
    column-gap: 12px !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-editable-list-card .vt-list-columns.vt-fuel-columns-three {
    padding: 18px 0 8px !important;
    border-bottom: 1px solid var(--vt-border) !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-editable-list-card .vt-fuel-row-three {
    padding: 14px 0 !important;
    border-bottom: 1px solid var(--vt-border) !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-editable-list-card .vt-editable-entry:last-of-type .vt-fuel-row-three {
    border-bottom: 0 !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-editable-list-card .vt-editable-entry {
    border-bottom: 0 !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-editable-list-card .vt-fuel-row-three > div,
body[data-site-theme="vehicle_tracker_light"] .vt-editable-list-card .vt-fuel-row-three > span {
    min-width: 0 !important;
    max-width: 100% !important;
    overflow: visible !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-editable-list-card .vt-fuel-row-three > span,
body[data-site-theme="vehicle_tracker_light"] .vt-editable-list-card .vt-list-columns.vt-fuel-columns-three > span {
    text-align: right !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-editable-list-card .vt-fuel-row-three > div,
body[data-site-theme="vehicle_tracker_light"] .vt-editable-list-card .vt-list-columns.vt-fuel-columns-three > span:first-child {
    text-align: left !important;
}

@media (max-width: 700px), (hover: none) and (pointer: coarse) {
    body[data-site-theme="vehicle_tracker_light"] .vt-editable-list-card .vt-editable-list {
        padding: 0 28px 20px !important;
        overflow-x: hidden !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-editable-list-card .vt-list-columns.vt-fuel-columns-three,
    body[data-site-theme="vehicle_tracker_light"] .vt-editable-list-card .vt-fuel-row-three {
        grid-template-columns: minmax(108px, 1fr) minmax(96px, .82fr) minmax(102px, .88fr) !important;
        column-gap: 8px !important;
        min-width: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-editable-list-card .vt-fuel-row-three > span,
    body[data-site-theme="vehicle_tracker_light"] .vt-editable-list-card .vt-list-columns.vt-fuel-columns-three > span {
        font-size: var(--vt-font-content, 14px) !important;
        line-height: 1.22 !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-editable-list-card .vt-fuel-row-three strong {
        font-size: var(--vt-font-content, 14px) !important;
        line-height: 1.22 !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-editable-list-card .vt-fuel-row-three small {
        font-size: var(--vt-font-caption, 12px) !important;
        line-height: 1.25 !important;
    }
}

@media (max-width: 380px) {
    body[data-site-theme="vehicle_tracker_light"] .vt-editable-list-card .vt-editable-list {
        padding-left: 22px !important;
        padding-right: 22px !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-editable-list-card .vt-list-columns.vt-fuel-columns-three,
    body[data-site-theme="vehicle_tracker_light"] .vt-editable-list-card .vt-fuel-row-three {
        grid-template-columns: minmax(94px, 1fr) minmax(82px, .76fr) minmax(88px, .82fr) !important;
        column-gap: 6px !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-editable-list-card .vt-fuel-row-three > span:nth-of-type(1),
    body[data-site-theme="vehicle_tracker_light"] .vt-editable-list-card .vt-fuel-row-three > span:nth-of-type(2) {
        white-space: normal !important;
    }
}


/* v4.6.1: IP Geography / Timezone split */
body[data-site-theme="vehicle_tracker_light"] .vt-admin-geo-split-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
    margin-bottom: 12px !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-geo-warning {
    border-color: rgba(220, 38, 38, .35) !important;
    background: rgba(220, 38, 38, .06) !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-geo-warning strong {
    color: #dc2626 !important;
}

@media (max-width: 700px) {
    body[data-site-theme="vehicle_tracker_light"] .vt-admin-geo-split-grid {
        grid-template-columns: 1fr !important;
        gap: 10px !important;
    }
}


/* v4.6.3: PWA/network status logo glow */
body[data-site-theme="vehicle_tracker_light"] .network-status-logo {
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    background: transparent !important;
    border-radius: 999px !important;
    cursor: pointer !important;
    line-height: 1 !important;
    flex: 0 0 auto !important;
    -webkit-tap-highlight-color: transparent !important;
}

body[data-site-theme="vehicle_tracker_light"] .network-status-logo img {
    border-radius: 999px !important;
    transition: box-shadow .22s ease, filter .22s ease, opacity .22s ease, transform .22s ease !important;
}

body[data-site-theme="vehicle_tracker_light"] .network-status-logo:focus-visible img {
    outline: 2px solid var(--vt-primary) !important;
    outline-offset: 3px !important;
}

body[data-site-theme="vehicle_tracker_light"] .network-status-text {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}

body[data-site-theme="vehicle_tracker_light"][data-network-status="online"] .network-status-logo img,
html[data-network-status="online"] body[data-site-theme="vehicle_tracker_light"] .network-status-logo img {
    filter: none !important;
    opacity: 1 !important;
    box-shadow:
        0 0 0 2px rgba(34, 197, 94, .34),
        0 0 12px rgba(34, 197, 94, .60),
        0 0 24px rgba(34, 197, 94, .22) !important;
}

body[data-site-theme="vehicle_tracker_light"][data-network-status="offline"] .network-status-logo img,
html[data-network-status="offline"] body[data-site-theme="vehicle_tracker_light"] .network-status-logo img {
    filter: none !important;
    opacity: 1 !important;
    box-shadow:
        0 0 0 2px rgba(239, 68, 68, .36),
        0 0 12px rgba(239, 68, 68, .66),
        0 0 24px rgba(239, 68, 68, .24) !important;
}

body[data-site-theme="vehicle_tracker_light"][data-network-status="checking"] .network-status-logo img,
html[data-network-status="checking"] body[data-site-theme="vehicle_tracker_light"] .network-status-logo img {
    filter: grayscale(1) !important;
    opacity: .72 !important;
    box-shadow:
        0 0 0 2px rgba(107, 114, 128, .34),
        0 0 12px rgba(107, 114, 128, .56),
        0 0 22px rgba(107, 114, 128, .18) !important;
    animation: dbalnyk-network-checking-pulse 1.1s ease-in-out infinite !important;
}

@keyframes dbalnyk-network-checking-pulse {
    0%, 100% {
        transform: scale(1);
    }
    50% {
        transform: scale(.94);
    }
}

/* Automatic checks are silent: only manual logo click uses the checking visual state. */
body[data-site-theme="vehicle_tracker_light"] .mobile-network-status-logo {
    width: auto !important;
    height: auto !important;
}

body[data-site-theme="vehicle_tracker_light"] .sidebar-network-status-logo {
    width: auto !important;
    height: auto !important;
}

body[data-site-theme="vehicle_tracker_light"] .brand .network-status-logo {
    margin-right: 0 !important;
}

body[data-site-theme="vehicle_tracker_light"] .brand .network-status-logo img {
    display: block !important;
}


/* v4.6.4: restore header logo shape and keep network status only in page header */
body[data-site-theme="vehicle_tracker_light"] .mobile-header-center .network-status-logo.mobile-network-status-logo {
    border-radius: 14px !important;
    background: transparent !important;
    overflow: visible !important;
}

body[data-site-theme="vehicle_tracker_light"] .mobile-header-center .network-status-logo.mobile-network-status-logo img.mobile-header-logo {
    border-radius: 14px !important;
    overflow: hidden !important;
    object-fit: contain !important;
}

/* Do not force all status logo images into a circle. The logo itself is a rounded rectangle. */
body[data-site-theme="vehicle_tracker_light"] .network-status-logo img {
    border-radius: 14px !important;
}

/* Sidebar logo is not a network status control. */
body[data-site-theme="vehicle_tracker_light"] .brand > img.brand-logo,
body[data-site-theme="vehicle_tracker_light"] .brand > .brand-logo {
    box-shadow: none !important;
    filter: none !important;
    opacity: 1 !important;
    animation: none !important;
}

/* Softer glow for the header status logo. */
body[data-site-theme="vehicle_tracker_light"][data-network-status="online"] .mobile-network-status-logo img,
html[data-network-status="online"] body[data-site-theme="vehicle_tracker_light"] .mobile-network-status-logo img {
    box-shadow:
        0 0 0 2px rgba(34, 197, 94, .30),
        0 0 9px rgba(34, 197, 94, .46),
        0 0 17px rgba(34, 197, 94, .16) !important;
}

body[data-site-theme="vehicle_tracker_light"][data-network-status="offline"] .mobile-network-status-logo img,
html[data-network-status="offline"] body[data-site-theme="vehicle_tracker_light"] .mobile-network-status-logo img {
    box-shadow:
        0 0 0 2px rgba(239, 68, 68, .32),
        0 0 9px rgba(239, 68, 68, .52),
        0 0 17px rgba(239, 68, 68, .18) !important;
}

body[data-site-theme="vehicle_tracker_light"][data-network-status="checking"] .mobile-network-status-logo img,
html[data-network-status="checking"] body[data-site-theme="vehicle_tracker_light"] .mobile-network-status-logo img {
    box-shadow:
        0 0 0 2px rgba(107, 114, 128, .30),
        0 0 9px rgba(107, 114, 128, .46),
        0 0 16px rgba(107, 114, 128, .14) !important;
}


/* v4.6.5: clean square header status logo, prevent round fallback, avoid glow clipping */
@media (max-width: 700px) {
    body[data-site-theme="vehicle_tracker_light"] .mobile-header {
        min-height: 76px !important;
        height: 76px !important;
        padding-top: 8px !important;
        padding-bottom: 8px !important;
        overflow: visible !important;
        grid-template-columns: 64px minmax(0, 1fr) 64px !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .mobile-header-center {
        overflow: visible !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .mobile-header-center .network-status-logo.mobile-network-status-logo {
        grid-column: 3 !important;
        justify-self: end !important;
        align-self: center !important;
        width: 54px !important;
        height: 54px !important;
        min-width: 54px !important;
        min-height: 54px !important;
        border-radius: 14px !important;
        overflow: visible !important;
        background: transparent !important;
        margin: 0 !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .mobile-header-center .network-status-logo.mobile-network-status-logo img.mobile-header-logo,
    body[data-site-theme="vehicle_tracker_light"][data-network-status="online"] .mobile-header-center .network-status-logo.mobile-network-status-logo img.mobile-header-logo,
    body[data-site-theme="vehicle_tracker_light"][data-network-status="offline"] .mobile-header-center .network-status-logo.mobile-network-status-logo img.mobile-header-logo,
    body[data-site-theme="vehicle_tracker_light"][data-network-status="checking"] .mobile-header-center .network-status-logo.mobile-network-status-logo img.mobile-header-logo,
    html[data-network-status="online"] body[data-site-theme="vehicle_tracker_light"] .mobile-header-center .network-status-logo.mobile-network-status-logo img.mobile-header-logo,
    html[data-network-status="offline"] body[data-site-theme="vehicle_tracker_light"] .mobile-header-center .network-status-logo.mobile-network-status-logo img.mobile-header-logo,
    html[data-network-status="checking"] body[data-site-theme="vehicle_tracker_light"] .mobile-header-center .network-status-logo.mobile-network-status-logo img.mobile-header-logo {
        width: 54px !important;
        height: 54px !important;
        min-width: 54px !important;
        min-height: 54px !important;
        flex: 0 0 54px !important;
        border-radius: 14px !important;
        object-fit: cover !important;
        object-position: center !important;
        margin: 0 !important;
        overflow: hidden !important;
        background: #ffffff !important;
    }
}

/* Force the header status logo to stay rounded-rectangle in every network state. */
body[data-site-theme="vehicle_tracker_light"] .mobile-network-status-logo,
body[data-site-theme="vehicle_tracker_light"] .mobile-network-status-logo img,
body[data-site-theme="vehicle_tracker_light"][data-network-status="online"] .mobile-network-status-logo img,
body[data-site-theme="vehicle_tracker_light"][data-network-status="offline"] .mobile-network-status-logo img,
body[data-site-theme="vehicle_tracker_light"][data-network-status="checking"] .mobile-network-status-logo img,
html[data-network-status="online"] body[data-site-theme="vehicle_tracker_light"] .mobile-network-status-logo img,
html[data-network-status="offline"] body[data-site-theme="vehicle_tracker_light"] .mobile-network-status-logo img,
html[data-network-status="checking"] body[data-site-theme="vehicle_tracker_light"] .mobile-network-status-logo img {
    border-radius: 14px !important;
}

/* Slightly tighter glow so it fits inside the taller header. */
body[data-site-theme="vehicle_tracker_light"][data-network-status="online"] .mobile-network-status-logo img,
html[data-network-status="online"] body[data-site-theme="vehicle_tracker_light"] .mobile-network-status-logo img {
    box-shadow:
        0 0 0 2px rgba(34, 197, 94, .30),
        0 0 8px rgba(34, 197, 94, .44),
        0 0 14px rgba(34, 197, 94, .15) !important;
}

body[data-site-theme="vehicle_tracker_light"][data-network-status="offline"] .mobile-network-status-logo img,
html[data-network-status="offline"] body[data-site-theme="vehicle_tracker_light"] .mobile-network-status-logo img {
    box-shadow:
        0 0 0 2px rgba(239, 68, 68, .32),
        0 0 8px rgba(239, 68, 68, .50),
        0 0 14px rgba(239, 68, 68, .17) !important;
}

body[data-site-theme="vehicle_tracker_light"][data-network-status="checking"] .mobile-network-status-logo img,
html[data-network-status="checking"] body[data-site-theme="vehicle_tracker_light"] .mobile-network-status-logo img {
    box-shadow:
        0 0 0 2px rgba(107, 114, 128, .30),
        0 0 8px rgba(107, 114, 128, .44),
        0 0 14px rgba(107, 114, 128, .14) !important;
}


/* v4.6.6: make manual Checking state visible and stable */
body[data-site-theme="vehicle_tracker_light"][data-network-status="checking"] .mobile-network-status-logo img.mobile-header-logo,
html[data-network-status="checking"] body[data-site-theme="vehicle_tracker_light"] .mobile-network-status-logo img.mobile-header-logo {
    filter: grayscale(1) saturate(0) !important;
    opacity: .68 !important;
    animation: dbalnyk-network-checking-pulse 1.1s ease-in-out infinite !important;
}


/* v4.6.7: single square logo + CSS status frame/glow */
@media (max-width: 700px) {
    body[data-site-theme="vehicle_tracker_light"] .mobile-header {
        min-height: 84px !important;
        height: 84px !important;
        padding-top: 10px !important;
        padding-bottom: 10px !important;
        overflow: visible !important;
        grid-template-columns: 64px minmax(0, 1fr) 78px !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .mobile-header-center {
        overflow: visible !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .mobile-header-center .network-status-logo.mobile-network-status-logo {
        grid-column: 3 !important;
        justify-self: end !important;
        align-self: center !important;
        width: 66px !important;
        height: 66px !important;
        min-width: 66px !important;
        min-height: 66px !important;
        border-radius: 18px !important;
        overflow: visible !important;
        background: transparent !important;
        padding: 0 !important;
        margin: 0 !important;
        box-shadow: none !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .mobile-header-center .network-status-logo.mobile-network-status-logo img.mobile-header-logo,
    body[data-site-theme="vehicle_tracker_light"][data-network-status="online"] .mobile-header-center .network-status-logo.mobile-network-status-logo img.mobile-header-logo,
    body[data-site-theme="vehicle_tracker_light"][data-network-status="offline"] .mobile-header-center .network-status-logo.mobile-network-status-logo img.mobile-header-logo,
    body[data-site-theme="vehicle_tracker_light"][data-network-status="checking"] .mobile-header-center .network-status-logo.mobile-network-status-logo img.mobile-header-logo,
    html[data-network-status="online"] body[data-site-theme="vehicle_tracker_light"] .mobile-header-center .network-status-logo.mobile-network-status-logo img.mobile-header-logo,
    html[data-network-status="offline"] body[data-site-theme="vehicle_tracker_light"] .mobile-header-center .network-status-logo.mobile-network-status-logo img.mobile-header-logo,
    html[data-network-status="checking"] body[data-site-theme="vehicle_tracker_light"] .mobile-header-center .network-status-logo.mobile-network-status-logo img.mobile-header-logo {
        width: 66px !important;
        height: 66px !important;
        min-width: 66px !important;
        min-height: 66px !important;
        flex: 0 0 66px !important;
        border-radius: 18px !important;
        object-fit: cover !important;
        object-position: center !important;
        margin: 0 !important;
        background: #ffffff !important;
        border: 3px solid transparent !important;
        padding: 0 !important;
        overflow: hidden !important;
        transform: none !important;
    }
}

/* Online = green frame/glow */
body[data-site-theme="vehicle_tracker_light"][data-network-status="online"] .mobile-network-status-logo img.mobile-header-logo,
html[data-network-status="online"] body[data-site-theme="vehicle_tracker_light"] .mobile-network-status-logo img.mobile-header-logo {
    filter: none !important;
    opacity: 1 !important;
    border-color: rgba(134, 222, 163, .95) !important;
    box-shadow:
        0 0 0 1px rgba(134, 222, 163, .28),
        0 0 12px rgba(134, 222, 163, .60),
        0 0 26px rgba(134, 222, 163, .25) !important;
    animation: none !important;
}

/* Offline = red frame/glow */
body[data-site-theme="vehicle_tracker_light"][data-network-status="offline"] .mobile-network-status-logo img.mobile-header-logo,
html[data-network-status="offline"] body[data-site-theme="vehicle_tracker_light"] .mobile-network-status-logo img.mobile-header-logo {
    filter: none !important;
    opacity: 1 !important;
    border-color: rgba(239, 145, 150, .95) !important;
    box-shadow:
        0 0 0 1px rgba(239, 145, 150, .30),
        0 0 12px rgba(239, 145, 150, .62),
        0 0 26px rgba(239, 145, 150, .26) !important;
    animation: none !important;
}

/* Checking/searching = grey frame/glow + pulse, same single logo */
body[data-site-theme="vehicle_tracker_light"][data-network-status="checking"] .mobile-network-status-logo img.mobile-header-logo,
html[data-network-status="checking"] body[data-site-theme="vehicle_tracker_light"] .mobile-network-status-logo img.mobile-header-logo {
    filter: grayscale(1) saturate(0) !important;
    opacity: .78 !important;
    border-color: rgba(198, 198, 198, .98) !important;
    box-shadow:
        0 0 0 1px rgba(198, 198, 198, .28),
        0 0 12px rgba(198, 198, 198, .54),
        0 0 24px rgba(198, 198, 198, .20) !important;
    animation: dbalnyk-network-checking-pulse 1.1s ease-in-out infinite !important;
}


/* v4.6.8: isolate network-status logo from legacy .mobile-header-logo rules */
@media (max-width: 700px) {
    body[data-site-theme="vehicle_tracker_light"] .mobile-header {
        min-height: 84px !important;
        height: 84px !important;
        padding-top: 10px !important;
        padding-bottom: 10px !important;
        overflow: visible !important;
        grid-template-columns: 64px minmax(0, 1fr) 78px !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .mobile-header-center {
        display: contents !important;
        overflow: visible !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .mobile-header-center .network-status-logo.mobile-network-status-logo {
        grid-column: 3 !important;
        justify-self: end !important;
        align-self: center !important;
        width: 66px !important;
        height: 66px !important;
        min-width: 66px !important;
        min-height: 66px !important;
        padding: 0 !important;
        margin: 0 !important;
        border: 0 !important;
        background: transparent !important;
        border-radius: 18px !important;
        overflow: visible !important;
        box-shadow: none !important;
        transform: none !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .mobile-header-center .network-status-logo.mobile-network-status-logo .network-status-img,
    body[data-site-theme="vehicle_tracker_light"][data-network-status="online"] .mobile-header-center .network-status-logo.mobile-network-status-logo .network-status-img,
    body[data-site-theme="vehicle_tracker_light"][data-network-status="offline"] .mobile-header-center .network-status-logo.mobile-network-status-logo .network-status-img,
    body[data-site-theme="vehicle_tracker_light"][data-network-status="checking"] .mobile-header-center .network-status-logo.mobile-network-status-logo .network-status-img,
    html[data-network-status="online"] body[data-site-theme="vehicle_tracker_light"] .mobile-header-center .network-status-logo.mobile-network-status-logo .network-status-img,
    html[data-network-status="offline"] body[data-site-theme="vehicle_tracker_light"] .mobile-header-center .network-status-logo.mobile-network-status-logo .network-status-img,
    html[data-network-status="checking"] body[data-site-theme="vehicle_tracker_light"] .mobile-header-center .network-status-logo.mobile-network-status-logo .network-status-img {
        display: block !important;
        width: 66px !important;
        height: 66px !important;
        min-width: 66px !important;
        min-height: 66px !important;
        max-width: 66px !important;
        max-height: 66px !important;
        flex: 0 0 66px !important;
        box-sizing: border-box !important;
        object-fit: cover !important;
        object-position: center center !important;
        padding: 0 !important;
        margin: 0 !important;
        border: 3px solid transparent !important;
        border-radius: 18px !important;
        background: #ffffff !important;
        overflow: hidden !important;
        transform: none !important;
    }
}

/* Status styling applies only to the isolated .network-status-img */
body[data-site-theme="vehicle_tracker_light"][data-network-status="online"] .mobile-network-status-logo .network-status-img,
html[data-network-status="online"] body[data-site-theme="vehicle_tracker_light"] .mobile-network-status-logo .network-status-img {
    filter: none !important;
    opacity: 1 !important;
    border-color: rgba(134, 222, 163, .95) !important;
    box-shadow:
        0 0 0 1px rgba(134, 222, 163, .28),
        0 0 12px rgba(134, 222, 163, .60),
        0 0 26px rgba(134, 222, 163, .25) !important;
    animation: none !important;
}

body[data-site-theme="vehicle_tracker_light"][data-network-status="offline"] .mobile-network-status-logo .network-status-img,
html[data-network-status="offline"] body[data-site-theme="vehicle_tracker_light"] .mobile-network-status-logo .network-status-img {
    filter: none !important;
    opacity: 1 !important;
    border-color: rgba(239, 145, 150, .95) !important;
    box-shadow:
        0 0 0 1px rgba(239, 145, 150, .30),
        0 0 12px rgba(239, 145, 150, .62),
        0 0 26px rgba(239, 145, 150, .26) !important;
    animation: none !important;
}

body[data-site-theme="vehicle_tracker_light"][data-network-status="checking"] .mobile-network-status-logo .network-status-img,
html[data-network-status="checking"] body[data-site-theme="vehicle_tracker_light"] .mobile-network-status-logo .network-status-img {
    filter: grayscale(1) saturate(0) !important;
    opacity: .78 !important;
    border-color: rgba(198, 198, 198, .98) !important;
    box-shadow:
        0 0 0 1px rgba(198, 198, 198, .28),
        0 0 12px rgba(198, 198, 198, .54),
        0 0 24px rgba(198, 198, 198, .20) !important;
    animation: dbalnyk-network-checking-pulse 1.1s ease-in-out infinite !important;
}


/* v4.6.9: GeoIP diagnostics and offline-read foundation */
body[data-site-theme="vehicle_tracker_light"] .geoip-diagnostics-grid {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)) !important;
    gap: 14px !important;
}

body[data-site-theme="vehicle_tracker_light"] .geoip-diagnostic-box {
    border: 1px solid var(--vt-border) !important;
    border-radius: 16px !important;
    padding: 14px !important;
    background: var(--vt-surface-muted, #f8fafc) !important;
}

body[data-site-theme="vehicle_tracker_light"] .geoip-diagnostic-box h3 {
    margin: 0 0 10px !important;
}

body[data-site-theme="vehicle_tracker_light"] .geoip-diagnostic-box p {
    margin: 7px 0 !important;
    word-break: break-word !important;
}


/* v4.6.9.2: extended GeoIP diagnostics */
body[data-site-theme="vehicle_tracker_light"] .geoip-diagnostic-help {
    border: 1px dashed var(--vt-border, #dbe3ef) !important;
    border-radius: 16px !important;
    padding: 14px 18px !important;
    margin: 16px 0 !important;
    background: rgba(248, 250, 252, .75) !important;
}

body[data-site-theme="vehicle_tracker_light"] .geoip-diagnostic-help ol {
    margin: 8px 0 0 20px !important;
    padding: 0 !important;
}

body[data-site-theme="vehicle_tracker_light"] .geoip-diagnostic-box code {
    font-size: var(--vt-font-content, 14px) !important;
    word-break: break-all !important;
}


/* v4.6.9.3: mobile landscape header/status-logo fix.
   Keep header as one row and prevent the status logo from growing/cropping. */
body[data-site-theme="vehicle_tracker_light"] .mobile-network-status-logo,
body[data-site-theme="vehicle_tracker_light"] .mobile-network-status-logo.network-status-logo {
    width: 66px !important;
    height: 66px !important;
    min-width: 66px !important;
    min-height: 66px !important;
    max-width: 66px !important;
    max-height: 66px !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: visible !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 18px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}

body[data-site-theme="vehicle_tracker_light"] .mobile-network-status-logo .network-status-img,
body[data-site-theme="vehicle_tracker_light"] .mobile-header .network-status-img,
body[data-site-theme="vehicle_tracker_light"] .mobile-header img.network-status-img {
    display: block !important;
    width: 66px !important;
    height: 66px !important;
    min-width: 66px !important;
    min-height: 66px !important;
    max-width: 66px !important;
    max-height: 66px !important;
    object-fit: cover !important;
    object-position: center !important;
    border-radius: 18px !important;
    box-sizing: border-box !important;
    padding: 0 !important;
    margin: 0 !important;
    transform: none !important;
}

@media (orientation: landscape) and (max-height: 520px) {
    body[data-site-theme="vehicle_tracker_light"] .mobile-header {
        display: grid !important;
        grid-template-columns: 64px minmax(0, 1fr) 78px !important;
        align-items: center !important;
        min-height: 82px !important;
        height: 82px !important;
        max-height: 82px !important;
        padding-top: 8px !important;
        padding-bottom: 8px !important;
        overflow: visible !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .mobile-header-title {
        min-width: 0 !important;
        max-width: 100% !important;
        overflow: hidden !important;
        text-align: center !important;
        white-space: normal !important;
        line-height: 1.05 !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .mobile-header-title h1,
    body[data-site-theme="vehicle_tracker_light"] .mobile-title,
    body[data-site-theme="vehicle_tracker_light"] .page-title {
        margin: 0 !important;
        font-size: var(--vt-font-page-title, 28px) !important;
        line-height: 1.05 !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .mobile-header-title .app-version,
    body[data-site-theme="vehicle_tracker_light"] .mobile-version {
        display: block !important;
        margin-top: 2px !important;
        font-size: var(--vt-font-page-title, 28px) !important;
        line-height: 1 !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .mobile-header-center {
        display: contents !important;
        overflow: visible !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .mobile-header-center .mobile-network-status-logo {
        grid-column: 3 !important;
        justify-self: end !important;
        align-self: center !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .mobile-header + .mobile-page-title,
    body[data-site-theme="vehicle_tracker_light"] .mobile-header-spacer + .mobile-page-title {
        display: none !important;
    }
}


/* v4.6.9.4: launch stats note */
body[data-site-theme="vehicle_tracker_light"] .vt-admin-device-stats .muted {
    font-weight: 500 !important;
}


/* v4.6.9.5: GeoIP toggle and launch count polish */
body[data-site-theme="vehicle_tracker_light"] .vt-card-title-with-control {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-geoip-toggle-form {
    margin: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-checkbox-switch {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    font-weight: 700 !important;
    font-size: var(--vt-font-button, 14px) !important;
    color: var(--vt-text, #0f172a) !important;
    cursor: pointer !important;
    user-select: none !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-checkbox-switch input {
    width: 18px !important;
    height: 18px !important;
    margin: 0 !important;
    accent-color: var(--vt-primary, #2563eb) !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-mini-percent-row small.muted {
    font-size: var(--vt-font-caption, 12px) !important;
    font-weight: 600 !important;
}


/* v4.6.9.6: desktop fixed sidebar, dashboard list limits, collapsed admin theme card */
@media (min-width: 901px) {
    body[data-site-theme="vehicle_tracker_light"] .app-shell {
        display: block !important;
        min-height: 100vh !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .sidebar {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        bottom: 0 !important;
        width: 220px !important;
        min-width: 220px !important;
        height: 100vh !important;
        max-height: 100vh !important;
        overflow-y: auto !important;
        overscroll-behavior: contain !important;
        z-index: 40 !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .main-content {
        margin-left: 220px !important;
        width: calc(100% - 220px) !important;
        max-width: none !important;
    }
}

body[data-site-theme="vehicle_tracker_light"] .vt-collapsible-card {
    display: block !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-collapsible-card > summary {
    list-style: none !important;
    cursor: pointer !important;
    user-select: none !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-collapsible-card > summary::-webkit-details-marker {
    display: none !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-collapsible-summary {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    margin: 0 !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-collapsible-summary h2 {
    margin: 0 !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-collapsible-arrow {
    display: inline-flex !important;
    width: 28px !important;
    height: 28px !important;
    align-items: center !important;
    justify-content: center !important;
    border: 1px solid var(--vt-border) !important;
    border-radius: 999px !important;
    background: var(--vt-surface-muted, #f8fafc) !important;
    color: var(--vt-muted) !important;
    transition: transform .18s ease !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-collapsible-card[open] .vt-collapsible-arrow {
    transform: rotate(180deg) !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-collapsible-card:not([open]) .vt-theme-admin-form {
    display: none !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-collapsible-card[open] .vt-theme-admin-form {
    margin-top: 14px !important;
}


/* v4.6.9.7: global dashboard list toggle logic */
body[data-site-theme="vehicle_tracker_light"] [data-component-extra][hidden],
body[data-site-theme="vehicle_tracker_light"] .vt-list-row[data-component-extra][hidden],
body[data-site-theme="vehicle_tracker_light"] .vt-dashboard-row[data-component-extra][hidden],
body[data-site-theme="vehicle_tracker_light"] details[data-component-extra][hidden] {
    display: none !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-toggle-pill:disabled,
body[data-site-theme="vehicle_tracker_light"] .vt-toggle-pill.is-disabled {
    opacity: .45 !important;
    cursor: not-allowed !important;
    pointer-events: none !important;
    background: var(--vt-surface-muted, #f8fafc) !important;
    color: var(--vt-muted, #64748b) !important;
    border-color: var(--vt-border, #dbe3ef) !important;
}


/* v4.6.9.8: restored user activation mode block */
body[data-site-theme="vehicle_tracker_light"] .vt-user-activation-mode-card {
    margin-bottom: 16px !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-user-activation-form {
    padding-top: 8px !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-radio-card-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 12px !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-radio-card {
    display: flex !important;
    align-items: flex-start !important;
    gap: 10px !important;
    border: 1px solid var(--vt-border, #dbe3ef) !important;
    border-radius: 16px !important;
    padding: 14px !important;
    background: var(--vt-surface-muted, #f8fafc) !important;
    cursor: pointer !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-radio-card.is-selected {
    border-color: var(--vt-primary, #2563eb) !important;
    box-shadow: 0 0 0 3px rgba(37, 99, 235, .12) !important;
    background: #ffffff !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-radio-card input {
    margin-top: 3px !important;
    accent-color: var(--vt-primary, #2563eb) !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-radio-card strong {
    display: block !important;
    color: var(--vt-text, #0f172a) !important;
    margin-bottom: 4px !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-radio-card small {
    display: block !important;
    color: var(--vt-muted, #64748b) !important;
    line-height: 1.35 !important;
}

@media (max-width: 900px) {
    body[data-site-theme="vehicle_tracker_light"] .vt-radio-card-grid {
        grid-template-columns: 1fr !important;
    }
}


/* v4.6.9.9: User activation mode combo box */
body[data-site-theme="vehicle_tracker_light"] .vt-user-activation-combo-form {
    display: grid !important;
    gap: 12px !important;
    max-width: 560px !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-activation-combo-label {
    display: grid !important;
    gap: 6px !important;
    margin: 0 !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-activation-combo-label > span {
    color: var(--vt-muted, #64748b) !important;
    font-size: var(--vt-font-content, 14px) !important;
    font-weight: 700 !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-activation-combo {
    width: 100% !important;
    min-height: 42px !important;
    border: 1px solid var(--vt-border, #dbe3ef) !important;
    border-radius: 14px !important;
    background: #ffffff !important;
    color: var(--vt-text, #0f172a) !important;
    padding: 8px 12px !important;
    font-size: var(--vt-font-content, 14px) !important;
    font-weight: 650 !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-activation-mode-description {
    margin: 0 !important;
    color: var(--vt-muted, #64748b) !important;
    line-height: 1.45 !important;
    font-size: var(--vt-font-content, 14px) !important;
}


/* v4.6.9.10: Admin activation block cleanup + single Theme collapse icon */
body[data-site-theme="vehicle_tracker_light"] .vt-user-activation-mode-card .vt-card-title {
    padding-bottom: 10px !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-user-activation-inline-form {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    max-width: none !important;
    padding-top: 0 !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-user-activation-inline-form .vt-activation-combo {
    flex: 1 1 auto !important;
    min-width: 220px !important;
    max-width: 520px !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-user-activation-inline-form .vt-btn {
    flex: 0 0 auto !important;
    min-height: 42px !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-user-activation-inline-form .vt-activation-mode-description,
body[data-site-theme="vehicle_tracker_light"] .vt-user-activation-inline-form .vt-activation-combo-label {
    display: none !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-collapsible-summary {
    position: relative !important;
    padding-right: 48px !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-collapsible-summary::after {
    content: "▸" !important;
    position: absolute !important;
    right: 18px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 32px !important;
    height: 32px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: 1px solid var(--vt-border, #dbe3ef) !important;
    border-radius: 999px !important;
    background: var(--vt-surface-muted, #f8fafc) !important;
    color: var(--vt-muted, #64748b) !important;
    font-size: var(--vt-font-content, 14px) !important;
    line-height: 1 !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-collapsible-card[open] > .vt-collapsible-summary::after {
    content: "▾" !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-collapsible-arrow {
    display: none !important;
}

@media (max-width: 640px) {
    body[data-site-theme="vehicle_tracker_light"] .vt-user-activation-inline-form {
        display: grid !important;
        grid-template-columns: 1fr !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-user-activation-inline-form .vt-activation-combo,
    body[data-site-theme="vehicle_tracker_light"] .vt-user-activation-inline-form .vt-btn {
        width: 100% !important;
        max-width: none !important;
    }
}


/* v4.6.9.11: admin toggle arrows + settings cleanup + dashboard expenses alignment */

/* Collapsible admin summary buttons: collapsed = right arrow, expanded/selected = down arrow */
body[data-site-theme="vehicle_tracker_light"] [data-audit-filter-toggle]::after,
body[data-site-theme="vehicle_tracker_light"] [data-security-events-filter-toggle]::after,
body[data-site-theme="vehicle_tracker_light"] [data-connection-filter-toggle]::after,
body[data-site-theme="vehicle_tracker_light"] [data-admin-users-toggle]::after,
body[data-site-theme="vehicle_tracker_light"] [data-admin-online-toggle]::after {
    content: "▸" !important;
}

body[data-site-theme="vehicle_tracker_light"] [data-audit-filter-toggle].is-open::after,
body[data-site-theme="vehicle_tracker_light"] [data-audit-filter-toggle].is-selected::after,
body[data-site-theme="vehicle_tracker_light"] [data-security-events-filter-toggle].is-open::after,
body[data-site-theme="vehicle_tracker_light"] [data-security-events-filter-toggle].is-selected::after,
body[data-site-theme="vehicle_tracker_light"] [data-connection-filter-toggle].is-open::after,
body[data-site-theme="vehicle_tracker_light"] [data-connection-filter-toggle].is-selected::after,
body[data-site-theme="vehicle_tracker_light"] [data-admin-users-toggle].is-open::after,
body[data-site-theme="vehicle_tracker_light"] [data-admin-users-toggle].is-selected::after,
body[data-site-theme="vehicle_tracker_light"] [data-admin-online-toggle].is-open::after,
body[data-site-theme="vehicle_tracker_light"] [data-admin-online-toggle].is-selected::after {
    content: "▾" !important;
}

/* Native details/summary: collapsed = right arrow, open = down arrow */
body[data-site-theme="vehicle_tracker_light"] details:not([open]) > summary.vt-collapsible-summary::after {
    content: "▸" !important;
}

body[data-site-theme="vehicle_tracker_light"] details[open] > summary.vt-collapsible-summary::after {
    content: "▾" !important;
}

/* Dashboard Expenses block only: align first column/header with left edge like other dashboard blocks */
body[data-site-theme="vehicle_tracker_light"] .vt-dashboard-expenses-card .vt-expense-columns {
    grid-template-columns: minmax(118px, 0.9fr) minmax(160px, 1.25fr) minmax(110px, auto) !important;
    text-align: left !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-dashboard-expenses-card .vt-expense-columns > span:first-child,
body[data-site-theme="vehicle_tracker_light"] .vt-dashboard-expenses-card .vt-expense-columns > strong:first-child,
body[data-site-theme="vehicle_tracker_light"] .vt-dashboard-expenses-card .vt-expense-columns > div:first-child {
    text-align: left !important;
    justify-self: start !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-dashboard-expenses-card .vt-expense-columns > span:nth-child(2),
body[data-site-theme="vehicle_tracker_light"] .vt-dashboard-expenses-card .vt-expense-columns > strong:nth-child(2),
body[data-site-theme="vehicle_tracker_light"] .vt-dashboard-expenses-card .vt-expense-columns > div:nth-child(2) {
    text-align: left !important;
    justify-self: start !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-dashboard-expenses-card .vt-expense-columns > span:last-child,
body[data-site-theme="vehicle_tracker_light"] .vt-dashboard-expenses-card .vt-expense-columns > strong:last-child,
body[data-site-theme="vehicle_tracker_light"] .vt-dashboard-expenses-card .vt-expense-columns > div:last-child {
    text-align: right !important;
    justify-self: end !important;
}

@media (max-width: 700px) {
    body[data-site-theme="vehicle_tracker_light"] .vt-dashboard-expenses-card .vt-expense-columns {
        grid-template-columns: minmax(120px, .95fr) minmax(145px, 1.1fr) minmax(105px, auto) !important;
        column-gap: 10px !important;
    }
}


/* v4.6.9.13: unified expand/collapse arrows across Admin and Security */

/* Filter buttons: collapsed = right, open = down */
body[data-site-theme="vehicle_tracker_light"] [data-audit-filter-toggle]::after,
body[data-site-theme="vehicle_tracker_light"] [data-security-events-filter-toggle]::after,
body[data-site-theme="vehicle_tracker_light"] [data-connection-filter-toggle]::after,
body[data-site-theme="vehicle_tracker_light"] [data-admin-users-toggle]::after,
body[data-site-theme="vehicle_tracker_light"] [data-admin-online-toggle]::after {
    content: "▸" !important;
}

body[data-site-theme="vehicle_tracker_light"] [data-audit-filter-toggle].is-open::after,
body[data-site-theme="vehicle_tracker_light"] [data-audit-filter-toggle].is-selected::after,
body[data-site-theme="vehicle_tracker_light"] [data-security-events-filter-toggle].is-open::after,
body[data-site-theme="vehicle_tracker_light"] [data-security-events-filter-toggle].is-selected::after,
body[data-site-theme="vehicle_tracker_light"] [data-connection-filter-toggle].is-open::after,
body[data-site-theme="vehicle_tracker_light"] [data-connection-filter-toggle].is-selected::after,
body[data-site-theme="vehicle_tracker_light"] [data-admin-users-toggle].is-open::after,
body[data-site-theme="vehicle_tracker_light"] [data-admin-users-toggle].is-selected::after,
body[data-site-theme="vehicle_tracker_light"] [data-admin-online-toggle].is-open::after,
body[data-site-theme="vehicle_tracker_light"] [data-admin-online-toggle].is-selected::after {
    content: "▾" !important;
}

/* User/session details rows */
body[data-site-theme="vehicle_tracker_light"] .vt-user-details > summary,
body[data-site-theme="vehicle_tracker_light"] details > summary.vt-list-row {
    position: relative !important;
    padding-right: 48px !important;
    list-style: none !important;
    cursor: pointer !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-user-details > summary::-webkit-details-marker,
body[data-site-theme="vehicle_tracker_light"] details > summary.vt-list-row::-webkit-details-marker {
    display: none !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-user-details > summary::after,
body[data-site-theme="vehicle_tracker_light"] details > summary.vt-list-row::after {
    content: "▸" !important;
    position: absolute !important;
    right: 8px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 28px !important;
    height: 28px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: 1px solid var(--vt-border, #dbe3ef) !important;
    border-radius: 10px !important;
    background: var(--vt-surface, #ffffff) !important;
    color: var(--vt-muted, #64748b) !important;
    font-size: var(--vt-font-content, 14px) !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    box-shadow: 0 2px 6px rgba(15, 23, 42, 0.06) !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-user-details[open] > summary::after,
body[data-site-theme="vehicle_tracker_light"] details[open] > summary.vt-list-row::after,
body[data-site-theme="vehicle_tracker_light"] .vt-user-details > summary.is-open::after,
body[data-site-theme="vehicle_tracker_light"] details > summary.vt-list-row.is-open::after {
    content: "▾" !important;
}

/* Native details theme block */
body[data-site-theme="vehicle_tracker_light"] details:not([open]) > summary.vt-collapsible-summary::after {
    content: "▸" !important;
}

body[data-site-theme="vehicle_tracker_light"] details[open] > summary.vt-collapsible-summary::after,
body[data-site-theme="vehicle_tracker_light"] summary.vt-collapsible-summary.is-open::after {
    content: "▾" !important;
}


/* v4.6.9.14: prevent generic toggle arrows from overlapping user-facing lists */

/* Regламент ТО page: no extra expand arrow in nearest TO rows; edit icon is enough */
body[data-site-theme="vehicle_tracker_light"] .vt-maintenance-page-card .vt-maint-details > summary::after,
body[data-site-theme="vehicle_tracker_light"] .vt-maintenance-page-card details[open] > summary.vt-list-row::after,
body[data-site-theme="vehicle_tracker_light"] .vt-maintenance-page-card details > summary.vt-list-row.is-open::after {
    display: none !important;
    content: none !important;
}

/* Home page nearest TO: keep the arrow, but move it below the mileage box and align right */
body[data-site-theme="vehicle_tracker_light"] .vt-maintenance-dashboard-card .vt-maint-details > summary,
body[data-site-theme="vehicle_tracker_light"] .vt-maintenance-dashboard-card details > summary.vt-list-row {
    padding-right: 0 !important;
    padding-bottom: 36px !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-maintenance-dashboard-card .vt-maint-details > summary::after,
body[data-site-theme="vehicle_tracker_light"] .vt-maintenance-dashboard-card details > summary.vt-list-row::after {
    right: 12px !important;
    top: auto !important;
    bottom: 4px !important;
    transform: none !important;
    width: 30px !important;
    height: 30px !important;
    border-radius: 10px !important;
    z-index: 2 !important;
}

/* Fuel/Expenses pages: keep the square arrow, but move it under the right amount column */
body[data-site-theme="vehicle_tracker_light"] .vt-fuel-page-list-card .vt-editable-entry > summary,
body[data-site-theme="vehicle_tracker_light"] .vt-expenses-page-list-card .vt-editable-entry > summary {
    padding-right: 0 !important;
    padding-bottom: 38px !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-fuel-page-list-card .vt-editable-entry > summary::after,
body[data-site-theme="vehicle_tracker_light"] .vt-expenses-page-list-card .vt-editable-entry > summary::after {
    right: 14px !important;
    top: auto !important;
    bottom: 6px !important;
    transform: none !important;
    width: 30px !important;
    height: 30px !important;
    border-radius: 10px !important;
}

/* Dashboard compact fuel/expense rows are not expandable details; never show generic detail arrows there */
body[data-site-theme="vehicle_tracker_light"] .vt-dashboard-fuel-card .vt-list-row::after,
body[data-site-theme="vehicle_tracker_light"] .vt-dashboard-expenses-card .vt-list-row::after {
    display: none !important;
    content: none !important;
}


/* v4.6.9.15: refined placement for TO dashboard and Fuel page arrows */

/* Home → Nearest TO: arrow lives inside the mileage box, not as an extra floating button */
body[data-site-theme="vehicle_tracker_light"] .vt-maintenance-dashboard-card .vt-maint-details > summary,
body[data-site-theme="vehicle_tracker_light"] .vt-maintenance-dashboard-card details > summary.vt-list-row {
    padding-right: 0 !important;
    padding-bottom: 0 !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-maintenance-dashboard-card .vt-maint-details > summary::after,
body[data-site-theme="vehicle_tracker_light"] .vt-maintenance-dashboard-card details > summary.vt-list-row::after {
    display: none !important;
    content: none !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-maintenance-dashboard-card .vt-last-service-box {
    position: relative !important;
    padding-right: 48px !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-maintenance-dashboard-card .vt-maint-toggle-in-box {
    position: absolute !important;
    right: 10px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 30px !important;
    height: 30px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: 1px solid var(--vt-border, #dbe3ef) !important;
    border-radius: 10px !important;
    background: var(--vt-surface, #ffffff) !important;
    color: var(--vt-muted, #64748b) !important;
    box-shadow: 0 2px 6px rgba(15, 23, 42, 0.06) !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-maintenance-dashboard-card .vt-maint-toggle-in-box::before {
    content: "▸" !important;
    font-size: var(--vt-font-content, 14px) !important;
    font-weight: 900 !important;
    line-height: 1 !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-maintenance-dashboard-card .vt-maint-details[open] .vt-maint-toggle-in-box::before {
    content: "▾" !important;
}

/* Fuel page → Fuel records: real fourth column for expand/collapse */
body[data-site-theme="vehicle_tracker_light"] .vt-fuel-page-list-card .vt-fuel-columns-four,
body[data-site-theme="vehicle_tracker_light"] .vt-fuel-page-list-card .vt-fuel-row-four {
    display: grid !important;
    grid-template-columns: minmax(125px, 1fr) minmax(120px, .9fr) minmax(120px, .9fr) 42px !important;
    align-items: center !important;
    column-gap: 12px !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-fuel-page-list-card .vt-fuel-row-four {
    padding-right: 0 !important;
    padding-bottom: 18px !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-fuel-page-list-card .vt-editable-entry > summary::after {
    display: none !important;
    content: none !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-fuel-page-list-card .vt-row-toggle-cell {
    justify-self: end !important;
    width: 30px !important;
    height: 30px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: 1px solid var(--vt-border, #dbe3ef) !important;
    border-radius: 10px !important;
    background: var(--vt-surface, #ffffff) !important;
    color: var(--vt-muted, #64748b) !important;
    box-shadow: 0 2px 6px rgba(15, 23, 42, 0.06) !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-fuel-page-list-card .vt-row-toggle-cell::before {
    content: "▸" !important;
    font-size: var(--vt-font-content, 14px) !important;
    font-weight: 900 !important;
    line-height: 1 !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-fuel-page-list-card .vt-editable-entry[open] .vt-row-toggle-cell::before {
    content: "▾" !important;
}

@media (max-width: 700px) {
    body[data-site-theme="vehicle_tracker_light"] .vt-fuel-page-list-card .vt-fuel-columns-four,
    body[data-site-theme="vehicle_tracker_light"] .vt-fuel-page-list-card .vt-fuel-row-four {
        grid-template-columns: minmax(110px, 1fr) minmax(110px, .85fr) minmax(105px, .85fr) 34px !important;
        column-gap: 8px !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-fuel-page-list-card .vt-row-toggle-cell {
        width: 30px !important;
        height: 30px !important;
    }
}


/* v4.6.9.16: Fuel/Expenses mobile table refinement */

/* Real glyph spans inside toggle cells, so arrows remain visible in portrait and landscape */
body[data-site-theme="vehicle_tracker_light"] .vt-row-toggle-cell .vt-row-toggle-open {
    display: none !important;
}

body[data-site-theme="vehicle_tracker_light"] details[open] > summary .vt-row-toggle-cell .vt-row-toggle-collapsed {
    display: none !important;
}

body[data-site-theme="vehicle_tracker_light"] details[open] > summary .vt-row-toggle-cell .vt-row-toggle-open {
    display: inline !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-row-toggle-cell::before {
    content: none !important;
    display: none !important;
}

/* Fuel records: keep all 4 columns inside viewport */
body[data-site-theme="vehicle_tracker_light"] .vt-fuel-page-list-card .vt-fuel-columns-four,
body[data-site-theme="vehicle_tracker_light"] .vt-fuel-page-list-card .vt-fuel-row-four {
    grid-template-columns: minmax(96px, 1fr) minmax(86px, .72fr) minmax(92px, .82fr) 34px !important;
    column-gap: 8px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-fuel-page-list-card .vt-fuel-columns-four > span:first-child,
body[data-site-theme="vehicle_tracker_light"] .vt-fuel-page-list-card .vt-fuel-row-four > div:first-child {
    justify-self: start !important;
    text-align: left !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-fuel-page-list-card .vt-fuel-columns-four > span:nth-child(2),
body[data-site-theme="vehicle_tracker_light"] .vt-fuel-page-list-card .vt-fuel-row-four > span:nth-child(2) {
    justify-self: end !important;
    text-align: right !important;
    white-space: nowrap !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-fuel-page-list-card .vt-fuel-columns-four > span:nth-child(3),
body[data-site-theme="vehicle_tracker_light"] .vt-fuel-page-list-card .vt-fuel-row-four > span:nth-child(3) {
    justify-self: end !important;
    text-align: right !important;
    white-space: nowrap !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-fuel-page-list-card .vt-fuel-columns-four > span:nth-child(4),
body[data-site-theme="vehicle_tracker_light"] .vt-fuel-page-list-card .vt-fuel-row-four > .vt-row-toggle-cell {
    justify-self: end !important;
}

/* Expenses page: Date column contains category under date, second column is amount, third is arrow */
body[data-site-theme="vehicle_tracker_light"] .vt-expenses-page-list-card .vt-expense-columns-three,
body[data-site-theme="vehicle_tracker_light"] .vt-expenses-page-list-card .vt-expense-row-three {
    display: grid !important;
    grid-template-columns: minmax(150px, 1fr) minmax(115px, .75fr) 34px !important;
    align-items: center !important;
    column-gap: 10px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-expenses-page-list-card .vt-expense-columns-three {
    padding-left: 0 !important;
    text-align: left !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-expenses-page-list-card .vt-expense-columns-three > span:first-child,
body[data-site-theme="vehicle_tracker_light"] .vt-expenses-page-list-card .vt-expense-row-three > div:first-child {
    justify-self: start !important;
    text-align: left !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-expenses-page-list-card .vt-expense-columns-three > span:nth-child(2),
body[data-site-theme="vehicle_tracker_light"] .vt-expenses-page-list-card .vt-expense-row-three > span:nth-child(2) {
    justify-self: end !important;
    text-align: right !important;
    white-space: nowrap !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-expenses-page-list-card .vt-expense-columns-three > span:nth-child(3),
body[data-site-theme="vehicle_tracker_light"] .vt-expenses-page-list-card .vt-expense-row-three > .vt-row-toggle-cell {
    justify-self: end !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-expenses-page-list-card .vt-editable-entry > summary::after {
    display: none !important;
    content: none !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-expenses-page-list-card .vt-expense-row-three {
    padding-right: 0 !important;
    padding-bottom: 18px !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-expenses-page-list-card .vt-row-toggle-cell,
body[data-site-theme="vehicle_tracker_light"] .vt-fuel-page-list-card .vt-row-toggle-cell {
    font-size: var(--vt-font-content, 14px) !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    color: var(--vt-muted, #64748b) !important;
}

@media (max-width: 700px) {
    body[data-site-theme="vehicle_tracker_light"] .vt-fuel-page-list-card .vt-fuel-columns-four,
    body[data-site-theme="vehicle_tracker_light"] .vt-fuel-page-list-card .vt-fuel-row-four {
        grid-template-columns: minmax(98px, 1.05fr) minmax(80px, .7fr) minmax(88px, .82fr) 32px !important;
        column-gap: 6px !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-expenses-page-list-card .vt-expense-columns-three,
    body[data-site-theme="vehicle_tracker_light"] .vt-expenses-page-list-card .vt-expense-row-three {
        grid-template-columns: minmax(148px, 1fr) minmax(105px, .75fr) 32px !important;
        column-gap: 8px !important;
    }
}


/* v4.6.9.17: Admin user row/status layout, device leaders, expenses icon button, fuel fit */

/* Admin users: keep status compact, right-aligned, before the arrow column */
body[data-site-theme="vehicle_tracker_light"] .vt-admin-users-list-card .vt-user-details > summary.vt-list-row {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) max-content 42px !important;
    align-items: center !important;
    gap: 10px !important;
    padding-right: 0 !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-admin-users-list-card .vt-user-details > summary.vt-list-row > div {
    min-width: 0 !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-admin-users-list-card .vt-user-details > summary.vt-list-row > div strong {
    display: block !important;
    overflow-wrap: anywhere !important;
    word-break: normal !important;
    line-height: 1.15 !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-admin-users-list-card .vt-user-details > summary.vt-list-row > .vt-badge {
    justify-self: end !important;
    white-space: nowrap !important;
    width: max-content !important;
    min-width: max-content !important;
    max-width: none !important;
    grid-column: 2 !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-admin-users-list-card .vt-user-details > summary.vt-list-row::after {
    position: static !important;
    grid-column: 3 !important;
    justify-self: end !important;
    transform: none !important;
    right: auto !important;
    top: auto !important;
}

/* Device/OS header: show leaders inline, keep it readable on mobile */
body[data-site-theme="vehicle_tracker_light"] .vt-admin-device-title h2 {
    display: flex !important;
    align-items: baseline !important;
    gap: 8px !important;
    flex-wrap: wrap !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-admin-device-title h2 small {
    color: var(--vt-muted, #64748b) !important;
    font-size: var(--vt-font-caption, 12px) !important;
    font-weight: 700 !important;
}

/* Expenses page: arrow uses the same boxed icon visual as Fuel */
body[data-site-theme="vehicle_tracker_light"] .vt-expenses-page-list-card .vt-expense-toggle-cell {
    justify-self: end !important;
    width: 30px !important;
    height: 30px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: 1px solid var(--vt-border, #dbe3ef) !important;
    border-radius: 10px !important;
    background: var(--vt-surface, #ffffff) !important;
    color: var(--vt-muted, #64748b) !important;
    box-shadow: 0 2px 6px rgba(15, 23, 42, 0.06) !important;
}

/* Fuel records: tighter four columns for narrow mobile width */
body[data-site-theme="vehicle_tracker_light"] .vt-fuel-page-list-card .vt-fuel-columns-four,
body[data-site-theme="vehicle_tracker_light"] .vt-fuel-page-list-card .vt-fuel-row-four {
    grid-template-columns: minmax(94px, 1.05fr) minmax(74px, .62fr) minmax(82px, .78fr) 32px !important;
    column-gap: 5px !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-fuel-page-list-card .vt-fuel-row-four > span:nth-child(2),
body[data-site-theme="vehicle_tracker_light"] .vt-fuel-page-list-card .vt-fuel-row-four > span:nth-child(3) {
    font-size: var(--vt-font-content, 14px) !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-fuel-page-list-card .vt-fuel-columns-four > span:nth-child(2),
body[data-site-theme="vehicle_tracker_light"] .vt-fuel-page-list-card .vt-fuel-columns-four > span:nth-child(3) {
    font-size: var(--vt-font-content, 14px) !important;
}

@media (max-width: 420px) {
    body[data-site-theme="vehicle_tracker_light"] .vt-admin-users-list-card .vt-user-details > summary.vt-list-row {
        grid-template-columns: minmax(0, 1fr) max-content 36px !important;
        gap: 6px !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-admin-users-list-card .vt-user-details > summary.vt-list-row > .vt-badge {
        font-size: max(9px, calc(var(--vt-font-caption, 12px) * 0.9)) !important;
        padding-left: 9px !important;
        padding-right: 9px !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-fuel-page-list-card .vt-fuel-columns-four,
    body[data-site-theme="vehicle_tracker_light"] .vt-fuel-page-list-card .vt-fuel-row-four {
        grid-template-columns: minmax(92px, 1.05fr) minmax(70px, .58fr) minmax(78px, .74fr) 30px !important;
        column-gap: 4px !important;
    }
}


/* v4.6.9.18: Dashboard Expenses matches Expenses History + Timezone show-all */
body[data-site-theme="vehicle_tracker_light"] .vt-dashboard-expenses-card .vt-expense-columns-three,
body[data-site-theme="vehicle_tracker_light"] .vt-dashboard-expenses-card .vt-expense-row-three {
    display: grid !important;
    grid-template-columns: minmax(145px, 1fr) minmax(105px, .75fr) 34px !important;
    align-items: center !important;
    column-gap: 8px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-dashboard-expenses-card .vt-expense-columns-three {
    padding-left: 0 !important;
    text-align: left !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-dashboard-expenses-card .vt-expense-columns-three > span:first-child,
body[data-site-theme="vehicle_tracker_light"] .vt-dashboard-expenses-card .vt-expense-row-three > div:first-child {
    justify-self: start !important;
    text-align: left !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-dashboard-expenses-card .vt-expense-columns-three > span:nth-child(2),
body[data-site-theme="vehicle_tracker_light"] .vt-dashboard-expenses-card .vt-expense-row-three > span:nth-child(2) {
    justify-self: end !important;
    text-align: right !important;
    white-space: nowrap !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-dashboard-expenses-card .vt-expense-columns-three > span:nth-child(3),
body[data-site-theme="vehicle_tracker_light"] .vt-dashboard-expenses-card .vt-expense-row-three > .vt-row-toggle-cell {
    justify-self: end !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-dashboard-expenses-card .vt-dashboard-expense-entry > summary::after {
    display: none !important;
    content: none !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-dashboard-expenses-card .vt-expense-toggle-cell {
    justify-self: end !important;
    width: 30px !important;
    height: 30px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: 1px solid var(--vt-border, #dbe3ef) !important;
    border-radius: 10px !important;
    background: var(--vt-surface, #ffffff) !important;
    color: var(--vt-muted, #64748b) !important;
    box-shadow: 0 2px 6px rgba(15, 23, 42, 0.06) !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-dashboard-expenses-card .vt-dashboard-expense-details {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
    padding: 12px 0 16px 0 !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-dashboard-expenses-card .vt-dashboard-expense-details div {
    border: 1px solid var(--vt-border, #dbe3ef) !important;
    border-radius: 12px !important;
    padding: 10px !important;
    background: var(--vt-surface-muted, #f8fafc) !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-dashboard-expenses-card .vt-dashboard-expense-details span {
    display: block !important;
    color: var(--vt-muted, #64748b) !important;
    font-size: var(--vt-font-content, 14px) !important;
    margin-bottom: 4px !important;
}

@media (max-width: 700px) {
    body[data-site-theme="vehicle_tracker_light"] .vt-dashboard-expenses-card .vt-expense-columns-three,
    body[data-site-theme="vehicle_tracker_light"] .vt-dashboard-expenses-card .vt-expense-row-three {
        grid-template-columns: minmax(142px, 1fr) minmax(102px, .75fr) 32px !important;
        column-gap: 8px !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-dashboard-expenses-card .vt-dashboard-expense-details {
        grid-template-columns: 1fr !important;
    }
}


/* v4.6.9.19: Admin vehicle statistics block */
body[data-site-theme="vehicle_tracker_light"] .vt-admin-vehicle-stats-card {
    margin-bottom: 16px !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-admin-vehicle-stats-grid {
    display: grid !important;
    grid-template-columns: minmax(0, 1.2fr) minmax(280px, .8fr) !important;
    gap: 14px !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-admin-vehicle-stat-panel {
    border: 1px solid var(--vt-border, #dbe3ef) !important;
    border-radius: 16px !important;
    background: var(--vt-surface-muted, #f8fafc) !important;
    padding: 14px !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-admin-vehicle-stat-title {
    display: flex !important;
    align-items: baseline !important;
    justify-content: space-between !important;
    gap: 10px !important;
    margin-bottom: 12px !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-admin-vehicle-stat-title h3 {
    margin: 0 !important;
    font-size: var(--vt-font-block-title, 18px) !important;
    color: var(--vt-text, #0f172a) !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-admin-vehicle-stat-title small {
    color: var(--vt-muted, #64748b) !important;
    font-weight: 700 !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-admin-brand-list {
    display: grid !important;
    gap: 8px !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-admin-brand-row {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) max-content !important;
    align-items: center !important;
    gap: 10px !important;
    padding: 10px 12px !important;
    border: 1px solid var(--vt-border, #dbe3ef) !important;
    border-radius: 14px !important;
    background: #ffffff !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-admin-brand-row strong {
    display: block !important;
    color: var(--vt-text, #0f172a) !important;
    overflow-wrap: anywhere !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-admin-brand-row span {
    display: block !important;
    color: var(--vt-muted, #64748b) !important;
    font-size: var(--vt-font-content, 14px) !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-admin-brand-row em {
    font-style: normal !important;
    font-weight: 800 !important;
    color: var(--vt-text, #0f172a) !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-admin-average-vehicles-value {
    display: flex !important;
    align-items: baseline !important;
    gap: 8px !important;
    margin: 8px 0 16px 0 !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-admin-average-vehicles-value strong {
    font-size: var(--vt-font-content, 14px) !important;
    line-height: 1 !important;
    color: var(--vt-text, #0f172a) !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-admin-average-vehicles-value span {
    color: var(--vt-muted, #64748b) !important;
    font-weight: 700 !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-admin-average-vehicles-details {
    display: grid !important;
    gap: 8px !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-admin-average-vehicles-details div {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
    padding: 10px 12px !important;
    border: 1px solid var(--vt-border, #dbe3ef) !important;
    border-radius: 14px !important;
    background: #ffffff !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-admin-average-vehicles-details span {
    color: var(--vt-muted, #64748b) !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-admin-average-vehicles-details strong {
    color: var(--vt-text, #0f172a) !important;
}

@media (max-width: 900px) {
    body[data-site-theme="vehicle_tracker_light"] .vt-admin-vehicle-stats-grid {
        grid-template-columns: 1fr !important;
    }
}


/* v4.6.9.20: Metrics page */
body[data-site-theme="vehicle_tracker_light"] .vt-metrics-page-top h1 {
    margin: 0 0 4px 0 !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-metrics-vehicle-form select {
    min-width: 220px !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-metrics-chart-card {
    overflow: hidden !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-metrics-fuel-toggle {
    margin: 0 !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-line-chart {
    width: 100% !important;
    min-height: 280px !important;
    overflow: hidden !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-line-chart svg {
    width: 100% !important;
    height: auto !important;
    min-height: 280px !important;
    display: block !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-chart-grid {
    stroke: var(--vt-border, #dbe3ef) !important;
    stroke-width: 1 !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-chart-label {
    fill: var(--vt-muted, #64748b) !important;
    font-size: var(--vt-font-caption, 12px) !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-chart-line {
    fill: none !important;
    stroke-width: 3 !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-chart-line-vehicle {
    stroke: #94a3b8 !important;
    stroke-dasharray: 8 6 !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-chart-line-cost {
    stroke: var(--vt-primary, #2563eb) !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-chart-point {
    stroke: #ffffff !important;
    stroke-width: 2 !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-chart-point-vehicle {
    fill: #94a3b8 !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-chart-point-cost {
    fill: var(--vt-primary, #2563eb) !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-metrics-legend {
    display: flex !important;
    gap: 14px !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    margin-top: 12px !important;
    color: var(--vt-muted, #64748b) !important;
    font-size: var(--vt-font-block-title, 18px) !important;
    font-weight: 700 !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-metrics-legend span {
    display: inline-flex !important;
    align-items: center !important;
    gap: 7px !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-legend-line {
    display: inline-block !important;
    width: 28px !important;
    height: 3px !important;
    border-radius: 999px !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-legend-vehicle {
    background: #94a3b8 !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-legend-cost {
    background: var(--vt-primary, #2563eb) !important;
}

@media (max-width: 700px) {
    body[data-site-theme="vehicle_tracker_light"] .vt-metrics-page-top {
        align-items: stretch !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-metrics-vehicle-form,
    body[data-site-theme="vehicle_tracker_light"] .vt-metrics-vehicle-form select {
        width: 100% !important;
    }
}


/* v4.6.9.21: Metrics page summary redesign + compressed event-axis chart */
body[data-site-theme="vehicle_tracker_light"] .vt-metrics-page-top {
    margin-bottom: 10px !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-metrics-summary-card {
    margin-bottom: 14px !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-metrics-summary-grid {
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    gap: 10px !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-metrics-summary-item {
    border: 1px solid var(--vt-border, #dbe3ef) !important;
    border-radius: 16px !important;
    background: var(--vt-surface-muted, #f8fafc) !important;
    padding: 12px !important;
    min-width: 0 !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-metrics-summary-item span,
body[data-site-theme="vehicle_tracker_light"] .vt-metrics-summary-item small {
    display: block !important;
    color: var(--vt-muted, #64748b) !important;
    font-weight: 700 !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-metrics-summary-item strong {
    display: block !important;
    margin: 5px 0 !important;
    color: var(--vt-text, #0f172a) !important;
    font-size: var(--vt-font-content, 14px) !important;
    line-height: 1.15 !important;
    overflow-wrap: anywhere !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-metrics-summary-achieved {
    border-color: rgba(37, 99, 235, .35) !important;
    background: rgba(37, 99, 235, .06) !important;
}

@media (max-width: 980px) {
    body[data-site-theme="vehicle_tracker_light"] .vt-metrics-summary-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 560px) {
    body[data-site-theme="vehicle_tracker_light"] .vt-metrics-summary-grid {
        grid-template-columns: 1fr !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-card-title-with-control {
        align-items: flex-start !important;
        gap: 10px !important;
    }
}


/* v4.6.9.22: Metrics monthly view and compact summary under chart */
body[data-site-theme="vehicle_tracker_light"] .vt-metrics-chart-title {
    align-items: flex-start !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-metrics-chart-title h2 {
    margin-bottom: 4px !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-metrics-chart-title small {
    display: block !important;
    line-height: 1.35 !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-metrics-controls {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    flex-wrap: wrap !important;
    justify-content: flex-end !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-metrics-filter-form {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    margin: 0 !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-metrics-filter-form select {
    min-height: 36px !important;
    border-radius: 12px !important;
    padding: 6px 10px !important;
    border: 1px solid var(--vt-border, #dbe3ef) !important;
    background: #ffffff !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-metrics-compact-summary {
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    gap: 8px 12px !important;
    margin-top: 14px !important;
    padding-top: 12px !important;
    border-top: 1px solid var(--vt-border, #dbe3ef) !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-metrics-compact-summary div {
    min-width: 0 !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-metrics-compact-summary span,
body[data-site-theme="vehicle_tracker_light"] .vt-metrics-compact-summary small {
    display: block !important;
    color: var(--vt-muted, #64748b) !important;
    font-size: var(--vt-font-caption, 12px) !important;
    font-weight: 700 !important;
    line-height: 1.25 !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-metrics-compact-summary strong {
    display: block !important;
    color: var(--vt-text, #0f172a) !important;
    font-size: var(--vt-font-content, 14px) !important;
    line-height: 1.2 !important;
    margin: 2px 0 !important;
    overflow-wrap: anywhere !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-metrics-summary-card {
    display: none !important;
}

@media (max-width: 980px) {
    body[data-site-theme="vehicle_tracker_light"] .vt-metrics-compact-summary {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 620px) {
    body[data-site-theme="vehicle_tracker_light"] .vt-metrics-controls,
    body[data-site-theme="vehicle_tracker_light"] .vt-metrics-filter-form {
        width: 100% !important;
        justify-content: flex-start !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-metrics-filter-form select {
        flex: 1 1 120px !important;
        min-width: 0 !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-metrics-compact-summary {
        grid-template-columns: 1fr !important;
    }
}


/* v4.6.9.23: Metrics header compact layout and bullet summary */
body[data-site-theme="vehicle_tracker_light"] .vt-metrics-chart-header {
    padding: 0 !important;
    margin: 0 0 8px 0 !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-metrics-chart-header-row {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    margin: 0 0 6px 0 !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-metrics-chart-header-row h2 {
    margin: 0 !important;
    line-height: 1.15 !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-metrics-chart-subtitle {
    display: grid !important;
    gap: 2px !important;
    margin: 0 0 8px 0 !important;
    color: var(--vt-muted, #64748b) !important;
    font-weight: 700 !important;
    line-height: 1.25 !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-metrics-filter-form {
    margin: 0 0 6px 0 !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-metrics-chart-card .vt-line-chart {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    min-height: 240px !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-metrics-chart-card .vt-line-chart svg {
    min-height: 240px !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-metrics-chart-card .vt-metrics-legend {
    margin-top: 2px !important;
    margin-bottom: 8px !important;
}

body[data-site-theme="vehicle_tracker_light"] ul.vt-metrics-compact-summary {
    list-style: disc !important;
    padding-left: 22px !important;
    margin: 10px 0 0 0 !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 8px !important;
    border-top: 1px solid var(--vt-border, #dbe3ef) !important;
    padding-top: 12px !important;
}

body[data-site-theme="vehicle_tracker_light"] ul.vt-metrics-compact-summary li {
    padding-left: 2px !important;
}

body[data-site-theme="vehicle_tracker_light"] ul.vt-metrics-compact-summary span,
body[data-site-theme="vehicle_tracker_light"] ul.vt-metrics-compact-summary small {
    display: block !important;
    color: var(--vt-muted, #64748b) !important;
    font-size: var(--vt-font-caption, 12px) !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
}

body[data-site-theme="vehicle_tracker_light"] ul.vt-metrics-compact-summary strong {
    display: block !important;
    color: var(--vt-text, #0f172a) !important;
    font-size: var(--vt-font-content, 14px) !important;
    line-height: 1.15 !important;
    margin: 1px 0 !important;
}

@media (max-width: 620px) {
    body[data-site-theme="vehicle_tracker_light"] .vt-metrics-chart-header-row {
        align-items: flex-start !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-metrics-chart-header-row .vt-metrics-fuel-toggle {
        flex: 0 0 auto !important;
    }
}


/* v4.6.9.24: Admin Function popularity block */
body[data-site-theme="vehicle_tracker_light"] .vt-admin-feature-popularity-card {
    margin: 14px 0 !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-feature-popularity-list {
    display: grid !important;
    gap: 10px !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-feature-popularity-row {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) max-content !important;
    gap: 12px !important;
    align-items: center !important;
    padding: 12px 14px !important;
    border: 1px solid var(--vt-border, #dbe3ef) !important;
    border-radius: 16px !important;
    background: var(--vt-surface-muted, #f8fafc) !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-feature-popularity-main strong {
    display: block !important;
    color: var(--vt-text, #0f172a) !important;
    font-size: var(--vt-font-content, 14px) !important;
    line-height: 1.15 !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-feature-popularity-main span {
    display: block !important;
    color: var(--vt-muted, #64748b) !important;
    font-size: var(--vt-font-content, 14px) !important;
    font-weight: 700 !important;
    margin: 3px 0 8px 0 !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-feature-popularity-row em {
    font-style: normal !important;
    font-weight: 900 !important;
    color: var(--vt-text, #0f172a) !important;
    font-size: var(--vt-font-content, 14px) !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-feature-popularity-bar {
    height: 8px !important;
    border-radius: 999px !important;
    background: #e5e7eb !important;
    overflow: hidden !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-feature-popularity-bar i {
    display: block !important;
    height: 100% !important;
    border-radius: inherit !important;
    background: var(--vt-primary, #2563eb) !important;
}


/* v4.6.9.25: Metrics block padding + 3-month chart with separate fuel/expenses lines */
body[data-site-theme="vehicle_tracker_light"] .vt-metrics-chart-card {
    padding: 18px 22px 20px 22px !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-metrics-chart-header {
    padding: 0 !important;
    margin: 0 0 12px 0 !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-metrics-chart-card .vt-line-chart {
    margin-top: 6px !important;
    margin-bottom: 4px !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-chart-line-expenses {
    stroke: var(--vt-primary, #2563eb) !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-chart-line-fuel {
    stroke: #f59e0b !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-chart-point-expenses {
    fill: var(--vt-primary, #2563eb) !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-chart-point-fuel {
    fill: #f59e0b !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-legend-expenses {
    background: var(--vt-primary, #2563eb) !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-legend-fuel {
    background: #f59e0b !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-metrics-compact-summary {
    padding-left: 24px !important;
    padding-right: 6px !important;
}

@media (max-width: 700px) {
    body[data-site-theme="vehicle_tracker_light"] .vt-metrics-chart-card {
        padding: 16px 14px 18px 14px !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-metrics-chart-header-row h2 {
        font-size: var(--vt-font-block-title, 18px) !important;
        line-height: 1.15 !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-metrics-chart-card .vt-line-chart,
    body[data-site-theme="vehicle_tracker_light"] .vt-metrics-chart-card .vt-line-chart svg {
        min-height: 230px !important;
    }
}


/* v4.6.9.26: Metrics pie chart block */
body[data-site-theme="vehicle_tracker_light"] .vt-metrics-pie-card {
    padding: 18px 22px 20px 22px !important;
    margin-bottom: 14px !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-metrics-pie-layout {
    display: grid !important;
    grid-template-columns: minmax(180px, 260px) minmax(0, 1fr) !important;
    gap: 16px !important;
    align-items: center !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-pie-chart {
    width: 100% !important;
    max-width: 260px !important;
    margin: 0 auto !important;
    position: relative !important;
    isolation: isolate !important;
    overflow: visible !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-pie-chart::before {
    content: "" !important;
    position: absolute !important;
    inset: 9% !important;
    z-index: -1 !important;
    border-radius: 999px !important;
    pointer-events: none !important;
    background:
        radial-gradient(circle at 30% 35%, rgba(245, 158, 11, .32) 0%, rgba(245, 158, 11, 0) 48%),
        radial-gradient(circle at 66% 34%, rgba(37, 99, 235, .30) 0%, rgba(37, 99, 235, 0) 52%),
        radial-gradient(circle at 58% 72%, rgba(239, 68, 68, .24) 0%, rgba(239, 68, 68, 0) 54%) !important;
    filter: blur(16px) saturate(1.12) !important;
    opacity: .72 !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-pie-chart::after {
    content: "" !important;
    position: absolute !important;
    inset: -10% !important;
    z-index: 0 !important;
    border-radius: 999px !important;
    pointer-events: none !important;
    background:
        radial-gradient(circle at 29% 34%, rgba(245, 158, 11, .30) 0%, rgba(245, 158, 11, .16) 26%, rgba(245, 158, 11, 0) 58%),
        radial-gradient(circle at 67% 35%, rgba(37, 99, 235, .28) 0%, rgba(37, 99, 235, .15) 28%, rgba(37, 99, 235, 0) 60%),
        radial-gradient(circle at 58% 72%, rgba(239, 68, 68, .22) 0%, rgba(239, 68, 68, .12) 28%, rgba(239, 68, 68, 0) 62%) !important;
    filter: blur(18px) saturate(1.12) !important;
    opacity: .78 !important;
    transform: scale(.96) !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-pie-chart svg {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    position: relative !important;
    z-index: 1 !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-pie-center-copy {
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    z-index: 2 !important;
    transform: translate(-50%, -50%) !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 2px !important;
    width: 42% !important;
    min-width: 72px !important;
    aspect-ratio: 1 / 1 !important;
    border-radius: 999px !important;
    pointer-events: none !important;
    text-align: center !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-pie-center-copy span {
    color: var(--vt-muted, #64748b) !important;
    font-size: var(--vt-font-caption, 12px) !important;
    font-weight: 800 !important;
    line-height: 1.05 !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-pie-center-copy strong {
    color: var(--vt-text, #0f172a) !important;
    font-size: var(--vt-font-block-title, 18px) !important;
    font-weight: 900 !important;
    line-height: 1 !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-pie-track {
    fill: none !important;
    stroke: var(--vt-border, #dbe3ef) !important;
    stroke-width: 34 !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-pie-slice {
    fill: none !important;
    stroke-width: 34 !important;
    stroke-linecap: butt !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-pie-slice-0,
body[data-site-theme="vehicle_tracker_light"] .vt-pie-dot-0 {
    stroke: #f59e0b !important;
    background: #f59e0b !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-pie-slice-1,
body[data-site-theme="vehicle_tracker_light"] .vt-pie-dot-1 {
    stroke: var(--vt-primary, #2563eb) !important;
    background: var(--vt-primary, #2563eb) !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-pie-slice-2,
body[data-site-theme="vehicle_tracker_light"] .vt-pie-dot-2 {
    stroke: #64748b !important;
    background: #64748b !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-pie-center-label {
    fill: var(--vt-text, #0f172a) !important;
    font-size: var(--vt-font-content, 14px) !important;
    font-weight: 900 !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-pie-center-sub {
    fill: var(--vt-muted, #64748b) !important;
    font-size: var(--vt-font-content, 14px) !important;
    font-weight: 700 !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-pie-legend {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
    display: grid !important;
    gap: 10px !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-pie-legend li {
    display: grid !important;
    grid-template-columns: 14px minmax(0, 1fr) max-content !important;
    gap: 8px 10px !important;
    align-items: center !important;
    padding: 10px 12px !important;
    border: 1px solid var(--vt-border, #dbe3ef) !important;
    border-radius: 14px !important;
    background: var(--vt-surface-muted, #f8fafc) !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-pie-dot {
    width: 10px !important;
    height: 10px !important;
    border-radius: 999px !important;
    display: inline-block !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-pie-legend span {
    color: var(--vt-text, #0f172a) !important;
    font-weight: 800 !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-pie-legend strong {
    color: var(--vt-text, #0f172a) !important;
    font-weight: 900 !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-pie-legend small {
    grid-column: 2 / 4 !important;
    color: var(--vt-muted, #64748b) !important;
    font-weight: 700 !important;
}

@media (max-width: 700px) {
    body[data-site-theme="vehicle_tracker_light"] .vt-metrics-pie-card {
        padding: 16px 14px 18px 14px !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-metrics-pie-layout {
        grid-template-columns: 1fr !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-pie-chart {
        max-width: 220px !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-pie-chart::after {
        inset: -8% !important;
        filter: blur(15px) saturate(1.08) !important;
        opacity: .68 !important;
    }
}

@media (prefers-color-scheme: dark) {
    body[data-site-theme="vehicle_tracker_light"] .vt-pie-chart::after {
        opacity: .58 !important;
        filter: blur(18px) saturate(1.02) !important;
    }
}

body[data-site-theme="vehicle_tracker_light"][data-theme="dark"] .vt-pie-chart::after,
html[data-theme="dark"] body[data-site-theme="vehicle_tracker_light"] .vt-pie-chart::after {
    opacity: .58 !important;
    filter: blur(18px) saturate(1.02) !important;
}


/* v4.6.9.27: Pie chart correction - real ТО cost only, legend as category history */
body[data-site-theme="vehicle_tracker_light"] .vt-metrics-pie-card .vt-card-title {
    padding-bottom: 10px !important;
    border-bottom: 1px solid var(--vt-border, #dbe3ef) !important;
    margin-bottom: 14px !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-metrics-pie-layout {
    grid-template-columns: minmax(160px, 250px) minmax(180px, 1fr) !important;
    align-items: center !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-pie-legend {
    gap: 8px !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-pie-legend li {
    display: grid !important;
    grid-template-columns: 14px minmax(0, 1fr) auto !important;
    grid-template-areas:
        "dot label percent"
        "dot amount amount" !important;
    align-items: center !important;
    column-gap: 10px !important;
    row-gap: 2px !important;
    padding: 8px 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-pie-legend li .vt-pie-dot {
    grid-area: dot !important;
    width: 12px !important;
    height: 12px !important;
    border-radius: 999px !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-pie-legend li span {
    grid-area: label !important;
    font-weight: 800 !important;
    color: var(--vt-text, #0f172a) !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-pie-legend li strong {
    grid-area: percent !important;
    font-weight: 900 !important;
    color: var(--vt-text, #0f172a) !important;
    text-align: right !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-pie-legend li small {
    grid-area: amount !important;
    color: var(--vt-muted, #64748b) !important;
    font-weight: 700 !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-pie-slice-2,
body[data-site-theme="vehicle_tracker_light"] .vt-pie-dot-2 {
    stroke: #ef4444 !important;
    background: #ef4444 !important;
}

@media (max-width: 700px) {
    body[data-site-theme="vehicle_tracker_light"] .vt-metrics-pie-layout {
        grid-template-columns: minmax(120px, 44%) minmax(0, 1fr) !important;
        gap: 10px !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-pie-chart {
        max-width: 190px !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-pie-legend li {
        grid-template-columns: 12px minmax(0, 1fr) auto !important;
        column-gap: 8px !important;
        padding: 6px 0 !important;
    }
}


/* v4.6.9.28: Pie chart visual refinement */
body[data-site-theme="vehicle_tracker_light"] .vt-metrics-pie-card {
    padding: 14px 18px 18px 18px !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-metrics-pie-card > .vt-card-title {
    min-height: 44px !important;
    padding: 0 0 8px 0 !important;
    margin: 0 0 14px 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    border-bottom: 1px solid var(--vt-border, #dbe3ef) !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-metrics-pie-card > .vt-card-title h2 {
    margin: 0 !important;
    font-size: var(--vt-font-block-title, 18px) !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-metrics-pie-card > .vt-card-title small {
    margin: 0 !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-pie-legend li {
    border: 1px solid var(--vt-border, #dbe3ef) !important;
    border-radius: 16px !important;
    background: var(--vt-surface-muted, #f8fafc) !important;
    padding: 12px 14px !important;
    box-shadow: none !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-pie-center-label,
body[data-site-theme="vehicle_tracker_light"] .vt-pie-center-sub {
    display: none !important;
}

@media (max-width: 700px) {
    body[data-site-theme="vehicle_tracker_light"] .vt-metrics-pie-card {
        padding: 14px 14px 16px 14px !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-metrics-pie-card > .vt-card-title {
        min-height: 42px !important;
        gap: 8px !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-metrics-pie-card > .vt-card-title h2 {
        font-size: var(--vt-font-block-title, 18px) !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-metrics-pie-card > .vt-card-title small {
        font-size: var(--vt-font-caption, 12px) !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-pie-legend li {
        padding: 10px 12px !important;
        border-radius: 14px !important;
    }
}


/* v4.6.9.29: Global Font System
   Page title  -> h1 / main page headings
   Block title -> h2/h3/card titles
   Content     -> main text, forms, lists, tables
   Caption     -> small/helper/secondary text
   Menu        -> sidebar + bottom navigation
   Button      -> buttons/toggles/actions
*/
body[data-site-theme="vehicle_tracker_light"] {
    font-size: var(--vt-font-content, 14px) !important;
}

body[data-site-theme="vehicle_tracker_light"] h1,
body[data-site-theme="vehicle_tracker_light"] .page-title-block h1,
body[data-site-theme="vehicle_tracker_light"] .vt-page-top h1,
body[data-site-theme="vehicle_tracker_light"] .desktop-page-header strong,
body[data-site-theme="vehicle_tracker_light"] .mobile-header-title {
    font-size: var(--vt-font-page-title, 28px) !important;
}

body[data-site-theme="vehicle_tracker_light"] h2,
body[data-site-theme="vehicle_tracker_light"] h3,
body[data-site-theme="vehicle_tracker_light"] .vt-card-title h2,
body[data-site-theme="vehicle_tracker_light"] .vt-card-title h3,
body[data-site-theme="vehicle_tracker_light"] .section-head h2,
body[data-site-theme="vehicle_tracker_light"] .card h2,
body[data-site-theme="vehicle_tracker_light"] .card h3,
body[data-site-theme="vehicle_tracker_light"] .vt-metrics-chart-header-row h2,
body[data-site-theme="vehicle_tracker_light"] .vt-metrics-pie-card > .vt-card-title h2,
body[data-site-theme="vehicle_tracker_light"] .admin-section-title,
body[data-site-theme="vehicle_tracker_light"] .admin-card-title {
    font-size: var(--vt-font-block-title, 18px) !important;
}

body[data-site-theme="vehicle_tracker_light"] p,
body[data-site-theme="vehicle_tracker_light"] li,
body[data-site-theme="vehicle_tracker_light"] label,
body[data-site-theme="vehicle_tracker_light"] input,
body[data-site-theme="vehicle_tracker_light"] select,
body[data-site-theme="vehicle_tracker_light"] textarea,
body[data-site-theme="vehicle_tracker_light"] table,
body[data-site-theme="vehicle_tracker_light"] td,
body[data-site-theme="vehicle_tracker_light"] th,
body[data-site-theme="vehicle_tracker_light"] .vt-card,
body[data-site-theme="vehicle_tracker_light"] .vt-list-row,
body[data-site-theme="vehicle_tracker_light"] .vt-form-grid,
body[data-site-theme="vehicle_tracker_light"] .vt-form-card,
body[data-site-theme="vehicle_tracker_light"] .vt-metrics-compact-summary strong,
body[data-site-theme="vehicle_tracker_light"] .vt-pie-legend li span,
body[data-site-theme="vehicle_tracker_light"] .vt-pie-legend li strong,
body[data-site-theme="vehicle_tracker_light"] .vehicle-main-info,
body[data-site-theme="vehicle_tracker_light"] .recent-card,
body[data-site-theme="vehicle_tracker_light"] .maintenance-card {
    font-size: var(--vt-font-content, 14px) !important;
}

body[data-site-theme="vehicle_tracker_light"] small,
body[data-site-theme="vehicle_tracker_light"] .muted,
body[data-site-theme="vehicle_tracker_light"] .vt-card-title small,
body[data-site-theme="vehicle_tracker_light"] .desktop-page-header small,
body[data-site-theme="vehicle_tracker_light"] .mobile-header-version,
body[data-site-theme="vehicle_tracker_light"] .vt-chart-label,
body[data-site-theme="vehicle_tracker_light"] .vt-pie-legend li small,
body[data-site-theme="vehicle_tracker_light"] .vt-metrics-chart-subtitle,
body[data-site-theme="vehicle_tracker_light"] .vt-metrics-compact-summary span,
body[data-site-theme="vehicle_tracker_light"] .vt-metrics-compact-summary small,
body[data-site-theme="vehicle_tracker_light"] .vt-font-settings-help,
body[data-site-theme="vehicle_tracker_light"] .vt-form-fieldset label small,
body[data-site-theme="vehicle_tracker_light"] .form label small {
    font-size: var(--vt-font-caption, 12px) !important;
}

body[data-site-theme="vehicle_tracker_light"] .side-nav a,
body[data-site-theme="vehicle_tracker_light"] .sidebar,
body[data-site-theme="vehicle_tracker_light"] .sidebar-user,
body[data-site-theme="vehicle_tracker_light"] .sidebar-user strong,
body[data-site-theme="vehicle_tracker_light"] .bottom-nav,
body[data-site-theme="vehicle_tracker_light"] .bottom-nav a,
body[data-site-theme="vehicle_tracker_light"] .bottom-nav span,
body[data-site-theme="vehicle_tracker_light"] .nav-label-wrap,
body[data-site-theme="vehicle_tracker_light"] .mobile_bottom_navigation {
    font-size: var(--vt-font-menu, 13px) !important;
}

body[data-site-theme="vehicle_tracker_light"] button,
body[data-site-theme="vehicle_tracker_light"] .btn,
body[data-site-theme="vehicle_tracker_light"] .vt-btn,
body[data-site-theme="vehicle_tracker_light"] .vt-toggle-pill,
body[data-site-theme="vehicle_tracker_light"] .vt-checkbox-switch,
body[data-site-theme="vehicle_tracker_light"] .vt-inline-form button,
body[data-site-theme="vehicle_tracker_light"] input[type="submit"] {
    font-size: var(--vt-font-button, 14px) !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-font-settings-fieldset {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-font-settings-fieldset legend,
body[data-site-theme="vehicle_tracker_light"] .vt-font-settings-fieldset .vt-font-settings-help {
    grid-column: 1 / -1 !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-font-settings-fieldset label {
    gap: 4px !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-font-settings-fieldset label small {
    display: block !important;
    color: var(--vt-muted, #64748b) !important;
    font-weight: 600 !important;
    line-height: 1.25 !important;
}

@media (max-width: 700px) {
    body[data-site-theme="vehicle_tracker_light"] .vt-font-settings-fieldset {
        grid-template-columns: 1fr !important;
    }
}


/* v4.6.9.30: Complete Global Font System override layer
   This layer intentionally sits at the end of the theme CSS and wins over older local font-size values.
*/
body[data-site-theme="vehicle_tracker_light"],
body[data-site-theme="vehicle_tracker_light"] .app-shell,
body[data-site-theme="vehicle_tracker_light"] .main-content,
body[data-site-theme="vehicle_tracker_light"] .vt-card,
body[data-site-theme="vehicle_tracker_light"] .card,
body[data-site-theme="vehicle_tracker_light"] .compact-card,
body[data-site-theme="vehicle_tracker_light"] .vt-section-card,
body[data-site-theme="vehicle_tracker_light"] .vt-form-card {
    font-size: var(--vt-font-content, 14px) !important;
}

/* Page title */
body[data-site-theme="vehicle_tracker_light"] h1,
body[data-site-theme="vehicle_tracker_light"] .topbar h1,
body[data-site-theme="vehicle_tracker_light"] .page-title-block h1,
body[data-site-theme="vehicle_tracker_light"] .desktop-page-header strong,
body[data-site-theme="vehicle_tracker_light"] .mobile-header-title,
body[data-site-theme="vehicle_tracker_light"] .vt-page-title,
body[data-site-theme="vehicle_tracker_light"] .vt-page-top h1,
body[data-site-theme="vehicle_tracker_light"] .auth-card h1 {
    font-size: var(--vt-font-page-title, 28px) !important;
}

/* Block title */
body[data-site-theme="vehicle_tracker_light"] h2,
body[data-site-theme="vehicle_tracker_light"] h3,
body[data-site-theme="vehicle_tracker_light"] legend,
body[data-site-theme="vehicle_tracker_light"] .card h2,
body[data-site-theme="vehicle_tracker_light"] .card h3,
body[data-site-theme="vehicle_tracker_light"] .section-head h2,
body[data-site-theme="vehicle_tracker_light"] .vt-card-title h2,
body[data-site-theme="vehicle_tracker_light"] .vt-card-title h3,
body[data-site-theme="vehicle_tracker_light"] .vt-section-title,
body[data-site-theme="vehicle_tracker_light"] .vt-form-fieldset legend,
body[data-site-theme="vehicle_tracker_light"] .vt-metrics-chart-header-row h2,
body[data-site-theme="vehicle_tracker_light"] .vt-metrics-pie-card > .vt-card-title h2,
body[data-site-theme="vehicle_tracker_light"] .admin-section-title,
body[data-site-theme="vehicle_tracker_light"] .admin-card-title,
body[data-site-theme="vehicle_tracker_light"] .dashboard-card-title,
body[data-site-theme="vehicle_tracker_light"] .list-title,
body[data-site-theme="vehicle_tracker_light"] .row-title,
body[data-site-theme="vehicle_tracker_light"] .brand strong {
    font-size: var(--vt-font-block-title, 18px) !important;
}

/* Content */
body[data-site-theme="vehicle_tracker_light"] p,
body[data-site-theme="vehicle_tracker_light"] li,
body[data-site-theme="vehicle_tracker_light"] label,
body[data-site-theme="vehicle_tracker_light"] input,
body[data-site-theme="vehicle_tracker_light"] select,
body[data-site-theme="vehicle_tracker_light"] textarea,
body[data-site-theme="vehicle_tracker_light"] table,
body[data-site-theme="vehicle_tracker_light"] th,
body[data-site-theme="vehicle_tracker_light"] td,
body[data-site-theme="vehicle_tracker_light"] .vt-list-row,
body[data-site-theme="vehicle_tracker_light"] .vt-form-grid,
body[data-site-theme="vehicle_tracker_light"] .vt-form-grid label,
body[data-site-theme="vehicle_tracker_light"] .form,
body[data-site-theme="vehicle_tracker_light"] .form label,
body[data-site-theme="vehicle_tracker_light"] .stat,
body[data-site-theme="vehicle_tracker_light"] .stat strong,
body[data-site-theme="vehicle_tracker_light"] .stat span,
body[data-site-theme="vehicle_tracker_light"] .metric,
body[data-site-theme="vehicle_tracker_light"] .metric strong,
body[data-site-theme="vehicle_tracker_light"] .metric-value,
body[data-site-theme="vehicle_tracker_light"] .stat-value,
body[data-site-theme="vehicle_tracker_light"] .summary-value,
body[data-site-theme="vehicle_tracker_light"] .vehicle-main-info,
body[data-site-theme="vehicle_tracker_light"] .vehicle-main-info strong,
body[data-site-theme="vehicle_tracker_light"] .mileage-card h2,
body[data-site-theme="vehicle_tracker_light"] .mileage-value,
body[data-site-theme="vehicle_tracker_light"] .recent-card,
body[data-site-theme="vehicle_tracker_light"] .maintenance-card,
body[data-site-theme="vehicle_tracker_light"] .service-row,
body[data-site-theme="vehicle_tracker_light"] .fuel-row,
body[data-site-theme="vehicle_tracker_light"] .expense-row,
body[data-site-theme="vehicle_tracker_light"] .admin-stat-value,
body[data-site-theme="vehicle_tracker_light"] .vt-pie-legend li span,
body[data-site-theme="vehicle_tracker_light"] .vt-pie-legend li strong,
body[data-site-theme="vehicle_tracker_light"] .vt-metrics-compact-summary strong,
body[data-site-theme="vehicle_tracker_light"] .vt-chart-value,
body[data-site-theme="vehicle_tracker_light"] .bar-label,
body[data-site-theme="vehicle_tracker_light"] .table-label {
    font-size: var(--vt-font-content, 14px) !important;
}

/* Caption / helper / secondary text */
body[data-site-theme="vehicle_tracker_light"] small,
body[data-site-theme="vehicle_tracker_light"] .muted,
body[data-site-theme="vehicle_tracker_light"] .caption,
body[data-site-theme="vehicle_tracker_light"] .helper,
body[data-site-theme="vehicle_tracker_light"] .app-version,
body[data-site-theme="vehicle_tracker_light"] .desktop-page-header small,
body[data-site-theme="vehicle_tracker_light"] .mobile-header-version,
body[data-site-theme="vehicle_tracker_light"] .brand span,
body[data-site-theme="vehicle_tracker_light"] .vehicle-switch-left small,
body[data-site-theme="vehicle_tracker_light"] .vt-card-title small,
body[data-site-theme="vehicle_tracker_light"] .section-head span,
body[data-site-theme="vehicle_tracker_light"] .section-head small,
body[data-site-theme="vehicle_tracker_light"] .vt-chart-label,
body[data-site-theme="vehicle_tracker_light"] .vt-pie-legend li small,
body[data-site-theme="vehicle_tracker_light"] .vt-metrics-chart-subtitle,
body[data-site-theme="vehicle_tracker_light"] .vt-metrics-compact-summary span,
body[data-site-theme="vehicle_tracker_light"] .vt-metrics-compact-summary small,
body[data-site-theme="vehicle_tracker_light"] .vt-font-settings-help,
body[data-site-theme="vehicle_tracker_light"] .vt-form-fieldset label small,
body[data-site-theme="vehicle_tracker_light"] .form label small,
body[data-site-theme="vehicle_tracker_light"] .row-subtitle,
body[data-site-theme="vehicle_tracker_light"] .secondary,
body[data-site-theme="vehicle_tracker_light"] .timestamp,
body[data-site-theme="vehicle_tracker_light"] .admin-card-subtitle {
    font-size: var(--vt-font-caption, 12px) !important;
}

/* Menu */
body[data-site-theme="vehicle_tracker_light"] .sidebar,
body[data-site-theme="vehicle_tracker_light"] .sidebar *,
body[data-site-theme="vehicle_tracker_light"] .side-nav,
body[data-site-theme="vehicle_tracker_light"] .side-nav *,
body[data-site-theme="vehicle_tracker_light"] .bottom-nav,
body[data-site-theme="vehicle_tracker_light"] .bottom-nav *,
body[data-site-theme="vehicle_tracker_light"] .nav-label-wrap,
body[data-site-theme="vehicle_tracker_light"] .mobile-sidebar,
body[data-site-theme="vehicle_tracker_light"] .menu-item,
body[data-site-theme="vehicle_tracker_light"] .tabs,
body[data-site-theme="vehicle_tracker_light"] .tabs * {
    font-size: var(--vt-font-menu, 13px) !important;
}

/* Buttons */
body[data-site-theme="vehicle_tracker_light"] button,
body[data-site-theme="vehicle_tracker_light"] .btn,
body[data-site-theme="vehicle_tracker_light"] .vt-btn,
body[data-site-theme="vehicle_tracker_light"] .round-btn,
body[data-site-theme="vehicle_tracker_light"] .menu-btn,
body[data-site-theme="vehicle_tracker_light"] .icon-btn,
body[data-site-theme="vehicle_tracker_light"] .action-btn,
body[data-site-theme="vehicle_tracker_light"] .expand-btn,
body[data-site-theme="vehicle_tracker_light"] .toggle-btn,
body[data-site-theme="vehicle_tracker_light"] .vt-toggle-pill,
body[data-site-theme="vehicle_tracker_light"] .vt-checkbox-switch,
body[data-site-theme="vehicle_tracker_light"] .vt-inline-form button,
body[data-site-theme="vehicle_tracker_light"] input[type="submit"],
body[data-site-theme="vehicle_tracker_light"] input[type="button"],
body[data-site-theme="vehicle_tracker_light"] .network-status-text {
    font-size: var(--vt-font-button, 14px) !important;
}

/* Keep numeric badges readable and avoid huge bubbles when Menu is large */
body[data-site-theme="vehicle_tracker_light"] .badge,
body[data-site-theme="vehicle_tracker_light"] .count-badge,
body[data-site-theme="vehicle_tracker_light"] .notification-badge,
body[data-site-theme="vehicle_tracker_light"] .nav-badge {
    font-size: max(9px, calc(var(--vt-font-caption, 12px) * 0.9)) !important;
}

/* SVG/chart labels should follow Caption but stay compact */
body[data-site-theme="vehicle_tracker_light"] svg text,
body[data-site-theme="vehicle_tracker_light"] .chart text {
    font-size: var(--vt-font-caption, 12px) !important;
}

/* Mobile safeguards: apply user font settings but keep navigation usable */
@media (max-width: 700px) {
    body[data-site-theme="vehicle_tracker_light"] .mobile-header-title,
    body[data-site-theme="vehicle_tracker_light"] .desktop-page-header strong {
        line-height: 1.05 !important;
        overflow-wrap: anywhere !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .bottom-nav a,
    body[data-site-theme="vehicle_tracker_light"] .bottom-nav span,
    body[data-site-theme="vehicle_tracker_light"] .nav-label-wrap {
        line-height: 1.05 !important;
        max-width: 100% !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-btn,
    body[data-site-theme="vehicle_tracker_light"] .btn,
    body[data-site-theme="vehicle_tracker_light"] button {
        line-height: 1.12 !important;
    }
}


/* v4.6.9.32: bind mobile menu button and current mileage value to Page title font setting */
body[data-site-theme="vehicle_tracker_light"] .menu-btn,
body[data-site-theme="vehicle_tracker_light"] .menu-btn .menu-icon-open,
body[data-site-theme="vehicle_tracker_light"] .menu-btn .menu-icon-close,
body[data-site-theme="vehicle_tracker_light"] .mileage-card h2,
body[data-site-theme="vehicle_tracker_light"] .mileage-value,
body[data-site-theme="vehicle_tracker_light"] .current-mileage-value,
body[data-site-theme="vehicle_tracker_light"] .odometer-current-value {
    font-size: var(--vt-font-page-title, 28px) !important;
}


/* Auth logo layout fix: keep online/offline logo in the old left-side logo position */
body.auth-page[data-site-theme="vehicle_tracker_light"] .auth-brand-title {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 16px !important;
    width: auto !important;
    max-width: 100% !important;
    text-align: left !important;
}

body.auth-page[data-site-theme="vehicle_tracker_light"] .auth-brand-title .auth-network-status-logo,
body.auth-page[data-site-theme="vehicle_tracker_light"] .auth-brand-title .network-status-logo.auth-network-status-logo {
    width: 64px !important;
    height: 64px !important;
    min-width: 64px !important;
    max-width: 64px !important;
    flex: 0 0 64px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}

body.auth-page[data-site-theme="vehicle_tracker_light"] .auth-brand-title .auth-network-status-logo img,
body.auth-page[data-site-theme="vehicle_tracker_light"] .auth-brand-title .network-status-logo.auth-network-status-logo img {
    width: 64px !important;
    height: 64px !important;
    max-width: 64px !important;
    max-height: 64px !important;
    object-fit: contain !important;
    border-radius: 18px !important;
}

body.auth-page[data-site-theme="vehicle_tracker_light"] .auth-brand-title h1 {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    margin: 0 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

body.auth-page[data-site-theme="vehicle_tracker_light"] .auth-form-title {
    margin: 0 0 16px 0 !important;
}

@media (max-width: 520px) {
    body.auth-page[data-site-theme="vehicle_tracker_light"] .auth-brand-title {
        gap: 14px !important;
    }

    body.auth-page[data-site-theme="vehicle_tracker_light"] .auth-brand-title .auth-network-status-logo,
    body.auth-page[data-site-theme="vehicle_tracker_light"] .auth-brand-title .network-status-logo.auth-network-status-logo {
        width: 56px !important;
        height: 56px !important;
        min-width: 56px !important;
        max-width: 56px !important;
        flex-basis: 56px !important;
    }

    body.auth-page[data-site-theme="vehicle_tracker_light"] .auth-brand-title .auth-network-status-logo img,
    body.auth-page[data-site-theme="vehicle_tracker_light"] .auth-brand-title .network-status-logo.auth-network-status-logo img {
        width: 56px !important;
        height: 56px !important;
        max-width: 56px !important;
        max-height: 56px !important;
    }
}


/* v4.6.9.34: Admin online list and maintenance action button UX */
body[data-site-theme="vehicle_tracker_light"] .online-group-row.is-online-extra-row {
    display: none !important;
}

body[data-site-theme="vehicle_tracker_light"] .grouped-online-list.is-expanded .online-group-row.is-online-extra-row {
    display: grid !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-online-toggle-actions {
    display: flex !important;
    justify-content: flex-end !important;
    padding-top: 12px !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-online-toggle-actions .vt-btn[disabled] {
    opacity: .45 !important;
    cursor: not-allowed !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-object-edit-details > summary.vt-object-edit-summary {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: fit-content !important;
    list-style: none !important;
    cursor: pointer !important;
    text-decoration: none !important;
    margin: 0 0 10px 0 !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-object-edit-details > summary.vt-object-edit-summary::-webkit-details-marker {
    display: none !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-object-management {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 10px !important;
}


/* v4.6.9.35: Unified typography binding for dashboard mileage and KPI cards
   - Current mileage value inherits Page title
   - Current mileage label and converted km inherit Caption
   - Maintenance KPI cards follow the same typography model as Fuel/Expenses KPI cards
*/
body[data-site-theme="vehicle_tracker_light"] .vt-mileage-copy > span {
    font-size: var(--vt-font-caption, 12px) !important;
    color: var(--vt-muted) !important;
    font-weight: 500 !important;
    line-height: 1.15 !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-mileage-copy > strong,
body[data-site-theme="vehicle_tracker_light"] .vt-mileage-copy > strong[data-mileage-static] {
    font-size: var(--vt-font-page-title, 28px) !important;
    color: var(--vt-text) !important;
    font-weight: 800 !important;
    line-height: 1.05 !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-mileage-copy > small {
    font-size: var(--vt-font-caption, 12px) !important;
    color: var(--vt-muted) !important;
    font-weight: 500 !important;
    line-height: 1.15 !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-mileage-copy > input[data-mileage-input] {
    font-size: var(--vt-font-page-title, 28px) !important;
    font-weight: 800 !important;
    line-height: 1.05 !important;
}

/* Maintenance KPI cards should use the same type mapping as other KPI blocks:
   label = Caption, value = Content */
body[data-site-theme="vehicle_tracker_light"] .vt-mini-kpi > span,
body[data-site-theme="vehicle_tracker_light"] .vt-maintenance-kpi-grid .vt-card > span {
    font-size: var(--vt-font-caption, 12px) !important;
    color: var(--vt-muted) !important;
    font-weight: 500 !important;
    line-height: 1.15 !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-mini-kpi > strong,
body[data-site-theme="vehicle_tracker_light"] .vt-maintenance-kpi-grid .vt-card > strong {
    font-size: var(--vt-font-content, 14px) !important;
    color: var(--vt-text) !important;
    font-weight: 800 !important;
    line-height: 1.15 !important;
}

@media (max-width: 700px) {
    body[data-site-theme="vehicle_tracker_light"] .vt-mileage-copy > strong,
    body[data-site-theme="vehicle_tracker_light"] .vt-mileage-copy > strong[data-mileage-static],
    body[data-site-theme="vehicle_tracker_light"] .vt-mileage-copy > input[data-mileage-input] {
        font-size: var(--vt-font-page-title, 28px) !important;
    }
}


/* v4.6.9.36: History filters and KPI text normalization */
body[data-site-theme="vehicle_tracker_light"] .vt-kpi-force-stack > span,
body[data-site-theme="vehicle_tracker_light"] .vt-kpi-force-stack > strong {
    display: block !important;
    width: 100% !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-kpi-force-stack > strong {
    margin-top: 6px !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-card-title-with-filter {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    flex-wrap: nowrap !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-card-title-with-filter h2 {
    min-width: 0 !important;
    flex: 1 1 auto !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-year-filter-form {
    flex: 0 0 auto !important;
    margin: 0 !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-year-filter-form label {
    margin: 0 !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-year-filter-form select {
    min-width: 96px !important;
    min-height: 36px !important;
    padding: 0 32px 0 12px !important;
    border: 1px solid var(--vt-border) !important;
    border-radius: 999px !important;
    background: #fff !important;
    color: var(--vt-text) !important;
    font-size: var(--vt-font-button, 14px) !important;
    font-weight: 700 !important;
}

body[data-site-theme="vehicle_tracker_light"] .sr-only {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}

/* Maintenance KPI blocks must match Fuel/Expenses KPI text mapping */
body[data-site-theme="vehicle_tracker_light"] .vt-maintenance-kpi-grid .vt-mini-kpi > span,
body[data-site-theme="vehicle_tracker_light"] .vt-maintenance-kpi-grid .vt-card > span {
    font-size: var(--vt-font-caption, 12px) !important;
    color: var(--vt-muted) !important;
    font-weight: 500 !important;
    line-height: 1.15 !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-maintenance-kpi-grid .vt-mini-kpi > strong,
body[data-site-theme="vehicle_tracker_light"] .vt-maintenance-kpi-grid .vt-card > strong {
    font-size: var(--vt-font-content, 14px) !important;
    color: var(--vt-text) !important;
    font-weight: 500 !important;
    line-height: 1.15 !important;
}

@media (max-width: 700px) {
    body[data-site-theme="vehicle_tracker_light"] .vt-year-filter-form select {
        min-width: 82px !important;
        min-height: 34px !important;
        padding-left: 10px !important;
    }
}


/* v4.6.9.37: Fuel/Expenses KPI 2x2 layout and maintenance action buttons */
body[data-site-theme="vehicle_tracker_light"] .vt-fuel-kpi-grid,
body[data-site-theme="vehicle_tracker_light"] .vt-expenses-kpi-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-fuel-kpi-grid .vt-kpi,
body[data-site-theme="vehicle_tracker_light"] .vt-expenses-kpi-grid .vt-kpi {
    min-height: 78px !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-btn-warning,
body[data-site-theme="vehicle_tracker_light"] .vt-object-edit-details > summary.vt-object-edit-summary.vt-btn-warning {
    background: #f59e0b !important;
    border-color: #f59e0b !important;
    color: #ffffff !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-object-edit-details > summary.vt-object-edit-summary {
    min-width: 172px !important;
    min-height: 44px !important;
    padding: 0 18px !important;
    box-sizing: border-box !important;
    white-space: nowrap !important;
    overflow: visible !important;
    text-overflow: clip !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-object-delete-form .vt-object-delete-button,
body[data-site-theme="vehicle_tracker_light"] .vt-object-delete-form .vt-btn-danger {
    min-width: 172px !important;
    min-height: 44px !important;
    padding: 0 18px !important;
    box-sizing: border-box !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-object-management {
    align-items: flex-start !important;
    gap: 12px !important;
}

@media (max-width: 700px) {
    body[data-site-theme="vehicle_tracker_light"] .vt-fuel-kpi-grid,
    body[data-site-theme="vehicle_tracker_light"] .vt-expenses-kpi-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 8px !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-object-edit-details > summary.vt-object-edit-summary,
    body[data-site-theme="vehicle_tracker_light"] .vt-object-delete-form .vt-object-delete-button,
    body[data-site-theme="vehicle_tracker_light"] .vt-object-delete-form .vt-btn-danger {
        min-width: 160px !important;
        max-width: 100% !important;
    }
}


/* v4.6.9.38: Fuel calculation flags help text */
body[data-site-theme="vehicle_tracker_light"] .vt-form-help {
    color: var(--vt-muted) !important;
    font-size: var(--vt-font-caption, 12px) !important;
    line-height: 1.35 !important;
    padding: 4px 0 !important;
}


/* v4.6.9.39: Fuel flag layout and separate explanations */
body[data-site-theme="vehicle_tracker_light"] .vt-fuel-flag-field {
    display: grid !important;
    gap: 6px !important;
    align-content: start !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-fuel-flag-field .vt-check-label {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    min-height: 44px !important;
    margin: 0 !important;
    font-size: var(--vt-font-content, 14px) !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-fuel-flag-field .vt-check-label input[type="checkbox"] {
    flex: 0 0 auto !important;
    margin: 0 !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-fuel-flag-field .vt-check-label span {
    display: inline-block !important;
    min-width: 0 !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-fuel-flag-field small {
    display: block !important;
    color: var(--vt-muted) !important;
    font-size: var(--vt-font-caption, 12px) !important;
    line-height: 1.35 !important;
    padding-left: 0 !important;
}


/* v4.6.9.40: Fuel flags layout fix
   Keep checkbox + option title inside the same form block.
   Explanation is shown directly under its own option.
*/
body[data-site-theme="vehicle_tracker_light"] .vt-form-grid .vt-fuel-flag-field,
body[data-site-theme="vehicle_tracker_light"] .vt-inline-edit-form .vt-fuel-flag-field {
    grid-column: 1 / -1 !important;
    width: 100% !important;
    max-width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    gap: 8px !important;
    box-sizing: border-box !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-fuel-flag-field .vt-check-label {
    width: 100% !important;
    max-width: 100% !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 14px !important;
    min-height: 44px !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    white-space: normal !important;
    overflow: visible !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-fuel-flag-field .vt-check-label input[type="checkbox"] {
    flex: 0 0 auto !important;
    width: 44px !important;
    height: 44px !important;
    margin: 0 !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-fuel-flag-field .vt-check-label span {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    max-width: calc(100% - 58px) !important;
    display: block !important;
    overflow: visible !important;
    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: break-word !important;
    text-align: left !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-fuel-flag-field small {
    width: 100% !important;
    max-width: 100% !important;
    display: block !important;
    padding: 0 !important;
    margin: 0 !important;
    box-sizing: border-box !important;
    color: var(--vt-muted) !important;
    font-size: var(--vt-font-caption, 12px) !important;
    line-height: 1.35 !important;
    text-align: left !important;
    white-space: normal !important;
    overflow-wrap: break-word !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-fuel-entry-form {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 14px !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-fuel-form-header,
body[data-site-theme="vehicle_tracker_light"] .vt-fuel-form-row {
    grid-column: 1 / -1 !important;
    gap: 12px !important;
    width: 100% !important;
    min-width: 0 !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-fuel-form-row {
    display: grid !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-fuel-form-header {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: space-between !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-fuel-form-header h2 {
    flex: 1 1 220px !important;
    margin: 0 !important;
    min-width: 0 !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-fuel-date-field,
body[data-site-theme="vehicle_tracker_light"] .vt-fuel-date-field .vt-date-input-wrap {
    min-width: 0 !important;
    width: 100% !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-fuel-date-field {
    flex: 0 1 320px !important;
    max-width: 100% !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-fuel-date-field .vt-date-input-wrap input[type="date"] {
    padding-right: 60px !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-fuel-mileage-row {
    grid-template-columns: minmax(0, 1fr) minmax(88px, 128px) !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-fuel-money-row {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-fuel-form-row label,
body[data-site-theme="vehicle_tracker_light"] .vt-fuel-form-row input,
body[data-site-theme="vehicle_tracker_light"] .vt-fuel-form-row select {
    min-width: 0 !important;
}

@media (max-width: 700px) {
    body[data-site-theme="vehicle_tracker_light"] .vt-fuel-form-header {
        gap: 10px !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-fuel-date-field {
        flex-basis: min(100%, 360px) !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-fuel-mileage-row {
        grid-template-columns: minmax(0, 1fr) minmax(76px, 112px) !important;
        gap: 10px !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-fuel-money-row {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 8px !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-fuel-money-row input {
        padding-left: 8px !important;
        padding-right: 8px !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-fuel-flag-field .vt-check-label {
        gap: 12px !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-fuel-flag-field .vt-check-label input[type="checkbox"] {
        width: 42px !important;
        height: 42px !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-fuel-flag-field .vt-check-label span {
        max-width: calc(100% - 54px) !important;
    }
}

@media (max-width: 380px) {
    body[data-site-theme="vehicle_tracker_light"] .vt-fuel-form-header {
        align-items: stretch !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-fuel-money-row {
        grid-template-columns: 1fr !important;
    }
}


/* v4.6.9.41: Metrics pie filters, new-user nav disabled state, first-car empty card padding */
body[data-site-theme="vehicle_tracker_light"] .vt-metrics-pie-header {
    display: grid !important;
    gap: 14px !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-metrics-pie-title-row {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    flex-wrap: wrap !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-metrics-pie-filter-form {
    justify-content: flex-start !important;
    width: 100% !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-first-car-empty {
    padding: 22px 24px !important;
    display: grid !important;
    gap: 16px !important;
    align-items: start !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-first-car-empty h2,
body[data-site-theme="vehicle_tracker_light"] .vt-first-car-empty p {
    margin: 0 !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-first-car-empty .vt-btn {
    justify-self: start !important;
    margin-top: 4px !important;
}

body[data-site-theme="vehicle_tracker_light"] .side-nav a.is-disabled,
body[data-site-theme="vehicle_tracker_light"] .bottom-nav a.is-disabled,
body[data-site-theme="vehicle_tracker_light"] .side-nav a.disabled,
body[data-site-theme="vehicle_tracker_light"] .bottom-nav a.disabled {
    opacity: .45 !important;
    pointer-events: none !important;
    cursor: not-allowed !important;
    filter: grayscale(.35) !important;
}

body[data-site-theme="vehicle_tracker_light"] .side-nav a.is-disabled.active,
body[data-site-theme="vehicle_tracker_light"] .bottom-nav a.is-disabled.active {
    background: transparent !important;
    color: inherit !important;
}

@media (max-width: 700px) {
    body[data-site-theme="vehicle_tracker_light"] .vt-first-car-empty {
        padding: 20px !important;
        gap: 14px !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-metrics-pie-title-row {
        align-items: flex-start !important;
    }
}


/* v4.6.9.42: Admin users pagination and online compact view */
body[data-site-theme="vehicle_tracker_light"] .vt-admin-online-title {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    flex-wrap: wrap !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-admin-online-title h2 {
    margin: 0 !important;
    min-width: 0 !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-admin-online-controls {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 12px !important;
    flex-wrap: wrap !important;
    margin: 0 !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-admin-checkbox-control {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    margin: 0 !important;
    color: var(--vt-muted) !important;
    font-size: var(--vt-font-button, 14px) !important;
    font-weight: 700 !important;
    line-height: 1.1 !important;
    white-space: nowrap !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-admin-checkbox-control input[type="checkbox"] {
    width: 22px !important;
    height: 22px !important;
    margin: 0 !important;
    flex: 0 0 auto !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-admin-online-compact {
    padding: 18px 22px !important;
    color: var(--vt-muted) !important;
    font-size: var(--vt-font-content, 14px) !important;
    line-height: 1.5 !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-admin-online-compact strong {
    color: var(--vt-text) !important;
    font-weight: 800 !important;
    margin-right: 8px !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-admin-users-pagination {
    display: flex !important;
    justify-content: flex-end !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 12px 16px 0 !important;
    border-top: 1px solid var(--vt-border) !important;
    margin-top: 10px !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-admin-users-pagination a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 34px !important;
    min-height: 34px !important;
    padding: 0 10px !important;
    border: 1px solid var(--vt-border) !important;
    border-radius: 999px !important;
    background: #fff !important;
    color: var(--vt-muted) !important;
    font-size: var(--vt-font-button, 14px) !important;
    font-weight: 800 !important;
    text-decoration: none !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-admin-users-pagination a.is-active {
    background: var(--vt-primary) !important;
    border-color: var(--vt-primary) !important;
    color: #fff !important;
}

@media (max-width: 700px) {
    body[data-site-theme="vehicle_tracker_light"] .vt-admin-online-title {
        align-items: flex-start !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-admin-online-controls {
        width: 100% !important;
        justify-content: flex-start !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-admin-online-compact {
        padding: 16px !important;
    }
}


/* v4.6.9.43: Admin compact stats blocks and activity filters no-wrap */
body[data-site-theme="vehicle_tracker_light"] .vt-activity-title {
    display: flex !important;
    align-items: flex-start !important;
    justify-content: space-between !important;
    gap: 10px !important;
    flex-wrap: nowrap !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-activity-title > div {
    min-width: 0 !important;
    flex: 1 1 auto !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-activity-title h2,
body[data-site-theme="vehicle_tracker_light"] .vt-activity-title small {
    min-width: 0 !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-activity-filters {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 6px !important;
    flex: 0 0 auto !important;
    flex-wrap: nowrap !important;
    white-space: nowrap !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-activity-filters a {
    display: inline-flex !important;
    align-items: center !important;
    white-space: nowrap !important;
    flex: 0 0 auto !important;
    font-size: calc(var(--vt-font-button, 14px) * .92) !important;
    line-height: 1.05 !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-activity-filters a + a::before {
    content: "·" !important;
    display: inline-block !important;
    margin: 0 6px 0 0 !important;
    color: var(--vt-muted) !important;
    text-decoration: none !important;
}

/* Compact vehicle statistics block, closer to Devices and OS style */
body[data-site-theme="vehicle_tracker_light"] .vt-admin-vehicle-stats-card .vt-card-title,
body[data-site-theme="vehicle_tracker_light"] .vt-admin-feature-popularity-card .vt-card-title {
    padding-top: 16px !important;
    padding-bottom: 14px !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-admin-vehicle-stats-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
    padding: 14px 16px 16px !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-admin-vehicle-stat-panel {
    padding: 12px !important;
    border: 1px solid var(--vt-border) !important;
    border-radius: 16px !important;
    background: #fff !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-admin-vehicle-stat-title {
    display: flex !important;
    align-items: baseline !important;
    justify-content: space-between !important;
    gap: 10px !important;
    margin-bottom: 10px !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-admin-vehicle-stat-title h3 {
    margin: 0 !important;
    font-size: var(--vt-font-content, 14px) !important;
    line-height: 1.15 !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-admin-vehicle-stat-title small {
    font-size: var(--vt-font-caption, 12px) !important;
    line-height: 1.15 !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-admin-brand-list,
body[data-site-theme="vehicle_tracker_light"] .vt-admin-average-vehicles-details {
    display: grid !important;
    gap: 8px !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-admin-brand-row,
body[data-site-theme="vehicle_tracker_light"] .vt-admin-average-vehicles-details > div {
    min-height: 0 !important;
    padding: 8px 10px !important;
    border-radius: 12px !important;
    border: 1px solid var(--vt-border) !important;
    background: #fff !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-admin-brand-row strong,
body[data-site-theme="vehicle_tracker_light"] .vt-admin-average-vehicles-details strong {
    font-size: var(--vt-font-content, 14px) !important;
    line-height: 1.15 !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-admin-brand-row span,
body[data-site-theme="vehicle_tracker_light"] .vt-admin-average-vehicles-details span,
body[data-site-theme="vehicle_tracker_light"] .vt-admin-brand-row em {
    font-size: var(--vt-font-caption, 12px) !important;
    line-height: 1.15 !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-admin-average-vehicles-value {
    margin: 0 0 10px !important;
    display: flex !important;
    align-items: baseline !important;
    gap: 8px !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-admin-average-vehicles-value strong {
    font-size: var(--vt-font-block-title, 18px) !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-admin-average-vehicles-value span {
    font-size: var(--vt-font-caption, 12px) !important;
}

/* Compact feature popularity block */
body[data-site-theme="vehicle_tracker_light"] .vt-feature-popularity-list {
    display: grid !important;
    gap: 8px !important;
    padding: 14px 16px 16px !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-feature-popularity-row {
    min-height: 0 !important;
    padding: 8px 10px !important;
    border-radius: 12px !important;
    border: 1px solid var(--vt-border) !important;
    background: #fff !important;
    align-items: center !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-feature-popularity-main {
    gap: 4px !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-feature-popularity-main strong {
    font-size: var(--vt-font-content, 14px) !important;
    line-height: 1.15 !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-feature-popularity-main span,
body[data-site-theme="vehicle_tracker_light"] .vt-feature-popularity-row em {
    font-size: var(--vt-font-caption, 12px) !important;
    line-height: 1.15 !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-feature-popularity-bar {
    height: 6px !important;
    margin-top: 2px !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-feature-popularity-item {
    border: 1px solid var(--vt-border) !important;
    border-radius: 12px !important;
    background: #fff !important;
    overflow: visible !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-feature-popularity-item > summary {
    list-style: none !important;
    cursor: pointer !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-feature-popularity-item > summary::-webkit-details-marker {
    display: none !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-feature-popularity-item > .vt-feature-popularity-row {
    border: 0 !important;
    background: transparent !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-feature-block-visibility {
    display: grid !important;
    gap: 10px !important;
    padding: 0 10px 12px !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-feature-block-visibility-head {
    display: grid !important;
    gap: 3px !important;
    padding-top: 8px !important;
    border-top: 1px solid var(--vt-border) !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-feature-block-visibility-head strong {
    color: var(--vt-text) !important;
    font-size: var(--vt-font-content, 14px) !important;
    line-height: 1.2 !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-feature-block-visibility-head span,
body[data-site-theme="vehicle_tracker_light"] .vt-feature-block-status {
    font-size: var(--vt-font-caption, 12px) !important;
    line-height: 1.35 !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-feature-block-toggle-list {
    display: grid !important;
    gap: 8px !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-feature-block-toggle {
    display: grid !important;
    grid-template-columns: auto minmax(0, 1fr) max-content !important;
    align-items: center !important;
    gap: 10px !important;
    width: 100% !important;
    padding: 8px 10px !important;
    border: 1px solid var(--vt-border) !important;
    border-radius: 10px !important;
    background: var(--vt-surface-muted, #f8fafc) !important;
    cursor: pointer !important;
    box-sizing: border-box !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-feature-block-toggle input[type="checkbox"] {
    width: 20px !important;
    height: 20px !important;
    flex: 0 0 auto !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-feature-block-toggle span {
    min-width: 0 !important;
    color: var(--vt-text) !important;
    font-size: var(--vt-font-content, 14px) !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-feature-block-toggle em {
    color: var(--vt-muted) !important;
    font-size: var(--vt-font-caption, 12px) !important;
    font-style: normal !important;
    font-weight: 800 !important;
    white-space: nowrap !important;
}

@media (max-width: 520px) {
    body[data-site-theme="vehicle_tracker_light"] .vt-feature-block-toggle {
        grid-template-columns: auto minmax(0, 1fr) !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-feature-block-toggle em {
        grid-column: 2 !important;
        justify-self: start !important;
    }
}

@media (max-width: 700px) {
    body[data-site-theme="vehicle_tracker_light"] .vt-activity-title {
        gap: 6px !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-activity-title h2 {
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 4px !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-activity-filters {
        gap: 3px !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-activity-filters a {
        font-size: calc(var(--vt-font-button, 14px) * .82) !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-activity-filters a + a::before {
        margin-right: 3px !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-admin-vehicle-stats-grid {
        grid-template-columns: 1fr !important;
        gap: 10px !important;
        padding: 12px !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-feature-popularity-list {
        padding: 12px !important;
    }
}


/* v4.6.9.44: Admin active panel persistence and JS-only online filters */
body[data-site-theme="vehicle_tracker_light"] .vt-admin-online-details:not(.is-open) {
    display: none !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-admin-online-details.is-open {
    display: block !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-admin-online-controls input[type="checkbox"] {
    cursor: pointer !important;
}

body[data-site-theme="vehicle_tracker_light"] [data-admin-online-list][hidden],
body[data-site-theme="vehicle_tracker_light"] [data-admin-online-compact][hidden],
body[data-site-theme="vehicle_tracker_light"] [data-admin-online-compact-all][hidden],
body[data-site-theme="vehicle_tracker_light"] [data-admin-online-compact-registered][hidden],
body[data-site-theme="vehicle_tracker_light"] [data-admin-online-group][hidden] {
    display: none !important;
}


/* v4.6.9.48: Mileage input units and date field hardening */
body[data-site-theme="vehicle_tracker_light"] .vt-fuel-row-four {
    row-gap: 6px !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-fuel-row-meta {
    grid-column: 1 / -1 !important;
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    min-height: 24px !important;
    color: var(--vt-muted) !important;
    font-size: var(--vt-font-caption, 12px) !important;
    line-height: 1.2 !important;
    padding-top: 2px !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-fuel-row-meta span {
    display: inline-flex !important;
    align-items: baseline !important;
    gap: 4px !important;
    text-align: left !important;
    white-space: nowrap !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-fuel-row-meta strong {
    display: inline !important;
    margin: 0 !important;
    font-size: var(--vt-font-caption, 12px) !important;
    font-weight: 800 !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-fuel-consumption-down {
    color: #16a34a !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-fuel-consumption-up {
    color: #dc2626 !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-fuel-consumption-neutral {
    color: var(--vt-text) !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-date-input-wrap {
    position: relative !important;
    display: flex !important;
    width: 100% !important;
    max-width: 100% !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-date-input-wrap input[type="date"] {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    padding-right: 44px !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-date-icon {
    position: absolute !important;
    right: 14px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    pointer-events: none !important;
    opacity: .72 !important;
    font-size: 16px !important;
    line-height: 1 !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-date-placeholder-wrap input[type="date"] {
    color: var(--vt-text, #0f172a) !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-date-placeholder-wrap.is-empty input[type="date"] {
    color: transparent !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-date-placeholder {
    position: absolute !important;
    left: 16px !important;
    right: 44px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    color: var(--vt-muted, #64748b) !important;
    font-size: inherit !important;
    font-weight: 400 !important;
    line-height: 1.2 !important;
    pointer-events: none !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-date-placeholder[hidden] {
    display: none !important;
}

body[data-site-theme="vehicle_tracker_light"] textarea {
    resize: vertical !important;
    min-height: 84px !important;
    max-height: 420px !important;
}

@media (max-width: 700px) {
    body[data-site-theme="vehicle_tracker_light"] .vt-fuel-row-meta {
        gap: 10px !important;
        flex-wrap: wrap !important;
        padding-top: 4px !important;
    }
}


/* v4.6.9.50: keep mobile bottom navigation fixed to viewport bottom */
@media (max-width: 900px) {
    body[data-site-theme="vehicle_tracker_light"] {
        padding-bottom: calc(116px + env(safe-area-inset-bottom, 0px)) !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-bottom-nav,
    body[data-site-theme="vehicle_tracker_light"] .bottom-nav,
    body[data-site-theme="vehicle_tracker_light"] .mobile-bottom-nav,
    body[data-site-theme="vehicle_tracker_light"] nav[aria-label="Bottom navigation"] {
        position: fixed !important;
        left: 18px !important;
        right: 18px !important;
        bottom: calc(12px + env(safe-area-inset-bottom, 0px)) !important;
        z-index: 9999 !important;
        transform: none !important;
        margin: 0 !important;
    }
}


/* v4.6.9.51: maintenance service -> expense checkbox */
body[data-site-theme="vehicle_tracker_light"] .vt-checkbox-line,
body[data-site-theme="vehicle_tracker_light"] .vt-service-expense-checkbox {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    width: 100% !important;
    font-weight: 800 !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-checkbox-line input[type="checkbox"] {
    flex: 0 0 auto !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-service-update-form input[name="service_amount"] {
    width: 100% !important;
    box-sizing: border-box !important;
}


/* v4.6.9.53: service history km equivalent */
body[data-site-theme="vehicle_tracker_light"] .vt-service-km-equivalent {
    display: block !important;
    margin-top: 3px !important;
    color: var(--vt-muted) !important;
    font-size: var(--vt-font-caption, 12px) !important;
    font-weight: 700 !important;
}


/* v4.6.9.54: fuel consumption trend + KPI improvements */
body[data-site-theme="vehicle_tracker_light"] .vt-fuel-consumption-neutral {
    color: var(--vt-text) !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-fuel-row-meta .vt-fuel-consumption-trend {
    white-space: nowrap !important;
}

/* v4.6.9.55 hotfix3: force visible consumption trend colors in fuel history */
body[data-site-theme="vehicle_tracker_light"] .vt-fuel-row-meta strong.vt-fuel-consumption-down,
body[data-site-theme="vehicle_tracker_light"] .vt-fuel-row-meta .vt-fuel-consumption-trend.vt-fuel-consumption-down {
    color: #16a34a !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-fuel-row-meta strong.vt-fuel-consumption-up,
body[data-site-theme="vehicle_tracker_light"] .vt-fuel-row-meta .vt-fuel-consumption-trend.vt-fuel-consumption-up {
    color: #dc2626 !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-fuel-row-meta strong.vt-fuel-consumption-neutral,
body[data-site-theme="vehicle_tracker_light"] .vt-fuel-row-meta .vt-fuel-consumption-trend.vt-fuel-consumption-neutral {
    color: #111827 !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-fuel-row-meta strong.vt-fuel-consumption-none,
body[data-site-theme="vehicle_tracker_light"] .vt-fuel-row-meta .vt-fuel-consumption-trend.vt-fuel-consumption-none {
    color: inherit !important;
}


/* v4.6.9.55 hotfix4: mobile fuel consumption trend fallback */
body[data-site-theme="vehicle_tracker_light"] .vt-fuel-row-meta strong[style*="color:#16a34a"] {
    color: #16a34a !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-fuel-row-meta strong[style*="color:#dc2626"] {
    color: #dc2626 !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-fuel-row-meta strong[style*="color:#111827"] {
    color: #111827 !important;
}

/* v4.7.0 Offline-first PWA Sync status banner */
.dbalnyk-sync-banner {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 10050;
    min-height: 34px;
    padding: 8px 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    font-size: 14px;
    font-weight: 700;
    text-align: center;
    color: #111827;
    box-shadow: 0 8px 24px rgba(15, 23, 42, 0.16);
}
.dbalnyk-sync-banner.is-hidden { display: none; }
.dbalnyk-sync-banner-offline { background: #f59e0b; color: #111827; }
.dbalnyk-sync-banner-pending { background: #3b82f6; color: #ffffff; }
.dbalnyk-sync-banner-syncing { background: #facc15; color: #111827; }
.dbalnyk-sync-banner-success { background: #22c55e; color: #052e16; }
.dbalnyk-sync-banner-error { background: #ef4444; color: #ffffff; }
.dbalnyk-sync-banner-action {
    border: 1px solid currentColor;
    border-radius: 999px;
    background: rgba(255,255,255,0.18);
    color: inherit;
    padding: 4px 10px;
    font-weight: 800;
}
.dbalnyk-offline-inline-badge {
    margin-top: 10px;
    padding: 8px 10px;
    border-radius: 12px;
    background: #dbeafe;
    color: #1e3a8a;
    font-size: 13px;
    font-weight: 700;
}
body:has(.dbalnyk-sync-banner:not(.is-hidden)) .app-shell,
body:has(.dbalnyk-sync-banner:not(.is-hidden)) main {
    scroll-margin-top: 44px;
}
@media (max-width: 700px) {
    .dbalnyk-sync-banner {
        font-size: 13px;
        min-height: 32px;
        padding: 7px 10px;
    }
}

/* v4.7.0 hotfix1: temporary toast banner + PWA startup screen */
.dbalnyk-sync-banner {
    position: fixed;
    top: calc(10px + env(safe-area-inset-top, 0px));
    left: 50%;
    right: auto;
    transform: translateX(-50%);
    width: min(calc(100vw - 24px), 680px);
    z-index: 10050;
    min-height: 36px;
    padding: 9px 14px;
    border-radius: 999px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    font-size: 14px;
    font-weight: 800;
    line-height: 1.25;
    text-align: center;
    box-shadow: 0 12px 32px rgba(15, 23, 42, 0.22);
    opacity: 1;
    pointer-events: auto;
    transition: opacity .2s ease, transform .2s ease;
}
.dbalnyk-sync-banner.is-hidden {
    display: flex;
    opacity: 0;
    pointer-events: none;
    transform: translate(-50%, -8px);
}
.dbalnyk-sync-banner-offline { background: #f59e0b; color: #111827; }
.dbalnyk-sync-banner-pending { background: #3b82f6; color: #ffffff; }
.dbalnyk-sync-banner-syncing { background: #facc15; color: #111827; }
.dbalnyk-sync-banner-success { background: #22c55e; color: #052e16; }
.dbalnyk-sync-banner-error { background: #ef4444; color: #ffffff; }
.dbalnyk-sync-banner-action {
    border: 1px solid currentColor;
    border-radius: 999px;
    background: rgba(255,255,255,0.18);
    color: inherit;
    padding: 4px 10px;
    font-weight: 800;
}

.dbalnyk-startup-screen {
    position: fixed;
    inset: 0;
    z-index: 12000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
    background: linear-gradient(160deg, #eff6ff, #ffffff 45%, #e0f2fe);
    color: #0f172a;
    transition: opacity .25s ease;
}
.dbalnyk-startup-screen.is-hiding { opacity: 0; }
.dbalnyk-startup-card {
    width: min(320px, 92vw);
    padding: 28px 22px;
    border-radius: 28px;
    background: rgba(255,255,255,.92);
    box-shadow: 0 20px 70px rgba(15,23,42,.18);
    text-align: center;
}
.dbalnyk-startup-logo {
    width: 72px;
    height: 72px;
    object-fit: contain;
    margin-bottom: 12px;
}
.dbalnyk-startup-title {
    font-size: 24px;
    font-weight: 900;
    margin-bottom: 8px;
}
.dbalnyk-startup-main {
    font-size: 16px;
    font-weight: 800;
    margin-bottom: 6px;
}
.dbalnyk-startup-step {
    min-height: 20px;
    font-size: 13px;
    color: #475569;
    font-weight: 700;
}
.dbalnyk-startup-dots {
    display: flex;
    justify-content: center;
    gap: 6px;
    margin-top: 16px;
}
.dbalnyk-startup-dots span {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #2563eb;
    animation: dbalnykStartupPulse 1s infinite ease-in-out;
}
.dbalnyk-startup-dots span:nth-child(2) { animation-delay: .15s; }
.dbalnyk-startup-dots span:nth-child(3) { animation-delay: .3s; }
@keyframes dbalnykStartupPulse {
    0%, 80%, 100% { opacity: .3; transform: scale(.8); }
    40% { opacity: 1; transform: scale(1); }
}
@media (prefers-color-scheme: dark) {
    .dbalnyk-startup-screen {
        background: linear-gradient(160deg, #0f172a, #111827 55%, #1e293b);
        color: #e5e7eb;
    }
    .dbalnyk-startup-card {
        background: rgba(17,24,39,.94);
    }
    .dbalnyk-startup-step { color: #cbd5e1; }
}
@media (max-width: 700px) {
    .dbalnyk-sync-banner {
        top: calc(8px + env(safe-area-inset-top, 0px));
        width: min(calc(100vw - 18px), 520px);
        border-radius: 18px;
        font-size: 13px;
        padding: 8px 11px;
    }
}


/* v4.7.0 hotfix2: top overlay banner, sidebar/nav layering, header cleanup, framed menu button */
body[data-site-theme="vehicle_tracker_light"] .dbalnyk-sync-banner {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    max-width: none !important;
    min-height: calc(48px + env(safe-area-inset-top, 0px)) !important;
    padding: calc(10px + env(safe-area-inset-top, 0px)) 42px 10px 42px !important;
    border-radius: 0 !important;
    transform: translateY(0) !important;
    z-index: 13000 !important;
    box-sizing: border-box !important;
    justify-content: center !important;
    box-shadow: 0 12px 28px rgba(15, 23, 42, 0.20) !important;
    line-height: 1.25 !important;
}

body[data-site-theme="vehicle_tracker_light"] .dbalnyk-sync-banner.is-hidden {
    display: flex !important;
    opacity: 0 !important;
    pointer-events: none !important;
    transform: translateY(-100%) !important;
}

body[data-site-theme="vehicle_tracker_light"] .dbalnyk-sync-banner-action {
    position: absolute !important;
    right: 12px !important;
    top: calc(8px + env(safe-area-inset-top, 0px)) !important;
    border: 0 !important;
    background: transparent !important;
    padding: 4px 6px !important;
    font-size: 18px !important;
    line-height: 1 !important;
}

body[data-site-theme="vehicle_tracker_light"] .dbalnyk-sync-banner-text {
    max-width: min(760px, calc(100vw - 84px)) !important;
    display: block !important;
}

body[data-site-theme="vehicle_tracker_light"] .mobile-header,
body[data-site-theme="vehicle_tracker_light"] .desktop-page-header {
    position: relative !important;
    z-index: 3000 !important;
}

@media (max-width: 700px) {
    body[data-site-theme="vehicle_tracker_light"] .menu-btn {
        width: 44px !important;
        height: 44px !important;
        min-width: 44px !important;
        min-height: 44px !important;
        max-width: 44px !important;
        max-height: 44px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        border: 1px solid #dfe3ea !important;
        border-radius: 10px !important;
        background: #ffffff !important;
        color: #111827 !important;
        box-shadow: 0 3px 10px rgba(15, 23, 42, 0.06) !important;
        padding: 0 !important;
        margin: 0 !important;
        font-size: 22px !important;
        line-height: 1 !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .menu-btn .menu-icon-open,
    body[data-site-theme="vehicle_tracker_light"] .menu-btn .menu-icon-close {
        font-size: 22px !important;
        line-height: 1 !important;
        font-weight: 800 !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .mobile-header-version,
    body[data-site-theme="vehicle_tracker_light"] .desktop-page-header small {
        display: none !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .mobile-header + .mobile-page-title,
    body[data-site-theme="vehicle_tracker_light"] .mobile-header-spacer + .mobile-page-title,
    body[data-site-theme="vehicle_tracker_light"] .page-title-block,
    body[data-site-theme="vehicle_tracker_light"] .vt-page-title-block,
    body[data-site-theme="vehicle_tracker_light"] .vt-page-title,
    body[data-site-theme="vehicle_tracker_light"] .page-title {
        display: none !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .mobile-sidebar-backdrop {
        z-index: 10990 !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .sidebar,
    body[data-site-theme="vehicle_tracker_light"].sidebar-open .sidebar,
    body[data-site-theme="vehicle_tracker_light"] .app-shell.sidebar-open .sidebar,
    body[data-site-theme="vehicle_tracker_light"] .sidebar.is-open {
        z-index: 11000 !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-bottom-nav,
    body[data-site-theme="vehicle_tracker_light"] .bottom-nav,
    body[data-site-theme="vehicle_tracker_light"] .mobile-bottom-nav,
    body[data-site-theme="vehicle_tracker_light"] nav[aria-label="Bottom navigation"] {
        z-index: 9000 !important;
    }

    body[data-site-theme="vehicle_tracker_light"].sidebar-open .vt-bottom-nav,
    body[data-site-theme="vehicle_tracker_light"].sidebar-open .bottom-nav,
    body[data-site-theme="vehicle_tracker_light"].sidebar-open .mobile-bottom-nav,
    body[data-site-theme="vehicle_tracker_light"].sidebar-open nav[aria-label="Bottom navigation"],
    body[data-site-theme="vehicle_tracker_light"] .app-shell.sidebar-open .vt-bottom-nav,
    body[data-site-theme="vehicle_tracker_light"] .app-shell.sidebar-open .bottom-nav,
    body[data-site-theme="vehicle_tracker_light"] .app-shell.sidebar-open .mobile-bottom-nav,
    body[data-site-theme="vehicle_tracker_light"] .app-shell.sidebar-open nav[aria-label="Bottom navigation"] {
        z-index: 8000 !important;
        pointer-events: none !important;
    }
}

body[data-site-theme="vehicle_tracker_light"] .sidebar-footer {
    position: absolute !important;
    left: 16px !important;
    right: 16px !important;
    bottom: 16px !important;
    border-top: 1px solid var(--vt-border) !important;
    padding-top: 12px !important;
    display: grid !important;
    gap: 12px !important;
}

body[data-site-theme="vehicle_tracker_light"] .sidebar-footer .sidebar-user {
    position: static !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
    border-top: 0 !important;
    padding-top: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 8px !important;
}

body[data-site-theme="vehicle_tracker_light"] .sidebar-version {
    display: grid !important;
    justify-items: center !important;
    gap: 2px !important;
    text-align: center !important;
    color: var(--vt-muted) !important;
    font-size: 12px !important;
    line-height: 1.25 !important;
    opacity: .78 !important;
    padding-top: 6px !important;
}

body[data-site-theme="vehicle_tracker_light"] .sidebar-version strong {
    color: var(--vt-muted) !important;
    font-size: 12px !important;
    font-weight: 800 !important;
}

body[data-site-theme="vehicle_tracker_light"] .sidebar-version span,
body[data-site-theme="vehicle_tracker_light"] .sidebar-version small {
    font-size: 12px !important;
    font-weight: 700 !important;
}

@media (min-width: 701px) {
    body[data-site-theme="vehicle_tracker_light"] .sidebar-footer {
        left: 24px !important;
        right: 24px !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .desktop-page-header small {
        display: none !important;
    }
}

/* v4.7.0-hotfix3: fully hide overlay banners, sticky mobile header, safe-area background and swipeable Metrics chart */
html,
body[data-site-theme="vehicle_tracker_light"] {
    background: #f3f5f9 !important;
}

@media (max-width: 900px) {
    body[data-site-theme="vehicle_tracker_light"] .mobile-header {
        position: sticky !important;
        top: 0 !important;
        z-index: 10020 !important;
        background: #ffffff !important;
        box-shadow: 0 1px 0 rgba(148, 163, 184, 0.24) !important;
    }
}

body[data-site-theme="vehicle_tracker_light"] .dbalnyk-sync-banner {
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    transform: translateY(-110%) !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    border-radius: 0 !important;
    z-index: 13000 !important;
    transition: transform .22s ease, opacity .22s ease, visibility 0s linear .22s !important;
    will-change: transform, opacity !important;
}

body[data-site-theme="vehicle_tracker_light"] .dbalnyk-sync-banner.is-visible {
    transform: translateY(0) !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transition: transform .22s ease, opacity .22s ease, visibility 0s !important;
}

body[data-site-theme="vehicle_tracker_light"] .dbalnyk-sync-banner.is-hidden {
    transform: translateY(-110%) !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-metrics-chart-card .vt-line-chart {
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch !important;
    overscroll-behavior-x: contain !important;
    touch-action: pan-x pan-y !important;
    padding-bottom: 8px !important;
    scrollbar-width: thin !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-metrics-chart-card .vt-line-chart svg {
    display: block !important;
    max-width: none !important;
    min-height: 320px !important;
}

@media (max-width: 700px) {
    body[data-site-theme="vehicle_tracker_light"] .vt-metrics-chart-card .vt-line-chart {
        margin-left: -4px !important;
        margin-right: -4px !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-metrics-chart-card .vt-line-chart::-webkit-scrollbar {
        height: 4px !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-metrics-chart-card .vt-line-chart::-webkit-scrollbar-thumb {
        background: rgba(148, 163, 184, 0.55) !important;
        border-radius: 999px !important;
    }
}

/* v4.7.0-hotfix4: mobile/tablet header cleanup and Metrics static-axis chart */
@media (max-width: 1100px) {
    body[data-site-theme="vehicle_tracker_light"] .desktop-page-header {
        display: none !important;
    }
}

body[data-site-theme="vehicle_tracker_light"] .vt-metrics-chart-card .vt-line-chart-static-axes {
    position: relative !important;
    width: 100% !important;
    height: 320px !important;
    overflow: hidden !important;
    padding-bottom: 0 !important;
    scrollbar-width: none !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-metrics-chart-card .vt-line-chart-static-axes::-webkit-scrollbar {
    display: none !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-line-chart-axis {
    position: absolute !important;
    inset: 0 !important;
    z-index: 2 !important;
    pointer-events: none !important;
    background: transparent !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-line-chart-axis-svg {
    display: block !important;
    width: 100% !important;
    height: 320px !important;
    max-width: 100% !important;
    min-width: 0 !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-line-chart-plot-scroll {
    position: absolute !important;
    top: 0 !important;
    right: 26px !important;
    bottom: 0 !important;
    left: 52px !important;
    z-index: 1 !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch !important;
    overscroll-behavior-x: contain !important;
    touch-action: pan-x pan-y !important;
    scrollbar-width: thin !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-line-chart-plot-scroll::-webkit-scrollbar {
    height: 4px !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-line-chart-plot-scroll::-webkit-scrollbar-thumb {
    background: rgba(148, 163, 184, 0.55) !important;
    border-radius: 999px !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-line-chart-plot-svg {
    display: block !important;
    max-width: none !important;
    min-height: 320px !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-line-chart-static-axes .vt-chart-x-fixed-label {
    font-size: 12px !important;
}

@media (max-width: 700px) {
    body[data-site-theme="vehicle_tracker_light"] .vt-metrics-chart-card .vt-line-chart-static-axes {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-line-chart-plot-scroll {
        left: 52px !important;
        right: 10px !important;
    }
}

/* v4.7.0-hotfix5: Metrics chart AJAX refresh state */
body[data-site-theme="vehicle_tracker_light"] .vt-metrics-chart-card.is-loading {
    opacity: 0.72;
    pointer-events: none;
    transition: opacity 0.15s ease;
}

/* v4.7.0-hotfix7: compact Metrics chart legend and per-point X labels */
body[data-site-theme="vehicle_tracker_light"] .vt-chart-x-point-label {
    fill: var(--vt-muted, #64748b) !important;
    font-size: 12px !important;
    font-weight: 500 !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-metrics-chart-card .vt-metrics-legend {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 10px !important;
    margin-top: 8px !important;
    overflow: hidden !important;
    color: var(--vt-muted, #64748b) !important;
    font-size: 14px !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-metrics-chart-card .vt-metrics-legend span {
    display: inline-flex !important;
    align-items: center !important;
    gap: 5px !important;
    min-width: 0 !important;
    white-space: nowrap !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-metrics-chart-card .vt-legend-line {
    width: 22px !important;
    height: 3px !important;
    flex: 0 0 22px !important;
}

@media (max-width: 430px) {
    body[data-site-theme="vehicle_tracker_light"] .vt-metrics-chart-card .vt-metrics-legend {
        gap: 7px !important;
        font-size: 12px !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-metrics-chart-card .vt-legend-line {
        width: 18px !important;
        flex-basis: 18px !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-chart-x-point-label {
        font-size: 11px !important;
    }
}


/* v4.7.0-hotfix7: Metrics chart legend and compact summary layout */
body[data-site-theme="vehicle_tracker_light"] .vt-metrics-chart-card .vt-metrics-legend {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 8px !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow: hidden !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-metrics-chart-card .vt-metrics-legend span {
    flex: 0 1 auto !important;
    min-width: 0 !important;
    white-space: nowrap !important;
    font-size: 12px !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-metrics-chart-card .vt-metrics-legend .vt-legend-line {
    width: 18px !important;
    flex: 0 0 18px !important;
}

body[data-site-theme="vehicle_tracker_light"] ul.vt-metrics-compact-summary {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px 18px !important;
    align-items: start !important;
    list-style-position: outside !important;
    padding-left: 18px !important;
    padding-right: 4px !important;
}

body[data-site-theme="vehicle_tracker_light"] ul.vt-metrics-compact-summary li {
    min-width: 0 !important;
    padding-left: 0 !important;
}

body[data-site-theme="vehicle_tracker_light"] ul.vt-metrics-compact-summary li span {
    white-space: normal !important;
}

@media (max-width: 390px) {
    body[data-site-theme="vehicle_tracker_light"] .vt-metrics-chart-card .vt-metrics-legend {
        gap: 5px !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-metrics-chart-card .vt-metrics-legend span {
        font-size: 11px !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-metrics-chart-card .vt-metrics-legend .vt-legend-line {
        width: 14px !important;
        flex-basis: 14px !important;
    }
}

@media (max-width: 340px) {
    body[data-site-theme="vehicle_tracker_light"] ul.vt-metrics-compact-summary {
        grid-template-columns: 1fr !important;
    }
}


/* v4.7.0-hotfix8: Metrics chart value labels, guide lines and desktop-safe rendering */
body[data-site-theme="vehicle_tracker_light"] .vt-chart-guide-line {
    stroke: rgba(148, 163, 184, 0.42) !important;
    stroke-width: 1.2 !important;
    stroke-dasharray: 5 6 !important;
    vector-effect: non-scaling-stroke !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-chart-point-value-label {
    font-size: 11px !important;
    font-weight: 800 !important;
    paint-order: stroke !important;
    stroke: rgba(255,255,255,0.96) !important;
    stroke-width: 4px !important;
    stroke-linejoin: round !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-chart-point-value-vehicle {
    fill: #94a3b8 !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-chart-point-value-expenses {
    fill: #2563eb !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-chart-point-value-fuel {
    fill: #f59e0b !important;
}

@media (min-width: 701px) {
    body[data-site-theme="vehicle_tracker_light"] .vt-metrics-chart-card .vt-line-chart-static-axes {
        height: 360px !important;
        overflow: visible !important;
        padding-bottom: 8px !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-line-chart-axis {
        display: none !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-line-chart-plot-scroll {
        position: static !important;
        inset: auto !important;
        overflow: visible !important;
        width: 100% !important;
        height: 340px !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-line-chart-plot-svg {
        width: 100% !important;
        min-width: 0 !important;
        height: 340px !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-metrics-chart-card .vt-metrics-legend {
        justify-content: flex-start !important;
        max-width: 620px !important;
    }

    body[data-site-theme="vehicle_tracker_light"] ul.vt-metrics-compact-summary {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        max-width: 900px !important;
    }
}

@media (max-width: 430px) {
    body[data-site-theme="vehicle_tracker_light"] .vt-chart-point-value-label {
        font-size: 10px !important;
    }
}

/* v4.7.0-hotfix9: Metrics chart filter logic, clean labels and ownership cost */
body[data-site-theme="vehicle_tracker_light"] .vt-metrics-chart-logic {
    display: grid !important;
    gap: 4px !important;
    line-height: 1.35 !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-metrics-filter-form select:disabled {
    opacity: 0.56 !important;
    cursor: not-allowed !important;
    background-color: rgba(241, 245, 249, 0.9) !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-chart-vehicle-date-label {
    font-size: 11px !important;
    font-weight: 800 !important;
    fill: #64748b !important;
    paint-order: stroke !important;
    stroke: rgba(255,255,255,0.96) !important;
    stroke-width: 4px !important;
    stroke-linejoin: round !important;
}

body[data-site-theme="vehicle_tracker_light"] ul.vt-metrics-compact-summary li span {
    line-height: 1.2 !important;
}

@media (min-width: 701px) {
    body[data-site-theme="vehicle_tracker_light"] .vt-metrics-chart-logic {
        max-width: 900px !important;
    }

    body[data-site-theme="vehicle_tracker_light"] ul.vt-metrics-compact-summary {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
}


/* v4.7.0-hotfix10: interactive pie chart selection and disabled Metrics month filter polish */
body[data-site-theme="vehicle_tracker_light"] .vt-pie-slice {
    transition: stroke-width 0.18s ease, opacity 0.18s ease, filter 0.18s ease !important;
    cursor: pointer !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-pie-slice.is-active {
    stroke-width: 42 !important;
    filter: drop-shadow(0 8px 14px rgba(15, 23, 42, 0.16)) !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-pie-legend-item {
    cursor: pointer !important;
    transition: transform 0.16s ease, border-color 0.16s ease, box-shadow 0.16s ease, background 0.16s ease !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-pie-legend-item.is-active {
    transform: scale(1.025) !important;
    border-color: rgba(37, 99, 235, 0.34) !important;
    box-shadow: 0 10px 22px rgba(15, 23, 42, 0.12) !important;
    background: #ffffff !important;
}

body[data-site-theme="vehicle_tracker_light"] select.is-disabled,
body[data-site-theme="vehicle_tracker_light"] select:disabled {
    opacity: 0.58 !important;
    background-color: var(--vt-surface-muted, #f8fafc) !important;
    cursor: not-allowed !important;
}


/* v4.7.0-hotfix11: Pie month filter follows All years mode; ownership cost is visible in PWA/mobile summary */
body[data-site-theme="vehicle_tracker_light"] .vt-metrics-pie-filter-form select:disabled,
body[data-site-theme="vehicle_tracker_light"] .vt-metrics-pie-filter-form select.is-disabled {
    opacity: 0.56 !important;
    cursor: not-allowed !important;
    background-color: rgba(241, 245, 249, 0.9) !important;
}

body[data-site-theme="vehicle_tracker_light"] ul.vt-metrics-compact-summary .vt-summary-ownership-cost {
    display: list-item !important;
    visibility: visible !important;
}

@media (max-width: 700px) {
    body[data-site-theme="vehicle_tracker_light"] .vt-metrics-chart-card {
        padding-bottom: calc(120px + env(safe-area-inset-bottom, 0px)) !important;
    }

    body[data-site-theme="vehicle_tracker_light"] ul.vt-metrics-compact-summary {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 14px 18px !important;
    }

    body[data-site-theme="vehicle_tracker_light"] ul.vt-metrics-compact-summary .vt-summary-ownership-cost {
        grid-column: 2 !important;
        grid-row: auto !important;
    }
}

@media (max-width: 360px) {
    body[data-site-theme="vehicle_tracker_light"] ul.vt-metrics-compact-summary {
        grid-template-columns: 1fr !important;
    }

    body[data-site-theme="vehicle_tracker_light"] ul.vt-metrics-compact-summary .vt-summary-ownership-cost {
        grid-column: auto !important;
    }
}

/* v5.2.17: My Cars VIN copy and registration country */
body[data-site-theme="vehicle_tracker_light"] .vt-vehicle-meta {
    grid-template-columns: minmax(82px, max-content) minmax(0, 1fr) !important;
    align-items: center !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-vin-value {
    flex-wrap: nowrap !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: clip !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-vin-copy-btn {
    flex: 0 0 26px !important;
    min-width: 26px !important;
    width: 26px !important;
    height: 26px !important;
    padding: 0 !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-vehicle-plate {
    display: inline-flex !important;
    align-items: center !important;
    gap: 7px !important;
    white-space: nowrap !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-country-flag-badge {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 28px !important;
    height: 18px !important;
    border-radius: 3px !important;
    background: #ffffff !important;
    box-shadow: 0 2px 6px rgba(15, 23, 42, .16) !important;
    font-size: 15px !important;
    line-height: 1 !important;
    overflow: hidden !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-country-combobox {
    position: relative !important;
    min-width: 0 !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-country-input-row {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 34px !important;
    gap: 6px !important;
    align-items: center !important;
    margin-top: 6px !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-country-input-row input {
    margin-top: 0 !important;
    min-width: 0 !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-country-clear {
    appearance: none !important;
    width: 34px !important;
    height: 38px !important;
    border: 1px solid var(--db-color-border, var(--vt-border, #dbe3ef)) !important;
    border-radius: 8px !important;
    background: var(--db-color-surface, var(--vt-surface, #fff)) !important;
    color: var(--db-color-muted, var(--vt-muted, #64748b)) !important;
    font-size: 18px !important;
    font-weight: 900 !important;
    cursor: pointer !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-country-options {
    position: absolute !important;
    z-index: 30 !important;
    left: 0 !important;
    right: 0 !important;
    top: calc(100% + 4px) !important;
    max-height: 220px !important;
    overflow-y: auto !important;
    padding: 6px !important;
    border: 1px solid var(--db-color-border, var(--vt-border, #dbe3ef)) !important;
    border-radius: 10px !important;
    background: var(--db-color-surface, var(--vt-surface, #fff)) !important;
    box-shadow: 0 16px 32px rgba(15, 23, 42, .14) !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-country-option {
    appearance: none !important;
    width: 100% !important;
    border: 0 !important;
    border-radius: 8px !important;
    background: transparent !important;
    color: var(--db-color-text, var(--vt-text, #0f172a)) !important;
    display: flex !important;
    align-items: center !important;
    min-height: 34px !important;
    padding: 7px 9px !important;
    font: inherit !important;
    font-weight: 800 !important;
    text-align: left !important;
    cursor: pointer !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-country-option:hover,
body[data-site-theme="vehicle_tracker_light"] .vt-country-option:focus {
    background: rgba(37, 99, 235, .10) !important;
    outline: none !important;
}

body[data-site-theme="vehicle_tracker_light"].theme-dark .vt-country-flag-badge {
    background: #111827 !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, .32) !important;
}

@media (max-width: 430px) {
    body[data-site-theme="vehicle_tracker_light"] .vt-vehicle-meta {
        grid-template-columns: minmax(72px, max-content) minmax(0, 1fr) !important;
        column-gap: 7px !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-vin-value {
        font-size: 13px !important;
    }
}

/* v4.8.0: Fuel consumption trend analytics */
body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-card {
  overflow: hidden;
}
body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-header {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 18px;
  align-items: start;
  margin-bottom: 18px;
}
body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-header h2 {
  margin: 0 0 6px;
}
body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-description {
  margin: 0;
  max-width: 760px;
}
body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-filter-form {
  align-items: center;
}
body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-detail-toggle {
  white-space: nowrap;
}
body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-kpis {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin: 12px 0 16px;
}
body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-kpis > div {
  border: 1px solid var(--border, #d9dee8);
  border-radius: 16px;
  padding: 14px 16px;
  background: rgba(255,255,255,0.72);
}
body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-kpis span,
body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-kpis small {
  display: block;
  color: var(--muted, #6b7280);
  font-weight: 700;
}
body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-kpis strong {
  display: block;
  margin: 4px 0 2px;
  font-size: 22px;
  line-height: 1.15;
}
body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-status-up .vt-fuel-trend-kpis strong,
body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-status-up div:nth-child(3) strong {
  color: #dc2626;
}
body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-status-down div:nth-child(3) strong {
  color: #16a34a;
}
body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-status-stable div:nth-child(3) strong {
  color: #64748b;
}
body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-chart {
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  border: 1px solid rgba(148,163,184,0.26);
  border-radius: 18px;
  background: linear-gradient(180deg, rgba(255,255,255,.92), rgba(248,250,252,.92));
}
body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-chart svg {
  display: block;
  width: 100%;
  min-width: 900px;
  height: auto;
}
body[data-site-theme="vehicle_tracker_light"] .vt-season-band {
  opacity: .32;
}
body[data-site-theme="vehicle_tracker_light"] .vt-season-winter { fill: #dbeafe; }
body[data-site-theme="vehicle_tracker_light"] .vt-season-spring { fill: #dcfce7; }
body[data-site-theme="vehicle_tracker_light"] .vt-season-summer { fill: #fef3c7; }
body[data-site-theme="vehicle_tracker_light"] .vt-season-autumn { fill: #ffedd5; }
body[data-site-theme="vehicle_tracker_light"] .vt-season-icon {
  font-size: 22px;
  opacity: .78;
}
body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-grid-line {
  stroke: #d8dee9;
  stroke-width: 1;
}
body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-zero {
  stroke: #64748b;
  stroke-width: 2;
  stroke-dasharray: 8 8;
}
body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-y-label,
body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-x-label {
  fill: #64748b;
  font-size: 15px;
  font-weight: 700;
}
body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-segment-up,
body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-segment-down {
  stroke-width: 5;
  stroke-linecap: round;
}
body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-segment-up { stroke: #ef4444; }
body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-segment-down { stroke: #22c55e; }
body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-guide {
  stroke: #cbd5e1;
  stroke-width: 1.5;
  stroke-dasharray: 7 9;
}
body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-point {
  stroke: #fff;
  stroke-width: 2.5;
}
body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-point-up { fill: #ef4444; }
body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-point-down { fill: #22c55e; }
body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-value {
  font-size: 16px;
  font-weight: 900;
}
body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-value.vt-fuel-trend-point-up { fill: #dc2626; }
body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-value.vt-fuel-trend-point-down { fill: #16a34a; }
body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-legend {
  display: flex;
  flex-wrap: wrap;
  gap: 16px 24px;
  align-items: center;
  margin: 14px 0 8px;
  color: #64748b;
  font-weight: 800;
}
body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-legend span {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-legend i {
  display: inline-block;
  width: 34px;
  height: 4px;
  border-radius: 999px;
}
body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-zero-line {
  background: repeating-linear-gradient(90deg, #64748b 0 8px, transparent 8px 14px);
}
body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-up-line { background: #ef4444; }
body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-down-line { background: #22c55e; }
body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-note {
  margin-top: 6px;
  font-weight: 700;
}
@media (max-width: 760px) {
  body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-header {
    grid-template-columns: 1fr;
  }
  body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-filter-form {
    display: grid;
    grid-template-columns: 1fr 1fr;
    width: 100%;
  }
  body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-detail-toggle {
    grid-column: 1 / -1;
  }
  body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-kpis {
    grid-template-columns: 1fr;
  }
  body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-chart svg {
    min-width: 820px;
  }
}

/* v4.8.0-hotfix29-clean: clean fuel trend architecture + icon-only mobile nav */
body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-card {
    overflow: hidden;
}

body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-filter-form {
    display: block;
    margin: 0;
    width: 100%;
}

body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-header {
    display: flex !important;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    width: 100%;
    min-width: 0;
    margin: 0 0 16px 0;
}

body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-heading {
    display: block;
    min-width: 0;
    flex: 1 1 auto;
}

body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-header h2,
body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-description {
    display: block !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
    writing-mode: horizontal-tb !important;
    text-orientation: mixed !important;
    letter-spacing: normal;
}

body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-header h2 {
    margin: 0 0 6px 0;
}

body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-description {
    margin: 0;
}

body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-detail-toggle {
    flex: 0 0 auto;
    margin: 0;
    white-space: nowrap;
}

body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-filter-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 12px;
    margin: 12px 0 18px 0;
}

body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-filter-row select {
    width: 100%;
    min-width: 0;
}

body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-kpis,
body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-summary {
    display: none !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-chart {
    display: block;
    position: relative;
    width: 100%;
    min-height: 360px;
    padding: 0;
    margin: 0 0 14px 0;
    overflow: hidden;
    border: 1px solid rgba(148, 163, 184, 0.28);
    border-radius: 24px;
    background: #fff;
}

body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-frame {
    display: grid;
    grid-template-columns: 58px minmax(0, 1fr);
    width: 100%;
    height: 360px;
    overflow: hidden;
}

body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-axis {
    position: relative;
    height: 360px;
    flex: 0 0 58px;
    z-index: 3;
    background: linear-gradient(90deg, #fff 0%, #fff 80%, rgba(255,255,255,.86) 100%);
}

body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-axis-label {
    position: absolute;
    right: 8px;
    transform: translateY(-50%);
    font-weight: 700;
    color: #64748b;
    font-size: 13px;
    line-height: 1;
    white-space: nowrap;
}

body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-scroll {
    min-width: 0;
    height: 360px;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: thin;
    direction: ltr;
}

body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-svg {
    display: block;
    max-width: none !important;
    min-width: 100%;
    height: 360px;
    overflow: visible;
}

body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-grid-line {
    stroke: rgba(148, 163, 184, 0.28);
    stroke-width: 1;
}
body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-zero {
    stroke: #64748b;
    stroke-width: 2;
    stroke-dasharray: 8 9;
}
body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-guide {
    stroke: rgba(148, 163, 184, 0.38);
    stroke-width: 1.5;
    stroke-dasharray: 7 9;
}
body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-segment-up,
body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-segment-down {
    fill: none;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 5;
}
body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-segment-up { stroke: #ef4444; }
body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-segment-down { stroke: #22c55e; }
body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-point {
    stroke: #fff;
    stroke-width: 3;
}
body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-point-up { fill: #ef4444; }
body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-point-down { fill: #22c55e; }
body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-value {
    font-size: 12px;
    font-weight: 800;
    paint-order: stroke;
    stroke: rgba(255,255,255,.92);
    stroke-width: 4px;
    stroke-linejoin: round;
}
body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-value.vt-fuel-trend-point-up { fill: #dc2626; }
body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-value.vt-fuel-trend-point-down { fill: #16a34a; }
body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-x-label {
    fill: #64748b;
    font-size: 12px;
    font-weight: 700;
}
body[data-site-theme="vehicle_tracker_light"] .vt-season-band { opacity: .55; }
body[data-site-theme="vehicle_tracker_light"] .vt-season-winter { fill: #eaf4ff; }
body[data-site-theme="vehicle_tracker_light"] .vt-season-spring { fill: #fff7d6; }
body[data-site-theme="vehicle_tracker_light"] .vt-season-summer { fill: #e8f8ef; }
body[data-site-theme="vehicle_tracker_light"] .vt-season-autumn { fill: #fff7d6; }
body[data-site-theme="vehicle_tracker_light"] .vt-season-icon {
    font-size: 26px;
    opacity: .42;
    dominant-baseline: middle;
}

body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-legend {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 24px;
    flex-wrap: nowrap;
    overflow: hidden;
    margin-top: 6px;
}
body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-legend span {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
    white-space: nowrap;
    font-weight: 700;
    color: #64748b;
}
body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-legend i {
    display: inline-block;
    flex: 0 0 28px;
    width: 28px;
    height: 4px;
    border-radius: 999px;
}
body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-zero-line {
    background: repeating-linear-gradient(90deg, #64748b 0 8px, transparent 8px 14px);
}
body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-up-line { background: #ef4444; }
body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-down-line { background: #22c55e; }

@media (max-width: 640px) {
    body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-header {
        align-items: flex-start;
        gap: 10px;
    }
    body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-detail-toggle {
        transform: scale(.92);
        transform-origin: top right;
    }
    body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-filter-row {
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
        gap: 10px;
    }
    body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-chart {
        min-height: 320px;
        border-radius: 22px;
    }
    body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-frame,
    body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-axis,
    body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-scroll,
    body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-svg {
        height: 320px;
    }
    body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-frame {
        grid-template-columns: 52px minmax(0, 1fr);
    }
    body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-axis-label {
        right: 6px;
        font-size: 13px;
    }
    body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-legend {
        gap: 16px;
    }
    body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-legend span {
        gap: 7px;
        font-size: .95rem;
    }
    body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-legend i {
        flex-basis: 24px;
        width: 24px;
    }
}

@media (max-width: 767px) {
    body[data-site-theme="vehicle_tracker_light"] .bottom-nav {
        grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
        align-items: center;
        gap: 4px;
        padding: 8px 10px calc(8px + env(safe-area-inset-bottom)) !important;
    }
    body[data-site-theme="vehicle_tracker_light"] .bottom-nav a {
        min-width: 0 !important;
        min-height: 54px !important;
        padding: 8px 0 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        border-radius: 18px !important;
        gap: 0 !important;
    }
    body[data-site-theme="vehicle_tracker_light"] .bottom-nav a > span:not(.bottom-nav-icon) {
        display: none !important;
    }
    body[data-site-theme="vehicle_tracker_light"] .bottom-nav-icon {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 26px !important;
        height: 26px !important;
        font-size: 0 !important;
        line-height: 1 !important;
        color: #111827;
    }
    body[data-site-theme="vehicle_tracker_light"] .bottom-nav-icon svg {
        width: 26px !important;
        height: 26px !important;
        display: block;
        fill: none;
        stroke: currentColor;
        stroke-width: 1.9;
        stroke-linecap: round;
        stroke-linejoin: round;
    }
    body[data-site-theme="vehicle_tracker_light"] .bottom-nav a.active .bottom-nav-icon {
        color: #2563eb;
    }
    body[data-site-theme="vehicle_tracker_light"] .bottom-nav a.active {
        background: #eaf1ff !important;
    }
    body[data-site-theme="vehicle_tracker_light"] .bottom-nav a.active::after {
        width: 24px !important;
    }
}


/* v4.8.0-hotfix30-clean: Metrics fuel trend stable layout + compact icon-only bottom nav */
body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-card {
    padding: 18px 18px 20px !important;
    overflow: hidden !important;
}
body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-filter-form {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
}
body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-header {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: start !important;
    gap: 12px !important;
    width: 100% !important;
    margin: 0 0 12px !important;
}
body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-heading {
    min-width: 0 !important;
    width: auto !important;
}
body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-header h2,
body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-description {
    display: block !important;
    width: auto !important;
    max-width: 100% !important;
    min-width: 0 !important;
    writing-mode: horizontal-tb !important;
    text-orientation: mixed !important;
    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
    line-break: auto !important;
}
body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-header h2 {
    margin: 0 0 6px !important;
}
body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-description {
    margin: 0 !important;
    line-height: 1.35 !important;
}
body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-detail-toggle {
    grid-column: 2 !important;
    grid-row: 1 !important;
    align-self: start !important;
    justify-self: end !important;
    white-space: nowrap !important;
    margin: 0 !important;
    flex: 0 0 auto !important;
}
body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-filter-row {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    gap: 12px !important;
    width: 100% !important;
    margin: 14px 0 16px !important;
    clear: both !important;
}
body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-filter-row select {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
}
body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-chart {
    margin-top: 4px !important;
    min-height: 340px !important;
}
body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-frame {
    grid-template-columns: 52px minmax(0, 1fr) !important;
    height: 340px !important;
}
body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-axis,
body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-scroll,
body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-svg {
    height: 340px !important;
}
body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-axis-label {
    right: 6px !important;
}
@media (max-width: 640px) {
    body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-card {
        padding: 14px 12px 16px !important;
    }
    body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-header {
        grid-template-columns: minmax(0, 1fr) auto !important;
        gap: 10px !important;
        margin-bottom: 10px !important;
    }
    body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-header h2 {
        font-size: 1.15rem !important;
        line-height: 1.18 !important;
    }
    body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-description {
        font-size: .92rem !important;
        line-height: 1.35 !important;
    }
    body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-detail-toggle {
        transform: none !important;
        font-size: .95rem !important;
    }
    body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-filter-row {
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
        gap: 10px !important;
        margin: 12px 0 14px !important;
    }
    body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-chart {
        min-height: 320px !important;
    }
    body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-frame,
    body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-axis,
    body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-scroll,
    body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-svg {
        height: 320px !important;
    }
    body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-frame {
        grid-template-columns: 48px minmax(0, 1fr) !important;
    }
}

@media (max-width: 767px) {
    body[data-site-theme="vehicle_tracker_light"] .bottom-nav {
        display: flex !important;
        align-items: center !important;
        justify-content: space-around !important;
        gap: 6px !important;
        padding: 10px 12px calc(10px + env(safe-area-inset-bottom)) !important;
    }
    body[data-site-theme="vehicle_tracker_light"] .bottom-nav a {
        flex: 0 0 54px !important;
        width: 54px !important;
        min-width: 54px !important;
        max-width: 54px !important;
        height: 54px !important;
        min-height: 54px !important;
        padding: 0 !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        border-radius: 18px !important;
        gap: 0 !important;
    }
    body[data-site-theme="vehicle_tracker_light"] .bottom-nav a > span:not(.bottom-nav-icon),
    body[data-site-theme="vehicle_tracker_light"] .bottom-nav .nav-label-wrap {
        display: none !important;
    }
    body[data-site-theme="vehicle_tracker_light"] .bottom-nav-icon,
    body[data-site-theme="vehicle_tracker_light"] .bottom-nav-icon svg {
        width: 28px !important;
        height: 28px !important;
        min-width: 28px !important;
        min-height: 28px !important;
    }
    body[data-site-theme="vehicle_tracker_light"] .bottom-nav-icon {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        color: #111827 !important;
        font-size: 0 !important;
        line-height: 1 !important;
    }
    body[data-site-theme="vehicle_tracker_light"] .bottom-nav-icon svg {
        display: block !important;
        fill: none !important;
        stroke: currentColor !important;
        stroke-width: 1.9 !important;
        stroke-linecap: round !important;
        stroke-linejoin: round !important;
    }
    body[data-site-theme="vehicle_tracker_light"] .bottom-nav a.active {
        background: #eaf1ff !important;
    }
    body[data-site-theme="vehicle_tracker_light"] .bottom-nav a.active .bottom-nav-icon {
        color: #2563eb !important;
    }
    body[data-site-theme="vehicle_tracker_light"] .bottom-nav a.active::after {
        width: 26px !important;
        left: 50% !important;
        transform: translateX(-50%) !important;
    }
    body[data-site-theme="vehicle_tracker_light"] .bottom-nav a .nav-badge {
        top: 1px !important;
        right: 4px !important;
    }
}


/* v4.8.0-hotfix31-clean: Fuel trend layout is fixed; only chart body changes on filters */
body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-card {
    padding: 20px 22px 22px !important;
    box-sizing: border-box !important;
}
body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-card .vt-fuel-trend-filter-form {
    display: block !important;
    width: 100% !important;
    position: static !important;
}
body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-card .vt-fuel-trend-header {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    grid-template-areas: "heading detail" !important;
    align-items: start !important;
    column-gap: 16px !important;
    row-gap: 0 !important;
    width: 100% !important;
    margin: 0 0 14px !important;
    padding: 0 !important;
}
body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-card .vt-fuel-trend-heading {
    grid-area: heading !important;
    min-width: 0 !important;
    max-width: 100% !important;
}
body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-card .vt-fuel-trend-detail-toggle {
    grid-area: detail !important;
    justify-self: end !important;
    align-self: start !important;
    margin: 0 !important;
    position: static !important;
    white-space: nowrap !important;
}
body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-card .vt-fuel-trend-filter-row {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    gap: 12px !important;
    width: 100% !important;
    margin: 12px 0 16px !important;
    padding: 0 !important;
    position: static !important;
    clear: both !important;
}
body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-card .vt-fuel-trend-filter-row select {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
}
body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-body {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
}
body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-chart {
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    overflow: hidden !important;
}
body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-frame {
    display: grid !important;
    grid-template-columns: 52px minmax(0, 1fr) !important;
    width: 100% !important;
    min-width: 0 !important;
    align-items: stretch !important;
}
body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-axis {
    grid-column: 1 !important;
    position: relative !important;
    flex: none !important;
    min-width: 52px !important;
    width: 52px !important;
    overflow: visible !important;
}
body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-scroll {
    grid-column: 2 !important;
    min-width: 0 !important;
    width: 100% !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
}
body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-legend {
    width: 100% !important;
    justify-content: flex-start !important;
    align-items: center !important;
    gap: 24px !important;
    margin: 12px 0 8px !important;
    padding: 0 !important;
}
body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-note {
    margin: 0 !important;
    padding: 0 !important;
}

@media (max-width: 640px) {
    body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-card {
        padding: 16px 14px 18px !important;
    }
    body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-card .vt-fuel-trend-header {
        column-gap: 10px !important;
        margin-bottom: 12px !important;
    }
    body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-card .vt-fuel-trend-filter-row {
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
        gap: 10px !important;
        margin: 12px 0 14px !important;
    }
    body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-frame {
        grid-template-columns: 48px minmax(0, 1fr) !important;
    }
    body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-axis {
        min-width: 48px !important;
        width: 48px !important;
    }
    body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-legend {
        gap: 18px !important;
        flex-wrap: nowrap !important;
        overflow: hidden !important;
    }
}


/* v4.8.0-hotfix32-clean: fuel trend viewport fill and larger season icons */
body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-chart {
    overflow: hidden !important;
}
body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-scroll {
    overflow-x: hidden !important;
    overflow-y: hidden !important;
}
body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-svg {
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
}
body[data-site-theme="vehicle_tracker_light"] .vt-season-icon {
    font-size: 72px !important;
    opacity: .34 !important;
}
@media (max-width: 640px) {
    body[data-site-theme="vehicle_tracker_light"] .vt-season-icon {
        font-size: 60px !important;
    }
}


/* v4.8.0-hotfix33-clean: restore fuel trend horizontal scroll, compact PWA nav, unified helper text */
body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-scroll {
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: thin !important;
}
body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-svg {
    width: auto !important;
    min-width: 100% !important;
    max-width: none !important;
}
body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-note {
    font-size: inherit !important;
    line-height: 1.35 !important;
    font-weight: 400 !important;
    color: #64748b !important;
}
@media (max-width: 640px) {
    body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-note {
        font-size: .92rem !important;
        line-height: 1.35 !important;
    }
}
@media (max-width: 767px) {
    body[data-site-theme="vehicle_tracker_light"] .bottom-nav {
        min-height: 0 !important;
        height: auto !important;
        padding: 8px 12px calc(8px + env(safe-area-inset-bottom)) !important;
        align-items: center !important;
    }
    body[data-site-theme="vehicle_tracker_light"] .bottom-nav a {
        flex: 0 0 52px !important;
        width: 52px !important;
        min-width: 52px !important;
        max-width: 52px !important;
        height: 52px !important;
        min-height: 52px !important;
        border: 2px solid transparent !important;
        box-sizing: border-box !important;
    }
    body[data-site-theme="vehicle_tracker_light"] .bottom-nav a.active {
        border-color: #2563eb !important;
        background: #eaf1ff !important;
    }
    body[data-site-theme="vehicle_tracker_light"] .bottom-nav a.active::after {
        display: none !important;
        content: none !important;
    }
    body[data-site-theme="vehicle_tracker_light"] .bottom-nav-icon,
    body[data-site-theme="vehicle_tracker_light"] .bottom-nav-icon svg {
        width: 26px !important;
        height: 26px !important;
        min-width: 26px !important;
        min-height: 26px !important;
    }
    @media (display-mode: standalone) {
        body[data-site-theme="vehicle_tracker_light"] .bottom-nav {
            padding-top: 7px !important;
            padding-bottom: calc(7px + env(safe-area-inset-bottom)) !important;
        }
        body[data-site-theme="vehicle_tracker_light"] .bottom-nav a {
            width: 50px !important;
            min-width: 50px !important;
            max-width: 50px !important;
            height: 50px !important;
            min-height: 50px !important;
        }
    }
}

/* v4.8.0-hotfix34-clean: fuel trend uses ownership-chart architecture (fixed Y axis + scrollable plot) */
body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-chart {
    overflow: hidden !important;
}
body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-frame {
    display: grid !important;
    grid-template-columns: 54px minmax(0, 1fr) !important;
    width: 100% !important;
    min-width: 0 !important;
    overflow: hidden !important;
    align-items: stretch !important;
}
body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-axis {
    position: relative !important;
    grid-column: 1 !important;
    width: 54px !important;
    min-width: 54px !important;
    max-width: 54px !important;
    overflow: visible !important;
    z-index: 4 !important;
    background: linear-gradient(90deg, #fff 0%, #fff 76%, rgba(255,255,255,.88) 100%) !important;
}
body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-axis-label {
    position: absolute !important;
    right: 8px !important;
    transform: translateY(-50%) !important;
    white-space: nowrap !important;
    font-weight: 700 !important;
    color: #64748b !important;
}
body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-scroll {
    grid-column: 2 !important;
    min-width: 0 !important;
    width: 100% !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: thin !important;
    touch-action: pan-x pan-y !important;
    direction: ltr !important;
}
body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-svg {
    display: block !important;
    width: auto !important;
    min-width: 100% !important;
    max-width: none !important;
    flex: 0 0 auto !important;
    overflow: visible !important;
}
body[data-site-theme="vehicle_tracker_light"] .vt-season-icon {
    font-size: 72px !important;
    opacity: .36 !important;
}
@media (max-width: 640px) {
    body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-frame {
        grid-template-columns: 50px minmax(0, 1fr) !important;
    }
    body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-axis {
        width: 50px !important;
        min-width: 50px !important;
        max-width: 50px !important;
    }
    body[data-site-theme="vehicle_tracker_light"] .vt-season-icon {
        font-size: 60px !important;
    }
}


/* v4.8.0-hotfix35-typography: unified Metrics helper text typography.
   All explanatory texts in Metrics use user-controlled global font variables. */
body[data-site-theme="vehicle_tracker_light"] .vt-metric-description,
body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-description,
body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-note,
body[data-site-theme="vehicle_tracker_light"] .vt-metrics-chart-subtitle,
body[data-site-theme="vehicle_tracker_light"] .vt-metrics-chart-logic {
    color: var(--vt-muted) !important;
    font-size: var(--vt-font-content, 14px) !important;
    font-weight: 400 !important;
    line-height: 1.45 !important;
    letter-spacing: normal !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-metric-description *,
body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-description *,
body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-note *,
body[data-site-theme="vehicle_tracker_light"] .vt-metrics-chart-subtitle *,
body[data-site-theme="vehicle_tracker_light"] .vt-metrics-chart-logic * {
    color: inherit !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;
    letter-spacing: inherit !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-metrics-chart-logic {
    margin: 8px 0 12px !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-metrics-chart-logic span {
    display: block !important;
    margin: 0 !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-description {
    margin: 4px 0 0 !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-note {
    margin-top: 10px !important;
}

@media (max-width: 700px) {
    body[data-site-theme="vehicle_tracker_light"] .vt-metric-description,
    body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-description,
    body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-note,
    body[data-site-theme="vehicle_tracker_light"] .vt-metrics-chart-subtitle,
    body[data-site-theme="vehicle_tracker_light"] .vt-metrics-chart-logic {
        font-size: var(--vt-font-content, 14px) !important;
        line-height: 1.45 !important;
        font-weight: 400 !important;
    }
}

/* v4.8.0-hotfix35-clean: Metrics text, ownership card height, and responsive bottom navigation cleanup */
/* Ownership block: no artificial empty area below KPI summary. */
body[data-site-theme="vehicle_tracker_light"] .vt-metrics-chart-card {
    height: auto !important;
    min-height: 0 !important;
    padding-bottom: 18px !important;
}
body[data-site-theme="vehicle_tracker_light"] .vt-metrics-chart-card > :last-child,
body[data-site-theme="vehicle_tracker_light"] .vt-metrics-compact-summary,
body[data-site-theme="vehicle_tracker_light"] ul.vt-metrics-compact-summary {
    margin-bottom: 0 !important;
}
body[data-site-theme="vehicle_tracker_light"] ul.vt-metrics-compact-summary {
    padding-bottom: 0 !important;
}
body[data-site-theme="vehicle_tracker_light"] ul.vt-metrics-compact-summary li:last-child {
    margin-bottom: 0 !important;
}
@media (max-width: 700px) {
    body[data-site-theme="vehicle_tracker_light"] .vt-metrics-chart-card {
        padding-bottom: 16px !important;
    }
    body[data-site-theme="vehicle_tracker_light"] ul.vt-metrics-compact-summary {
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
    }
}

/* Ownership helper text uses the same user-controlled typography as Fuel Trend helper text. */
body[data-site-theme="vehicle_tracker_light"] .vt-metrics-chart-card .vt-metrics-chart-logic,
body[data-site-theme="vehicle_tracker_light"] .vt-metrics-chart-card .vt-metrics-chart-logic span {
    color: var(--vt-muted) !important;
    font-size: var(--vt-font-content, 14px) !important;
    font-weight: 400 !important;
    line-height: 1.45 !important;
    letter-spacing: normal !important;
}

/* Bottom navigation: remove old active underline everywhere; active item is indicated by outline/background only. */
body[data-site-theme="vehicle_tracker_light"] .bottom-nav a.active::after {
    display: none !important;
    content: none !important;
}
body[data-site-theme="vehicle_tracker_light"] .bottom-nav a.active {
    box-shadow: none !important;
}

/* Mobile portrait: compact icon-only navigation. */
@media (max-width: 767px) and (orientation: portrait) {
    body[data-site-theme="vehicle_tracker_light"] .bottom-nav {
        display: flex !important;
        align-items: center !important;
        justify-content: space-around !important;
        gap: 6px !important;
        min-height: 0 !important;
        height: auto !important;
        padding: 7px 10px calc(7px + env(safe-area-inset-bottom, 0px)) !important;
        box-sizing: border-box !important;
    }
    body[data-site-theme="vehicle_tracker_light"] .bottom-nav a {
        flex: 0 0 50px !important;
        width: 50px !important;
        min-width: 50px !important;
        max-width: 50px !important;
        height: 50px !important;
        min-height: 50px !important;
        padding: 0 !important;
        border: 2px solid transparent !important;
        border-radius: 16px !important;
        box-sizing: border-box !important;
    }
    body[data-site-theme="vehicle_tracker_light"] .bottom-nav a > span:not(.bottom-nav-icon),
    body[data-site-theme="vehicle_tracker_light"] .bottom-nav .nav-label-wrap {
        display: none !important;
    }
    body[data-site-theme="vehicle_tracker_light"] .bottom-nav-icon,
    body[data-site-theme="vehicle_tracker_light"] .bottom-nav-icon svg {
        width: 26px !important;
        height: 26px !important;
        min-width: 26px !important;
        min-height: 26px !important;
    }
    body[data-site-theme="vehicle_tracker_light"] .bottom-nav a.active {
        border-color: #2563eb !important;
        background: #eaf1ff !important;
    }
}

/* PWA standalone should not become taller than browser version. */
@media (display-mode: standalone) and (max-width: 767px) and (orientation: portrait) {
    body[data-site-theme="vehicle_tracker_light"] .bottom-nav {
        bottom: 8px !important;
        padding: 6px 10px !important;
    }
    body[data-site-theme="vehicle_tracker_light"] .bottom-nav a {
        width: 48px !important;
        min-width: 48px !important;
        max-width: 48px !important;
        height: 48px !important;
        min-height: 48px !important;
    }
    body[data-site-theme="vehicle_tracker_light"] .bottom-nav-icon,
    body[data-site-theme="vehicle_tracker_light"] .bottom-nav-icon svg {
        width: 25px !important;
        height: 25px !important;
        min-width: 25px !important;
        min-height: 25px !important;
    }
}

/* Mobile landscape / wide touch view: show icon + text, not text-only. */
@media (orientation: landscape) and (hover: none) and (pointer: coarse) {
    body[data-site-theme="vehicle_tracker_light"] .bottom-nav {
        display: grid !important;
        grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
        align-items: center !important;
        gap: 8px !important;
        min-height: 54px !important;
        padding: 6px 10px !important;
        bottom: 8px !important;
    }
    body[data-site-theme="vehicle_tracker_light"] .bottom-nav a {
        display: inline-flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 8px !important;
        width: auto !important;
        min-width: 0 !important;
        max-width: none !important;
        height: 42px !important;
        min-height: 42px !important;
        padding: 0 12px !important;
        border: 2px solid transparent !important;
        border-radius: 16px !important;
        box-sizing: border-box !important;
        color: var(--vt-muted) !important;
        background: transparent !important;
        box-shadow: none !important;
    }
    body[data-site-theme="vehicle_tracker_light"] .bottom-nav a > span:not(.bottom-nav-icon),
    body[data-site-theme="vehicle_tracker_light"] .bottom-nav .nav-label-wrap {
        display: inline !important;
        opacity: 1 !important;
        max-width: 110px !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
        font-size: var(--vt-font-menu, 13px) !important;
        line-height: 1.1 !important;
        font-weight: 700 !important;
    }
    body[data-site-theme="vehicle_tracker_light"] .bottom-nav-icon {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 24px !important;
        height: 24px !important;
        min-width: 24px !important;
        min-height: 24px !important;
        color: currentColor !important;
        opacity: 1 !important;
    }
    body[data-site-theme="vehicle_tracker_light"] .bottom-nav-icon svg {
        width: 24px !important;
        height: 24px !important;
        display: block !important;
    }
    body[data-site-theme="vehicle_tracker_light"] .bottom-nav a.active {
        border-color: #2563eb !important;
        color: #2563eb !important;
        background: #eaf1ff !important;
        box-shadow: none !important;
    }
}


/* v4.8.0-hotfix36-clean: landscape bottom nav + chart edge safety */
/* One bottom-nav component for portrait and landscape. The SVG icons from footer.php are always used. */
body[data-site-theme="vehicle_tracker_light"] .bottom-nav a::before,
body[data-site-theme="vehicle_tracker_light"] .bottom-nav a::after,
body[data-site-theme="vehicle_tracker_light"] .bottom-nav-icon::before,
body[data-site-theme="vehicle_tracker_light"] .bottom-nav-icon::after {
    content: none !important;
    display: none !important;
}

body[data-site-theme="vehicle_tracker_light"] .bottom-nav-icon,
body[data-site-theme="vehicle_tracker_light"] .bottom-nav-icon svg {
    display: block !important;
    width: 28px !important;
    height: 28px !important;
    min-width: 28px !important;
    min-height: 28px !important;
    max-width: 28px !important;
    max-height: 28px !important;
    flex: 0 0 28px !important;
}

body[data-site-theme="vehicle_tracker_light"] .bottom-nav-icon svg {
    fill: none !important;
    stroke: currentColor !important;
    stroke-width: 2.4 !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;
}

body[data-site-theme="vehicle_tracker_light"] .bottom-nav a.active {
    box-shadow: none !important;
}

@media (hover: none) and (pointer: coarse) and (orientation: portrait),
       (max-width: 700px) and (orientation: portrait) {
    body[data-site-theme="vehicle_tracker_light"] .bottom-nav span:not(.bottom-nav-icon):not(.nav-badge),
    body[data-site-theme="vehicle_tracker_light"] .bottom-nav .nav-label-wrap {
        display: none !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .bottom-nav a {
        flex-direction: column !important;
        gap: 0 !important;
        padding: 7px 4px !important;
        min-height: 54px !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .bottom-nav a.active {
        outline: 2px solid var(--vt-primary) !important;
        outline-offset: -2px !important;
        border-radius: 17px !important;
        background: color-mix(in srgb, var(--vt-primary) 10%, transparent) !important;
    }
}

@media (hover: none) and (pointer: coarse) and (orientation: landscape),
       (min-width: 701px) and (max-height: 520px) {
    body[data-site-theme="vehicle_tracker_light"]:not(.auth-page) {
        padding-bottom: calc(64px + env(safe-area-inset-bottom, 0px)) !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .main-content {
        padding-bottom: calc(76px + env(safe-area-inset-bottom, 0px)) !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .bottom-nav {
        display: grid !important;
        grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
        align-items: center !important;
        gap: 8px !important;
        min-height: 52px !important;
        padding: 7px 10px !important;
        left: max(12px, env(safe-area-inset-left, 0px)) !important;
        right: max(12px, env(safe-area-inset-right, 0px)) !important;
        bottom: calc(6px + env(safe-area-inset-bottom, 0px)) !important;
        border-radius: 18px !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .bottom-nav a {
        display: inline-flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 8px !important;
        min-width: 0 !important;
        min-height: 38px !important;
        padding: 6px 10px !important;
        border-radius: 14px !important;
        color: var(--vt-muted) !important;
        opacity: 1 !important;
        font-weight: 800 !important;
        text-decoration: none !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .bottom-nav span:not(.bottom-nav-icon):not(.nav-badge),
    body[data-site-theme="vehicle_tracker_light"] .bottom-nav .nav-label-wrap {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        max-width: 100% !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .bottom-nav a.active {
        color: var(--vt-primary) !important;
        outline: 2px solid var(--vt-primary) !important;
        outline-offset: -2px !important;
        background: color-mix(in srgb, var(--vt-primary) 10%, transparent) !important;
        box-shadow: none !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .bottom-nav a[href="tracked_objects.php"] .nav-badge {
        top: -7px !important;
        right: auto !important;
        left: 28px !important;
    }
}

/* Prevent edge labels of the fuel trend chart from being clipped. */
body[data-site-theme="vehicle_tracker_light"] .vt-metrics-chart-card:first-of-type .vt-line-chart,
body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-chart,
body[data-site-theme="vehicle_tracker_light"] [data-fuel-trend-chart] {
    overflow: visible !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-metrics-chart-card:first-of-type .vt-line-chart svg,
body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-chart svg,
body[data-site-theme="vehicle_tracker_light"] [data-fuel-trend-chart] svg {
    overflow: visible !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-metrics-chart-card:first-of-type .vt-line-chart .vt-chart-scroll,
body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-chart .vt-chart-scroll,
body[data-site-theme="vehicle_tracker_light"] [data-fuel-trend-chart] .vt-chart-scroll {
    scroll-padding-left: 28px !important;
    scroll-padding-right: 28px !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-metrics-chart-card:first-of-type .vt-line-chart .vt-chart-plot,
body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-chart .vt-chart-plot,
body[data-site-theme="vehicle_tracker_light"] [data-fuel-trend-chart] .vt-chart-plot {
    padding-left: 28px !important;
    padding-right: 28px !important;
    box-sizing: border-box !important;
}

/* v4.8.0-hotfix37-clean: Metrics typography and chart edge labels */
/* Metrics helper texts must follow the global user text settings, not viewport width/orientation. */
body[data-site-theme="vehicle_tracker_light"] .vt-metrics-chart-card .vt-metric-description,
body[data-site-theme="vehicle_tracker_light"] .vt-metrics-chart-card .vt-chart-description,
body[data-site-theme="vehicle_tracker_light"] .vt-metrics-chart-card .vt-chart-help,
body[data-site-theme="vehicle_tracker_light"] .vt-metrics-chart-card .vt-chart-note,
body[data-site-theme="vehicle_tracker_light"] .vt-metrics-chart-card .vt-help-text,
body[data-site-theme="vehicle_tracker_light"] .vt-metrics-chart-card .metrics-description,
body[data-site-theme="vehicle_tracker_light"] .vt-metrics-chart-card .metrics-help-text,
body[data-site-theme="vehicle_tracker_light"] .vt-metrics-chart-card .chart-description,
body[data-site-theme="vehicle_tracker_light"] .vt-metrics-chart-card .chart-note,
body[data-site-theme="vehicle_tracker_light"] .vt-metrics-chart-card > p,
body[data-site-theme="vehicle_tracker_light"] .vt-metrics-card .vt-metric-description,
body[data-site-theme="vehicle_tracker_light"] .vt-metrics-card .vt-chart-description,
body[data-site-theme="vehicle_tracker_light"] .vt-metrics-card .vt-chart-help,
body[data-site-theme="vehicle_tracker_light"] .vt-metrics-card .vt-chart-note,
body[data-site-theme="vehicle_tracker_light"] .vt-metrics-card > p,
body[data-site-theme="vehicle_tracker_light"] .metrics-card .vt-metric-description,
body[data-site-theme="vehicle_tracker_light"] .metrics-card .vt-chart-description,
body[data-site-theme="vehicle_tracker_light"] .metrics-card .vt-chart-help,
body[data-site-theme="vehicle_tracker_light"] .metrics-card .vt-chart-note,
body[data-site-theme="vehicle_tracker_light"] .metrics-card > p {
    font-size: var(--vt-font-content, 14px) !important;
    font-weight: 400 !important;
    line-height: 1.45 !important;
    color: var(--vt-muted) !important;
    letter-spacing: normal !important;
}

/* The cost-vs-car-value helper text used to pick up landscape/desktop-only oversized rules.
   Keep it on the same metrics description scale in every viewport and every filter state. */
body[data-site-theme="vehicle_tracker_light"] .vt-cost-value-description,
body[data-site-theme="vehicle_tracker_light"] .vt-car-value-description,
body[data-site-theme="vehicle_tracker_light"] .vt-cost-chart-description,
body[data-site-theme="vehicle_tracker_light"] .cost-chart-description,
body[data-site-theme="vehicle_tracker_light"] .car-value-chart-description,
body[data-site-theme="vehicle_tracker_light"] [data-cost-chart-description],
body[data-site-theme="vehicle_tracker_light"] [data-car-value-chart-description] {
    font-size: var(--vt-font-content, 14px) !important;
    font-weight: 400 !important;
    line-height: 1.45 !important;
    color: var(--vt-muted) !important;
    letter-spacing: normal !important;
    max-width: none !important;
}

@media (orientation: landscape), (min-width: 701px), (hover: none) and (pointer: coarse) {
    body[data-site-theme="vehicle_tracker_light"] .vt-metrics-chart-card .vt-metric-description,
    body[data-site-theme="vehicle_tracker_light"] .vt-metrics-chart-card .vt-chart-description,
    body[data-site-theme="vehicle_tracker_light"] .vt-metrics-chart-card .vt-chart-help,
    body[data-site-theme="vehicle_tracker_light"] .vt-metrics-chart-card .vt-chart-note,
    body[data-site-theme="vehicle_tracker_light"] .vt-metrics-chart-card .vt-help-text,
    body[data-site-theme="vehicle_tracker_light"] .vt-metrics-chart-card > p,
    body[data-site-theme="vehicle_tracker_light"] .vt-cost-value-description,
    body[data-site-theme="vehicle_tracker_light"] .vt-car-value-description,
    body[data-site-theme="vehicle_tracker_light"] .vt-cost-chart-description,
    body[data-site-theme="vehicle_tracker_light"] .cost-chart-description,
    body[data-site-theme="vehicle_tracker_light"] .car-value-chart-description,
    body[data-site-theme="vehicle_tracker_light"] [data-cost-chart-description],
    body[data-site-theme="vehicle_tracker_light"] [data-car-value-chart-description] {
        font-size: var(--vt-font-content, 14px) !important;
        font-weight: 400 !important;
        line-height: 1.45 !important;
        color: var(--vt-muted) !important;
    }
}

/* Give the horizontally scrollable fuel-trend plot real space for edge labels.
   This is intentionally applied to the first metrics chart only: the cost chart is not changed. */
body[data-site-theme="vehicle_tracker_light"] .vt-metrics-chart-card:first-of-type .vt-chart-scroll,
body[data-site-theme="vehicle_tracker_light"] .vt-metrics-chart-card:first-of-type .vt-line-chart-scroll,
body[data-site-theme="vehicle_tracker_light"] .vt-metrics-chart-card:first-of-type .chart-scroll,
body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-chart .vt-chart-scroll,
body[data-site-theme="vehicle_tracker_light"] [data-fuel-trend-chart] .vt-chart-scroll {
    overflow-x: auto !important;
    overflow-y: visible !important;
    scroll-padding-left: 72px !important;
    scroll-padding-right: 72px !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-metrics-chart-card:first-of-type .vt-chart-plot,
body[data-site-theme="vehicle_tracker_light"] .vt-metrics-chart-card:first-of-type .vt-line-chart-plot,
body[data-site-theme="vehicle_tracker_light"] .vt-metrics-chart-card:first-of-type .chart-plot,
body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-chart .vt-chart-plot,
body[data-site-theme="vehicle_tracker_light"] [data-fuel-trend-chart] .vt-chart-plot {
    padding-left: 72px !important;
    padding-right: 72px !important;
    box-sizing: border-box !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-metrics-chart-card:first-of-type svg,
body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-chart svg,
body[data-site-theme="vehicle_tracker_light"] [data-fuel-trend-chart] svg {
    overflow: visible !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-metrics-chart-card:first-of-type svg text,
body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-chart svg text,
body[data-site-theme="vehicle_tracker_light"] [data-fuel-trend-chart] svg text {
    text-rendering: geometricPrecision !important;
}

/* v4.8.0-hotfix38-clean: fuel trend baseline values and safer labels */
body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-average-label {
    fill: #64748b;
    font-size: 11px;
    font-weight: 700;
    paint-order: stroke;
    stroke: rgba(255,255,255,.92);
    stroke-width: 4px;
    stroke-linejoin: round;
}
body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-value,
body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-x-label,
body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-year-label,
body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-average-label {
    pointer-events: none;
}

/* v5.2.40: Metrics fuel trend beta overlay and readable split date labels. */
body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-year-label {
    fill: #64748b;
    font-size: 11px;
    font-weight: 800;
    paint-order: stroke;
    stroke: rgba(255,255,255,.92);
    stroke-width: 4px;
    stroke-linejoin: round;
}

body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-beta-card .vt-fuel-trend-header {
    align-items: flex-start;
    gap: 16px;
}

body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-beta-card {
    overflow: visible;
}

body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-beta-card .vt-fuel-trend-chart,
body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-beta-card .vt-fuel-trend-frame {
    overflow: visible !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-beta-card .vt-fuel-trend-chart {
    min-height: 0;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-beta-explanation {
    display: flex;
    align-items: flex-start;
    gap: 6px;
    width: 100%;
    margin: 12px 0 0;
    max-width: none;
    min-width: 0;
}

body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-beta-explanation-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: 1.05em;
    height: 1.05em;
    margin-top: .16em;
    color: #64748b;
    line-height: 0;
}

body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-beta-explanation-icon svg {
    display: block;
    width: 100%;
    height: 100%;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-beta-explanation-text {
    min-width: 0;
    overflow-wrap: anywhere;
}

body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-beta-title {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
}

body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-beta-badge {
    display: inline-flex;
    align-items: center;
    min-height: 20px;
    padding: 2px 8px;
    border: 1px solid rgba(148, 163, 184, .38);
    border-radius: 7px;
    background: rgba(226, 232, 240, .72);
    color: #475569;
    font-size: var(--db-font-caption, var(--vt-font-caption, 12px));
    font-weight: 800;
    line-height: 1;
    letter-spacing: .02em;
}

body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-beta-toolbar {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 12px;
    margin: 0;
    min-width: 0;
    flex: 0 0 auto;
}

body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-beta-current {
    display: inline-flex;
    align-items: baseline;
    gap: 8px;
    min-width: 0;
    color: var(--vt-muted, #64748b);
    font-weight: 700;
}

body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-beta-current strong {
    color: var(--vt-text, #0f172a);
    font-weight: 900;
}

body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-beta-picker {
    position: relative;
    flex: 0 0 auto;
    width: fit-content;
    max-width: 100%;
}

body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-beta-toggle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 38px;
    min-width: 0;
    padding: 8px 10px;
    width: fit-content;
    max-width: 100%;
    white-space: nowrap;
    flex: 0 0 auto;
}

body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-beta-chart {
    position: relative;
    user-select: none;
    -webkit-user-select: none;
    -webkit-touch-callout: none;
}

body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-beta-chart .vt-fuel-trend-scroll {
    touch-action: pan-x pan-y;
}

body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-beta-chart .vt-fuel-trend-scroll.is-cursor-dragging {
    touch-action: none;
    cursor: grabbing;
}

body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-beta-past-toggle {
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
    width: 100%;
    margin: 0 0 14px;
    color: var(--vt-text, #0f172a);
    font-weight: 700;
    cursor: pointer;
}

body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-beta-past-toggle input[type="checkbox"] {
    flex: 0 0 18px;
    width: 18px;
    height: 18px;
    margin: 0;
    accent-color: #2563eb;
}

body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-beta-past-toggle span {
    min-width: 0;
    overflow-wrap: break-word;
}

body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-beta-menu {
    position: absolute;
    right: 0;
    top: calc(100% + 8px);
    z-index: 80;
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 164px;
    width: max-content;
    max-width: min(220px, calc(100vw - 48px));
    max-height: min(300px, calc(100vh - 24px));
    overflow-y: auto;
    overscroll-behavior: contain;
    padding: 8px;
    border: 1px solid var(--vt-border, #dbe3ef);
    border-radius: 12px;
    background: var(--vt-card-bg, #fff);
    box-shadow: 0 14px 32px rgba(15, 23, 42, .16);
}

body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-beta-menu.is-floating {
    position: fixed;
    z-index: 1200;
    min-width: 164px;
    max-width: calc(100vw - 24px);
    contain: layout paint;
}

body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-beta-menu[hidden] {
    display: none !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-beta-option {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
    width: 100%;
    min-width: 0;
    padding: 7px 10px;
    border-radius: 8px;
    cursor: pointer;
    font-weight: 800;
    white-space: nowrap;
}

body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-beta-option-current {
    color: var(--vt-text, #0f172a);
}

body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-beta-option input[type="checkbox"] {
    flex: 0 0 18px !important;
    width: 18px !important;
    min-width: 18px !important;
    max-width: 18px !important;
    height: 18px !important;
    min-height: 18px !important;
    max-height: 18px !important;
    margin: 0 !important;
    accent-color: #2563eb;
}

body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-beta-option-current input[type="checkbox"] {
    accent-color: #16a34a;
}

body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-beta-option span {
    display: inline-block;
    flex: 0 0 auto;
    min-width: 4ch;
    white-space: nowrap;
    word-break: keep-all;
}

body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-beta-option:hover {
    background: rgba(37, 99, 235, .08);
}

body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-beta-year-line {
    fill: none;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
    opacity: .46;
    stroke-dasharray: 8 7;
}

body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-beta-past-point {
    opacity: .58;
    stroke: #fff;
    stroke-width: 2;
}

body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-beta-hit {
    fill: transparent;
    cursor: pointer;
    pointer-events: auto;
}

body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-beta-cursor {
    stroke: rgba(71, 85, 105, .58);
    stroke-width: 1.2;
    stroke-dasharray: 5 5;
    pointer-events: none;
}

body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-beta-chart.is-cursor-dragging .vt-fuel-trend-beta-cursor {
    stroke: rgba(30, 41, 59, .9);
    stroke-width: 2.2;
    filter: drop-shadow(0 0 5px rgba(37, 99, 235, .28));
}

body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-beta-cursor-handle {
    fill: #2563eb;
    stroke: rgba(255, 255, 255, .92);
    stroke-width: 2;
    filter: drop-shadow(0 2px 5px rgba(37, 99, 235, .28));
    pointer-events: none;
    touch-action: none;
}

body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-beta-chart.is-cursor-dragging .vt-fuel-trend-beta-cursor-handle {
    fill: #1d4ed8;
    filter: drop-shadow(0 3px 8px rgba(37, 99, 235, .36));
}

body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-beta-cursor-touch {
    fill: transparent;
    pointer-events: auto;
    cursor: grab;
    touch-action: none;
    -webkit-user-select: none;
    user-select: none;
}

body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-beta-active-point {
    stroke: #fff;
    stroke-width: 3;
    filter: drop-shadow(0 2px 5px rgba(15, 23, 42, .18));
    pointer-events: none;
}

body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-beta-past-value {
    font-size: 10px;
    font-weight: 700;
    opacity: .72;
    paint-order: stroke;
    stroke: rgba(255,255,255,.88);
    stroke-width: 3px;
    stroke-linejoin: round;
}

body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-beta-label-guide {
    stroke-width: 1;
    stroke-linecap: round;
    opacity: .34;
    pointer-events: none;
}

body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-beta-current-segment {
    stroke-width: 4;
}

body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-beta-panel {
    margin: 12px 0 14px;
    padding: 14px 16px;
    border: 1px solid rgba(148, 163, 184, .26);
    border-radius: 8px;
    background: rgba(255, 255, 255, .84);
    box-shadow: 0 8px 22px rgba(15, 23, 42, .05);
    color: #0f172a;
    font-weight: 800;
}

body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-beta-panel-nav {
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr) 44px;
    align-items: center;
    gap: 8px;
    min-height: 44px;
    margin-bottom: 10px;
    padding: 0 0 8px;
    border-bottom: 1px solid rgba(148, 163, 184, .18);
}

body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-beta-panel-nav div {
    min-width: 0;
    text-align: center;
}

body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-beta-panel-nav strong,
body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-beta-panel-nav small {
    display: block;
}

body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-beta-panel-nav small {
    margin-top: 2px;
    color: #64748b;
    font-size: var(--db-font-caption, var(--vt-font-caption, 12px));
    font-weight: 700;
}

body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-beta-panel-nav button {
    width: 44px;
    min-width: 44px;
    height: 44px;
    border: 1px solid rgba(148, 163, 184, .26);
    border-radius: 8px;
    background: rgba(255, 255, 255, .88);
    color: #0f172a;
    font-size: 22px;
    font-weight: 900;
    line-height: 1;
}

body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-beta-panel-nav button:disabled {
    opacity: .35;
}

body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-beta-panel-rows {
    display: grid;
    gap: 0;
}

body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-beta-panel-row {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto auto;
    align-items: center;
    column-gap: 7px;
    row-gap: 0;
    min-height: 46px;
    border-top: 1px solid rgba(148, 163, 184, .18);
}

body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-beta-panel-row > * {
    min-width: 0;
}

body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-beta-panel-value {
    text-align: right;
    white-space: nowrap;
    font-variant-numeric: tabular-nums;
}

body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-beta-panel-identity {
    display: flex;
    align-items: center;
    gap: 7px;
    min-width: 0;
}

body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-beta-panel-values {
    display: grid;
    grid-template-columns: auto auto;
    align-items: baseline;
    justify-content: end;
    gap: 10px;
    min-width: max-content;
    white-space: nowrap;
}

body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-beta-panel-row b {
    color: #16a34a;
    text-align: right;
    white-space: nowrap;
    font-variant-numeric: tabular-nums;
}

body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-beta-panel-year {
    display: inline-flex;
    flex-direction: row;
    align-items: baseline;
    flex-wrap: nowrap;
    gap: 5px;
    min-width: 0;
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
}

body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-beta-panel-year strong {
    display: inline;
    color: #0f172a;
    font-weight: 900;
    line-height: 1.1;
}

body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-beta-panel-row small {
    color: #64748b;
    font-weight: 800;
}

body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-beta-year-average {
    display: inline;
    color: #64748b;
    font-size: .78em;
    font-weight: 700;
    line-height: 1.1;
    white-space: nowrap;
}

body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-beta-dot {
    align-self: center;
    flex: 0 0 auto;
    width: 10px;
    height: 10px;
    border-radius: 999px;
}

body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-beta-touch-hint {
    display: flex;
    align-items: center;
    gap: 8px;
    width: 100%;
    min-width: 0;
    margin: 2px 0 10px;
    padding-bottom: 2px;
    font-size: var(--db-font-caption, var(--vt-font-caption, 12px));
    font-style: italic;
    line-height: 1.35;
    white-space: normal;
    overflow-wrap: break-word;
    box-sizing: border-box;
}

body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-beta-touch-hint-icon {
    flex: 0 0 auto;
    filter: drop-shadow(0 2px 3px rgba(15, 23, 42, .16));
}

body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-beta-touch-hint-text {
    min-width: 0;
    overflow-wrap: break-word;
}

body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-beta-legend {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px 16px;
    margin-top: 8px;
    color: #64748b;
    font-weight: 800;
}

body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-beta-note {
    margin-top: 14px;
    padding: 12px 14px;
    border: 1px solid rgba(148, 163, 184, .28);
    border-radius: 8px;
    background: rgba(248, 250, 252, .72);
    font-size: var(--db-font-caption, var(--vt-font-caption, 12px));
    line-height: 1.4;
}

body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-beta-legend span {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-beta-legend small {
    color: #64748b;
    font-weight: 700;
}

body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-beta-legend i {
    display: inline-block;
    width: 30px;
    border-radius: 999px;
    background: #2563eb;
}

body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-beta-current-line {
    height: 5px;
    background: linear-gradient(90deg, #ef4444, #22c55e) !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-beta-past-line {
    height: 2px;
    opacity: .72;
    background-image: linear-gradient(90deg, currentColor 60%, transparent 0);
    background-size: 12px 2px;
    background-color: transparent !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-beta-year-chip i {
    height: 2px;
}

body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-beta-year-chip-current i {
    height: 5px;
}

body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-beta-kpis {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    margin: 0 0 14px;
}

body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-beta-kpi {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 5px;
    min-width: 0;
    min-height: 0;
    padding: 12px;
    border: 1px solid rgba(148, 163, 184, .22);
    border-radius: 8px;
    background: linear-gradient(135deg, rgba(240, 253, 244, .72), rgba(255, 255, 255, .88));
}

body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-beta-kpi > * {
    min-width: 0;
}

body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-beta-kpi-head {
    display: grid;
    grid-template-columns: 32px minmax(0, 1fr);
    align-items: center;
    gap: 9px;
    min-width: 0;
}

body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-beta-kpi-icon {
    display: grid;
    place-items: center;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    flex: 0 0 32px;
    box-sizing: border-box;
    overflow: visible;
    line-height: 0;
    border-radius: 0;
    text-align: center;
    vertical-align: middle;
    color: #16a34a;
    background: transparent;
    filter: drop-shadow(0 4px 8px rgba(22, 163, 74, .25));
}

body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-beta-kpi-icon svg {
    display: block;
    width: 29px;
    height: 29px;
    max-width: 100%;
    max-height: 100%;
    flex: 0 0 auto;
    overflow: visible;
    fill: none;
    stroke: currentColor;
    stroke-width: 2.15;
    stroke-linecap: round;
    stroke-linejoin: round;
    margin: 0;
    transform-origin: center center;
    vertical-align: middle;
}

body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-beta-kpi-icon-fuel svg,
body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-beta-kpi-icon-year svg {
    width: 28px;
    height: 28px;
}

body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-beta-kpi span,
body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-beta-kpi small {
    display: block;
    color: #64748b;
    font-weight: 700;
    min-width: 0;
}

body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-beta-kpi span {
    font-size: calc(var(--db-font-caption, var(--vt-font-caption, 12px)) * 1.02);
    line-height: 1.18;
    overflow-wrap: normal;
    word-break: normal;
}

body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-beta-kpi small {
    font-size: calc(var(--db-font-caption, var(--vt-font-caption, 12px)) * .95);
    line-height: 1.2;
}

body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-beta-kpi strong {
    display: block;
    margin: 3px 0 0;
    color: #16a34a;
    font-size: clamp(18px, 4.8vw, calc(var(--db-font-block-title, var(--vt-font-block-title, 22px)) * 1.02));
    font-weight: 900;
    line-height: 1.05;
    overflow-wrap: normal;
    word-break: normal;
}

body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-beta-kpi.is-bad strong {
    color: #dc2626;
}

body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-beta-kpi.is-bad .vt-fuel-trend-beta-kpi-icon {
    color: #dc2626;
    background: transparent;
    filter: drop-shadow(0 4px 8px rgba(220, 38, 38, .24));
}

body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-beta-kpi.is-blue {
    background: linear-gradient(135deg, rgba(239, 246, 255, .84), rgba(255, 255, 255, .9));
}

body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-beta-kpi.is-blue .vt-fuel-trend-beta-kpi-icon {
    color: #2563eb;
    background: transparent;
    filter: drop-shadow(0 4px 8px rgba(37, 99, 235, .24));
}

body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-beta-kpi.is-blue strong {
    color: #2563eb;
}

body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-beta-kpi.is-orange {
    background: linear-gradient(135deg, rgba(255, 247, 237, .88), rgba(255, 255, 255, .9));
}

body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-beta-kpi.is-orange .vt-fuel-trend-beta-kpi-icon {
    color: #d97706;
    background: transparent;
    filter: drop-shadow(0 4px 8px rgba(217, 119, 6, .24));
}

body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-beta-kpi.is-orange strong {
    color: #d97706;
}

body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-beta-kpi.is-purple {
    background: linear-gradient(135deg, rgba(250, 245, 255, .9), rgba(255, 255, 255, .9));
}

body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-beta-kpi.is-purple .vt-fuel-trend-beta-kpi-icon {
    color: #7c3aed;
    background: transparent;
    filter: drop-shadow(0 4px 8px rgba(124, 58, 237, .24));
}

body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-beta-kpi.is-purple strong {
    color: #7c3aed;
}

body[data-site-theme="vehicle_tracker_light"] .vt-season-spring {
    fill: rgba(34, 197, 94, .07);
}

body[data-site-theme="vehicle_tracker_light"] .vt-season-summer {
    fill: rgba(245, 158, 11, .08);
}

body[data-site-theme="vehicle_tracker_light"] .vt-season-autumn {
    fill: rgba(249, 115, 22, .07);
}

body[data-site-theme="vehicle_tracker_light"] .vt-season-winter {
    fill: rgba(59, 130, 246, .07);
}

body[data-site-theme="vehicle_tracker_light"] .vt-season-strip {
    stroke: rgba(148, 163, 184, .22);
    stroke-width: 1;
}

body[data-site-theme="vehicle_tracker_light"] .vt-season-plot {
    opacity: .42;
}

body[data-site-theme="vehicle_tracker_light"] .vt-season-label {
    font-size: 12px;
    font-weight: 800;
    paint-order: stroke;
    stroke: rgba(255,255,255,.9);
    stroke-width: 4px;
    stroke-linejoin: round;
}

body[data-site-theme="vehicle_tracker_light"] .vt-season-range {
    font-size: 10px;
    font-weight: 700;
    fill: #475569;
}

body[data-site-theme="vehicle_tracker_light"] .vt-season-label-spring {
    fill: #15803d;
}

body[data-site-theme="vehicle_tracker_light"] .vt-season-label-summer {
    fill: #d97706;
}

body[data-site-theme="vehicle_tracker_light"] .vt-season-label-autumn {
    fill: #ea580c;
}

body[data-site-theme="vehicle_tracker_light"] .vt-season-label-winter {
    fill: #3b82f6;
}

body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-month-guide {
    stroke: rgba(148, 163, 184, .24);
    stroke-width: 1;
}

body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-season-boundary {
    stroke: rgba(148, 163, 184, .22);
    stroke-width: .8;
    stroke-dasharray: 4 10;
}

body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-beta-chart .vt-fuel-trend-frame {
    grid-template-columns: 42px minmax(0, 1fr) !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-beta-chart .vt-fuel-trend-axis {
    width: 42px !important;
    min-width: 42px !important;
    max-width: 42px !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-beta-chart .vt-fuel-trend-axis-label {
    right: 5px !important;
    font-size: 10px !important;
    font-weight: 700 !important;
}

@media (max-width: 640px) {
    body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-beta-toolbar {
        align-items: center;
        justify-content: flex-end;
        width: auto;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-beta-picker {
        width: fit-content;
        max-width: 100%;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-beta-toggle {
        width: fit-content;
        max-width: 100%;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-beta-menu {
        width: min(196px, calc(100vw - 24px));
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-beta-chart .vt-fuel-trend-frame {
        grid-template-columns: 38px minmax(0, 1fr) !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-beta-chart .vt-fuel-trend-axis {
        width: 38px !important;
        min-width: 38px !important;
        max-width: 38px !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-beta-chart .vt-fuel-trend-axis-label {
        right: 4px !important;
        font-size: 9px !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-season-label {
        font-size: 11px;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-season-range {
        font-size: 9px;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-beta-panel {
        padding: 8px 8px;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-beta-panel-row {
        grid-template-columns: auto minmax(0, 1fr) auto auto;
        column-gap: 5px;
        min-height: 40px;
        font-size: calc(var(--db-font-caption, var(--vt-font-caption, 12px)) * .9);
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-beta-panel-value {
        min-width: 0;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-beta-kpis {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-beta-kpi {
        padding: 12px;
    }
}

@media (min-width: 900px) {
    body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-beta-kpis {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
@media (max-width: 640px) {
    body[data-site-theme="vehicle_tracker_light"] .vt-fuel-trend-average-label {
        font-size: 10.5px;
    }
}


/* 4.8.0-hotfix52-clean: Distance Around Earth header badge, centered KPI values, and progress marker */
body[data-site-theme] .vt-earth-trip-card,
.vt-earth-trip-card {
    padding: 0 !important;
    overflow: hidden !important;
}

body[data-site-theme] .vt-earth-trip-header,
.vt-earth-trip-header {
    margin: 0 !important;
    padding: 22px 22px 18px !important;
    border-bottom: 1px solid var(--db-color-border, var(--vt-border, #dbe3ef)) !important;
}

body[data-site-theme] .vt-earth-trip-title-inline,
.vt-earth-trip-title-inline {
    display: flex !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
    gap: 7px !important;
    width: 100% !important;
    margin: 0 !important;
    color: var(--db-color-text, var(--vt-text, #0f172a)) !important;
    font-size: var(--db-font-section-title, var(--vt-font-section-title, 20px)) !important;
    font-weight: 800 !important;
    line-height: 1.25 !important;
    letter-spacing: 0 !important;
}

body[data-site-theme] .vt-earth-trip-title-text,
.vt-earth-trip-title-text {
    display: block !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
}

body[data-site-theme] .vt-earth-trip-title-inline .vt-earth-trip-icon,
.vt-earth-trip-title-inline .vt-earth-trip-icon {
    width: auto !important;
    height: auto !important;
    margin-right: 0 !important;
    flex: 0 0 auto !important;
    align-self: center !important;
}

body[data-site-theme] .vt-earth-trip-title-inline strong,
.vt-earth-trip-title-inline strong {
    color: #15803d !important;
    font: inherit !important;
}

body[data-site-theme] .vt-earth-trip-title-inline small,
.vt-earth-trip-title-inline small {
    color: var(--db-color-muted, var(--vt-muted, #64748b)) !important;
    font: inherit !important;
    font-size: .9em !important;
    white-space: nowrap !important;
}

body[data-site-theme] .vt-earth-trip-title-row,
.vt-earth-trip-title-row {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    width: 100% !important;
}

body[data-site-theme] .vt-earth-trip-title-main,
.vt-earth-trip-title-main {
    min-width: 0 !important;
    flex: 1 1 auto !important;
}

body[data-site-theme] .vt-earth-trip-icon,
.vt-earth-trip-icon {
    width: auto !important;
    height: auto !important;
    border-radius: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: transparent !important;
    box-shadow: none !important;
    font-size: 24px !important;
    line-height: 1 !important;
    flex: 0 0 auto !important;
    filter: drop-shadow(0 4px 8px rgba(34, 197, 94, .28)) drop-shadow(0 0 10px rgba(59, 130, 246, .16)) !important;
    text-shadow: 0 3px 8px rgba(15, 23, 42, .18) !important;
}

body[data-site-theme] .vt-earth-trip-title-row h2,
.vt-earth-trip-title-row h2 {
    margin: 0 !important;
    line-height: 1.2 !important;
}

body[data-site-theme] .vt-earth-trip-header-badge,
.vt-earth-trip-header-badge {
    flex: 0 0 auto !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 36px !important;
    padding: 7px 12px !important;
    border-radius: 14px !important;
    border: 1px solid rgba(22, 163, 74, .22) !important;
    background: rgba(22, 163, 74, .08) !important;
    color: #15803d !important;
    font-weight: 800 !important;
    font-size: var(--db-font-content, var(--vt-font-content, 14px)) !important;
    line-height: 1.1 !important;
    white-space: nowrap !important;
}

body[data-site-theme] .vt-earth-trip-kpi-row,
.vt-earth-trip-kpi-row {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    grid-auto-flow: row !important;
    gap: 0 !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 16px 22px !important;
    border-top: 1px solid var(--db-color-border, var(--vt-border, #dbe3ef)) !important;
}

body[data-site-theme] .vt-earth-trip-kpi-row-total,
.vt-earth-trip-kpi-row-total {
    border-top: 0 !important;
}

body[data-site-theme] .vt-earth-trip-kpi,
.vt-earth-trip-kpi {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    min-width: 0 !important;
    padding: 0 14px !important;
    border-left: 1px solid var(--db-color-border, var(--vt-border, #dbe3ef)) !important;
}

body[data-site-theme] .vt-earth-trip-kpi:first-child,
.vt-earth-trip-kpi:first-child {
    border-left: 0 !important;
}

body[data-site-theme] .vt-earth-trip-kpi span,
body[data-site-theme] .vt-earth-trip-kpi small,
.vt-earth-trip-kpi span,
.vt-earth-trip-kpi small {
    display: block !important;
    width: 100% !important;
    text-align: center !important;
    color: var(--db-color-muted, var(--vt-muted, #64748b)) !important;
    font-size: var(--db-font-caption, var(--vt-font-caption, 12px)) !important;
    font-weight: 700 !important;
    line-height: 1.25 !important;
}

body[data-site-theme] .vt-earth-trip-kpi strong,
.vt-earth-trip-kpi strong {
    display: block !important;
    width: 100% !important;
    text-align: center !important;
    color: #15803d !important;
    font-size: var(--db-font-block-title, var(--vt-font-block-title, 18px)) !important;
    line-height: 1.15 !important;
    margin: 5px 0 !important;
    overflow-wrap: anywhere !important;
}

body[data-site-theme] .vt-earth-trip-trend-up strong,
.vt-earth-trip-trend-up strong {
    color: #16a34a !important;
}

body[data-site-theme] .vt-earth-trip-trend-down strong,
.vt-earth-trip-trend-down strong {
    color: #dc2626 !important;
}

body[data-site-theme] .vt-earth-trip-trend-flat strong,
.vt-earth-trip-trend-flat strong,
body[data-site-theme] .vt-earth-trip-trend-none strong,
.vt-earth-trip-trend-none strong {
    color: var(--db-color-muted, var(--vt-muted, #64748b)) !important;
}

body[data-site-theme] .vt-earth-progress,
.vt-earth-progress {
    position: relative !important;
    display: block !important;
    width: calc(100% - 44px) !important;
    height: 54px !important;
    margin: 38px 22px 0 !important;
    border-radius: 999px !important;
    overflow: visible !important;
    border: 1px solid rgba(148, 163, 184, .65) !important;
    background: #6b7280 !important;
    box-shadow: inset 0 0 0 2px rgba(255,255,255,.84) !important;
    isolation: isolate !important;
}

body[data-site-theme] .vt-earth-progress-base,
body[data-site-theme] .vt-earth-progress-fill,
.vt-earth-progress-base,
.vt-earth-progress-fill {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    border-radius: inherit !important;
    background-image: url('../../assets/img/earth_progress.jpg') !important;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    overflow: hidden !important;
}

body[data-site-theme] .vt-earth-progress-base,
.vt-earth-progress-base {
    z-index: 1 !important;
    filter: grayscale(1) brightness(.52) contrast(.95) !important;
    opacity: .72 !important;
}

body[data-site-theme] .vt-earth-progress-fill,
.vt-earth-progress-fill {
    z-index: 2 !important;
    clip-path: inset(0 calc(100% - var(--earth-progress, 0%)) 0 0) !important;
    box-shadow: none !important;
}

body[data-site-theme] .vt-earth-progress-marker,
.vt-earth-progress-marker {
    position: absolute !important;
    z-index: 4 !important;
    left: var(--earth-progress, 0%) !important;
    top: -30px !important;
    bottom: -8px !important;
    width: 0 !important;
    transform: translateX(-50%) !important;
    pointer-events: none !important;
}

body[data-site-theme] .vt-earth-progress-marker::before,
.vt-earth-progress-marker::before {
    content: "" !important;
    position: absolute !important;
    left: 50% !important;
    top: 26px !important;
    bottom: 8px !important;
    width: 4px !important;
    border-radius: 999px !important;
    background: #dc2626 !important;
    transform: translateX(-50%) !important;
    box-shadow: 0 0 0 2px rgba(255,255,255,.88) !important;
}

body[data-site-theme] .vt-earth-progress-marker span,
.vt-earth-progress-marker span {
    position: absolute !important;
    left: 50% !important;
    top: 0 !important;
    transform: translateX(-50%) !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 48px !important;
    height: 24px !important;
    padding: 0 8px !important;
    border-radius: 8px !important;
    background: #dc2626 !important;
    color: #fff !important;
    font-size: 12px !important;
    line-height: 1 !important;
    font-weight: 800 !important;
    white-space: nowrap !important;
    box-shadow: 0 4px 10px rgba(127, 29, 29, .25) !important;
}

body[data-site-theme] .vt-earth-progress-marker span::after,
.vt-earth-progress-marker span::after {
    content: "" !important;
    position: absolute !important;
    left: 50% !important;
    bottom: -6px !important;
    transform: translateX(-50%) !important;
    border-left: 6px solid transparent !important;
    border-right: 6px solid transparent !important;
    border-top: 6px solid #dc2626 !important;
}

body[data-site-theme] .vt-earth-progress-scale,
.vt-earth-progress-scale {
    display: flex !important;
    justify-content: space-between !important;
    align-items: flex-start !important;
    gap: 12px !important;
    margin: 8px 0 0 !important;
    padding: 0 22px 18px !important;
    color: var(--db-color-muted, var(--vt-muted, #64748b)) !important;
    font-size: var(--db-font-caption, var(--vt-font-caption, 12px)) !important;
    font-weight: 700 !important;
}

body[data-site-theme] .vt-earth-progress-scale span,
.vt-earth-progress-scale span {
    display: flex !important;
    flex-direction: column !important;
    gap: 2px !important;
    line-height: 1.2 !important;
}

body[data-site-theme] .vt-earth-progress-scale span:last-child,
.vt-earth-progress-scale span:last-child {
    text-align: right !important;
    align-items: flex-end !important;
}

body[data-site-theme] .vt-earth-trip-note,
.vt-earth-trip-note {
    display: none !important;
}

@media (max-width: 640px) {
    body[data-site-theme] .vt-earth-trip-header,
    .vt-earth-trip-header {
        padding: 20px 18px 18px !important;
    }

    body[data-site-theme] .vt-earth-trip-title-row,
    .vt-earth-trip-title-row {
        gap: 12px !important;
    }

    body[data-site-theme] .vt-earth-trip-header-badge,
    .vt-earth-trip-header-badge {
        font-size: max(12px, calc(var(--db-font-caption, var(--vt-font-caption, 12px)) * .98)) !important;
        padding: 7px 10px !important;
        border-radius: 12px !important;
    }

    body[data-site-theme] .vt-earth-trip-kpi-row,
    .vt-earth-trip-kpi-row {
        display: grid !important;
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        padding: 14px 18px !important;
    }

    body[data-site-theme] .vt-earth-trip-kpi,
    .vt-earth-trip-kpi {
        padding: 0 8px !important;
    }

    body[data-site-theme] .vt-earth-trip-kpi strong,
    .vt-earth-trip-kpi strong {
        font-size: var(--db-font-content, var(--vt-font-content, 14px)) !important;
    }

    body[data-site-theme] .vt-earth-trip-kpi span,
    body[data-site-theme] .vt-earth-trip-kpi small,
    body[data-site-theme] .vt-earth-progress-scale,
    .vt-earth-trip-kpi span,
    .vt-earth-trip-kpi small,
    .vt-earth-progress-scale {
        font-size: max(10px, calc(var(--db-font-caption, var(--vt-font-caption, 12px)) * .92)) !important;
    }

    body[data-site-theme] .vt-earth-progress,
    .vt-earth-progress {
        width: calc(100% - 36px) !important;
        height: 48px !important;
        margin: 36px 18px 0 !important;
    }

    body[data-site-theme] .vt-earth-progress-scale,
    .vt-earth-progress-scale {
        padding: 0 18px 16px !important;
    }
}

@media (max-width: 430px) {
    body[data-site-theme] .vt-earth-trip-title-row,
    .vt-earth-trip-title-row {
        flex-wrap: wrap !important;
    }

    body[data-site-theme] .vt-earth-trip-header-badge,
    .vt-earth-trip-header-badge {
        margin-left: 56px !important;
    }
}

@media (max-width: 380px) {
    body[data-site-theme] .vt-earth-trip-kpi-row,
    .vt-earth-trip-kpi-row {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        padding-left: 14px !important;
        padding-right: 14px !important;
    }

    body[data-site-theme] .vt-earth-trip-kpi,
    .vt-earth-trip-kpi {
        padding: 0 6px !important;
    }

    body[data-site-theme] .vt-earth-progress,
    .vt-earth-progress {
        width: calc(100% - 28px) !important;
        margin-left: 14px !important;
        margin-right: 14px !important;
    }

    body[data-site-theme] .vt-earth-progress-scale,
    .vt-earth-progress-scale {
        padding-left: 14px !important;
        padding-right: 14px !important;
    }
}

/* 4.8.0-hotfix53-clean: remove Distance Around Earth header numeric badge */
body[data-site-theme] .vt-earth-trip-header-badge,
.vt-earth-trip-header-badge {
    display: none !important;
}

/* 4.8.0-hotfix54-clean: Vehicle sharing UI */
.vt-vehicle-section{margin-top:16px}.vt-vehicle-section-title{font-size:var(--db-font-section-title,var(--vt-font-section-title,18px));margin:0 0 12px;color:var(--db-color-text,var(--vt-text,#0f172a))}.vt-share-message-card{padding:14px 18px;border-left:4px solid #2563eb}.vt-share-message-card p{margin:0;font-weight:700;color:var(--db-color-text,var(--vt-text,#0f172a))}.vt-vehicle-badge{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:5px 9px;font-size:12px;font-weight:800;white-space:nowrap}.vt-vehicle-badge-owner{background:rgba(37,99,235,.10);color:#1d4ed8}.vt-vehicle-badge-shared{background:rgba(124,58,237,.10);color:#6d28d9}.vt-vehicle-card-shared{border-color:rgba(124,58,237,.24)}.vt-share-panel{margin-top:16px;padding-top:14px;border-top:1px solid var(--db-color-border,var(--vt-border,#dbe3ef))}.vt-share-panel h3{margin:0 0 12px;font-size:16px}.vt-share-form{display:grid;gap:12px}.vt-share-form label{font-weight:700;color:var(--db-color-muted,var(--vt-muted,#64748b))}.vt-share-form input[type=email]{width:100%;margin-top:6px}.vt-share-permissions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 12px}.vt-share-permissions label{display:flex;align-items:center;gap:8px;font-weight:700;color:var(--db-color-text,var(--vt-text,#0f172a))}.vt-share-list{display:grid;gap:10px;margin-top:14px}.vt-share-member{display:grid;gap:10px;padding:12px;border:1px solid var(--db-color-border,var(--vt-border,#dbe3ef));border-radius:16px;background:rgba(248,250,252,.72)}.vt-share-member.is-revoked{opacity:.72}.vt-share-member-main{display:grid;gap:2px}.vt-share-member-main span{color:var(--db-color-muted,var(--vt-muted,#64748b));font-weight:600}.vt-share-member-main em{font-style:normal;font-size:12px;font-weight:800;color:#15803d}.vt-share-member.is-revoked .vt-share-member-main em{color:#b45309}.vt-share-member-actions{display:flex;gap:8px;flex-wrap:wrap}.vt-share-member-permissions{grid-template-columns:repeat(2,minmax(0,1fr))}@media(max-width:700px){.vt-share-permissions,.vt-share-member-permissions{grid-template-columns:1fr}.vt-vehicle-head{gap:10px}.vt-vehicle-badge{order:3}.vt-share-member-actions .vt-btn{flex:1 1 auto}}

/* 4.8.0-hotfix55-clean: vehicle sharing compact collapsed UI */
.vt-vehicle-badge-owner {
    background: rgba(22, 163, 74, .08) !important;
    color: #15803d !important;
}

.vt-share-panel {
    margin-top: 16px !important;
    padding-top: 14px !important;
    border-top: 1px solid var(--db-color-border, var(--vt-border, #dbe3ef)) !important;
}

.vt-share-panel > summary {
    list-style: none !important;
    cursor: pointer !important;
    width: 100% !important;
    justify-content: center !important;
}

.vt-share-panel > summary::-webkit-details-marker {
    display: none !important;
}

.vt-share-panel-body {
    display: grid !important;
    gap: 14px !important;
    margin-top: 14px !important;
}

.vt-share-form {
    display: grid !important;
    gap: 12px !important;
}

.vt-share-form label {
    font-weight: 700 !important;
    color: var(--db-color-muted, var(--vt-muted, #64748b)) !important;
}

.vt-share-form input[type=email] {
    width: 100% !important;
    margin-top: 6px !important;
}

.vt-share-permissions,
.vt-share-member-permissions {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px 14px !important;
    align-items: start !important;
}

.vt-share-permissions label,
.vt-share-permission {
    display: grid !important;
    grid-template-columns: 22px minmax(0, 1fr) !important;
    align-items: center !important;
    gap: 10px !important;
    min-width: 0 !important;
    text-align: left !important;
    justify-content: start !important;
    font-weight: 700 !important;
    color: var(--db-color-text, var(--vt-text, #0f172a)) !important;
    line-height: 1.25 !important;
}

.vt-share-permissions input[type=checkbox],
.vt-share-permission input[type=checkbox] {
    width: 20px !important;
    height: 20px !important;
    min-width: 20px !important;
    max-width: 20px !important;
    margin: 0 !important;
    justify-self: start !important;
    align-self: center !important;
    accent-color: #2563eb !important;
}

.vt-share-permission span {
    display: block !important;
    min-width: 0 !important;
    text-align: left !important;
    overflow-wrap: anywhere !important;
}

.vt-share-list {
    display: grid !important;
    gap: 10px !important;
    margin-top: 0 !important;
}

.vt-share-member {
    display: grid !important;
    gap: 10px !important;
    padding: 12px !important;
    border: 1px solid var(--db-color-border, var(--vt-border, #dbe3ef)) !important;
    border-radius: 16px !important;
    background: rgba(248,250,252,.72) !important;
}

.vt-share-member.is-revoked {
    opacity: .72 !important;
}

.vt-share-member-main {
    display: grid !important;
    gap: 2px !important;
}

.vt-share-member-main span {
    color: var(--db-color-muted, var(--vt-muted, #64748b)) !important;
    font-weight: 600 !important;
}

.vt-share-member-main em {
    font-style: normal !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    color: #15803d !important;
}

.vt-share-member.is-revoked .vt-share-member-main em {
    color: #b45309 !important;
}

.vt-share-member-actions {
    display: flex !important;
    gap: 8px !important;
    flex-wrap: wrap !important;
}

@media(max-width:700px) {
    .vt-share-permissions,
    .vt-share-member-permissions {
        grid-template-columns: 1fr !important;
    }

    .vt-share-member-actions .vt-btn {
        flex: 1 1 auto !important;
    }
}

/* 4.8.0-hotfix56-clean: keep vehicle owner badge inside the vehicle card on mobile */
.vt-vehicle-card .vt-vehicle-head {
    align-items: flex-start !important;
}

.vt-vehicle-card .vt-vehicle-badge-owner {
    max-width: 100% !important;
    min-width: 0 !important;
    white-space: normal !important;
    overflow: hidden !important;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
    text-align: center !important;
    line-height: 1.2 !important;
    padding: 6px 10px !important;
    box-sizing: border-box !important;
}

@media (max-width: 700px) {
    .vt-vehicle-card .vt-vehicle-head {
        display: grid !important;
        grid-template-columns: 92px minmax(0, 1fr) auto !important;
        gap: 12px !important;
        align-items: start !important;
    }

    .vt-vehicle-card .vt-vehicle-badge-owner {
        grid-column: 1 / -1 !important;
        order: initial !important;
        justify-self: start !important;
        width: auto !important;
        max-width: 100% !important;
        margin: 0 !important;
    }

    .vt-vehicle-card .vt-vehicle-plate {
        justify-self: end !important;
        max-width: 100% !important;
        overflow-wrap: anywhere !important;
    }
}

@media (max-width: 430px) {
    .vt-vehicle-card .vt-vehicle-head {
        grid-template-columns: 76px minmax(0, 1fr) !important;
    }

    .vt-vehicle-card .vt-vehicle-plate {
        grid-column: 1 / -1 !important;
        justify-self: start !important;
        margin-top: 4px !important;
    }

    .vt-vehicle-card .vt-vehicle-badge-owner {
        grid-column: 1 / -1 !important;
        justify-self: start !important;
        max-width: calc(100% - 2px) !important;
    }
}

/* 4.8.0-hotfix57-clean: vehicle sharing owner row, relationship field, and admin share log */
.vt-vehicle-owner-line {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    align-items: center !important;
    margin: 10px 0 0 !important;
    max-width: 100% !important;
}

.vt-vehicle-owner-line .vt-vehicle-badge-owner,
.vt-vehicle-relation-badge {
    max-width: 100% !important;
    min-width: 0 !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
    text-align: center !important;
    line-height: 1.2 !important;
    padding: 6px 10px !important;
    box-sizing: border-box !important;
}

.vt-vehicle-relation-badge {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 999px !important;
    background: rgba(37, 99, 235, .08) !important;
    color: #1d4ed8 !important;
    font-weight: 800 !important;
    font-size: 12px !important;
}

.vt-share-member-relation {
    display: grid !important;
    gap: 6px !important;
    font-weight: 700 !important;
    color: var(--db-color-muted, var(--vt-muted, #64748b)) !important;
}

.vt-share-member-relation input {
    width: 100% !important;
}

.vt-admin-share-log-list {
    display: grid !important;
    gap: 10px !important;
}

.vt-admin-share-log-row {
    display: grid !important;
    gap: 3px !important;
    padding: 10px 12px !important;
    border: 1px solid var(--db-color-border, var(--vt-border, #dbe3ef)) !important;
    border-radius: 14px !important;
    background: rgba(248,250,252,.72) !important;
}

.vt-admin-share-log-row span,
.vt-admin-share-log-row small {
    color: var(--db-color-muted, var(--vt-muted, #64748b)) !important;
    font-weight: 600 !important;
}

@media (max-width: 700px) {
    .vt-vehicle-card .vt-vehicle-head {
        grid-template-columns: 92px minmax(0, 1fr) auto !important;
    }

    .vt-vehicle-card .vt-vehicle-badge-owner {
        grid-column: auto !important;
    }

    .vt-vehicle-owner-line {
        margin-top: 12px !important;
    }
}

@media (max-width: 430px) {
    .vt-vehicle-card .vt-vehicle-head {
        grid-template-columns: 76px minmax(0, 1fr) auto !important;
    }

    .vt-vehicle-card .vt-vehicle-plate {
        grid-column: auto !important;
        justify-self: end !important;
        margin-top: 0 !important;
    }

    .vt-vehicle-owner-line {
        justify-content: flex-start !important;
    }
}

/* 4.8.0-hotfix58-clean: shared car marker, stable bottom nav, shared badge, and personal favorites UI fixes */
.vt-vehicle-badge,
.vt-vehicle-badge-shared,
.vt-vehicle-owner-line .vt-vehicle-badge-owner,
.vt-vehicle-relation-badge {
    max-width: 100% !important;
    min-width: 0 !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
    text-align: center !important;
    line-height: 1.2 !important;
    box-sizing: border-box !important;
}

.vt-vehicle-badge-shared {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 6px 10px !important;
}

.bottom-nav a.is-disabled,
.bottom-nav a.disabled {
    opacity: .42 !important;
    pointer-events: none !important;
    filter: grayscale(.35) !important;
}

.bottom-nav a.is-disabled .nav-badge,
.bottom-nav a.disabled .nav-badge {
    display: none !important;
}

@media (max-width: 430px) {
    .vt-vehicle-card .vt-vehicle-head {
        grid-template-columns: 76px minmax(0, 1fr) auto !important;
        align-items: start !important;
    }

    .vt-vehicle-card .vt-vehicle-plate {
        grid-column: auto !important;
        justify-self: end !important;
        margin-top: 0 !important;
        max-width: 100% !important;
        overflow-wrap: anywhere !important;
    }

    .vt-vehicle-badge-shared {
        grid-column: 1 / -1 !important;
        justify-self: start !important;
        width: auto !important;
        max-width: calc(100% - 2px) !important;
    }
}

/* 4.9.0-google-oauth-login: Google OAuth Login */
.oauth-actions {
    display: grid !important;
    gap: 10px !important;
    margin: 16px 0 12px !important;
}

.oauth-google-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    width: 100% !important;
    min-height: 44px !important;
    border: 1px solid var(--db-color-border, var(--vt-border, #dbe3ef)) !important;
    background: #fff !important;
    color: #0f172a !important;
    text-decoration: none !important;
    font-weight: 800 !important;
    border-radius: 14px !important;
}

.oauth-google-mark {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 24px !important;
    height: 24px !important;
    border-radius: 999px !important;
    background: #fff !important;
    color: #4285f4 !important;
    border: 1px solid #dbe3ef !important;
    font-weight: 900 !important;
    font-family: Arial, sans-serif !important;
}

.auth-separator {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    margin: 12px 0 !important;
    color: var(--db-color-muted, var(--vt-muted, #64748b)) !important;
    font-weight: 700 !important;
    font-size: 12px !important;
}

.auth-separator::before,
.auth-separator::after {
    content: "" !important;
    height: 1px !important;
    flex: 1 1 auto !important;
    background: var(--db-color-border, var(--vt-border, #dbe3ef)) !important;
}

/* 4.9.1-sharing-favorites-fix: restore global favorites and refine vehicle sharing display */
.vt-vehicle-shared-with-line {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 6px !important;
    align-items: center !important;
    margin: 6px 0 0 !important;
    max-width: 100% !important;
    color: var(--db-color-muted, var(--vt-muted, #64748b)) !important;
    font-weight: 700 !important;
    line-height: 1.25 !important;
}

.vt-vehicle-shared-with-label {
    color: var(--db-color-muted, var(--vt-muted, #64748b)) !important;
}

.vt-vehicle-shared-with-list {
    color: var(--db-color-text, var(--vt-text, #0f172a)) !important;
    font-weight: 800 !important;
    margin: 0 !important;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
}

ol.vt-vehicle-shared-with-list {
    padding-left: 1.25rem !important;
}

ol.vt-vehicle-shared-with-list li {
    padding-left: 2px !important;
}

.vt-vehicle-card .vt-card-actions {
    display: flex !important;
    align-items: stretch !important;
    gap: 12px !important;
    width: 100% !important;
}

.vt-vehicle-card .vt-card-actions > .vt-btn,
.vt-vehicle-card .vt-card-actions > form {
    flex: 1 1 0 !important;
    min-width: 0 !important;
    margin: 0 !important;
}

.vt-vehicle-card .vt-card-actions > form {
    display: flex !important;
}

.vt-vehicle-card .vt-card-actions .vt-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 7px !important;
    min-height: 46px !important;
    width: 100% !important;
    min-width: 0 !important;
    white-space: normal !important;
}

.vt-vin-value {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    min-width: 0 !important;
    max-width: 100% !important;
    overflow-wrap: anywhere !important;
}

.vt-vin-copy-btn {
    appearance: none !important;
    border: 1px solid var(--db-color-border, var(--vt-border, #dbe3ef)) !important;
    background: var(--db-color-surface, var(--vt-surface, #fff)) !important;
    color: var(--db-color-muted, var(--vt-muted, #64748b)) !important;
    border-radius: 8px !important;
    min-width: 28px !important;
    height: 28px !important;
    padding: 0 7px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 13px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    cursor: pointer !important;
    white-space: nowrap !important;
}

.vt-vin-copy-btn.is-copied {
    color: #1d4ed8 !important;
    border-color: rgba(37, 99, 235, .35) !important;
    background: rgba(37, 99, 235, .08) !important;
}

.vt-vehicle-card-shared .vt-vehicle-relation-badge {
    display: none !important;
}

@media (max-width: 430px) {
    .vt-vehicle-shared-with-line {
        display: grid !important;
        gap: 3px !important;
        justify-items: start !important;
    }

    .vt-vehicle-card .vt-card-actions {
        gap: 8px !important;
    }
}

/* 4.9.2-earth-ambilight: Earth progress bar Ambilight glow */
body[data-site-theme] .vt-earth-progress,
.vt-earth-progress {
    overflow: visible !important;
}

body[data-site-theme] .vt-earth-progress::before,
.vt-earth-progress::before {
    content: "" !important;
    position: absolute !important;
    inset: -7px !important;
    z-index: -2 !important;
    border-radius: inherit !important;
    pointer-events: none !important;
    background:
        radial-gradient(ellipse at 10% 50%, rgba(59, 130, 246, .46) 0%, rgba(59, 130, 246, .25) 28%, rgba(59, 130, 246, 0) 58%),
        radial-gradient(ellipse at 23% 50%, rgba(125, 211, 252, .34) 0%, rgba(125, 211, 252, .16) 30%, rgba(125, 211, 252, 0) 62%),
        radial-gradient(ellipse at 31% 50%, rgba(34, 197, 94, .20) 0%, rgba(34, 197, 94, .10) 28%, rgba(34, 197, 94, 0) 60%),
        radial-gradient(ellipse at 74% 50%, rgba(15, 23, 42, .24) 0%, rgba(15, 23, 42, .14) 36%, rgba(15, 23, 42, 0) 72%) !important;
    filter: blur(10px) saturate(1.18) !important;
    opacity: .9 !important;
}

body[data-site-theme] .vt-earth-progress::after,
.vt-earth-progress::after {
    content: "" !important;
    position: absolute !important;
    inset: -2px !important;
    z-index: 3 !important;
    border-radius: inherit !important;
    pointer-events: none !important;
    border: 1px solid rgba(255,255,255,.78) !important;
    box-shadow:
        0 0 0 1px rgba(59, 130, 246, .16),
        0 0 12px rgba(59, 130, 246, .18),
        0 0 18px rgba(34, 197, 94, .08),
        0 0 20px rgba(15, 23, 42, .12) !important;
}

body[data-site-theme] .vt-earth-progress-base,
body[data-site-theme] .vt-earth-progress-fill,
.vt-earth-progress-base,
.vt-earth-progress-fill {
    border-radius: inherit !important;
}

body[data-site-theme] .vt-earth-progress-marker,
.vt-earth-progress-marker {
    z-index: 5 !important;
}

@media (prefers-color-scheme: dark) {
    body[data-site-theme] .vt-earth-progress::before,
    .vt-earth-progress::before {
        opacity: .78 !important;
        filter: blur(11px) saturate(1.08) !important;
    }
}

body[data-theme="dark"] .vt-earth-progress::before,
html[data-theme="dark"] .vt-earth-progress::before {
    opacity: .78 !important;
    filter: blur(11px) saturate(1.08) !important;
}

/* 4.9.9-shared-action-clean-layout: shared_action clean scoped styles */
.vt-admin-shared-action-card {
    margin-bottom: 20px !important;
}

.vt-admin-shared-action-card .vt-shared-action-header {
    min-height: 52px !important;
}

.vt-admin-shared-action-card .vt-shared-action-toggle {
    display: inline-flex !important;
    align-items: center !important;
    gap: 10px !important;
    border: 0 !important;
    background: transparent !important;
    padding: 0 !important;
    min-height: 0 !important;
    cursor: pointer !important;
}

.vt-admin-shared-action-card .vt-shared-action-toggle-icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 28px !important;
    height: 28px !important;
    border-radius: 999px !important;
    border: 1px solid var(--vt-border, #dfe3ea) !important;
    color: var(--vt-muted, #667085) !important;
    font-style: normal !important;
    font-size: 12px !important;
}

.vt-admin-shared-action-card .vt-shared-action-toggle[aria-expanded="true"] .vt-shared-action-toggle-icon {
    transform: rotate(90deg) !important;
}

.vt-admin-shared-action-card .vt-shared-action-user-filter {
    position: relative !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    gap: 10px !important;
    align-items: end !important;
    padding: 14px 20px !important;
    margin: 0 !important;
    border-bottom: 1px solid var(--vt-border, #dfe3ea) !important;
}

.vt-admin-shared-action-card .vt-shared-action-user-filter label {
    min-width: 0 !important;
    margin: 0 !important;
}

.vt-admin-shared-action-card .vt-shared-action-user-filter input[type="search"] {
    width: 100% !important;
    min-width: 0 !important;
    font-size: var(--vt-font-content, 14px) !important;
}

.vt-admin-shared-action-card .vt-shared-action-suggestions {
    grid-column: 1 / -1 !important;
    display: grid !important;
    gap: 6px !important;
    padding: 8px !important;
    border: 1px solid var(--vt-border, #dfe3ea) !important;
    border-radius: 8px !important;
    background: #fff !important;
    box-shadow: 0 12px 24px rgba(15,23,42,.10) !important;
    max-height: 240px !important;
    overflow: auto !important;
    z-index: 20 !important;
}

.vt-admin-shared-action-card .vt-shared-action-suggestions[hidden] {
    display: none !important;
}

.vt-admin-shared-action-card .vt-shared-action-suggestion {
    width: 100% !important;
    text-align: left !important;
    padding: 9px 10px !important;
    border: 1px solid transparent !important;
    border-radius: 6px !important;
    background: #f8fafc !important;
    color: var(--vt-text, #111827) !important;
    font-weight: 600 !important;
    cursor: pointer !important;
}

.vt-admin-shared-action-card .vt-shared-action-suggestion:hover {
    border-color: var(--vt-primary, #2563eb) !important;
    background: #eff6ff !important;
}

.vt-admin-shared-action-card .vt-shared-action-body {
    padding: 14px 20px 18px !important;
}

.vt-admin-shared-action-card .vt-shared-action-entry {
    padding: 10px 0 !important;
    border-bottom: 1px solid var(--vt-border, #dfe3ea) !important;
}

.vt-admin-shared-action-card .vt-shared-action-entry:last-child {
    border-bottom: 0 !important;
}

.vt-admin-shared-action-card .vt-shared-action-entry time,
.vt-admin-shared-action-card .vt-shared-action-entry small {
    display: block !important;
    color: var(--vt-muted, #667085) !important;
    font-size: var(--vt-font-caption, 12px) !important;
    line-height: 1.3 !important;
}

.vt-admin-shared-action-card .vt-shared-action-entry strong {
    display: block !important;
    color: var(--vt-text, #111827) !important;
    font-size: var(--vt-font-content, 14px) !important;
    line-height: 1.3 !important;
    margin-top: 2px !important;
}

.vt-admin-shared-action-card .vt-shared-action-entry p {
    margin: 3px 0 0 !important;
    color: var(--vt-muted, #667085) !important;
    font-size: var(--vt-font-content, 14px) !important;
    line-height: 1.35 !important;
    font-weight: 500 !important;
}

.vt-admin-shared-action-card .vt-admin-pagination {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 6px !important;
    margin-top: 12px !important;
}

.vt-admin-shared-action-card .vt-admin-pagination a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 32px !important;
    min-height: 32px !important;
    padding: 5px 9px !important;
    border: 1px solid var(--vt-border, #dfe3ea) !important;
    border-radius: 6px !important;
    text-decoration: none !important;
    font-weight: 700 !important;
    color: var(--vt-text, #111827) !important;
    background: #fff !important;
}

.vt-admin-shared-action-card .vt-admin-pagination a.is-active {
    background: var(--vt-primary, #2563eb) !important;
    border-color: var(--vt-primary, #2563eb) !important;
    color: #fff !important;
}

@media (max-width: 700px) {
    .vt-admin-shared-action-card .vt-shared-action-user-filter {
        grid-template-columns: 1fr !important;
        padding: 12px 18px !important;
    }

    .vt-admin-shared-action-card .vt-shared-action-body {
        padding: 12px 18px 16px !important;
    }
}

/* 4.9.11-shared-action-ui-fix: shared_action toggle and log typography fix */
body[data-site-theme="vehicle_tracker_light"] .vt-admin-shared-action-card .vt-shared-action-toggle {
    position: relative !important;
    z-index: 2 !important;
    pointer-events: auto !important;
    cursor: pointer !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-admin-shared-action-card .vt-shared-action-toggle-icon {
    pointer-events: none !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-admin-shared-action-card .vt-log-entry {
    font-size: var(--vt-font-content, 14px) !important;
    line-height: 1.25 !important;
    padding: 7px 0 !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-admin-shared-action-card .vt-log-entry time,
body[data-site-theme="vehicle_tracker_light"] .vt-admin-shared-action-card .vt-log-entry strong,
body[data-site-theme="vehicle_tracker_light"] .vt-admin-shared-action-card .vt-log-entry p,
body[data-site-theme="vehicle_tracker_light"] .vt-admin-shared-action-card .vt-log-entry small {
    font-size: var(--vt-font-caption, 12px) !important;
    line-height: 1.25 !important;
    margin: 2px 0 !important;
    font-weight: 600 !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-admin-shared-action-card .vt-log-entry p,
body[data-site-theme="vehicle_tracker_light"] .vt-admin-shared-action-card .vt-log-entry small {
    color: var(--vt-muted) !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-admin-shared-action-card .vt-log-entry strong {
    color: var(--vt-text) !important;
    font-weight: 800 !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-admin-shared-action-card .vt-shared-action-body {
    padding-top: 10px !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-admin-shared-action-card .vt-shared-action-filter-panel[hidden] {
    display: none !important;
}

/* 5.0.1-performance-ui-fix: Performance block UI fixes */
.vt-admin-performance-card{padding:0!important;overflow:hidden!important}
.vt-admin-performance-card .vt-performance-title{display:flex!important;flex-wrap:wrap!important;align-items:flex-start!important;justify-content:space-between!important;gap:12px!important;padding:18px 20px 14px!important;border-bottom:1px solid var(--vt-border,#dfe3ea)!important}
.vt-performance-title-main{min-width:220px!important}
.vt-performance-title-main h2{display:flex!important;flex-wrap:wrap!important;align-items:baseline!important;gap:8px!important;margin:0!important}
.vt-performance-headline{color:var(--vt-muted,#667085)!important;font-size:var(--vt-font-content,14px)!important;font-weight:900!important}
.vt-performance-headline .is-worse{color:#dc2626!important}.vt-performance-headline .is-better{color:#16a34a!important}.vt-performance-headline .is-neutral{color:var(--vt-muted,#667085)!important}
.vt-performance-filter{display:grid!important;grid-template-columns:repeat(3,minmax(92px,1fr))!important;gap:8px!important;align-items:center!important;max-width:520px!important}
.vt-performance-filter select{min-height:38px!important;border-radius:10px!important;border:1px solid var(--vt-border,#dfe3ea)!important;background:var(--vt-card,#fff)!important;color:var(--vt-text,#111827)!important;padding:6px 10px!important;font-weight:700!important}
.vt-performance-filter-actions{grid-column:1/-1!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important}
.vt-performance-filter-actions .vt-btn{width:100%!important;justify-content:center!important;text-align:center!important}
.vt-performance-summary{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;margin:14px 20px!important;border:1px solid var(--vt-border,#dfe3ea)!important;border-radius:14px!important;overflow:hidden!important}
.vt-performance-summary>div{padding:14px 16px!important;border-right:1px solid var(--vt-border,#dfe3ea)!important}.vt-performance-summary>div:last-child{border-right:0!important}
.vt-performance-summary span{display:block!important;color:var(--vt-muted,#667085)!important;font-size:var(--vt-font-caption,12px)!important;font-weight:800!important;margin-bottom:6px!important}
.vt-performance-summary strong{display:block!important;color:var(--vt-text,#111827)!important;font-size:calc(var(--vt-font-content,14px) + 4px)!important;line-height:1.15!important}
.vt-performance-table-block{padding:0 20px 16px!important}.vt-performance-table-block h3{margin:4px 0 10px!important;color:var(--vt-text,#111827)!important;font-size:var(--vt-font-block-title,18px)!important}
.vt-performance-split-table{display:grid!important;grid-template-columns:minmax(132px,190px) minmax(0,1fr)!important;width:100%!important;border:1px solid var(--vt-border,#dfe3ea)!important;border-radius:14px!important;overflow:hidden!important;background:var(--vt-card,#fff)!important}
.vt-performance-fixed-col{position:relative!important;z-index:2!important;background:var(--vt-card,#fff)!important;box-shadow:1px 0 0 var(--vt-border,#dfe3ea)!important;min-width:0!important}
.vt-performance-values-scroll{overflow-x:auto!important;min-width:0!important;-webkit-overflow-scrolling:touch!important}
.vt-performance-values-table{min-width:560px!important;width:100%!important;border-collapse:separate!important;border-spacing:0!important;background:var(--vt-card,#fff)!important}
.vt-performance-cell,.vt-performance-values-table th,.vt-performance-values-table td{height:54px!important;min-height:54px!important;padding:10px 12px!important;border-bottom:1px solid var(--vt-border,#dfe3ea)!important;font-size:var(--vt-font-content,14px)!important;box-sizing:border-box!important}
.vt-performance-values-table th,.vt-performance-values-table td{text-align:center!important;white-space:nowrap!important}
.vt-performance-head-cell,.vt-performance-values-table thead th{background:rgba(248,250,252,.96)!important;color:var(--vt-text,#111827)!important;font-weight:900!important}
.vt-performance-values-table thead small{color:var(--vt-muted,#667085)!important;font-weight:700!important}
.vt-performance-label-cell{color:var(--vt-muted,#667085)!important;font-weight:900!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
.vt-performance-fixed-col .vt-performance-cell:last-child,.vt-performance-values-table tbody tr:last-child td{border-bottom:0!important}
.vt-performance-values-table .is-worse{color:#dc2626!important;font-weight:900!important}.vt-performance-values-table .is-better{color:#16a34a!important;font-weight:900!important}.vt-performance-values-table .is-neutral{color:var(--vt-muted,#667085)!important;font-weight:800!important}
.vt-performance-empty{text-align:left!important;color:var(--vt-muted,#667085)!important;padding:16px!important}
.vt-performance-note{margin:0!important;padding:12px 20px 16px!important;color:var(--vt-muted,#667085)!important;font-size:var(--vt-font-caption,12px)!important;border-top:1px solid var(--vt-border,#dfe3ea)!important}
@media(max-width:700px){.vt-admin-performance-card .vt-performance-title{padding:16px 18px 12px!important}.vt-performance-filter{width:100%!important;max-width:none!important;grid-template-columns:1fr!important}.vt-performance-filter-actions{grid-template-columns:1fr 1fr!important}.vt-performance-summary{margin:12px 18px!important}.vt-performance-table-block{padding:0 18px 14px!important}.vt-performance-split-table{grid-template-columns:minmax(112px,142px) minmax(0,1fr)!important}.vt-performance-values-table{min-width:520px!important}.vt-performance-cell,.vt-performance-values-table th,.vt-performance-values-table td{height:52px!important;min-height:52px!important;padding:9px 10px!important}}

/* 5.0.2-performance-all-pages-last-known: Performance all-pages and last-known metrics */
.vt-admin-performance-card .vt-performance-title{display:block!important}
.vt-performance-title-main{width:100%!important;min-width:0!important;margin-bottom:12px!important}
.vt-performance-title-main h2{display:flex!important;flex-wrap:wrap!important;align-items:baseline!important;gap:8px!important;margin:0!important}
.vt-performance-headline{display:inline-flex!important;flex-wrap:wrap!important;gap:4px!important;color:var(--vt-muted,#667085)!important;font-size:var(--vt-font-content,14px)!important;font-weight:900!important}
.vt-performance-filter-row{width:100%!important;max-width:none!important;display:grid!important;grid-template-columns:repeat(3,minmax(92px,1fr)) minmax(160px,.7fr)!important;gap:8px!important;align-items:center!important}
.vt-performance-filter-row .vt-performance-filter-actions{grid-column:auto!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important}
.vt-performance-last-known{display:inline-block!important;margin-left:6px!important;padding:1px 6px!important;border-radius:999px!important;background:rgba(100,116,139,.12)!important;color:var(--vt-muted,#667085)!important;font-size:10px!important;line-height:1.4!important;font-weight:900!important;vertical-align:middle!important}
@media(max-width:900px){.vt-performance-filter-row{grid-template-columns:repeat(3,minmax(0,1fr))!important}.vt-performance-filter-row .vt-performance-filter-actions{grid-column:1/-1!important}}
@media(max-width:700px){.vt-performance-filter-row{grid-template-columns:1fr!important}.vt-performance-filter-row .vt-performance-filter-actions{grid-template-columns:1fr 1fr!important}}

/* 5.0.3-performance-tabs-future-platforms: Performance tabs and future platform structure */
.vt-admin-performance-card .vt-performance-title {
    display: block !important;
}

.vt-performance-title-main {
    width: 100% !important;
    min-width: 0 !important;
    margin-bottom: 12px !important;
}

.vt-performance-title-main h2 {
    margin: 0 !important;
}

.vt-performance-filter-row {
    width: 100% !important;
    max-width: none !important;
    display: grid !important;
    grid-template-columns: repeat(3, minmax(92px, 1fr)) minmax(160px, .7fr) !important;
    gap: 8px !important;
    align-items: center !important;
    margin-bottom: 12px !important;
}

.vt-performance-filter-row .vt-performance-filter-actions {
    grid-column: auto !important;
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 8px !important;
}

.vt-performance-tabs {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 8px !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
    padding: 2px 0 4px !important;
}

.vt-performance-tab {
    flex: 0 0 auto !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 7px !important;
    min-height: 36px !important;
    padding: 7px 12px !important;
    border: 1px solid var(--vt-border, #dfe3ea) !important;
    border-radius: 12px !important;
    background: var(--vt-card, #fff) !important;
    color: var(--vt-text, #111827) !important;
    text-decoration: none !important;
    font-weight: 900 !important;
}

.vt-performance-tab.is-active {
    border-color: var(--vt-primary, #2563eb) !important;
    box-shadow: inset 0 0 0 1px var(--vt-primary, #2563eb) !important;
}

.vt-performance-tab small {
    font-weight: 900 !important;
}

.vt-performance-tab .is-worse,
.vt-performance-values-table .is-worse {
    color: #dc2626 !important;
    font-weight: 900 !important;
}

.vt-performance-tab .is-better,
.vt-performance-values-table .is-better {
    color: #16a34a !important;
    font-weight: 900 !important;
}

.vt-performance-tab .is-neutral,
.vt-performance-values-table .is-neutral {
    color: var(--vt-muted, #667085) !important;
    font-weight: 800 !important;
}

.vt-performance-empty-state {
    margin: 0 !important;
    padding: 16px 20px 18px !important;
    color: var(--vt-muted, #667085) !important;
    font-size: var(--vt-font-content, 14px) !important;
    border-top: 1px solid var(--vt-border, #dfe3ea) !important;
}

.vt-performance-last-known {
    display: inline-block !important;
    margin-left: 6px !important;
    padding: 1px 6px !important;
    border-radius: 999px !important;
    background: rgba(100, 116, 139, .12) !important;
    color: var(--vt-muted, #667085) !important;
    font-size: 10px !important;
    line-height: 1.4 !important;
    font-weight: 900 !important;
    vertical-align: middle !important;
}

@media (max-width: 900px) {
    .vt-performance-filter-row {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }

    .vt-performance-filter-row .vt-performance-filter-actions {
        grid-column: 1 / -1 !important;
    }
}

@media (max-width: 700px) {
    .vt-performance-filter-row {
        grid-template-columns: 1fr !important;
    }

    .vt-performance-filter-row .vt-performance-filter-actions {
        grid-template-columns: 1fr 1fr !important;
    }
}

/* 5.0.4-performance-tabs-ui-last-metrics: Performance real tabs and last metrics logic */
.vt-admin-performance-card .vt-performance-title {
    display: block !important;
    padding-bottom: 0 !important;
}

.vt-performance-title-main {
    width: 100% !important;
    min-width: 0 !important;
    margin-bottom: 12px !important;
}

.vt-performance-filter-row {
    width: 100% !important;
    max-width: none !important;
    display: grid !important;
    grid-template-columns: repeat(3, minmax(92px, 1fr)) minmax(160px, .7fr) !important;
    gap: 8px !important;
    align-items: center !important;
    margin-bottom: 14px !important;
}

.vt-performance-filter-row .vt-performance-filter-actions {
    grid-column: auto !important;
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 8px !important;
}

.vt-performance-tabs {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 0 !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
    padding: 0 !important;
    margin: 0 -20px !important;
    border-top: 1px solid var(--vt-border, #dfe3ea) !important;
    border-bottom: 1px solid var(--vt-border, #dfe3ea) !important;
    background: rgba(248, 250, 252, .78) !important;
}

.vt-performance-tab {
    flex: 0 0 auto !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 7px !important;
    min-height: 42px !important;
    padding: 10px 16px !important;
    border: 0 !important;
    border-right: 1px solid var(--vt-border, #dfe3ea) !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: var(--vt-text, #111827) !important;
    text-decoration: none !important;
    font-weight: 900 !important;
    box-shadow: none !important;
}

.vt-performance-tab:first-child {
    margin-left: 20px !important;
    border-left: 1px solid var(--vt-border, #dfe3ea) !important;
}

.vt-performance-tab.is-active {
    background: var(--vt-card, #fff) !important;
    color: var(--vt-primary, #2563eb) !important;
    border-top: 2px solid var(--vt-primary, #2563eb) !important;
    border-bottom: 1px solid var(--vt-card, #fff) !important;
    margin-bottom: -1px !important;
    box-shadow: none !important;
}

.vt-performance-tab small {
    font-weight: 900 !important;
}

.vt-performance-tab .is-worse,
.vt-performance-values-table .is-worse {
    color: #dc2626 !important;
    font-weight: 900 !important;
}

.vt-performance-tab .is-better,
.vt-performance-values-table .is-better {
    color: #16a34a !important;
    font-weight: 900 !important;
}

.vt-performance-tab .is-neutral,
.vt-performance-values-table .is-neutral {
    color: var(--vt-muted, #667085) !important;
    font-weight: 800 !important;
}

.vt-performance-empty-state {
    margin: 0 !important;
    padding: 16px 20px 18px !important;
    color: var(--vt-muted, #667085) !important;
    font-size: var(--vt-font-content, 14px) !important;
}

.vt-performance-last-known {
    display: inline-block !important;
    margin-left: 6px !important;
    padding: 1px 6px !important;
    border-radius: 999px !important;
    background: rgba(100, 116, 139, .12) !important;
    color: var(--vt-muted, #667085) !important;
    font-size: 10px !important;
    line-height: 1.4 !important;
    font-weight: 900 !important;
    vertical-align: middle !important;
}

@media (max-width: 900px) {
    .vt-performance-filter-row {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }

    .vt-performance-filter-row .vt-performance-filter-actions {
        grid-column: 1 / -1 !important;
    }
}

@media (max-width: 700px) {
    .vt-performance-filter-row {
        grid-template-columns: 1fr !important;
    }

    .vt-performance-filter-row .vt-performance-filter-actions {
        grid-template-columns: 1fr 1fr !important;
    }

    .vt-performance-tabs {
        margin: 0 -18px !important;
    }

    .vt-performance-tab:first-child {
        margin-left: 18px !important;
    }

    .vt-performance-tab {
        padding: 9px 13px !important;
    }
}

/* 5.0.5-offline-capability-message: offline capability warning banner */
.dbalnyk-sync-banner-warning {
    background: #b45309 !important;
    color: #fff !important;
}

.dbalnyk-sync-banner-warning .dbalnyk-sync-banner-action {
    display: none !important;
}

/* 5.0.6-offline-2-stage1: Offline 2.0 Stage 1 */
.dbalnyk-offline-local-summary {
    margin-bottom: 16px !important;
    padding: 14px 16px !important;
    border-left: 4px solid var(--vt-primary, #2563eb) !important;
}

.dbalnyk-offline-local-summary p {
    margin: 6px 0 8px !important;
    color: var(--vt-muted, #667085) !important;
}

.dbalnyk-offline-local-summary ul {
    margin: 0 !important;
    padding-left: 18px !important;
}

.dbalnyk-offline-saved {
    outline: 1px dashed rgba(37, 99, 235, .45) !important;
    outline-offset: 3px !important;
}

.dbalnyk-offline-inline-badge {
    margin-top: 10px !important;
    padding: 9px 12px !important;
    border-radius: 12px !important;
    background: rgba(37, 99, 235, .10) !important;
    color: var(--vt-primary, #2563eb) !important;
    font-weight: 800 !important;
    font-size: var(--vt-font-caption, 12px) !important;
}

/* 5.0.7-user-timezone-setting: timezone settings */
.timezone-settings-fieldset {
    border: 1px solid var(--vt-border, #dfe3ea) !important;
    border-radius: 14px !important;
    padding: 14px !important;
}

.timezone-settings-fieldset legend {
    font-weight: 900 !important;
    padding: 0 6px !important;
}

.timezone-settings-fieldset .vt-radio-row,
.timezone-settings-fieldset .radio-row {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    margin: 8px 0 !important;
    font-weight: 800 !important;
}

.timezone-settings-fieldset input[type="radio"] {
    width: auto !important;
    min-width: 18px !important;
}

.timezone-settings-fieldset select:disabled {
    opacity: .55 !important;
    cursor: not-allowed !important;
}

/* 5.0.8-account-profile-page: account profile page */
.sidebar-user-name {
    color: var(--vt-text, #111827) !important;
    text-decoration: none !important;
    display: inline-flex !important;
    align-items: center !important;
    min-height: 36px !important;
    padding: 4px 0 !important;
    border-radius: 10px !important;
}

.sidebar-user-name:hover,
.sidebar-user-name.active {
    color: var(--vt-primary, #2563eb) !important;
}

.sidebar-user-name strong {
    display: inline-block !important;
}

.vt-profile-settings-card,
.vt-settings-sessions-card {
    scroll-margin-top: 16px !important;
}

/* 5.0.9-mobile-sidebar-layout-fix: Mobile sidebar layout hotfix */
.sidebar {
    display: flex !important;
    flex-direction: column !important;
    min-height: 0 !important;
    overflow: hidden !important;
}

.sidebar .brand {
    flex: 0 0 auto !important;
}

.sidebar .side-nav {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    -webkit-overflow-scrolling: touch !important;
    overscroll-behavior: contain !important;
    padding-bottom: 16px !important;
}

.sidebar .sidebar-footer {
    position: relative !important;
    flex: 0 0 auto !important;
    margin-top: 0 !important;
    padding-top: 16px !important;
    padding-bottom: calc(14px + env(safe-area-inset-bottom, 0px)) !important;
    background: var(--vt-sidebar-bg, #fff) !important;
    z-index: 2 !important;
}

.sidebar .sidebar-footer::before {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    top: 0 !important;
    height: 1px !important;
    background: var(--vt-border, #dfe3ea) !important;
}

.sidebar .sidebar-user {
    min-height: 38px !important;
}

@media (max-width: 900px) {
    .sidebar {
        height: 100dvh !important;
        max-height: 100dvh !important;
    }

    @supports not (height: 100dvh) {
        .sidebar {
            height: 100vh !important;
            max-height: 100vh !important;
        }
    }

    .sidebar .side-nav {
        padding-bottom: 18px !important;
    }

    .sidebar .sidebar-footer {
        padding-bottom: calc(18px + env(safe-area-inset-bottom, 0px)) !important;
    }
}

@media (display-mode: standalone) {
    .sidebar {
        height: 100dvh !important;
        max-height: 100dvh !important;
    }
}

/* 5.0.10-mobile-sidebar-scroll-fix: stable mobile drawer scroll layout */
.sidebar {
    display: flex !important;
    flex-direction: column !important;
    min-height: 0 !important;
    overflow: hidden !important;
}

.sidebar .brand {
    flex: 0 0 auto !important;
}

.sidebar .side-nav {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    -webkit-overflow-scrolling: touch !important;
    overscroll-behavior: contain !important;
    padding-bottom: 18px !important;
    scrollbar-width: thin !important;
}

.sidebar .sidebar-footer {
    position: relative !important;
    flex: 0 0 auto !important;
    margin-top: 0 !important;
    padding-top: 14px !important;
    padding-bottom: calc(14px + env(safe-area-inset-bottom, 0px)) !important;
    background: var(--vt-sidebar-bg, #fff) !important;
    z-index: 2 !important;
}

.sidebar .sidebar-footer::before {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    top: 0 !important;
    height: 1px !important;
    background: var(--vt-border, #dfe3ea) !important;
}

.sidebar .sidebar-user {
    min-height: 34px !important;
}

@media (max-width: 900px) {
    .sidebar {
        height: 100dvh !important;
        max-height: 100dvh !important;
        min-height: 100dvh !important;
    }

    @supports not (height: 100dvh) {
        .sidebar {
            height: 100vh !important;
            max-height: 100vh !important;
            min-height: 100vh !important;
        }
    }

    .sidebar .brand {
        padding-bottom: 14px !important;
    }

    .sidebar .side-nav {
        padding-top: 8px !important;
        padding-bottom: 24px !important;
    }

    .sidebar .side-nav a {
        min-height: 44px !important;
    }

    .sidebar .side-nav-label {
        margin-top: 12px !important;
        margin-bottom: 6px !important;
    }

    .sidebar .sidebar-footer {
        padding-top: 14px !important;
        padding-bottom: calc(18px + env(safe-area-inset-bottom, 0px)) !important;
    }

    .sidebar .sidebar-version {
        margin-top: 12px !important;
    }
}

@media (display-mode: standalone) {
    .sidebar {
        height: 100dvh !important;
        max-height: 100dvh !important;
        min-height: 100dvh !important;
    }
}

/* 5.0.11-mobile-sidebar-compact-fix: compact mobile sidebar, no overlay */
.sidebar {
    display: flex !important;
    flex-direction: column !important;
    min-height: 0 !important;
    overflow: hidden !important;
}

.sidebar .brand {
    flex: 0 0 auto !important;
}

.sidebar .side-nav {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    -webkit-overflow-scrolling: touch !important;
    overscroll-behavior: contain !important;
}

.sidebar .sidebar-footer {
    position: relative !important;
    flex: 0 0 auto !important;
    margin-top: 0 !important;
    background: var(--vt-sidebar-bg, #fff) !important;
    z-index: 2 !important;
}

.sidebar .sidebar-user {
    position: static !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
    background: transparent !important;
    padding: 0 !important;
    border-radius: 0 !important;
}

.sidebar .sidebar-footer::before {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    top: 0 !important;
    height: 1px !important;
    background: var(--vt-border, #dfe3ea) !important;
}

@media (max-width: 900px) {
    .sidebar {
        height: 100dvh !important;
        max-height: 100dvh !important;
        min-height: 100dvh !important;
    }

    @supports not (height: 100dvh) {
        .sidebar {
            height: 100vh !important;
            max-height: 100vh !important;
            min-height: 100vh !important;
        }
    }

    .sidebar .brand {
        margin-bottom: 10px !important;
        padding-bottom: 12px !important;
    }

    .sidebar .brand-mark,
    .sidebar .brand-logo {
        width: 42px !important;
        height: 42px !important;
        min-width: 42px !important;
    }

    .sidebar .side-nav {
        display: flex !important;
        flex-direction: column !important;
        gap: 3px !important;
        padding-top: 4px !important;
        padding-bottom: 10px !important;
    }

    .sidebar .side-nav a {
        min-height: 38px !important;
        padding: 8px 12px !important;
        border-radius: 10px !important;
        gap: 12px !important;
        line-height: 1.15 !important;
    }

    .sidebar .side-nav a svg {
        width: 20px !important;
        height: 20px !important;
        min-width: 20px !important;
    }

    .sidebar .side-nav-label {
        margin-top: 8px !important;
        margin-bottom: 4px !important;
        padding: 6px 0 2px !important;
        line-height: 1.1 !important;
    }

    .sidebar .sidebar-footer {
        padding-top: 12px !important;
        padding-bottom: calc(12px + env(safe-area-inset-bottom, 0px)) !important;
    }

    .sidebar .sidebar-user {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 12px !important;
        min-height: 32px !important;
        margin: 0 !important;
    }

    .sidebar .sidebar-user-name {
        min-height: 30px !important;
        padding: 0 !important;
    }

    .sidebar .logout-link {
        min-height: 30px !important;
        padding: 0 !important;
    }

    .sidebar .sidebar-version {
        margin-top: 10px !important;
        line-height: 1.2 !important;
    }

    .sidebar .sidebar-version span,
    .sidebar .sidebar-version small {
        line-height: 1.2 !important;
    }
}

@media (max-height: 700px) and (max-width: 900px) {
    .sidebar .brand {
        margin-bottom: 8px !important;
        padding-bottom: 10px !important;
    }

    .sidebar .side-nav {
        gap: 2px !important;
        padding-top: 2px !important;
        padding-bottom: 8px !important;
    }

    .sidebar .side-nav a {
        min-height: 34px !important;
        padding: 6px 10px !important;
        border-radius: 9px !important;
    }

    .sidebar .side-nav-label {
        margin-top: 6px !important;
        margin-bottom: 2px !important;
        padding: 4px 0 1px !important;
    }

    .sidebar .sidebar-footer {
        padding-top: 10px !important;
        padding-bottom: calc(10px + env(safe-area-inset-bottom, 0px)) !important;
    }

    .sidebar .sidebar-version {
        margin-top: 8px !important;
    }
}

/* 5.0.12-mobile-sidebar-screen-height-fix: sidebar limited to visible screen height */
@media (max-width: 900px) {
    .sidebar {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        bottom: auto !important;
        height: 100vh !important;
        height: 100svh !important;
        max-height: 100vh !important;
        max-height: 100svh !important;
        min-height: 0 !important;
        overflow-y: auto !important;
        overflow-x: hidden !important;
        -webkit-overflow-scrolling: touch !important;
        overscroll-behavior: contain !important;
        display: block !important;
        padding-top: 18px !important;
        padding-bottom: calc(14px + env(safe-area-inset-bottom, 0px)) !important;
    }

    @supports (height: 100dvh) {
        .sidebar {
            height: min(100dvh, 100svh) !important;
            max-height: min(100dvh, 100svh) !important;
        }
    }

    .sidebar .brand {
        display: flex !important;
        flex: none !important;
        margin-bottom: 10px !important;
        padding-bottom: 10px !important;
    }

    .sidebar .side-nav {
        display: grid !important;
        grid-auto-rows: auto !important;
        align-content: start !important;
        justify-content: stretch !important;
        justify-items: stretch !important;
        gap: 2px !important;
        row-gap: 2px !important;
        flex: none !important;
        min-height: 0 !important;
        height: auto !important;
        max-height: none !important;
        overflow: visible !important;
        padding-top: 2px !important;
        padding-bottom: 8px !important;
    }

    .sidebar .side-nav a {
        height: 34px !important;
        min-height: 34px !important;
        max-height: 34px !important;
        padding: 0 12px !important;
        margin: 0 !important;
        border-radius: 10px !important;
        gap: 10px !important;
        line-height: 1 !important;
        display: flex !important;
        align-items: center !important;
    }

    .sidebar .side-nav a svg {
        width: 20px !important;
        height: 20px !important;
        min-width: 20px !important;
        flex: 0 0 20px !important;
    }

    .sidebar .side-nav-label {
        margin: 6px 0 3px !important;
        padding: 4px 0 1px !important;
        line-height: 1.1 !important;
    }

    .sidebar .sidebar-footer {
        position: static !important;
        left: auto !important;
        right: auto !important;
        bottom: auto !important;
        flex: none !important;
        margin-top: 8px !important;
        padding-top: 10px !important;
        padding-bottom: 0 !important;
        display: grid !important;
        gap: 8px !important;
        background: transparent !important;
    }

    .sidebar .sidebar-footer::before {
        content: none !important;
        display: none !important;
    }

    .sidebar .sidebar-user {
        position: static !important;
        left: auto !important;
        right: auto !important;
        bottom: auto !important;
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 10px !important;
        min-height: 30px !important;
        margin: 0 !important;
        padding: 8px 0 0 !important;
        border-top: 1px solid var(--vt-border, #dfe3ea) !important;
        background: transparent !important;
        border-radius: 0 !important;
    }

    .sidebar .sidebar-user-name,
    .sidebar .logout-link {
        min-height: 28px !important;
        padding: 0 !important;
    }

    .sidebar .sidebar-version {
        margin-top: 4px !important;
        line-height: 1.15 !important;
    }

    .sidebar .sidebar-version strong,
    .sidebar .sidebar-version span,
    .sidebar .sidebar-version small {
        line-height: 1.15 !important;
    }
}

@media (max-height: 700px) and (max-width: 900px) {
    .sidebar {
        padding-top: 12px !important;
        padding-bottom: calc(10px + env(safe-area-inset-bottom, 0px)) !important;
    }

    .sidebar .brand {
        margin-bottom: 7px !important;
        padding-bottom: 8px !important;
    }

    .sidebar .brand-mark,
    .sidebar .brand-logo {
        width: 38px !important;
        height: 38px !important;
        min-width: 38px !important;
    }

    .sidebar .side-nav {
        gap: 1px !important;
        row-gap: 1px !important;
        padding-top: 1px !important;
        padding-bottom: 6px !important;
    }

    .sidebar .side-nav a {
        height: 31px !important;
        min-height: 31px !important;
        max-height: 31px !important;
        padding: 0 10px !important;
        border-radius: 8px !important;
    }

    .sidebar .side-nav-label {
        margin: 4px 0 2px !important;
        padding: 2px 0 0 !important;
    }

    .sidebar .sidebar-footer {
        margin-top: 6px !important;
        padding-top: 8px !important;
        gap: 6px !important;
    }

    .sidebar .sidebar-user {
        min-height: 28px !important;
        padding-top: 7px !important;
    }

    .sidebar .sidebar-version {
        margin-top: 3px !important;
    }
}

/* 5.1.0-tire-service-objects: tire service objects */
.vt-tire-sets-tree {
    margin: 12px 0 14px 18px !important;
    padding-left: 14px !important;
    border-left: 1px solid var(--vt-border, #dfe3ea) !important;
}

.vt-tire-sets-tree h3 {
    margin: 0 0 8px !important;
    font-size: var(--vt-font-content, 14px) !important;
}

.vt-tire-set-row {
    display: grid !important;
    grid-template-columns: 34px 34px 1fr !important;
    align-items: center !important;
    gap: 6px !important;
    min-height: 38px !important;
    padding: 5px 8px !important;
    border: 1px solid transparent !important;
    border-radius: 12px !important;
}

.vt-tire-set-row.is-active {
    border-color: var(--vt-primary, #2563eb) !important;
}

.vt-tire-icon-btn {
    width: 30px !important;
    height: 30px !important;
    min-width: 30px !important;
    border: 1px solid var(--vt-border, #dfe3ea) !important;
    border-radius: 9px !important;
    background: var(--vt-card, #fff) !important;
    color: var(--vt-text, #111827) !important;
    font-weight: 900 !important;
    cursor: pointer !important;
}

.vt-tire-set-form {
    margin: 8px 0 12px !important;
    padding: 12px !important;
    border: 1px solid var(--vt-border, #dfe3ea) !important;
    border-radius: 14px !important;
    display: grid !important;
    gap: 10px !important;
}

.vt-add-tire-set {
    margin-top: 10px !important;
}

.vt-maint-main small br {
    display: block !important;
}

@media (max-width: 700px) {
    .vt-tire-sets-tree {
        margin-left: 10px !important;
        padding-left: 10px !important;
    }
}

/* 5.1.1-tire-ui-ux-completion: tire object dynamic form */
[data-maintenance-standard-field][hidden],
[data-maintenance-tire-field][hidden] {
    display: none !important;
}

.vt-maintenance-form-card [data-maintenance-tire-field] {
    grid-column: 1 / -1;
}

.vt-input-with-suffix span {
    white-space: nowrap !important;
}

/* 5.1.2-maintenance-service-form-ux: service update form UX */
.vt-service-update-form-v512 {
    display: grid !important;
    gap: 12px !important;
}

.vt-service-update-form-v512[hidden] {
    display: none !important;
}

.vt-service-mileage-unit-row {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(92px, 128px) !important;
    gap: 10px !important;
    align-items: end !important;
}

.vt-service-unit-field select {
    min-width: 0 !important;
}

.vt-service-note-field,
.vt-service-date-field,
.vt-service-tire-set-field,
.vt-service-tread-field,
.vt-service-tire-empty-note {
    grid-column: 1 / -1 !important;
}

.vt-service-tread-field .vt-input-with-suffix {
    width: min(180px, 100%) !important;
}

.vt-service-tread-field input[name="tire_tread_depth_mm"] {
    min-width: 0 !important;
    font-variant-numeric: tabular-nums !important;
}

.vt-service-amount-expense-row {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    gap: 12px !important;
    align-items: end !important;
}

.vt-service-amount-expense-row .vt-service-expense-checkbox {
    min-height: 44px !important;
    margin: 0 !important;
    white-space: nowrap !important;
}

@media (max-width: 520px) {
    .vt-service-mileage-unit-row {
        grid-template-columns: minmax(0, 1fr) minmax(78px, 96px) !important;
        gap: 8px !important;
    }

    .vt-service-amount-expense-row {
        grid-template-columns: minmax(0, 1fr) auto !important;
        gap: 8px !important;
    }

    .vt-service-amount-expense-row .vt-service-expense-checkbox {
        font-size: 0.92em !important;
    }
}

/* 5.1.3-maintenance-service-form-compact: compact service form number rows */
.vt-service-update-form-v512 {
    gap: 11px !important;
}

.vt-service-mileage-unit-row {
    display: grid !important;
    grid-template-columns: minmax(0, 74%) minmax(74px, 26%) !important;
    gap: 8px !important;
    align-items: end !important;
}

.vt-service-mileage-field input[name="odometer_value"] {
    min-width: 0 !important;
    width: 100% !important;
    font-variant-numeric: tabular-nums !important;
}

.vt-service-unit-field {
    min-width: 0 !important;
}

.vt-service-unit-field select {
    width: 100% !important;
    min-width: 0 !important;
    text-align: center !important;
    text-align-last: center !important;
    padding-left: 8px !important;
    padding-right: 28px !important;
}

.vt-service-amount-expense-row {
    display: grid !important;
    grid-template-columns: minmax(0, 74%) minmax(96px, 26%) !important;
    gap: 8px !important;
    align-items: end !important;
}

.vt-service-amount-field input[name="service_amount"] {
    min-width: 0 !important;
    width: 100% !important;
    font-variant-numeric: tabular-nums !important;
}

.vt-service-amount-expense-row .vt-service-expense-checkbox {
    min-height: 42px !important;
    height: 42px !important;
    padding: 0 !important;
    margin: 0 !important;
    display: inline-grid !important;
    grid-template-columns: 28px minmax(0, 1fr) !important;
    align-items: center !important;
    gap: 5px !important;
    white-space: normal !important;
    line-height: 1.05 !important;
    font-size: clamp(12px, 2.7vw, 14px) !important;
}

.vt-service-amount-expense-row .vt-service-expense-checkbox input[type="checkbox"] {
    width: 28px !important;
    height: 28px !important;
    min-width: 28px !important;
    border-radius: 8px !important;
}

.vt-service-amount-expense-row .vt-service-expense-checkbox span {
    display: block !important;
    overflow-wrap: anywhere !important;
}

@media (max-width: 520px) {
    .vt-service-mileage-unit-row {
        grid-template-columns: minmax(0, 72%) minmax(72px, 28%) !important;
        gap: 7px !important;
    }

    .vt-service-amount-expense-row {
        grid-template-columns: minmax(0, 72%) minmax(92px, 28%) !important;
        gap: 7px !important;
    }

    .vt-service-update-form-v512 label {
        min-width: 0 !important;
    }
}

@media (max-width: 380px) {
    .vt-service-mileage-unit-row {
        grid-template-columns: minmax(0, 73%) minmax(66px, 27%) !important;
        gap: 6px !important;
    }

    .vt-service-amount-expense-row {
        grid-template-columns: minmax(0, 73%) minmax(86px, 27%) !important;
        gap: 6px !important;
    }

    .vt-service-unit-field select {
        padding-left: 6px !important;
        padding-right: 24px !important;
    }

    .vt-service-amount-expense-row .vt-service-expense-checkbox {
        grid-template-columns: 24px minmax(0, 1fr) !important;
        font-size: 12px !important;
    }

    .vt-service-amount-expense-row .vt-service-expense-checkbox input[type="checkbox"] {
        width: 24px !important;
        height: 24px !important;
        min-width: 24px !important;
    }
}

/* 5.1.4-maintenance-click-behavior-fix: separate object row click from service edit button */
.vt-maint-row [data-maintenance-action-button="1"] {
    touch-action: manipulation !important;
}

.vt-service-update-form[hidden] {
    display: none !important;
}

/* 5.1.5-maintenance-service-form-alignment: aligned service form rows */
.vt-service-update-form-v512 {
    box-sizing: border-box !important;
    overflow: hidden !important;
}

.vt-service-mileage-unit-row,
.vt-service-amount-expense-row {
    display: grid !important;
    grid-template-columns: minmax(0, 68%) minmax(86px, 32%) !important;
    column-gap: 10px !important;
    align-items: start !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

.vt-service-mileage-field,
.vt-service-unit-field,
.vt-service-amount-field,
.vt-service-expense-checkbox {
    min-width: 0 !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

.vt-service-mileage-field,
.vt-service-unit-field,
.vt-service-amount-field {
    display: grid !important;
    grid-template-rows: auto 46px !important;
    gap: 6px !important;
    align-items: end !important;
}

.vt-service-mileage-field input[name="odometer_value"],
.vt-service-unit-field select,
.vt-service-amount-field input[name="service_amount"] {
    height: 46px !important;
    min-height: 46px !important;
    max-height: 46px !important;
    box-sizing: border-box !important;
    width: 100% !important;
}

.vt-service-unit-field select {
    text-align: center !important;
    text-align-last: center !important;
    padding-left: 8px !important;
    padding-right: 26px !important;
}

.vt-service-date-row {
    display: grid !important;
    grid-template-columns: minmax(84px, auto) minmax(0, 1fr) !important;
    column-gap: 10px !important;
    align-items: center !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

.vt-service-date-row input[type="date"] {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: 46px !important;
    min-height: 46px !important;
    box-sizing: border-box !important;
}

.vt-service-date-title {
    margin: 0 !important;
    white-space: nowrap !important;
}

.vt-service-note-field {
    width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
}

.vt-service-note-field input {
    width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
}

.vt-service-amount-expense-row .vt-service-expense-checkbox {
    display: grid !important;
    grid-template-rows: auto 46px !important;
    grid-template-columns: 1fr !important;
    gap: 6px !important;
    align-items: end !important;
    min-height: 0 !important;
    height: auto !important;
    padding: 0 !important;
    margin: 0 !important;
    line-height: 1.05 !important;
    white-space: normal !important;
}

.vt-service-expense-title {
    display: block !important;
    font-weight: 700 !important;
    color: var(--vt-muted, #6b7280) !important;
    overflow-wrap: anywhere !important;
}

.vt-service-amount-expense-row .vt-service-expense-checkbox input[type="checkbox"] {
    justify-self: start !important;
    align-self: center !important;
    width: 26px !important;
    height: 26px !important;
    min-width: 26px !important;
    border-radius: 8px !important;
    margin: 0 !important;
}

@media (max-width: 520px) {
    .vt-service-mileage-unit-row,
    .vt-service-amount-expense-row {
        grid-template-columns: minmax(0, 68%) minmax(78px, 32%) !important;
        column-gap: 8px !important;
    }

    .vt-service-date-row {
        grid-template-columns: minmax(74px, auto) minmax(0, 1fr) !important;
        column-gap: 8px !important;
    }
}

@media (max-width: 380px) {
    .vt-service-mileage-unit-row,
    .vt-service-amount-expense-row {
        grid-template-columns: minmax(0, 67%) minmax(74px, 33%) !important;
        column-gap: 7px !important;
    }

    .vt-service-mileage-field,
    .vt-service-unit-field,
    .vt-service-amount-field,
    .vt-service-amount-expense-row .vt-service-expense-checkbox {
        grid-template-rows: auto 42px !important;
        gap: 5px !important;
    }

    .vt-service-mileage-field input[name="odometer_value"],
    .vt-service-unit-field select,
    .vt-service-amount-field input[name="service_amount"],
    .vt-service-date-row input[type="date"] {
        height: 42px !important;
        min-height: 42px !important;
        max-height: 42px !important;
    }

    .vt-service-date-row {
        grid-template-columns: minmax(64px, auto) minmax(0, 1fr) !important;
    }

    .vt-service-expense-title {
        font-size: 12px !important;
    }

    .vt-service-amount-expense-row .vt-service-expense-checkbox input[type="checkbox"] {
        width: 24px !important;
        height: 24px !important;
        min-width: 24px !important;
    }
}

/* 5.1.6-maintenance-date-row-fix: Date ТО row must stay on its own line */
.vt-service-update-form-v512 {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 12px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

.vt-service-update-form-v512 > * {
    grid-column: 1 / -1 !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
}

.vt-service-mileage-unit-row {
    grid-column: 1 / -1 !important;
    width: 100% !important;
}

.vt-service-date-row {
    grid-column: 1 / -1 !important;
    width: 100% !important;
    display: grid !important;
    grid-template-columns: minmax(76px, auto) minmax(0, 1fr) !important;
    column-gap: 10px !important;
    align-items: center !important;
    box-sizing: border-box !important;
    clear: both !important;
}

.vt-service-date-row input[type="date"] {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
}

.vt-service-note-field,
.vt-service-amount-expense-row,
.vt-service-update-actions {
    grid-column: 1 / -1 !important;
    width: 100% !important;
}

@media (max-width: 380px) {
    .vt-service-date-row {
        grid-template-columns: 68px minmax(0, 1fr) !important;
        column-gap: 8px !important;
    }
}

/* 5.2.3-tire-ui-polish-version-rule: tire service row and object action buttons */
body[data-site-theme="vehicle_tracker_light"] .vt-object-action-row {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 172px)) !important;
    gap: 10px !important;
    align-items: start !important;
    width: 100% !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-object-action-row .vt-object-edit-details,
body[data-site-theme="vehicle_tracker_light"] .vt-object-action-row .vt-object-delete-form {
    min-width: 0 !important;
    width: 100% !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-object-action-row .vt-object-edit-details {
    display: contents !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-object-action-row .vt-object-edit-summary,
body[data-site-theme="vehicle_tracker_light"] .vt-object-action-row .vt-object-delete-button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    width: 100% !important;
    min-width: 0 !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-object-action-row .vt-object-edit-summary {
    order: 1 !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-object-action-row .vt-object-delete-form {
    order: 2 !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-object-action-row .vt-object-edit-summary svg,
body[data-site-theme="vehicle_tracker_light"] .vt-object-action-row .vt-object-delete-button svg {
    width: 18px !important;
    height: 18px !important;
    min-width: 18px !important;
    fill: currentColor !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-object-action-row .vt-object-edit-summary::after {
    content: none !important;
    display: none !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-object-action-row .vt-object-edit-form {
    order: 3 !important;
    grid-column: 1 / -1 !important;
    width: min(100%, 520px) !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-service-tire-measure-row {
    grid-template-columns: minmax(0, 1fr) minmax(72px, 92px) minmax(74px, 92px) !important;
    column-gap: 8px !important;
    align-items: start !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-service-tire-measure-row .vt-service-tread-field {
    display: grid !important;
    grid-template-rows: auto 46px !important;
    gap: 6px !important;
    min-width: 0 !important;
    width: 100% !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-service-tire-measure-row .vt-service-tread-field .vt-input-with-suffix {
    grid-template-columns: minmax(0, 46px) auto !important;
    gap: 5px !important;
    width: auto !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-service-tire-measure-row input[name="tire_tread_depth_mm"] {
    width: 46px !important;
    min-width: 0 !important;
    max-width: 46px !important;
    height: 46px !important;
    min-height: 46px !important;
    max-height: 46px !important;
    padding-left: 7px !important;
    padding-right: 6px !important;
    text-align: center !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-service-tire-measure-row .vt-input-with-suffix span {
    align-self: center !important;
    font-size: 12px !important;
}

@media (max-width: 520px) {
    body[data-site-theme="vehicle_tracker_light"] .vt-object-action-row {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 8px !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-object-action-row .vt-object-edit-summary,
    body[data-site-theme="vehicle_tracker_light"] .vt-object-action-row .vt-object-delete-button {
        min-height: 42px !important;
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-service-tire-measure-row {
        grid-template-columns: minmax(0, 1fr) minmax(64px, 78px) minmax(66px, 78px) !important;
        column-gap: 6px !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-service-tire-measure-row label {
        font-size: 12px !important;
    }
}

@media (max-width: 380px) {
    body[data-site-theme="vehicle_tracker_light"] .vt-service-tire-measure-row {
        grid-template-columns: minmax(0, 1fr) 62px 60px !important;
        column-gap: 5px !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-service-tire-measure-row .vt-service-tread-field,
    body[data-site-theme="vehicle_tracker_light"] .vt-service-tire-measure-row .vt-service-mileage-field,
    body[data-site-theme="vehicle_tracker_light"] .vt-service-tire-measure-row .vt-service-unit-field {
        grid-template-rows: auto 42px !important;
        gap: 5px !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-service-tire-measure-row input[name="tire_tread_depth_mm"] {
        width: 40px !important;
        max-width: 40px !important;
        height: 42px !important;
        min-height: 42px !important;
        max-height: 42px !important;
        padding-left: 5px !important;
        padding-right: 4px !important;
    }
}

/* 5.2.4-tire-ui-mobile-fixes: keep tire controls compact on small screens */
body[data-site-theme="vehicle_tracker_light"] .vt-service-tire-fields-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 12px !important;
    width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-service-tire-fields-grid .vt-service-date-row {
    grid-column: 1 / -1 !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-object-action-row {
    grid-template-columns: repeat(2, minmax(0, 150px)) !important;
    gap: 8px !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-object-action-row .vt-object-edit-summary,
body[data-site-theme="vehicle_tracker_light"] .vt-object-action-row .vt-object-delete-button,
body[data-site-theme="vehicle_tracker_light"] .vt-object-action-row .vt-object-edit-details > summary.vt-object-edit-summary,
body[data-site-theme="vehicle_tracker_light"] .vt-object-action-row .vt-object-delete-form .vt-object-delete-button {
    min-width: 0 !important;
    min-height: 42px !important;
    height: 42px !important;
    padding: 0 10px !important;
    gap: 7px !important;
    font-size: var(--vt-font-button, 14px) !important;
    line-height: 1 !important;
    white-space: nowrap !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-service-tire-measure-row {
    grid-template-columns: minmax(88px, 112px) minmax(58px, 70px) minmax(58px, 72px) !important;
    column-gap: 6px !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-service-tire-measure-row .vt-service-mileage-field input[name="odometer_value"] {
    padding-left: 8px !important;
    padding-right: 8px !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-service-tire-measure-row .vt-service-unit-field select {
    padding-left: 6px !important;
    padding-right: 22px !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-service-tire-measure-row input[name="tire_tread_depth_mm"] {
    width: 40px !important;
    max-width: 40px !important;
    padding-left: 5px !important;
    padding-right: 4px !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-service-tire-measure-row .vt-service-tread-field .vt-input-with-suffix {
    grid-template-columns: 40px auto !important;
    gap: 4px !important;
}

@media (max-width: 520px) {
    body[data-site-theme="vehicle_tracker_light"] .vt-object-action-row {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-object-action-row .vt-object-edit-summary,
    body[data-site-theme="vehicle_tracker_light"] .vt-object-action-row .vt-object-delete-button,
    body[data-site-theme="vehicle_tracker_light"] .vt-object-action-row .vt-object-edit-details > summary.vt-object-edit-summary,
    body[data-site-theme="vehicle_tracker_light"] .vt-object-action-row .vt-object-delete-form .vt-object-delete-button {
        min-height: 40px !important;
        height: 40px !important;
        padding-left: 8px !important;
        padding-right: 8px !important;
        gap: 6px !important;
        font-size: 13px !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-object-action-row .vt-object-edit-summary svg,
    body[data-site-theme="vehicle_tracker_light"] .vt-object-action-row .vt-object-delete-button svg {
        width: 16px !important;
        height: 16px !important;
        min-width: 16px !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-service-tire-measure-row {
        grid-template-columns: minmax(82px, 104px) minmax(56px, 64px) minmax(54px, 62px) !important;
        column-gap: 5px !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-service-tire-measure-row label {
        font-size: 11px !important;
        line-height: 1.12 !important;
    }
}

@media (max-width: 360px) {
    body[data-site-theme="vehicle_tracker_light"] .vt-service-tire-fields-grid {
        grid-template-columns: minmax(86px, 1fr) minmax(108px, 1.4fr) !important;
        column-gap: 6px !important;
        row-gap: 10px !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-service-tire-fields-grid .vt-service-tire-measure-row {
        display: contents !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-service-tire-fields-grid .vt-service-mileage-field {
        order: 1 !important;
        grid-column: 1 !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-service-tire-fields-grid .vt-service-unit-field {
        order: 2 !important;
        grid-column: 2 !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-service-tire-fields-grid .vt-service-tread-field {
        order: 3 !important;
        grid-column: 1 !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-service-tire-fields-grid .vt-service-date-row {
        order: 4 !important;
        grid-column: 2 !important;
        display: grid !important;
        grid-template-columns: 1fr !important;
        grid-template-rows: auto 42px !important;
        gap: 5px !important;
        align-items: end !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-service-tire-fields-grid .vt-service-date-title {
        font-size: 11px !important;
        line-height: 1.12 !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-service-tire-fields-grid .vt-service-date-row input[type="date"] {
        height: 42px !important;
        min-height: 42px !important;
        padding-left: 8px !important;
        padding-right: 6px !important;
    }
}

@media (max-width: 340px) {
    body[data-site-theme="vehicle_tracker_light"] .vt-object-action-row .vt-object-edit-summary,
    body[data-site-theme="vehicle_tracker_light"] .vt-object-action-row .vt-object-delete-button,
    body[data-site-theme="vehicle_tracker_light"] .vt-object-action-row .vt-object-edit-details > summary.vt-object-edit-summary,
    body[data-site-theme="vehicle_tracker_light"] .vt-object-action-row .vt-object-delete-form .vt-object-delete-button {
        padding-left: 6px !important;
        padding-right: 6px !important;
        gap: 5px !important;
        font-size: 12px !important;
    }
}

/* 5.2.5-tire-ui-cleanup: equal object buttons and tire set active checkbox */
body[data-site-theme="vehicle_tracker_light"] .vt-object-action-row {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    gap: 8px !important;
    align-items: stretch !important;
    width: 100% !important;
    max-width: 360px !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-object-action-row .vt-object-edit-details {
    display: contents !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-object-action-row .vt-object-delete-form {
    display: block !important;
    margin: 0 !important;
    min-width: 0 !important;
    width: 100% !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-object-action-row .vt-object-edit-summary,
body[data-site-theme="vehicle_tracker_light"] .vt-object-action-row .vt-object-delete-button,
body[data-site-theme="vehicle_tracker_light"] .vt-object-action-row .vt-object-edit-details > summary.vt-object-edit-summary,
body[data-site-theme="vehicle_tracker_light"] .vt-object-action-row .vt-object-delete-form .vt-object-delete-button {
    box-sizing: border-box !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    height: 40px !important;
    min-height: 40px !important;
    max-height: 40px !important;
    margin: 0 !important;
    padding: 0 8px !important;
    gap: 6px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    line-height: 1 !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-object-action-row .vt-object-edit-summary span,
body[data-site-theme="vehicle_tracker_light"] .vt-object-action-row .vt-object-delete-button span {
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-object-action-row .vt-object-edit-summary svg,
body[data-site-theme="vehicle_tracker_light"] .vt-object-action-row .vt-object-delete-button svg {
    width: 16px !important;
    height: 16px !important;
    min-width: 16px !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-tire-set-form .vt-tire-active-checkbox {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 8px !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    min-height: 36px !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    white-space: normal !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-tire-set-form .vt-tire-active-checkbox input[type="checkbox"] {
    flex: 0 0 auto !important;
    width: 22px !important;
    height: 22px !important;
    min-width: 22px !important;
    margin: 0 !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-tire-set-form .vt-tire-active-checkbox span {
    min-width: 0 !important;
    max-width: 100% !important;
    overflow-wrap: anywhere !important;
    line-height: 1.2 !important;
}

@media (max-width: 340px) {
    body[data-site-theme="vehicle_tracker_light"] .vt-object-action-row {
        gap: 6px !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-object-action-row .vt-object-edit-summary,
    body[data-site-theme="vehicle_tracker_light"] .vt-object-action-row .vt-object-delete-button,
    body[data-site-theme="vehicle_tracker_light"] .vt-object-action-row .vt-object-edit-details > summary.vt-object-edit-summary,
    body[data-site-theme="vehicle_tracker_light"] .vt-object-action-row .vt-object-delete-form .vt-object-delete-button {
        height: 38px !important;
        min-height: 38px !important;
        max-height: 38px !important;
        padding-left: 6px !important;
        padding-right: 6px !important;
        gap: 5px !important;
        font-size: 12px !important;
    }
}

/* 5.2.6-tire-ui-final-polish: final tire mobile alignment */
body[data-site-theme="vehicle_tracker_light"] .vt-object-action-row {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    grid-auto-rows: auto !important;
    gap: 8px !important;
    align-items: start !important;
    width: min(100%, 360px) !important;
    max-width: 100% !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-object-action-row .vt-object-edit-details {
    display: grid !important;
    grid-column: 1 / -1 !important;
    grid-row: 1 / span 2 !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    column-gap: 8px !important;
    align-items: start !important;
    min-width: 0 !important;
    width: 100% !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-object-action-row .vt-object-edit-summary {
    grid-column: 1 !important;
    grid-row: 1 !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-object-action-row .vt-object-delete-form {
    grid-column: 2 !important;
    grid-row: 1 !important;
    align-self: start !important;
    margin: 0 !important;
    min-width: 0 !important;
    width: 100% !important;
    z-index: 1 !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-object-action-row .vt-object-edit-form {
    grid-column: 1 / -1 !important;
    grid-row: 2 !important;
    width: 100% !important;
    max-width: 520px !important;
    margin-top: 10px !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-object-action-row .vt-object-edit-summary,
body[data-site-theme="vehicle_tracker_light"] .vt-object-action-row .vt-object-delete-button,
body[data-site-theme="vehicle_tracker_light"] .vt-object-action-row .vt-object-edit-details > summary.vt-object-edit-summary,
body[data-site-theme="vehicle_tracker_light"] .vt-object-action-row .vt-object-delete-form .vt-object-delete-button {
    box-sizing: border-box !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-width: 0 !important;
    height: 40px !important;
    min-height: 40px !important;
    max-height: 40px !important;
    margin: 0 !important;
    padding: 0 8px !important;
    gap: 6px !important;
    white-space: nowrap !important;
    line-height: 1 !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-tire-icon-btn.is-active {
    background: rgba(37, 99, 235, 0.12) !important;
    border-color: var(--vt-primary, #2563eb) !important;
    color: var(--vt-primary, #2563eb) !important;
    box-shadow: 0 0 0 2px rgba(37, 99, 235, 0.14) !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-tire-set-form-title {
    margin: 0 !important;
    color: var(--vt-text, #111827) !important;
    font-size: var(--vt-font-content, 14px) !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-add-tire-set > summary.vt-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: max-content !important;
    min-width: min(100%, 196px) !important;
    max-width: 100% !important;
    min-height: 42px !important;
    padding: 0 42px 0 16px !important;
    white-space: nowrap !important;
    overflow: visible !important;
    text-overflow: clip !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-service-tire-fields-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 12px !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-service-tire-fields-grid .vt-service-tire-measure-row {
    display: grid !important;
    grid-template-columns: minmax(92px, 1fr) minmax(54px, 62px) minmax(58px, 66px) !important;
    column-gap: 6px !important;
    align-items: start !important;
    width: 100% !important;
    min-width: 0 !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-service-tire-measure-row .vt-service-mileage-field,
body[data-site-theme="vehicle_tracker_light"] .vt-service-tire-measure-row .vt-service-unit-field,
body[data-site-theme="vehicle_tracker_light"] .vt-service-tire-measure-row .vt-service-tread-field {
    grid-column: auto !important;
    grid-row: auto !important;
    grid-template-rows: auto 42px !important;
    gap: 5px !important;
    min-width: 0 !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-service-tire-measure-row .vt-service-mileage-field input[name="odometer_value"],
body[data-site-theme="vehicle_tracker_light"] .vt-service-tire-measure-row .vt-service-unit-field select,
body[data-site-theme="vehicle_tracker_light"] .vt-service-tire-measure-row input[name="tire_tread_depth_mm"] {
    height: 42px !important;
    min-height: 42px !important;
    max-height: 42px !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-service-tire-measure-row .vt-service-mileage-field input[name="odometer_value"] {
    padding-left: 7px !important;
    padding-right: 7px !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-service-tire-measure-row .vt-service-unit-field select {
    padding-left: 5px !important;
    padding-right: 20px !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-service-tire-measure-row .vt-service-tread-field .vt-input-with-suffix {
    grid-template-columns: 38px auto !important;
    gap: 4px !important;
    width: auto !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-service-tire-measure-row input[name="tire_tread_depth_mm"] {
    width: 38px !important;
    min-width: 38px !important;
    max-width: 38px !important;
    padding-left: 4px !important;
    padding-right: 4px !important;
}

@media (max-width: 360px) {
    body[data-site-theme="vehicle_tracker_light"] .vt-object-action-row,
    body[data-site-theme="vehicle_tracker_light"] .vt-object-action-row .vt-object-edit-details {
        column-gap: 6px !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-object-action-row .vt-object-edit-summary,
    body[data-site-theme="vehicle_tracker_light"] .vt-object-action-row .vt-object-delete-button,
    body[data-site-theme="vehicle_tracker_light"] .vt-object-action-row .vt-object-edit-details > summary.vt-object-edit-summary,
    body[data-site-theme="vehicle_tracker_light"] .vt-object-action-row .vt-object-delete-form .vt-object-delete-button {
        height: 38px !important;
        min-height: 38px !important;
        max-height: 38px !important;
        padding-left: 6px !important;
        padding-right: 6px !important;
        gap: 5px !important;
        font-size: 12px !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-service-tire-fields-grid {
        grid-template-columns: 1fr !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-service-tire-fields-grid .vt-service-tire-measure-row {
        display: grid !important;
        grid-template-columns: minmax(84px, 1fr) minmax(50px, 56px) minmax(54px, 60px) !important;
        column-gap: 5px !important;
    }
}

/* 5.2.7-tire-ui-alignment-fix: align edit form and compact tire service row */
body[data-site-theme="vehicle_tracker_light"] .vt-object-action-row {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    gap: 8px !important;
    align-items: start !important;
    width: 100% !important;
    max-width: 100% !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-object-action-row .vt-object-edit-details {
    display: contents !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-object-action-row .vt-object-edit-summary {
    grid-column: 1 !important;
    grid-row: 1 !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-object-action-row .vt-object-delete-form {
    grid-column: 2 !important;
    grid-row: 1 !important;
    margin: 0 !important;
    min-width: 0 !important;
    width: 100% !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-object-action-row .vt-object-edit-form {
    grid-column: 1 / -1 !important;
    grid-row: 2 !important;
    justify-self: stretch !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-top: 10px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-object-action-row .vt-object-edit-summary,
body[data-site-theme="vehicle_tracker_light"] .vt-object-action-row .vt-object-delete-button,
body[data-site-theme="vehicle_tracker_light"] .vt-object-action-row .vt-object-edit-details > summary.vt-object-edit-summary,
body[data-site-theme="vehicle_tracker_light"] .vt-object-action-row .vt-object-delete-form .vt-object-delete-button {
    width: 100% !important;
    height: 40px !important;
    min-height: 40px !important;
    max-height: 40px !important;
    margin: 0 !important;
    padding: 0 8px !important;
    gap: 6px !important;
    box-sizing: border-box !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-object-edit-details[open] > summary.vt-object-edit-summary {
    background: var(--vt-primary, #2563eb) !important;
    border-color: var(--vt-primary, #2563eb) !important;
    color: #ffffff !important;
    box-shadow: 0 0 0 2px rgba(37, 99, 235, 0.14) !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-add-tire-set[open] > summary.vt-btn {
    background: var(--vt-primary, #2563eb) !important;
    border-color: var(--vt-primary, #2563eb) !important;
    color: #ffffff !important;
    box-shadow: 0 0 0 2px rgba(37, 99, 235, 0.14) !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-service-tire-fields-grid .vt-service-tire-measure-row {
    grid-template-columns: minmax(86px, 104px) minmax(50px, 58px) minmax(86px, 1fr) !important;
    column-gap: 5px !important;
    align-items: start !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-service-tire-measure-row .vt-service-mileage-field,
body[data-site-theme="vehicle_tracker_light"] .vt-service-tire-measure-row .vt-service-unit-field,
body[data-site-theme="vehicle_tracker_light"] .vt-service-tire-measure-row .vt-service-tread-field {
    min-width: 0 !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-service-tire-measure-row .vt-service-mileage-field,
body[data-site-theme="vehicle_tracker_light"] .vt-service-tire-measure-row .vt-service-unit-field,
body[data-site-theme="vehicle_tracker_light"] .vt-service-tire-measure-row .vt-service-tread-field {
    font-size: 11px !important;
    line-height: 1.1 !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-service-tire-measure-row .vt-service-tread-field {
    white-space: nowrap !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-service-tire-measure-row .vt-service-tread-field .vt-input-with-suffix {
    grid-template-columns: 36px auto !important;
    gap: 3px !important;
    align-items: center !important;
    width: max-content !important;
    max-width: 100% !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-service-tire-measure-row input[name="tire_tread_depth_mm"] {
    width: 36px !important;
    min-width: 36px !important;
    max-width: 36px !important;
    text-align: center !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-service-tire-measure-row .vt-service-mileage-field input[name="odometer_value"] {
    width: 100% !important;
    max-width: 104px !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-service-tire-measure-row .vt-service-unit-field select {
    width: 100% !important;
    max-width: 58px !important;
}

@media (max-width: 360px) {
    body[data-site-theme="vehicle_tracker_light"] .vt-service-tire-fields-grid .vt-service-tire-measure-row {
        grid-template-columns: minmax(78px, 96px) minmax(48px, 54px) minmax(78px, 1fr) !important;
        column-gap: 4px !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-service-tire-measure-row .vt-service-mileage-field,
    body[data-site-theme="vehicle_tracker_light"] .vt-service-tire-measure-row .vt-service-unit-field,
    body[data-site-theme="vehicle_tracker_light"] .vt-service-tire-measure-row .vt-service-tread-field {
        font-size: 10px !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-object-action-row {
        gap: 6px !important;
    }
}

/* v5.2.17 final vehicle-card overrides after legacy blocks */
body[data-site-theme="vehicle_tracker_light"] .vt-vehicle-card .vt-vehicle-plate {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 7px !important;
    white-space: nowrap !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
}

/* v5.2.18: Help section foundation */
body[data-site-theme="vehicle_tracker_light"] .sr-only {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-help-search-shell {
    display: flex !important;
    align-items: center !important;
    gap: 0 !important;
    width: 42px !important;
    max-width: min(100%, 560px) !important;
    min-width: 0 !important;
    height: 42px !important;
    margin: 0 0 10px !important;
    border: 1px solid var(--db-color-border, var(--vt-border, #dbe3ef)) !important;
    border-radius: 10px !important;
    background: var(--db-color-surface, var(--vt-surface, #fff)) !important;
    box-shadow: 0 1px 2px rgba(15, 23, 42, .04) !important;
    overflow: hidden !important;
    transition: width .18s ease, border-color .18s ease, box-shadow .18s ease !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-help-search-shell.is-open {
    width: min(100%, 560px) !important;
    border-color: rgba(37, 99, 235, .42) !important;
    box-shadow: 0 0 0 3px rgba(37, 99, 235, .08) !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-help-search-shell.is-open .vt-help-search-field {
    display: block !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-help-search-toggle {
    width: 40px !important;
    min-width: 40px !important;
    height: 40px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 10px !important;
    background: transparent !important;
    color: var(--vt-primary, #2563eb) !important;
    box-shadow: none !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-help-search-toggle svg {
    width: 20px !important;
    height: 20px !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-help-search-field {
    width: auto !important;
    margin: 0 !important;
    min-width: 0 !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-help-search-field input {
    width: 100% !important;
    height: 40px !important;
    margin: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    outline: none !important;
    padding: 0 12px 0 0 !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-help-intro {
    display: grid !important;
    gap: 8px !important;
    padding: 18px !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-help-intro p {
    margin: 0 !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-help-lead {
    font-size: 18px !important;
    font-weight: 900 !important;
    color: var(--db-color-text, var(--vt-text, #0f172a)) !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-help-list {
    display: grid !important;
    gap: 10px !important;
    margin-top: 14px !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-help-item {
    padding: 0 !important;
    overflow: hidden !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-help-item[hidden],
body[data-site-theme="vehicle_tracker_light"] .vt-help-empty[hidden] {
    display: none !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-help-summary {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    gap: 12px !important;
    align-items: center !important;
    padding: 14px 16px !important;
    cursor: pointer !important;
    list-style: none !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-help-summary::-webkit-details-marker {
    display: none !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-help-summary-copy {
    display: grid !important;
    gap: 4px !important;
    min-width: 0 !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-help-summary-copy strong {
    color: var(--db-color-text, var(--vt-text, #0f172a)) !important;
    font-size: 16px !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-help-summary-copy small {
    color: var(--db-color-muted, var(--vt-muted, #64748b)) !important;
    font-weight: 700 !important;
    line-height: 1.35 !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-help-read {
    pointer-events: none !important;
    min-height: 34px !important;
    padding: 0 !important;
    white-space: nowrap !important;
    color: var(--vt-primary, #2563eb) !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    text-decoration: underline !important;
    font-weight: 800 !important;
    display: inline-flex !important;
    align-items: center !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-help-body {
    border-top: 1px solid var(--db-color-border, var(--vt-border, #dbe3ef)) !important;
    padding: 14px 16px 16px !important;
    color: var(--db-color-text, var(--vt-text, #0f172a)) !important;
    line-height: 1.55 !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-help-body p,
body[data-site-theme="vehicle_tracker_light"] .vt-help-empty p {
    margin: 0 !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-help-how {
    display: grid !important;
    gap: 9px !important;
    margin-top: 14px !important;
    padding-top: 12px !important;
    border-top: 1px dashed var(--db-color-border, var(--vt-border, #dbe3ef)) !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-help-how h3 {
    margin: 0 !important;
    color: var(--db-color-text, var(--vt-text, #0f172a)) !important;
    font-size: 15px !important;
    font-weight: 900 !important;
    line-height: 1.25 !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-help-how p {
    margin: 0 !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-help-how ol {
    display: grid !important;
    gap: 6px !important;
    margin: 0 !important;
    padding-left: 22px !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-help-how li {
    padding-left: 2px !important;
    line-height: 1.45 !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-help-tip {
    padding: 10px 12px !important;
    border: 1px solid rgba(37, 99, 235, .16) !important;
    border-radius: 8px !important;
    background: rgba(37, 99, 235, .07) !important;
    color: var(--db-color-text, var(--vt-text, #0f172a)) !important;
}

body[data-site-theme="vehicle_tracker_light"] .help-section-image {
    display: block !important;
    max-width: 640px !important;
    width: 100% !important;
    height: auto !important;
    margin: 12px auto 16px auto !important;
    border: 1px solid #d1d5db !important;
    border-radius: 8px !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-help-feedback {
    display: grid !important;
    gap: 10px !important;
    margin-top: 6px !important;
    padding-top: 12px !important;
    border-top: 1px solid var(--db-color-border, var(--vt-border, #dbe3ef)) !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-help-feedback-form[hidden] {
    display: none !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-help-feedback-form {
    display: grid !important;
    gap: 12px !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-help-feedback-toggle.is-active {
    border-color: #2563eb !important;
    background: #2563eb !important;
    color: #fff !important;
    box-shadow: 0 0 0 4px rgba(37, 99, 235, .16) !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-help-feedback-grid {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-help-feedback-wide {
    grid-column: 1 / -1 !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-feedback-combobox {
    position: relative !important;
    display: block !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-feedback-options {
    position: absolute !important;
    z-index: 20 !important;
    left: 0 !important;
    right: 0 !important;
    top: calc(100% + 4px) !important;
    max-height: 220px !important;
    overflow: auto !important;
    padding: 6px !important;
    border: 1px solid var(--db-color-border, var(--vt-border, #dbe3ef)) !important;
    border-radius: 8px !important;
    background: var(--db-color-surface, var(--vt-surface, #fff)) !important;
    box-shadow: 0 12px 28px rgba(15, 23, 42, .16) !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-feedback-options[hidden] {
    display: none !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-feedback-options button {
    width: 100% !important;
    min-height: 34px !important;
    padding: 7px 9px !important;
    border: 0 !important;
    border-radius: 6px !important;
    background: transparent !important;
    color: var(--db-color-text, var(--vt-text, #0f172a)) !important;
    text-align: left !important;
    box-shadow: none !important;
    cursor: pointer !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-feedback-options button:hover {
    background: rgba(37, 99, 235, .08) !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-checkbox-row {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    min-width: 0 !important;
}

body[data-site-theme="vehicle_tracker_light"] .feedback-tech-info-row {
    width: 100% !important;
    max-width: 100% !important;
    margin-top: 4px !important;
    margin-bottom: 4px !important;
    box-sizing: border-box !important;
}

body[data-site-theme="vehicle_tracker_light"] .feedback-tech-info-label {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 12px !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    line-height: 1.35 !important;
    cursor: pointer !important;
    overflow: visible !important;
}

body[data-site-theme="vehicle_tracker_light"] .feedback-tech-info-label input[type="checkbox"] {
    appearance: auto !important;
    -webkit-appearance: checkbox !important;
    flex: 0 0 auto !important;
    width: 28px !important;
    height: 28px !important;
    min-width: 28px !important;
    max-width: 28px !important;
    min-height: 28px !important;
    padding: 0 !important;
    margin: 0 !important;
    accent-color: #2563eb !important;
}

body[data-site-theme="vehicle_tracker_light"] .feedback-tech-info-label span {
    display: block !important;
    flex: 1 1 auto !important;
    width: auto !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: break-word !important;
    writing-mode: horizontal-tb !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-feedback-char-counter {
    display: block !important;
    margin-top: 4px !important;
    color: var(--db-color-muted, var(--vt-muted, #64748b)) !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    text-align: right !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-help-feedback-actions {
    justify-content: flex-end !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-admin-feedback-card {
    margin-top: 14px !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-admin-feedback-summary h2 {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: baseline !important;
    gap: 6px !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-admin-feedback-body {
    display: grid !important;
    gap: 12px !important;
    padding: 14px !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-admin-feedback-filter {
    display: grid !important;
    grid-template-columns: minmax(110px, 160px) minmax(110px, 160px) auto !important;
    gap: 10px !important;
    align-items: end !important;
    margin: 0 !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-admin-feedback-list {
    display: grid !important;
    gap: 8px !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-admin-feedback-list > .muted {
    margin: 0 !important;
    padding: 12px !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-admin-feedback-item {
    border: 1px solid var(--db-color-border, var(--vt-border, #dbe3ef)) !important;
    border-radius: 8px !important;
    overflow: hidden !important;
    background: var(--db-color-surface, var(--vt-surface, #fff)) !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-admin-feedback-item.is-new .vt-admin-feedback-row {
    font-weight: 900 !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-admin-feedback-item.is-read .vt-admin-feedback-row {
    font-style: italic !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-admin-feedback-row {
    display: grid !important;
    grid-template-columns: minmax(120px, .7fr) minmax(0, 1fr) minmax(90px, .7fr) minmax(120px, auto) !important;
    gap: 10px !important;
    align-items: center !important;
    padding: 10px 12px !important;
    cursor: pointer !important;
    list-style: none !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-admin-feedback-row::-webkit-details-marker {
    display: none !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-admin-feedback-status-form {
    margin: 0 !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-admin-feedback-status select {
    min-height: 34px !important;
    padding: 5px 28px 5px 8px !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-admin-feedback-expanded {
    display: grid !important;
    gap: 12px !important;
    padding: 12px !important;
    border-top: 1px solid var(--db-color-border, var(--vt-border, #dbe3ef)) !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-admin-feedback-meta,
body[data-site-theme="vehicle_tracker_light"] .vt-admin-feedback-tech {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-admin-feedback-meta div,
body[data-site-theme="vehicle_tracker_light"] .vt-admin-feedback-tech div {
    display: grid !important;
    gap: 3px !important;
    min-width: 0 !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-admin-feedback-meta span,
body[data-site-theme="vehicle_tracker_light"] .vt-admin-feedback-tech span,
body[data-site-theme="vehicle_tracker_light"] .vt-admin-feedback-message span {
    color: var(--db-color-muted, var(--vt-muted, #64748b)) !important;
    font-size: 12px !important;
    font-weight: 800 !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-admin-feedback-meta strong,
body[data-site-theme="vehicle_tracker_light"] .vt-admin-feedback-tech strong {
    min-width: 0 !important;
    overflow-wrap: anywhere !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-admin-feedback-message {
    display: grid !important;
    gap: 5px !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-admin-feedback-message p {
    margin: 0 !important;
    white-space: normal !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-admin-feedback-note-form {
    display: grid !important;
    gap: 8px !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-help-start-card {
    margin-top: 14px !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-help-start-card h2,
body[data-site-theme="vehicle_tracker_light"] .vt-help-start-card p {
    margin-top: 0 !important;
}

@media (max-width: 700px) {
    body[data-site-theme="vehicle_tracker_light"] .vt-help-search-shell.is-open {
        width: 100% !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-help-summary {
        grid-template-columns: minmax(0, 1fr) !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-help-read {
        width: max-content !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-help-intro {
        padding: 16px !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-help-how ol {
        padding-left: 20px !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-help-feedback-grid,
    body[data-site-theme="vehicle_tracker_light"] .vt-admin-feedback-meta,
    body[data-site-theme="vehicle_tracker_light"] .vt-admin-feedback-tech,
    body[data-site-theme="vehicle_tracker_light"] .vt-admin-feedback-row {
        grid-template-columns: minmax(0, 1fr) !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-admin-feedback-filter {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-admin-feedback-filter .vt-form-actions {
        grid-column: 1 / -1 !important;
        justify-content: flex-start !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-admin-feedback-row {
        align-items: stretch !important;
    }
}

/* v5.2.34: Metrics pie filters stay compact and Ambilight follows visible slices */
body[data-site-theme="vehicle_tracker_light"] .vt-metrics-pie-header {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 8px 12px !important;
    flex-wrap: wrap !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-metrics-pie-title-row {
    flex: 0 0 auto !important;
    min-width: max-content !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-metrics-pie-title-row h2 {
    white-space: nowrap !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-metrics-pie-filter-form {
    display: flex !important;
    flex: 0 1 auto !important;
    width: auto !important;
    max-width: 100% !important;
    justify-content: flex-end !important;
    gap: 8px !important;
    flex-wrap: nowrap !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-metrics-pie-filter-form select {
    flex: 0 0 auto !important;
    width: auto !important;
    min-width: 132px !important;
    max-width: 170px !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-metrics-pie-filter-form select[name="pie_month"] {
    min-width: 150px !important;
    max-width: 190px !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-pie-chart {
    --pie-glow-fuel-strong: 0;
    --pie-glow-fuel-mid: 0;
    --pie-glow-fuel-soft: 0;
    --pie-glow-fuel-faint: 0;
    --pie-glow-maintenance-strong: 0;
    --pie-glow-maintenance-mid: 0;
    --pie-glow-maintenance-soft: 0;
    --pie-glow-maintenance-faint: 0;
    --pie-glow-expenses-strong: 0;
    --pie-glow-expenses-mid: 0;
    --pie-glow-expenses-soft: 0;
    --pie-glow-expenses-faint: 0;
}

body[data-site-theme="vehicle_tracker_light"] .vt-pie-chart::before {
    background:
        radial-gradient(circle at 28% 34%, rgba(245, 158, 11, var(--pie-glow-fuel-strong)) 0%, rgba(245, 158, 11, var(--pie-glow-fuel-mid)) 31%, rgba(245, 158, 11, 0) 64%),
        radial-gradient(circle at 68% 34%, rgba(37, 99, 235, var(--pie-glow-maintenance-strong)) 0%, rgba(37, 99, 235, var(--pie-glow-maintenance-mid)) 31%, rgba(37, 99, 235, 0) 64%),
        radial-gradient(circle at 58% 72%, rgba(239, 68, 68, var(--pie-glow-expenses-strong)) 0%, rgba(239, 68, 68, var(--pie-glow-expenses-mid)) 31%, rgba(239, 68, 68, 0) 66%) !important;
    filter: blur(16px) saturate(1.08) !important;
    opacity: .76 !important;
}

body[data-site-theme="vehicle_tracker_light"] .vt-pie-chart::after {
    background:
        radial-gradient(circle at 29% 34%, rgba(245, 158, 11, var(--pie-glow-fuel-soft)) 0%, rgba(245, 158, 11, var(--pie-glow-fuel-faint)) 30%, rgba(245, 158, 11, 0) 66%),
        radial-gradient(circle at 67% 35%, rgba(37, 99, 235, var(--pie-glow-maintenance-soft)) 0%, rgba(37, 99, 235, var(--pie-glow-maintenance-faint)) 30%, rgba(37, 99, 235, 0) 66%),
        radial-gradient(circle at 59% 72%, rgba(239, 68, 68, var(--pie-glow-expenses-soft)) 0%, rgba(239, 68, 68, var(--pie-glow-expenses-faint)) 30%, rgba(239, 68, 68, 0) 68%) !important;
    filter: blur(19px) saturate(1.06) !important;
    opacity: .64 !important;
}

@media (max-width: 430px) {
    body[data-site-theme="vehicle_tracker_light"] .vt-metrics-pie-header {
        align-items: flex-start !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-metrics-pie-filter-form {
        width: 100% !important;
        justify-content: flex-end !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-metrics-pie-filter-form select[name="pie_year"] {
        min-width: 120px !important;
        max-width: 150px !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-metrics-pie-filter-form select[name="pie_month"] {
        min-width: 132px !important;
        max-width: 170px !important;
    }

    body[data-site-theme="vehicle_tracker_light"] .vt-pie-chart::before,
    body[data-site-theme="vehicle_tracker_light"] .vt-pie-chart::after {
        filter: blur(14px) saturate(1.03) !important;
        opacity: .58 !important;
    }
}