/* FlottenPortal v0.21 — role-aware driver UI */

.role-badge {
    display: inline-flex;
    align-items: center;
    border-radius: 999px;
    padding: 5px 9px;
    font-size: 11px;
    font-weight: 800;
    background: #eef6ff;
    color: #1d4ed8;
    margin-left: 8px;
    vertical-align: middle;
}

body.role-driver .driver-hide {
    display: none !important;
}

body.role-driver .page-head {
    margin-bottom: 18px;
}

body.role-driver .dashboard-grid {
    grid-template-columns: minmax(0, 1.35fr) minmax(300px, .65fr);
}

body.role-driver .fleet-card {
    min-height: 0;
}

body.role-driver .driver-intro {
    display: block;
}

.driver-intro {
    display: none;
    margin-bottom: 16px;
    padding: 13px 15px;
    border: 1px solid #dbeafe;
    background: #eff6ff;
    border-radius: 12px;
    color: #1e3a8a;
    font-size: 13px;
    line-height: 1.45;
}

body.role-driver .filter-card {
    margin-bottom: 16px;
}

body.role-driver .summary-grid,
body.role-driver .stats-layout {
    display: none !important;
}

body.role-driver .trip-layout {
    grid-template-columns: minmax(280px, .8fr) minmax(0, 1.2fr);
}

body.role-driver .trips-page-head p {
    max-width: 720px;
}

body.role-driver .trip-list-title-row #multiSelectToggle,
body.role-driver #multiSelectBar,
body.role-driver #tripMergeActions {
    display: none !important;
}

@media (max-width: 900px) {
    body.role-driver .dashboard-grid,
    body.role-driver .trip-layout {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 640px) {
    .role-badge {
        margin-left: 0;
        margin-top: 7px;
    }
}