/* Page « Tous les véhicules » — thème clair / sombre */

html[data-theme="dark"] {
    --veh-border: rgba(148, 163, 184, 0.2);
    --veh-surface: #1e293b;
    --veh-surface-2: #334155;
    --veh-text: #f1f5f9;
    --veh-muted: #94a3b8;
}

html[data-theme="light"] {
    --veh-border: rgba(15, 23, 42, 0.12);
    --veh-surface: #ffffff;
    --veh-surface-2: #f8f9fa;
    --veh-text: rgba(15, 23, 42, 0.92);
    --veh-muted: rgba(15, 23, 42, 0.62);
}

.veh-card {
    background: var(--veh-surface) !important;
    border: 1px solid var(--veh-border) !important;
    color: var(--veh-text);
}

.veh-card-header {
    color: var(--veh-text) !important;
    background: var(--veh-surface-2) !important;
    border-bottom: 1px solid var(--veh-border) !important;
}

.veh-toolbar {
    background: var(--veh-surface-2) !important;
    border-bottom: 1px solid var(--veh-border) !important;
}

.vehicules-toolbar .form-control,
.vehicules-toolbar .form-select {
    background-color: var(--irs-input-bg, #fff) !important;
    color: var(--irs-text, #212529) !important;
    border: 1px solid var(--veh-border) !important;
    border-radius: 12px;
    min-width: 220px;
}

.veh-link {
    text-decoration: none;
    font-weight: 700;
    color: var(--irs-accent, #3498db) !important;
}

.veh-link:hover {
    text-decoration: underline;
    color: var(--irs-accent-hover, #2980b9) !important;
}

.veh-table thead th {
    background: var(--veh-surface-2) !important;
    border-bottom: 1px solid var(--veh-border) !important;
    color: var(--veh-text) !important;
}

html[data-theme="light"] .veh-table tbody td {
    border-top: 1px solid rgba(0, 0, 0, 0.06) !important;
}

html[data-theme="dark"] .veh-table tbody td {
    border-top: 1px solid rgba(148, 163, 184, 0.12) !important;
}

.veh-table tbody tr:hover {
    background: var(--veh-surface-2) !important;
}

html[data-theme="light"] .veh-table thead.table-light th {
    background: #f8f9fa !important;
}

.vehicule-created-at {
    color: var(--veh-muted) !important;
}

.veh-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
    align-items: center;
}

.veh-actions .btn {
    font-weight: 600;
    border: 1px solid transparent;
}

@media (max-width: 576px) {
    .vehicules-toolbar .form-control,
    .vehicules-toolbar .form-select {
        min-width: 100%;
    }
}