.dashboard-kpi,
.fleet-kpi,
.driver-kpi,
.orders-kpi,
.customer-kpi,
.executive-kpi,
section.grid.gap-4.sm\:grid-cols-2.lg\:grid-cols-4.xl\:grid-cols-6 > .card {
    display: flex;
    min-height: 7.5rem;
    flex-direction: column;
    justify-content: space-between;
    border: 1px solid color-mix(in oklab, var(--color-default) 14%, transparent);
    background: var(--color-white);
    box-shadow: 0 .125rem .375rem color-mix(in oklab, var(--color-default) 8%, transparent);
    transition: transform .2s ease, box-shadow .2s ease;
}

section.grid.gap-4.sm\:grid-cols-2.lg\:grid-cols-4.xl\:grid-cols-6 {
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 12.5rem), 1fr));
}

.dashboard-no-data {
    padding: 2.5rem 1rem !important;
    color: var(--color-default-500);
    text-align: center;
}

.dashboard-kpi:hover,
.fleet-kpi:hover,
.driver-kpi:hover,
.orders-kpi:hover,
.customer-kpi:hover,
.executive-kpi:hover,
section.grid.gap-4.sm\:grid-cols-2.lg\:grid-cols-4.xl\:grid-cols-6 > .card:hover {
    transform: translateY(-2px);
    box-shadow: 0 .5rem 1.25rem color-mix(in oklab, var(--color-default) 13%, transparent);
}

.dashboard-kpi .dashboard-kpi-label,
.fleet-kpi .text-sm,
.driver-kpi .text-sm,
.orders-kpi .text-sm,
.customer-kpi .text-sm,
.executive-kpi .text-sm {
    color: var(--color-default-500);
    font-size: .875rem;
    font-weight: 600;
}

section.grid.gap-4.sm\:grid-cols-2.lg\:grid-cols-4.xl\:grid-cols-6 > .card > .text-sm {
    color: var(--color-default-500);
    font-size: .875rem;
    font-weight: 600;
}

.dashboard-kpi .dashboard-kpi-value,
.fleet-kpi .value,
.driver-kpi .value,
.orders-kpi .value,
.customer-kpi .value,
.executive-kpi .value {
    margin-top: 1rem;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.2;
}

section.grid.gap-4.sm\:grid-cols-2.lg\:grid-cols-4.xl\:grid-cols-6 > .card > .mt-2 {
    margin-top: 1rem;
    font-size: 1.5rem;
    line-height: 1.2;
}