@import '_content/Blazicons/Blazicons.ugzwxlf6d1.bundle.scp.css';
@import '_content/Gbaka.Shared.BlazorUI/Gbaka.Shared.BlazorUI.bundle.scp.css';

/* _content/Gbaka.BackOffice.WebApp/Components/Pages/Agents.razor.rz.scp.css */
.gt-agent-grid[b-6jweqsk0uc] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 18px;
}

.gt-agent-grid-foot[b-6jweqsk0uc] {
    margin-top: 18px;
    font: 500 13px/1 'Inter';
    color: #94A3B8;
}

@media (max-width: 1320px) {
    .gt-agent-grid[b-6jweqsk0uc] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 980px) {
    .gt-agent-grid[b-6jweqsk0uc] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 600px) {
    .gt-agent-grid[b-6jweqsk0uc] {
        grid-template-columns: 1fr;
    }
}
/* _content/Gbaka.BackOffice.WebApp/Components/Pages/Billetterie.razor.rz.scp.css */
.ticketing-layout[b-8loj6wdymf] {
    display: grid;
    grid-template-columns: minmax(0, 1.45fr) minmax(320px, .75fr);
    gap: 16px;
    margin-top: 16px;
}

.ticketing-panel[b-8loj6wdymf] {
    margin-top: 16px;
    padding: 16px;
    border: 1px solid rgba(255, 255, 255, .72);
    border-radius: 12px;
    background: rgba(255, 255, 255, .64);
    box-shadow: 0 18px 42px rgba(22, 45, 78, .11);
    backdrop-filter: blur(18px) saturate(1.18);
    -webkit-backdrop-filter: blur(18px) saturate(1.18);
}

.ticketing-layout .ticketing-panel[b-8loj6wdymf] {
    margin-top: 0;
}

.ticketing-panel header[b-8loj6wdymf] {
    margin-bottom: 14px;
}

.ticketing-panel h2[b-8loj6wdymf] {
    margin: 0;
    font-size: 1rem;
    font-weight: 700;
}

.ticketing-panel p[b-8loj6wdymf],
.trip-result span[b-8loj6wdymf] {
    color: #687282;
    font-size: .78rem;
}

.ticket-search-grid[b-8loj6wdymf] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr)) auto;
    gap: 10px;
    align-items: start;
    margin-bottom: 14px;
}

.trip-results[b-8loj6wdymf] {
    display: grid;
    gap: 10px;
}

.trip-result[b-8loj6wdymf] {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    padding: 13px;
    border: 1px solid rgba(255, 255, 255, .64);
    border-radius: 10px;
    background: rgba(255, 255, 255, .48);
    cursor: pointer;
}

.trip-result:hover[b-8loj6wdymf],
.trip-result--active[b-8loj6wdymf] {
    border-color: #91bae9;
    background: rgba(235, 244, 255, .7);
}

.trip-result strong[b-8loj6wdymf] {
    display: block;
}

.sale-panel[b-8loj6wdymf] {
    display: grid;
    align-content: start;
    gap: 12px;
}

.payment-options[b-8loj6wdymf] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
}

.payment-option[b-8loj6wdymf] {
    min-height: 70px;
    display: grid;
    place-items: center;
    gap: 5px;
    border: 1px solid rgba(255, 255, 255, .62);
    border-radius: 10px;
    background: rgba(255, 255, 255, .52);
    color: #596779;
    font: inherit;
    font-size: .75rem;
    font-weight: 700;
    cursor: pointer;
}

.payment-option--active[b-8loj6wdymf] {
    border-color: #1267c9;
    background: rgba(235, 244, 255, .72);
    color: #1267c9;
}

.sale-summary[b-8loj6wdymf] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 13px;
    border-radius: 10px;
    background: #172232;
    color: #ffffff;
}

.sale-summary span[b-8loj6wdymf] {
    color: #c7d2df;
    font-size: .78rem;
}

.sale-summary strong[b-8loj6wdymf] {
    font-size: 1.15rem;
}

.ticket-status[b-8loj6wdymf] {
    display: inline-flex;
    align-items: center;
    min-height: 24px;
    padding: 0 9px;
    border-radius: 999px;
    background: #e9f8ef;
    color: #12733c;
    font-size: .72rem;
    font-weight: 700;
}

@media (max-width: 980px) {
    .ticketing-layout[b-8loj6wdymf],
    .ticket-search-grid[b-8loj6wdymf] {
        grid-template-columns: 1fr;
    }
}
/* _content/Gbaka.BackOffice.WebApp/Components/Pages/Dashboard.razor.rz.scp.css */
.dashboard-kpis[b-3wa7ib2xze] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
}

.dashboard-kpi[b-3wa7ib2xze],
.dashboard-panel[b-3wa7ib2xze] {
    border: 1px solid rgba(255, 255, 255, .72);
    border-radius: 12px;
    background: rgba(255, 255, 255, .64);
    box-shadow: 0 18px 42px rgba(22, 45, 78, .11);
    backdrop-filter: blur(18px) saturate(1.18);
    -webkit-backdrop-filter: blur(18px) saturate(1.18);
}

.dashboard-kpi[b-3wa7ib2xze] {
    display: flex;
    gap: 13px;
    padding: 16px;
}

.dashboard-kpi__icon[b-3wa7ib2xze] {
    width: 42px;
    height: 42px;
    display: grid;
    place-items: center;
    border-radius: 10px;
    background: #ebf4ff;
    color: #1267c9;
}

.dashboard-kpi small[b-3wa7ib2xze],
.dashboard-kpi span[b-3wa7ib2xze],
.dashboard-panel p[b-3wa7ib2xze],
.departure-item span[b-3wa7ib2xze],
.activity-item small[b-3wa7ib2xze],
.alert-item span[b-3wa7ib2xze],
.route-strip small[b-3wa7ib2xze] {
    color: #687282;
    font-size: .78rem;
}

.dashboard-kpi strong[b-3wa7ib2xze] {
    display: block;
    margin: 3px 0;
    font-size: 1.35rem;
}

.dashboard-layout[b-3wa7ib2xze] {
    display: grid;
    grid-template-columns: minmax(0, 1.65fr) minmax(320px, .85fr);
    gap: 16px;
    margin-top: 16px;
}

.dashboard-bottom[b-3wa7ib2xze] {
    display: grid;
    grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr) minmax(280px, .75fr);
    gap: 16px;
    margin-top: 16px;
}

.dashboard-panel[b-3wa7ib2xze] {
    padding: 16px;
}

.dashboard-panel header[b-3wa7ib2xze] {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 14px;
}

.dashboard-panel h2[b-3wa7ib2xze] {
    margin: 0;
    font-size: 1rem;
    font-weight: 700;
}

.dashboard-live[b-3wa7ib2xze],
.load-pill[b-3wa7ib2xze],
.ticket-status[b-3wa7ib2xze] {
    display: inline-flex;
    align-items: center;
    min-height: 26px;
    padding: 0 10px;
    border-radius: 999px;
    background: #e9f8ef;
    color: #12733c;
    font-size: .72rem;
    font-weight: 700;
}

.network-map[b-3wa7ib2xze] {
    position: relative;
    min-height: 290px;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, .62);
    border-radius: 10px;
    background:
        linear-gradient(90deg, rgba(18, 103, 201, .08) 1px, transparent 1px),
        linear-gradient(rgba(18, 103, 201, .08) 1px, transparent 1px),
        rgba(246, 249, 253, .42);
    background-size: 42px 42px;
}

.network-route[b-3wa7ib2xze] {
    position: absolute;
    left: var(--x);
    top: var(--y);
    width: 250px;
    max-width: 58%;
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    gap: 8px;
    color: #455266;
    font-size: .75rem;
}

.network-route[b-3wa7ib2xze]::before {
    content: "";
    position: absolute;
    left: 18%;
    right: 18%;
    top: 50%;
    height: 4px;
    border-radius: 999px;
    background: linear-gradient(90deg, #1267c9 var(--progress), #c7d7ea 0);
}

.network-route strong[b-3wa7ib2xze] {
    position: relative;
    z-index: 1;
    padding: 7px 9px;
    border-radius: 999px;
    background: #1267c9;
    color: #ffffff;
    font-size: .72rem;
}

.network-route span[b-3wa7ib2xze] {
    position: relative;
    z-index: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.route-strip[b-3wa7ib2xze],
.departure-list[b-3wa7ib2xze],
.activity-list[b-3wa7ib2xze],
.alert-list[b-3wa7ib2xze] {
    display: grid;
    gap: 10px;
}

.route-strip[b-3wa7ib2xze] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin-top: 12px;
}

.route-strip div[b-3wa7ib2xze],
.departure-item[b-3wa7ib2xze],
.activity-item[b-3wa7ib2xze],
.alert-item[b-3wa7ib2xze],
.quick-action[b-3wa7ib2xze] {
    border: 1px solid rgba(255, 255, 255, .64);
    border-radius: 10px;
    background: rgba(255, 255, 255, .48);
}

.route-strip div[b-3wa7ib2xze] {
    padding: 10px;
}

.departure-item[b-3wa7ib2xze],
.activity-item[b-3wa7ib2xze],
.alert-item[b-3wa7ib2xze] {
    display: flex;
    align-items: center;
    gap: 11px;
    padding: 11px;
}

.departure-item time[b-3wa7ib2xze] {
    font-weight: 700;
    color: #1267c9;
}

.departure-item div[b-3wa7ib2xze],
.activity-item div[b-3wa7ib2xze],
.alert-item div[b-3wa7ib2xze] {
    min-width: 0;
    flex: 1;
}

.load-pill--high[b-3wa7ib2xze] {
    background: #fff2df;
    color: #9a5a00;
}

.activity-item span:first-child[b-3wa7ib2xze],
.alert-item > .mud-icon-root[b-3wa7ib2xze] {
    width: 34px;
    height: 34px;
    display: grid;
    place-items: center;
    border-radius: 9px;
    background: #ebf4ff;
    color: #1267c9;
}

.activity-item em[b-3wa7ib2xze] {
    color: #12733c;
    font-size: .74rem;
    font-style: normal;
    font-weight: 700;
}

.dashboard-actions[b-3wa7ib2xze] {
    display: grid;
    align-content: start;
    gap: 10px;
}

.quick-action[b-3wa7ib2xze] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px;
    color: #172232;
    font-weight: 600;
    text-decoration: none;
}

.quick-action:hover[b-3wa7ib2xze] {
    color: #1267c9;
}

@media (max-width: 1100px) {
    .dashboard-kpis[b-3wa7ib2xze],
    .dashboard-bottom[b-3wa7ib2xze] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .dashboard-layout[b-3wa7ib2xze] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 720px) {
    .dashboard-kpis[b-3wa7ib2xze],
    .dashboard-bottom[b-3wa7ib2xze],
    .route-strip[b-3wa7ib2xze] {
        grid-template-columns: 1fr;
    }
}
/* _content/Gbaka.BackOffice.WebApp/Components/Pages/Droits.razor.rz.scp.css */
.roles-layout[b-hlxy74938s] {
    display: grid;
    grid-template-columns: minmax(280px, .8fr) minmax(0, 1.2fr);
    gap: 18px;
    align-items: start;
}

.roles-section-label[b-hlxy74938s] {
    margin: 2px 0 12px;
    color: #566170;
    font-size: .74rem;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.roles-grid[b-hlxy74938s] {
    display: grid;
    gap: 12px;
}

.role-card[b-hlxy74938s] {
    padding: 16px;
    border: 1px solid #dfe5ee;
    border-radius: 12px;
    background: #ffffff;
    cursor: pointer;
    transition: border-color .2s, transform .2s, box-shadow .2s;
}

.role-card:hover[b-hlxy74938s],
.role-card--active[b-hlxy74938s] {
    border-color: #bdd2ee;
    transform: translateY(-1px);
    box-shadow: 0 10px 24px rgba(25, 39, 58, .06);
}

.role-card--active[b-hlxy74938s] {
    box-shadow: inset 3px 0 0 #1267c9;
}

.role-name[b-hlxy74938s] {
    color: #172232;
    font-size: 1.18rem;
    font-weight: 700;
}

.role-card--active .role-name[b-hlxy74938s] {
    color: #1267c9;
}

.role-meta[b-hlxy74938s] {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    margin-top: 8px;
}

.role-meta span[b-hlxy74938s] {
    display: inline-flex;
    min-height: 24px;
    align-items: center;
    border-radius: 999px;
    background: #eef1f5;
    color: #596779;
    padding: 0 9px;
    font-size: .72rem;
    font-weight: 700;
}

.role-card p[b-hlxy74938s] {
    margin: 12px 0 0;
    color: #737d8d;
    font-size: .82rem;
    line-height: 1.5;
}

.role-actions[b-hlxy74938s] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 14px;
}

.permissions-panel[b-hlxy74938s] {
    min-width: 0;
    padding: 18px;
    border: 1px solid #dfe5ee;
    border-radius: 12px;
    background: #ffffff;
}

.permissions-panel__head[b-hlxy74938s] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 14px;
}

.permissions-panel__head h2[b-hlxy74938s] {
    margin: 0;
    color: #172232;
    font-size: 1.22rem;
    font-weight: 700;
}

.permissions-panel__head p[b-hlxy74938s] {
    margin: 3px 0 0;
    color: #737d8d;
    font-size: .78rem;
}

.permission-matrix[b-hlxy74938s] {
    overflow: auto;
    border: 1px solid #edf1f6;
    border-radius: 10px;
}

.permission-matrix table[b-hlxy74938s] {
    width: 100%;
    min-width: 620px;
    border-collapse: collapse;
}

.permission-matrix th[b-hlxy74938s] {
    height: 44px;
    background: #f8fafc;
    color: #596273;
    font-size: .7rem;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
    text-align: center;
}

.permission-matrix th:first-child[b-hlxy74938s],
.permission-matrix td:first-child[b-hlxy74938s] {
    text-align: left;
    padding-left: 18px;
}

.permission-matrix td[b-hlxy74938s] {
    border-top: 1px solid #edf1f6;
    padding: 12px;
    text-align: center;
}

.permission-matrix td strong[b-hlxy74938s],
.permission-matrix td span[b-hlxy74938s] {
    display: block;
}

.permission-matrix td strong[b-hlxy74938s] {
    color: #172232;
    font-size: .84rem;
}

.permission-matrix td span[b-hlxy74938s] {
    margin-top: 2px;
    color: #737d8d;
    font-size: .72rem;
}

.role-members[b-hlxy74938s] {
    display: grid;
    gap: 8px;
    margin-top: 16px;
}

.role-members h3[b-hlxy74938s] {
    margin: 0 0 2px;
    color: #172232;
    font-size: .98rem;
    font-weight: 700;
}

.role-member[b-hlxy74938s] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: 9px;
    padding: 9px;
    border: 1px solid #edf1f6;
    border-radius: 10px;
    background: #fbfcfd;
}

.role-member > span[b-hlxy74938s] {
    width: 34px;
    height: 34px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: #1267c9;
    color: #ffffff;
    font-size: .76rem;
    font-weight: 700;
}

.role-member strong[b-hlxy74938s],
.role-member small[b-hlxy74938s] {
    display: block;
}

.role-member strong[b-hlxy74938s] {
    color: #172232;
    font-size: .78rem;
}

.role-member small[b-hlxy74938s],
.role-members p[b-hlxy74938s] {
    color: #737d8d;
    font-size: .72rem;
}

.roles-empty[b-hlxy74938s] {
    padding: 28px;
    border: 1px solid #dfe5ee;
    border-radius: 12px;
    background: #ffffff;
}

.role-card[b-hlxy74938s],
.permissions-panel[b-hlxy74938s],
.roles-empty[b-hlxy74938s] {
    border-color: rgba(255, 255, 255, .72);
    background: rgba(255, 255, 255, .64);
    box-shadow: 0 16px 36px rgba(22, 45, 78, .1);
    backdrop-filter: blur(18px) saturate(1.18);
    -webkit-backdrop-filter: blur(18px) saturate(1.18);
}

.role-card:hover[b-hlxy74938s],
.role-card--active[b-hlxy74938s] {
    border-color: rgba(18, 103, 201, .32);
    box-shadow: 0 18px 38px rgba(22, 45, 78, .12);
}

.role-meta span[b-hlxy74938s],
.role-member[b-hlxy74938s],
.permission-matrix[b-hlxy74938s] {
    border-color: rgba(255, 255, 255, .62);
    background: rgba(255, 255, 255, .46);
}

.permission-matrix td[b-hlxy74938s],
.permission-matrix th[b-hlxy74938s] {
    border-color: rgba(120, 151, 184, .2);
}

.permission-matrix th[b-hlxy74938s] {
    background: rgba(255, 255, 255, .44);
}

@media (max-width: 1100px) {
    .roles-layout[b-hlxy74938s] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 760px) {
    .permissions-panel__head[b-hlxy74938s] {
        align-items: flex-start;
        flex-direction: column;
    }
}
/* _content/Gbaka.BackOffice.WebApp/Components/Pages/Flotte.razor.rz.scp.css */
.fleet-grid[b-bb1woa0qiu] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
}

.fleet-card-link[b-bb1woa0qiu] {
    display: block;
    min-width: 0;
    cursor: pointer;
    border-radius: 12px;
    transition: transform .2s ease, box-shadow .2s ease;
}

.fleet-card-link:hover[b-bb1woa0qiu] {
    transform: translateY(-2px);
    box-shadow: 0 14px 30px rgba(25, 39, 58, .08);
}

.fleet-card-link:focus-visible[b-bb1woa0qiu] {
    outline: 3px solid rgba(18, 103, 201, .28);
    outline-offset: 3px;
}

.fleet-visual[b-bb1woa0qiu] {
    width: 100%;
    height: 100%;
    display: grid;
    place-items: center;
    color: #ffffff;
}

.fleet-visual .mud-icon-root[b-bb1woa0qiu] {
    width: 48px;
    height: 48px;
    filter: drop-shadow(0 10px 18px rgba(15, 23, 42, .2));
}

.fleet-visual--0[b-bb1woa0qiu] {
    background:
        linear-gradient(180deg, rgba(9, 27, 49, .04), rgba(9, 27, 49, .58)),
        linear-gradient(135deg, #dfe6ef, #9eb3c9);
}

.fleet-visual--1[b-bb1woa0qiu] {
    background:
        linear-gradient(180deg, rgba(9, 27, 49, .04), rgba(9, 27, 49, .58)),
        repeating-linear-gradient(170deg, transparent 0 24px, rgba(255, 255, 255, .46) 25px 28px, transparent 29px 54px),
        #768b91;
}

.fleet-visual--2[b-bb1woa0qiu] {
    background:
        linear-gradient(180deg, rgba(9, 27, 49, .04), rgba(9, 27, 49, .58)),
        linear-gradient(145deg, #1979a8 0 22%, #e3ebf1 22% 47%, #7d8992 47% 58%, #202b34 58% 100%);
}

.fleet-badge[b-bb1woa0qiu] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 7px 11px;
    border-radius: 999px;
    background: #ebf4ff;
    color: #1267c9;
    font-size: .78rem;
    font-weight: 700;
}

.fleet-badge--muted[b-bb1woa0qiu] {
    background: #eef2f6;
    color: #596779;
}

.fleet-station[b-bb1woa0qiu] {
    display: flex;
    align-items: flex-start;
    gap: 7px;
    color: #596779;
    font-weight: 600;
    line-height: 1.35;
}

.fleet-station .mud-icon-root[b-bb1woa0qiu] {
    color: #1267c9;
    flex-shrink: 0;
    margin-top: 1px;
}

.fleet-registration[b-bb1woa0qiu] {
    margin-top: 9px;
    color: #737d8d;
    font-size: .78rem;
}

.fleet-empty[b-bb1woa0qiu] {
    padding: 28px;
    border: 1px solid #dfe5ee;
    border-radius: 12px;
    background: #ffffff;
}

.fleet-empty[b-bb1woa0qiu] {
    border-color: rgba(255, 255, 255, .68);
    background: rgba(255, 255, 255, .56);
    box-shadow: 0 14px 30px rgba(22, 45, 78, .09);
    backdrop-filter: blur(16px) saturate(1.16);
    -webkit-backdrop-filter: blur(16px) saturate(1.16);
}

.fleet-badge[b-bb1woa0qiu] {
    border: 1px solid rgba(255, 255, 255, .58);
    background: rgba(235, 244, 255, .72);
}

.fleet-badge--muted[b-bb1woa0qiu] {
    background: rgba(238, 242, 246, .72);
}

@media (max-width: 1200px) {
    .fleet-grid[b-bb1woa0qiu] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 760px) {
    .fleet-grid[b-bb1woa0qiu] {
        grid-template-columns: 1fr;
    }
}
/* _content/Gbaka.BackOffice.WebApp/Components/Pages/Gares.razor.rz.scp.css */
.gt-station-grid[b-2tc7ilghjk] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 20px;
}

.gt-station-grid-foot[b-2tc7ilghjk] {
    margin-top: 18px;
    font: 500 13px/1 'Inter';
    color: #94A3B8;
}

@media (max-width: 1200px) {
    .gt-station-grid[b-2tc7ilghjk] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 760px) {
    .gt-station-grid[b-2tc7ilghjk] {
        grid-template-columns: 1fr;
    }
}
/* _content/Gbaka.BackOffice.WebApp/Components/Pages/Lignes.razor.rz.scp.css */
.gt-line-grid[b-qaswnzd1r9] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
}

.gt-line-grid-foot[b-qaswnzd1r9] {
    margin-top: 18px;
    font: 500 13px/1 'Inter';
    color: #94A3B8;
}

@media (max-width: 1180px) {
    .gt-line-grid[b-qaswnzd1r9] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 720px) {
    .gt-line-grid[b-qaswnzd1r9] {
        grid-template-columns: 1fr;
    }
}
/* _content/Gbaka.BackOffice.WebApp/Components/Pages/Login.razor.rz.scp.css */
.login-page[b-yd50291f97] {
    min-height: 100vh;
    display: grid;
    place-items: center;
    padding: 24px;
    background:
        radial-gradient(circle at 18% 14%, rgba(18, 103, 201, .22), transparent 30%),
        radial-gradient(circle at 84% 10%, rgba(255, 216, 77, .28), transparent 28%),
        radial-gradient(circle at 72% 86%, rgba(29, 158, 117, .18), transparent 32%),
        linear-gradient(135deg, #eef6ff 0%, #fbfdff 52%, #edf8f3 100%);
}

.login-card[b-yd50291f97] {
    width: min(100%, 440px);
    padding: 38px 36px 34px;
    border: 1px solid rgba(255, 255, 255, .76);
    border-radius: 18px;
    background: rgba(255, 255, 255, .64);
    box-shadow: 0 28px 80px rgba(22, 45, 78, .18);
    backdrop-filter: blur(22px) saturate(1.2);
    -webkit-backdrop-filter: blur(22px) saturate(1.2);
}

.login-brand[b-yd50291f97] {
    display: grid;
    justify-items: center;
    gap: 14px;
    margin-bottom: 28px;
    text-align: center;
}

.login-brand img[b-yd50291f97] {
    width: 110px;
    height: 110px;
    object-fit: contain;
    filter: drop-shadow(0 20px 28px rgba(13, 110, 253, .24));
}

.login-brand-copy[b-yd50291f97] {
    display: grid;
    justify-items: center;
    gap: 4px;
}

.login-brand strong[b-yd50291f97] {
    color: #0d6efd;
    font-family: "Montserrat", Inter, system-ui, sans-serif;
    font-style: italic;
    font-size: 2rem;
    font-weight: 600;
    line-height: 1;
    letter-spacing: .04em;
}

.login-brand span[b-yd50291f97] {
    color: #737d8d;
    font-size: .72rem;
    font-weight: 600;
    letter-spacing: .14em;
    text-transform: uppercase;
}

.login-intro[b-yd50291f97] {
    margin-bottom: 26px;
    text-align: center;
}

.login-intro h1[b-yd50291f97] {
    margin: 0;
    color: #011a46;
    font-size: 1.3rem;
    font-weight: 700;
}

.login-intro p[b-yd50291f97] {
    margin: 8px 0 0;
    color: #687487;
    font-size: .88rem;
}

.login-form[b-yd50291f97] {
    display: grid;
    gap: 18px;
}

.login-alert[b-yd50291f97] {
    border-radius: 10px;
}

.login-submit[b-yd50291f97] {
    height: 50px;
    border-radius: 10px;
    font-weight: 700;
}
/* _content/Gbaka.BackOffice.WebApp/Components/Pages/Parametres.razor.rz.scp.css */
.settings-layout[b-6mmydo9ueg] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 310px;
    gap: 16px;
}

.settings-secondary[b-6mmydo9ueg] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 16px;
    margin-top: 16px;
}

.settings-panel[b-6mmydo9ueg] {
    padding: 16px;
    border: 1px solid rgba(255, 255, 255, .72);
    border-radius: 12px;
    background: rgba(255, 255, 255, .64);
    box-shadow: 0 18px 42px rgba(22, 45, 78, .11);
    backdrop-filter: blur(18px) saturate(1.18);
    -webkit-backdrop-filter: blur(18px) saturate(1.18);
}

.settings-panel header[b-6mmydo9ueg] {
    display: flex;
    gap: 11px;
    padding-bottom: 14px;
    border-bottom: 1px solid rgba(120, 151, 184, .22);
    margin-bottom: 14px;
}

.settings-panel header > span[b-6mmydo9ueg] {
    width: 40px;
    height: 40px;
    display: grid;
    place-items: center;
    border-radius: 10px;
    background: #ebf4ff;
    color: #1267c9;
}

.settings-panel h2[b-6mmydo9ueg] {
    margin: 0;
    font-size: 1rem;
    font-weight: 700;
}

.settings-panel p[b-6mmydo9ueg],
.logo-upload p[b-6mmydo9ueg],
.preview-list span[b-6mmydo9ueg] {
    color: #687282;
    font-size: .78rem;
}

.logo-upload[b-6mmydo9ueg] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 14px;
    align-items: center;
    padding: 13px;
    border: 1px dashed rgba(120, 151, 184, .42);
    border-radius: 10px;
    background: rgba(255, 255, 255, .42);
}

.logo-preview[b-6mmydo9ueg],
.preview-logo[b-6mmydo9ueg] {
    display: grid;
    place-items: center;
    border: 1px solid rgba(255, 255, 255, .64);
    border-radius: 12px;
    background: #ebf4ff;
    color: #1267c9;
    font-weight: 700;
}

.logo-preview[b-6mmydo9ueg] {
    width: 88px;
    height: 88px;
    font-size: 1.45rem;
}

.settings-form-grid[b-6mmydo9ueg] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    margin-top: 14px;
}

.settings-full[b-6mmydo9ueg] {
    grid-column: 1 / -1;
}

.company-preview[b-6mmydo9ueg] {
    position: sticky;
    top: 16px;
    align-self: start;
}

.preview-title[b-6mmydo9ueg] {
    color: #687282;
    font-size: .68rem;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.preview-logo[b-6mmydo9ueg] {
    width: 76px;
    height: 76px;
    margin: 16px 0 10px;
    font-size: 1.2rem;
}

.company-preview h2[b-6mmydo9ueg] {
    font-size: 1.1rem;
}

.company-preview > strong[b-6mmydo9ueg] {
    color: #1267c9;
    font-size: .78rem;
}

.preview-list[b-6mmydo9ueg] {
    display: grid;
    gap: 10px;
    padding-top: 14px;
    margin-top: 14px;
    border-top: 1px solid rgba(120, 151, 184, .22);
}

.preview-list span[b-6mmydo9ueg] {
    display: flex;
    gap: 8px;
}

.settings-list[b-6mmydo9ueg] {
    display: grid;
    gap: 12px;
}

.settings-list label[b-6mmydo9ueg] {
    display: grid;
    grid-template-columns: 180px minmax(0, 1fr);
    align-items: center;
    gap: 12px;
    color: #455266;
    font-size: .82rem;
    font-weight: 600;
}

.settings-checks[b-6mmydo9ueg] {
    display: grid;
    gap: 6px;
}

@media (max-width: 980px) {
    .settings-layout[b-6mmydo9ueg],
    .settings-secondary[b-6mmydo9ueg] {
        grid-template-columns: 1fr;
    }

    .company-preview[b-6mmydo9ueg] {
        position: static;
    }
}

@media (max-width: 640px) {
    .settings-form-grid[b-6mmydo9ueg],
    .logo-upload[b-6mmydo9ueg],
    .settings-list label[b-6mmydo9ueg] {
        grid-template-columns: 1fr;
    }
}
/* _content/Gbaka.BackOffice.WebApp/Components/Pages/StationDetail.razor.rz.scp.css */
.station-detail[b-3snrdixx31] {
    display: grid;
    gap: 20px;
}

/* ── Bandeau visuel ────────────────────────────────────────────── */
.station-hero[b-3snrdixx31] {
    position: relative;
    height: 220px;
    border-radius: 20px;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, .72);
    box-shadow: 0 16px 36px rgba(22, 45, 78, .12);
}

.station-hero[b-3snrdixx31]::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, transparent 30%, rgba(11, 46, 111, .55) 100%);
}

.station-hero--0[b-3snrdixx31] {
    background:
        radial-gradient(circle at 72% 18%, rgba(255, 230, 167, .8) 0 8%, transparent 26%),
        linear-gradient(135deg, #1e3a8a 0%, #1d4ed8 38%, #3b82f6 70%, #93c5fd 100%);
}

.station-hero--1[b-3snrdixx31] {
    background:
        linear-gradient(118deg, transparent 0 38%, rgba(255, 255, 255, .28) 38.4% 39.8%, transparent 40.2%),
        linear-gradient(145deg, #0f766e 0%, #0ea5e9 45%, #38bdf8 75%, #bae6fd 100%);
}

.station-hero--2[b-3snrdixx31] {
    background:
        radial-gradient(circle at 57% 64%, rgba(255, 240, 151, .55), transparent 22%),
        linear-gradient(115deg, #312e81 0%, #4338ca 45%, #6366f1 72%, #a5b4fc 100%);
}

.station-hero__caption[b-3snrdixx31] {
    position: absolute;
    left: 22px;
    bottom: 18px;
    z-index: 1;
    color: #fff;
    font: 700 18px/1.25 'Montserrat', 'Inter';
    text-shadow: 0 2px 10px rgba(11, 46, 111, .45);
}

/* ── Carte d'informations ──────────────────────────────────────── */
.station-info[b-3snrdixx31] {
    padding: 20px 22px;
    border-radius: 18px;
    border: 1px solid rgba(255, 255, 255, .8);
    background: rgba(255, 255, 255, .64);
    box-shadow: 0 12px 30px rgba(22, 45, 78, .08), inset 0 1px 0 rgba(255, 255, 255, .9);
    backdrop-filter: blur(18px) saturate(1.5);
    -webkit-backdrop-filter: blur(18px) saturate(1.5);
}

.station-info__title[b-3snrdixx31] {
    font: 800 20px/1.2 'Montserrat', 'Inter';
    color: #0B2E6F;
}

.station-info__loc[b-3snrdixx31] {
    display: flex;
    align-items: center;
    gap: 7px;
    margin-top: 8px;
    color: #64748B;
    font: 500 13px/1.4 'Inter';
}

.station-info__loc svg[b-3snrdixx31] {
    flex-shrink: 0;
    color: #2563EB;
}

.station-info__badges[b-3snrdixx31] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 16px;
}

.station-info__badge[b-3snrdixx31] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 5px 12px;
    border-radius: 999px;
    background: rgba(59, 130, 246, .1);
    border: 1px solid rgba(59, 130, 246, .18);
    color: #2563EB;
    font: 700 12px/1 'Inter';
}

.station-info__badge--muted[b-3snrdixx31] {
    background: rgba(100, 116, 139, .1);
    border-color: rgba(100, 116, 139, .2);
    color: #64748B;
}

/* ── En-tête véhicules ─────────────────────────────────────────── */
.station-vehicles__header[b-3snrdixx31] {
    margin-top: 4px;
}

.station-vehicles__header h2[b-3snrdixx31] {
    display: flex;
    align-items: center;
    gap: 9px;
    margin: 0;
    color: #0B2E6F;
    font: 700 16px/1.2 'Montserrat', 'Inter';
}

.station-vehicles__count[b-3snrdixx31] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 24px;
    height: 24px;
    padding: 0 8px;
    border-radius: 999px;
    background: rgba(37, 99, 235, .12);
    color: #2563EB;
    font: 700 12px/1 'Inter';
}

.station-vehicles-grid[b-3snrdixx31] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
}

@media (max-width: 1100px) {
    .station-vehicles-grid[b-3snrdixx31] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 720px) {
    .station-hero[b-3snrdixx31] {
        height: 170px;
    }

    .station-vehicles-grid[b-3snrdixx31] {
        grid-template-columns: 1fr;
    }
}
/* _content/Gbaka.BackOffice.WebApp/Components/Pages/Statistiques.razor.rz.scp.css */
.stats-toolbar[b-847vrjci5u] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
}

.stats-line-select[b-847vrjci5u] {
    width: 250px;
}

.stats-kpis[b-847vrjci5u],
.stats-bottom[b-847vrjci5u] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
    margin-top: 16px;
}

.stats-bottom[b-847vrjci5u] {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
}

.stats-layout[b-847vrjci5u] {
    display: grid;
    grid-template-columns: minmax(0, 1.45fr) minmax(320px, .75fr);
    gap: 16px;
    margin-top: 16px;
}

.stats-kpi[b-847vrjci5u],
.stats-panel[b-847vrjci5u] {
    border: 1px solid rgba(255, 255, 255, .72);
    border-radius: 12px;
    background: rgba(255, 255, 255, .64);
    box-shadow: 0 18px 42px rgba(22, 45, 78, .11);
    backdrop-filter: blur(18px) saturate(1.18);
    -webkit-backdrop-filter: blur(18px) saturate(1.18);
}

.stats-kpi[b-847vrjci5u] {
    display: grid;
    gap: 7px;
    padding: 15px;
}

.stats-kpi span[b-847vrjci5u] {
    width: 38px;
    height: 38px;
    display: grid;
    place-items: center;
    border-radius: 10px;
    background: #ebf4ff;
    color: #1267c9;
}

.stats-kpi small[b-847vrjci5u],
.stats-kpi em[b-847vrjci5u],
.stats-panel p[b-847vrjci5u],
.line-rank span[b-847vrjci5u],
.station-grid span[b-847vrjci5u],
.station-grid small[b-847vrjci5u] {
    color: #687282;
    font-size: .78rem;
}

.stats-kpi strong[b-847vrjci5u] {
    font-size: 1.35rem;
}

.stats-kpi em[b-847vrjci5u] {
    color: #12733c;
    font-style: normal;
    font-weight: 700;
}

.stats-panel[b-847vrjci5u] {
    padding: 16px;
}

.stats-panel h2[b-847vrjci5u] {
    margin: 0;
    font-size: 1rem;
    font-weight: 700;
}

.bar-chart[b-847vrjci5u] {
    min-height: 275px;
    display: grid;
    grid-template-columns: repeat(7, minmax(0, 1fr));
    align-items: end;
    gap: 12px;
    padding-top: 16px;
}

.bar-item[b-847vrjci5u] {
    display: grid;
    gap: 8px;
    justify-items: center;
}

.bar-track[b-847vrjci5u] {
    width: 100%;
    height: 210px;
    display: flex;
    align-items: end;
    border-radius: 999px;
    background: rgba(237, 243, 250, .68);
    overflow: hidden;
}

.bar-track span[b-847vrjci5u] {
    width: 100%;
    display: block;
    border-radius: 999px 999px 0 0;
    background: linear-gradient(180deg, #1267c9, #58a6ff);
}

.bar-item strong[b-847vrjci5u],
.bar-item small[b-847vrjci5u] {
    font-size: .72rem;
}

.stats-donut-panel[b-847vrjci5u] {
    display: grid;
    justify-items: center;
    align-content: start;
}

.donut[b-847vrjci5u] {
    width: 190px;
    aspect-ratio: 1;
    display: grid;
    place-items: center;
    margin-top: 22px;
    border-radius: 50%;
    background: conic-gradient(#1267c9 calc(var(--value) * 1%), #edf3fa 0);
    position: relative;
}

.donut[b-847vrjci5u]::after {
    content: "";
    position: absolute;
    inset: 28px;
    border-radius: 50%;
    background: rgba(255, 255, 255, .82);
}

.donut strong[b-847vrjci5u],
.donut span[b-847vrjci5u] {
    position: relative;
    z-index: 1;
    grid-area: 1 / 1;
}

.donut strong[b-847vrjci5u] {
    margin-top: -18px;
    font-size: 2rem;
}

.donut span[b-847vrjci5u] {
    margin-top: 40px;
    color: #687282;
    font-size: .78rem;
}

.donut-legend[b-847vrjci5u] {
    display: flex;
    gap: 12px;
    margin-top: 16px;
    color: #687282;
    font-size: .76rem;
}

.donut-legend i[b-847vrjci5u] {
    display: inline-block;
    width: 9px;
    height: 9px;
    margin-right: 5px;
    border-radius: 50%;
    background: #1267c9;
}

.donut-legend span:last-child i[b-847vrjci5u] {
    background: #edf3fa;
}

.line-ranking[b-847vrjci5u],
.station-grid[b-847vrjci5u] {
    display: grid;
    gap: 10px;
    margin-top: 14px;
}

.line-rank[b-847vrjci5u],
.station-grid div[b-847vrjci5u] {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    padding: 12px;
    border: 1px solid rgba(255, 255, 255, .64);
    border-radius: 10px;
    background: rgba(255, 255, 255, .48);
}

.line-rank em[b-847vrjci5u] {
    color: #1267c9;
    font-style: normal;
    font-weight: 700;
}

.station-grid[b-847vrjci5u] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.station-grid div[b-847vrjci5u] {
    display: grid;
}

@media (max-width: 1050px) {
    .stats-kpis[b-847vrjci5u],
    .stats-layout[b-847vrjci5u],
    .stats-bottom[b-847vrjci5u] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 720px) {
    .stats-toolbar[b-847vrjci5u],
    .stats-kpis[b-847vrjci5u],
    .stats-layout[b-847vrjci5u],
    .stats-bottom[b-847vrjci5u],
    .station-grid[b-847vrjci5u] {
        grid-template-columns: 1fr;
        display: grid;
    }

    .stats-line-select[b-847vrjci5u] {
        width: 100%;
    }
}
/* _content/Gbaka.BackOffice.WebApp/Components/Pages/Trajets.razor.rz.scp.css */
.trips-toolbar[b-4oir06rjim] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 18px;
}

.trip-row[b-4oir06rjim] {
    color: inherit;
    text-decoration: none;
}

.route[b-4oir06rjim] {
    color: #1267c9;
    font-size: .82rem;
    font-weight: 700;
}

.muted[b-4oir06rjim] {
    margin-top: 3px;
    color: #737d8d;
    font-size: .7rem;
}

.price[b-4oir06rjim] {
    font-weight: 700;
}

.staff[b-4oir06rjim] {
    display: flex;
    align-items: center;
    gap: 7px;
}

.avatar[b-4oir06rjim] {
    width: 30px;
    height: 30px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: #ebf4ff;
    color: #1267c9;
    font-size: .64rem;
    font-weight: 700;
}

.badge[b-4oir06rjim] {
    display: inline-flex;
    width: max-content;
    padding: 5px 8px;
    border-radius: 999px;
    background: #e1f5ee;
    color: #0f6e56;
    font-size: .64rem;
    font-weight: 700;
}

.badge.delay[b-4oir06rjim] {
    background: #faeeda;
    color: #8a560c;
}

.badge.completed[b-4oir06rjim],
.badge.pending[b-4oir06rjim] {
    background: #e5e7eb;
    color: #5d6673;
}

.trip-days[b-4oir06rjim] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 14px;
    margin-top: 16px;
    padding: 12px;
    border: 1px solid rgba(255, 255, 255, .64);
    border-radius: 12px;
    background: rgba(255, 255, 255, .42);
}

@media (max-width: 720px) {
    .trips-toolbar[b-4oir06rjim] {
        align-items: stretch;
        flex-direction: column;
    }
}
/* _content/Gbaka.BackOffice.WebApp/Components/Pages/Utilisateurs.razor.rz.scp.css */
.users-kpis[b-r7q8zb0rve] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
    margin-bottom: 14px;
}

.users-kpis article[b-r7q8zb0rve] {
    padding: 16px;
    border: 1px solid #dfe5ee;
    border-radius: 12px;
    background: #ffffff;
}

.users-kpis strong[b-r7q8zb0rve] {
    display: block;
    color: #172232;
    font-size: 1.62rem;
    font-weight: 700;
}

.users-kpis span[b-r7q8zb0rve] {
    display: block;
    margin-top: 3px;
    color: #737d8d;
    font-size: .78rem;
    font-weight: 600;
}

.users-grid[b-r7q8zb0rve] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 18px;
}

.user-avatar[b-r7q8zb0rve] {
    width: 100%;
    height: 100%;
    display: grid;
    place-items: center;
    color: #ffffff;
    font-size: 2rem;
    font-weight: 700;
}

.user-avatar--0[b-r7q8zb0rve] { background: linear-gradient(135deg, #1267c9, #4d9cf2); }
.user-avatar--1[b-r7q8zb0rve] { background: linear-gradient(135deg, #1d9e75, #6cc9aa); }
.user-avatar--2[b-r7q8zb0rve] { background: linear-gradient(135deg, #596779, #a8b3c0); }
.user-avatar--3[b-r7q8zb0rve] { background: linear-gradient(135deg, #8a560c, #efb34c); }

.user-badge[b-r7q8zb0rve] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 7px 11px;
    border-radius: 999px;
    background: #ebf4ff;
    color: #1267c9;
    font-size: .76rem;
    font-weight: 700;
}

.user-badge--success[b-r7q8zb0rve] {
    background: #e1f5ee;
    color: #0f6e56;
}

.user-badge--warning[b-r7q8zb0rve] {
    background: #faeeda;
    color: #8a560c;
}

.user-meta-row[b-r7q8zb0rve] {
    display: flex;
    align-items: center;
    gap: 7px;
    color: #596779;
    font-weight: 600;
}

.user-meta-row + .user-meta-row[b-r7q8zb0rve] {
    margin-top: 8px;
}

.user-meta-row .mud-icon-root[b-r7q8zb0rve] {
    color: #1267c9;
    flex-shrink: 0;
}

.users-empty[b-r7q8zb0rve] {
    padding: 28px;
    border: 1px solid #dfe5ee;
    border-radius: 12px;
    background: #ffffff;
}

.users-kpis article[b-r7q8zb0rve],
.users-empty[b-r7q8zb0rve] {
    border-color: rgba(255, 255, 255, .68);
    background: rgba(255, 255, 255, .56);
    box-shadow: 0 14px 30px rgba(22, 45, 78, .09);
    backdrop-filter: blur(16px) saturate(1.16);
    -webkit-backdrop-filter: blur(16px) saturate(1.16);
}

.user-badge[b-r7q8zb0rve] {
    border: 1px solid rgba(255, 255, 255, .58);
    background: rgba(235, 244, 255, .72);
}

.user-badge--success[b-r7q8zb0rve] {
    background: rgba(225, 245, 238, .74);
}

.user-badge--warning[b-r7q8zb0rve] {
    background: rgba(250, 238, 218, .74);
}

@media (max-width: 1400px) {
    .users-grid[b-r7q8zb0rve] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 1040px) {
    .users-kpis[b-r7q8zb0rve],
    .users-grid[b-r7q8zb0rve] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 760px) {
    .users-kpis[b-r7q8zb0rve],
    .users-grid[b-r7q8zb0rve] {
        grid-template-columns: 1fr;
    }
}
/* _content/Gbaka.BackOffice.WebApp/Components/Pages/VehicleDetail.razor.rz.scp.css */
.vehicle-detail-grid[b-kdxjjboj5c] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 330px;
    gap: 16px;
    align-items: start;
}

.vehicle-detail-main[b-kdxjjboj5c],
.vehicle-detail-side[b-kdxjjboj5c] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.vehicle-driver-card[b-kdxjjboj5c],
.vehicle-panel[b-kdxjjboj5c],
.vehicle-seat-card[b-kdxjjboj5c] {
    border: 1px solid #dfe5ee;
    border-radius: 12px;
    background: #ffffff;
}

.vehicle-driver-card[b-kdxjjboj5c] {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 16px;
}

.vehicle-driver-card__avatar[b-kdxjjboj5c] {
    width: 62px;
    height: 62px;
    display: grid;
    place-items: center;
    flex-shrink: 0;
    border: 3px solid #ffd84d;
    border-radius: 50%;
    background: linear-gradient(135deg, #17314a, #9bbce2);
    color: #ffffff;
}

.vehicle-driver-card__avatar .mud-icon-root[b-kdxjjboj5c] {
    width: 30px;
    height: 30px;
}

.vehicle-driver-card span[b-kdxjjboj5c],
.vehicle-trip-card span[b-kdxjjboj5c] {
    display: block;
    color: #737d8d;
    font-size: .78rem;
    font-weight: 600;
}

.vehicle-driver-card strong[b-kdxjjboj5c] {
    display: block;
    margin-top: 3px;
    color: #172232;
    font-size: 1.12rem;
    font-weight: 700;
}

.vehicle-driver-card p[b-kdxjjboj5c],
.vehicle-trip-card p[b-kdxjjboj5c] {
    margin: 3px 0 0;
    color: #1267c9;
    font-size: .82rem;
}

.vehicle-section-title[b-kdxjjboj5c] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0 0 12px;
    color: #172232;
    font-size: 1.05rem;
    font-weight: 700;
}

.vehicle-section-title .mud-icon-root[b-kdxjjboj5c],
.vehicle-panel__header .mud-icon-root[b-kdxjjboj5c] {
    color: #1267c9;
}

.vehicle-trip-card[b-kdxjjboj5c] {
    display: grid;
    grid-template-columns: 1fr auto 1fr 160px;
    gap: 18px;
    align-items: center;
    padding: 22px;
    border-radius: 14px;
    background: linear-gradient(135deg, #075cc4, #1678df);
    color: #ffffff;
    box-shadow: 0 16px 28px rgba(18, 103, 201, .18);
}

.vehicle-trip-card > .mud-icon-root[b-kdxjjboj5c] {
    width: 34px;
    height: 34px;
    opacity: .75;
}

.vehicle-trip-card span[b-kdxjjboj5c],
.vehicle-trip-card p[b-kdxjjboj5c] {
    color: rgba(255, 255, 255, .72);
}

.vehicle-trip-card strong[b-kdxjjboj5c] {
    display: block;
    margin-top: 6px;
    color: #ffffff;
    font-size: 1.3rem;
    font-weight: 700;
    line-height: 1.15;
}

.vehicle-trip-card__fill div[b-kdxjjboj5c] {
    height: 8px;
    overflow: hidden;
    margin: 9px 0;
    border-radius: 999px;
    background: rgba(255, 255, 255, .28);
}

.vehicle-trip-card__fill div span[b-kdxjjboj5c] {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: #ffd84d;
}

.vehicle-panel[b-kdxjjboj5c] {
    overflow: hidden;
}

.vehicle-panel__header[b-kdxjjboj5c] {
    padding: 16px 18px;
}

.vehicle-panel__header h2[b-kdxjjboj5c] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0;
    color: #172232;
    font-size: 1rem;
    font-weight: 700;
}

.vehicle-table[b-kdxjjboj5c] {
    display: grid;
}

.vehicle-table__row[b-kdxjjboj5c] {
    display: grid;
    grid-template-columns: 1fr 1.4fr .8fr .8fr;
    gap: 12px;
    align-items: center;
    padding: 15px 18px;
    border-top: 1px solid #dfe5ee;
    color: #172232;
    font-size: .84rem;
}

.vehicle-table__row--head[b-kdxjjboj5c] {
    background: #f3f5f8;
    color: #6b7482;
    font-size: .68rem;
    font-weight: 700;
    text-transform: uppercase;
}

.vehicle-table__row small[b-kdxjjboj5c] {
    display: block;
    margin-top: 3px;
    color: #737d8d;
}

.vehicle-table__row strong[b-kdxjjboj5c] {
    color: #1267c9;
}

.vehicle-status-pill[b-kdxjjboj5c] {
    display: inline-flex;
    width: max-content;
    min-width: 72px;
    justify-content: center;
    padding: 5px 8px;
    border-radius: 999px;
    background: #ebf4ff;
    color: #1267c9;
    font-size: .68rem;
    font-weight: 700;
}

.vehicle-seat-card[b-kdxjjboj5c] {
    padding: 16px;
}

.vehicle-seat-card__header[b-kdxjjboj5c] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 14px;
}

.vehicle-seat-card__header h2[b-kdxjjboj5c] {
    margin: 0;
    color: #172232;
    font-size: 1.05rem;
    font-weight: 700;
    line-height: 1.2;
}

.vehicle-seat-card__header span[b-kdxjjboj5c] {
    display: inline-flex;
    padding: 9px 11px;
    border-radius: 8px;
    background: #eceef2;
    color: #536174;
    font-size: .78rem;
    font-weight: 700;
    line-height: 1.35;
    text-align: center;
}

.vehicle-seat-map[b-kdxjjboj5c] {
    display: grid;
    gap: 8px;
    padding: 18px;
    border-radius: 14px;
    background: #f3f5f8;
}

.vehicle-seat-row[b-kdxjjboj5c] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 8px;
}

.vehicle-seat[b-kdxjjboj5c] {
    height: 40px;
    display: grid;
    place-items: center;
    border: 1px solid #c8d8ec;
    border-radius: 7px;
    background: #ffffff;
    color: #1267c9;
    font-size: .78rem;
    font-weight: 700;
}

.vehicle-seat--driver[b-kdxjjboj5c] {
    background: #eaf2ff;
}

.vehicle-seat--empty[b-kdxjjboj5c] {
    border: 0;
    background: transparent;
}

.vehicle-detail-empty[b-kdxjjboj5c] {
    padding: 28px;
    border: 1px solid #dfe5ee;
    border-radius: 12px;
    background: #ffffff;
}

.vehicle-driver-card[b-kdxjjboj5c],
.vehicle-panel[b-kdxjjboj5c],
.vehicle-seat-card[b-kdxjjboj5c],
.vehicle-detail-empty[b-kdxjjboj5c] {
    border-color: rgba(255, 255, 255, .72);
    background: rgba(255, 255, 255, .64);
    box-shadow: 0 16px 36px rgba(22, 45, 78, .1);
    backdrop-filter: blur(18px) saturate(1.18);
    -webkit-backdrop-filter: blur(18px) saturate(1.18);
}

.vehicle-trip-card[b-kdxjjboj5c] {
    border: 1px solid rgba(255, 255, 255, .32);
    background:
        linear-gradient(135deg, rgba(7, 92, 196, .9), rgba(22, 120, 223, .78)),
        rgba(255, 255, 255, .2);
    backdrop-filter: blur(16px) saturate(1.18);
    -webkit-backdrop-filter: blur(16px) saturate(1.18);
}

.vehicle-table__row[b-kdxjjboj5c] {
    border-top-color: rgba(120, 151, 184, .22);
}

.vehicle-table__row--head[b-kdxjjboj5c],
.vehicle-seat-map[b-kdxjjboj5c],
.vehicle-seat-card__header span[b-kdxjjboj5c] {
    background: rgba(255, 255, 255, .46);
}

.vehicle-seat[b-kdxjjboj5c],
.vehicle-status-pill[b-kdxjjboj5c] {
    border-color: rgba(255, 255, 255, .6);
    background: rgba(235, 244, 255, .72);
}

@media (max-width: 1180px) {
    .vehicle-detail-grid[b-kdxjjboj5c] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 760px) {
    .vehicle-trip-card[b-kdxjjboj5c] {
        grid-template-columns: 1fr;
    }

    .vehicle-table__row[b-kdxjjboj5c] {
        grid-template-columns: 1fr;
    }

    .vehicle-table__row--head[b-kdxjjboj5c] {
        display: none;
    }
}
/* _content/Gbaka.BackOffice.WebApp/Components/Shared/GlassBoAgentCard.razor.rz.scp.css */
.gt-agent-card[b-38y8s9nupv] {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 14px;
    padding: 20px;
    border-radius: 20px;
    cursor: pointer;
    background: rgba(255, 255, 255, .6);
    backdrop-filter: blur(22px) saturate(150%);
    -webkit-backdrop-filter: blur(22px) saturate(150%);
    border: 1px solid rgba(255, 255, 255, .9);
    box-shadow: 0 8px 24px rgba(15, 40, 95, .08), inset 0 1px 0 rgba(255, 255, 255, .92);
    transition: transform .3s cubic-bezier(.2, .8, .2, 1), box-shadow .3s;
}

.gt-agent-card:hover[b-38y8s9nupv] {
    transform: translateY(-5px);
    box-shadow: 0 20px 44px rgba(15, 40, 95, .14);
}

/* ── En-tête : avatar + identité ───────────────────────────────── */
.gt-agent-card__top[b-38y8s9nupv] {
    display: flex;
    align-items: center;
    gap: 13px;
}

.gt-agent-card__avatar[b-38y8s9nupv] {
    width: 52px;
    height: 52px;
    flex: none;
    border-radius: 50%;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font: 800 18px/1 'Montserrat', 'Inter';
    box-shadow: 0 6px 16px rgba(15, 40, 95, .22), inset 0 1px 0 rgba(255, 255, 255, .3);
}

.gt-agent-card__avatar img[b-38y8s9nupv] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.gt-agent-card__id[b-38y8s9nupv] {
    flex: 1;
    min-width: 0;
}

.gt-agent-card__name[b-38y8s9nupv] {
    font: 800 15px/1.2 'Montserrat', 'Inter';
    color: #0B2E6F;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.gt-agent-card__role[b-38y8s9nupv] {
    display: inline-block;
    margin-top: 5px;
    padding: 3px 10px;
    border-radius: 999px;
    font: 700 11px/1 'Inter';
    color: #2563EB;
    background: rgba(59, 130, 246, .12);
    border: 1px solid rgba(59, 130, 246, .22);
}

/* ── Métadonnées ───────────────────────────────────────────────── */
.gt-agent-card__meta[b-38y8s9nupv] {
    display: flex;
    flex-direction: column;
    gap: 7px;
    padding-bottom: 14px;
    border-bottom: 1px solid rgba(15, 40, 95, .06);
}

.gt-agent-card__meta-row[b-38y8s9nupv] {
    display: flex;
    align-items: center;
    gap: 7px;
    font: 500 12px/1.3 'Inter';
    color: #64748B;
}

.gt-agent-card__meta-row svg[b-38y8s9nupv] {
    flex: none;
}

.gt-agent-card__meta-row span[b-38y8s9nupv] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* ── Pied : statut + lien ──────────────────────────────────────── */
.gt-agent-card__foot[b-38y8s9nupv] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}

.gt-agent-card__status[b-38y8s9nupv] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 4px 11px;
    border-radius: 999px;
    font: 600 11px/1 'Inter';
}

.gt-agent-card__dot[b-38y8s9nupv] {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: currentColor;
}

.gt-agent-card__status--active[b-38y8s9nupv] {
    background: rgba(16, 185, 129, .12);
    border: 1px solid rgba(16, 185, 129, .25);
    color: #059669;
}

.gt-agent-card__status--inactive[b-38y8s9nupv] {
    background: rgba(100, 116, 139, .12);
    border: 1px solid rgba(100, 116, 139, .25);
    color: #64748B;
}

.gt-agent-card__open[b-38y8s9nupv] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font: 700 12px/1 'Inter';
    color: #2563EB;
    opacity: 0;
    transform: translateX(-4px);
    transition: opacity .25s, transform .25s;
}

.gt-agent-card:hover .gt-agent-card__open[b-38y8s9nupv] {
    opacity: 1;
    transform: translateX(0);
}
/* _content/Gbaka.BackOffice.WebApp/Components/Shared/GlassBoLineCard.razor.rz.scp.css */
.gt-line-card[b-7rclfvl8o7] {
    position: relative;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    padding: 20px;
    border-radius: 20px;
    background: rgba(255, 255, 255, .62);
    backdrop-filter: blur(22px) saturate(150%);
    -webkit-backdrop-filter: blur(22px) saturate(150%);
    border: 1px solid rgba(255, 255, 255, .92);
    box-shadow: 0 8px 24px rgba(15, 40, 95, .08), inset 0 1px 0 rgba(255, 255, 255, .94);
    transition: transform .3s cubic-bezier(.2, .8, .2, 1), box-shadow .3s;
}

.gt-line-card:hover[b-7rclfvl8o7] {
    transform: translateY(-5px);
    box-shadow: 0 20px 44px rgba(15, 40, 95, .14);
}

/* ── En-tête ───────────────────────────────────────────────────── */
.gt-line-card__top[b-7rclfvl8o7] {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 14px;
}

.gt-line-card__icon[b-7rclfvl8o7] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    flex: none;
    border-radius: 13px;
    background: rgba(59, 130, 246, .1);
    border: 1px solid rgba(59, 130, 246, .18);
    color: #2563EB;
}

.gt-line-card__id[b-7rclfvl8o7] {
    flex: 1;
    min-width: 0;
}

.gt-line-card__name[b-7rclfvl8o7] {
    font: 800 17px/1.15 'Montserrat', 'Inter';
    color: #0B2E6F;
    letter-spacing: -.01em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.gt-line-card__sub[b-7rclfvl8o7] {
    margin-top: 4px;
    font: 500 11px/1.3 'Inter';
    color: #94A3B8;
}

.gt-line-card__status[b-7rclfvl8o7] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    flex: none;
    padding: 4px 10px;
    border-radius: 999px;
    font: 600 10.5px/1 'Inter';
}

.gt-line-card__dot[b-7rclfvl8o7] {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: currentColor;
}

.gt-line-card__status--active[b-7rclfvl8o7] {
    background: rgba(16, 185, 129, .12);
    border: 1px solid rgba(16, 185, 129, .25);
    color: #059669;
}

.gt-line-card__status--inactive[b-7rclfvl8o7] {
    background: rgba(100, 116, 139, .12);
    border: 1px solid rgba(100, 116, 139, .25);
    color: #64748B;
}

/* ── Stations ──────────────────────────────────────────────────── */
.gt-line-card__stations[b-7rclfvl8o7] {
    margin-bottom: 14px;
}

.gt-line-card__stations-label[b-7rclfvl8o7] {
    font: 600 11px/1 'Inter';
    color: #94A3B8;
    text-transform: uppercase;
    letter-spacing: .1em;
    margin-bottom: 6px;
}

.gt-line-card__stations-list[b-7rclfvl8o7] {
    font: 600 13px/1.4 'Inter';
    color: #334155;
}

/* ── Pastilles ─────────────────────────────────────────────────── */
.gt-line-card__pills[b-7rclfvl8o7] {
    display: flex;
    align-items: center;
    gap: 7px;
    flex-wrap: wrap;
    margin-bottom: 14px;
    padding-bottom: 14px;
    border-bottom: 1px solid rgba(15, 40, 95, .06);
}

.gt-line-card__pill[b-7rclfvl8o7] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 5px 11px;
    border-radius: 999px;
    font: 600 11px/1 'Inter';
}

.gt-line-card__pill--blue[b-7rclfvl8o7] {
    background: rgba(59, 130, 246, .08);
    border: 1px solid rgba(59, 130, 246, .16);
    color: #2563EB;
}

.gt-line-card__pill--green[b-7rclfvl8o7] {
    background: rgba(16, 185, 129, .08);
    border: 1px solid rgba(16, 185, 129, .2);
    color: #059669;
}

/* ── Actions ───────────────────────────────────────────────────── */
.gt-line-card__actions[b-7rclfvl8o7] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.gt-line-card__btn[b-7rclfvl8o7] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    cursor: pointer;
    padding: 9px;
    border-radius: 10px;
    font: 600 12px/1 'Inter';
    transition: background .2s;
}

.gt-line-card__btn--edit[b-7rclfvl8o7] {
    flex: 1;
    background: rgba(59, 130, 246, .09);
    border: 1px solid rgba(59, 130, 246, .18);
    color: #2563EB;
}

.gt-line-card__btn--edit:hover[b-7rclfvl8o7] {
    background: rgba(59, 130, 246, .18);
}

.gt-line-card__btn--del[b-7rclfvl8o7] {
    flex: 1;
    background: rgba(225, 29, 72, .07);
    border: 1px solid rgba(225, 29, 72, .18);
    color: #E11D48;
}

.gt-line-card__btn--del:hover[b-7rclfvl8o7] {
    background: rgba(225, 29, 72, .14);
}

.gt-line-card__btn--toggle[b-7rclfvl8o7] {
    padding: 9px 13px;
    background: rgba(100, 116, 139, .07);
    border: 1px solid rgba(100, 116, 139, .16);
    color: #64748B;
}

.gt-line-card__btn--toggle:hover[b-7rclfvl8o7] {
    background: rgba(100, 116, 139, .14);
}
/* _content/Gbaka.BackOffice.WebApp/Components/Shared/GlassBoStationCard.razor.rz.scp.css */
.gt-station-card[b-n2mh55t5bc] {
    position: relative;
    border-radius: 20px;
    overflow: hidden;
    background: rgba(255, 255, 255, .6);
    backdrop-filter: blur(22px) saturate(150%);
    -webkit-backdrop-filter: blur(22px) saturate(150%);
    border: 1px solid rgba(255, 255, 255, .9);
    box-shadow: 0 10px 28px rgba(15, 40, 95, .08), inset 0 1px 0 rgba(255, 255, 255, .92);
    transition: transform .3s cubic-bezier(.2, .8, .2, 1), box-shadow .3s;
}

.gt-station-card:hover[b-n2mh55t5bc] {
    transform: translateY(-5px);
    box-shadow: 0 22px 48px rgba(15, 40, 95, .14);
}

/* Bandeau visuel */
.gt-station-card__media[b-n2mh55t5bc] {
    position: relative;
    height: 150px;
    cursor: pointer;
    overflow: hidden;
}

.gt-station-card__media[b-n2mh55t5bc]::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 48px;
    background: linear-gradient(transparent, rgba(15, 40, 95, .18));
}

.gt-station-card__media--0[b-n2mh55t5bc] {
    background: linear-gradient(175deg, #bfdbfe 0%, #93c5fd 20%, #fed7aa 38%, #ea580c 47%, #c2410c 58%, #d4a574 72%, #e2e8f0 88%, #94a3b8 100%);
}

.gt-station-card__media--1[b-n2mh55t5bc] {
    background: linear-gradient(160deg, #1e3a8a 0%, #1d4ed8 28%, #3b82f6 52%, #93c5fd 78%, #dbeafe 100%);
}

.gt-station-card__media--2[b-n2mh55t5bc] {
    background: linear-gradient(170deg, #0f766e 0%, #14b8a6 30%, #5eead4 55%, #bae6fd 78%, #e2e8f0 100%);
}

.gt-station-card__status[b-n2mh55t5bc] {
    position: absolute;
    top: 12px;
    right: 12px;
    z-index: 1;
    padding: 5px 12px;
    border-radius: 999px;
    font: 700 11px/1 'Inter';
}

.gt-station-card__status--active[b-n2mh55t5bc] {
    background: rgba(16, 185, 129, .18);
    border: 1px solid rgba(16, 185, 129, .3);
    color: #059669;
}

.gt-station-card__status--inactive[b-n2mh55t5bc] {
    background: rgba(100, 116, 139, .18);
    border: 1px solid rgba(100, 116, 139, .3);
    color: #475569;
}

/* Corps */
.gt-station-card__body[b-n2mh55t5bc] {
    padding: 16px 18px 14px;
}

.gt-station-card__name[b-n2mh55t5bc] {
    font: 800 16px/1.2 'Montserrat', 'Inter';
    color: #0B2E6F;
    letter-spacing: -.01em;
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.gt-station-card__name:hover[b-n2mh55t5bc] {
    color: #1D4ED8;
}

.gt-station-card__loc[b-n2mh55t5bc] {
    display: flex;
    align-items: center;
    gap: 6px;
    margin: 7px 0 12px;
    font: 500 12px/1.3 'Inter';
    color: #94A3B8;
}

    .gt-station-card__loc svg[b-n2mh55t5bc] {
        flex: none;
    }

    .gt-station-card__loc span[b-n2mh55t5bc] {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

.gt-station-card__pills[b-n2mh55t5bc] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 14px;
    flex-wrap: wrap;
}

.gt-station-card__pill[b-n2mh55t5bc] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 5px 11px;
    border-radius: 999px;
    background: rgba(59, 130, 246, .1);
    border: 1px solid rgba(59, 130, 246, .18);
    font: 600 12px/1 'Inter';
    color: #2563EB;
}

.gt-station-card__actions[b-n2mh55t5bc] {
    display: flex;
    align-items: center;
    gap: 8px;
    border-top: 1px solid rgba(15, 40, 95, .06);
    padding-top: 12px;
}

.gt-station-card__btn[b-n2mh55t5bc] {
    flex: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    cursor: pointer;
    padding: 9px;
    border-radius: 10px;
    font: 600 12px/1 'Inter';
    transition: background .2s, transform .2s;
}

.gt-station-card__btn--view[b-n2mh55t5bc] {
    background: rgba(59, 130, 246, .1);
    border: 1px solid rgba(59, 130, 246, .18);
    color: #2563EB;
}

    .gt-station-card__btn--view:hover[b-n2mh55t5bc] {
        background: rgba(59, 130, 246, .18);
    }

.gt-station-card__btn--edit[b-n2mh55t5bc] {
    background: rgba(100, 116, 139, .08);
    border: 1px solid rgba(100, 116, 139, .18);
    color: #64748B;
}

    .gt-station-card__btn--edit:hover[b-n2mh55t5bc] {
        background: rgba(100, 116, 139, .16);
    }
/* _content/Gbaka.BackOffice.WebApp/Components/Shared/GlassBoVehicleCard.razor.rz.scp.css */
.gt-vehicle-card[b-vztrfn9m17] {
    position: relative;
    border-radius: 18px;
    overflow: hidden;
    cursor: pointer;
    background: rgba(255, 255, 255, .6);
    backdrop-filter: blur(22px) saturate(150%);
    -webkit-backdrop-filter: blur(22px) saturate(150%);
    border: 1px solid rgba(255, 255, 255, .9);
    box-shadow: 0 8px 22px rgba(15, 40, 95, .08), inset 0 1px 0 rgba(255, 255, 255, .9);
    transition: transform .3s cubic-bezier(.2, .8, .2, 1), box-shadow .3s;
}

.gt-vehicle-card:hover[b-vztrfn9m17] {
    transform: translateY(-4px);
    box-shadow: 0 18px 40px rgba(15, 40, 95, .14);
}

.gt-vehicle-card__media[b-vztrfn9m17] {
    position: relative;
    height: 122px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    background: linear-gradient(135deg, #1e3a8a 0%, #1d4ed8 30%, #3b82f6 60%, #93c5fd 85%, #dbeafe 100%);
}

.gt-vehicle-card__media[b-vztrfn9m17]::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 40px;
    background: linear-gradient(transparent, rgba(11, 46, 111, .3));
}

.gt-vehicle-card__bus[b-vztrfn9m17] {
    position: relative;
    z-index: 1;
}

.gt-vehicle-card__badge[b-vztrfn9m17] {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 2;
    padding: 4px 10px;
    border-radius: 999px;
    background: rgba(255, 255, 255, .2);
    border: 1px solid rgba(255, 255, 255, .4);
    font: 700 11px/1 'Inter';
    color: #fff;
}

.gt-vehicle-card__body[b-vztrfn9m17] {
    padding: 14px 16px 16px;
}

.gt-vehicle-card__code[b-vztrfn9m17] {
    font: 800 15px/1.2 'Montserrat', 'Inter';
    color: #0B2E6F;
}

.gt-vehicle-card__model[b-vztrfn9m17] {
    margin-top: 4px;
    font: 500 12px/1.3 'Inter';
    color: #64748B;
}

.gt-vehicle-card__pills[b-vztrfn9m17] {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-top: 10px;
    flex-wrap: wrap;
}

.gt-vehicle-card__pill[b-vztrfn9m17] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 4px 10px;
    border-radius: 999px;
    background: rgba(59, 130, 246, .1);
    border: 1px solid rgba(59, 130, 246, .18);
    font: 600 11px/1 'Inter';
    color: #2563EB;
}

.gt-vehicle-card__dot[b-vztrfn9m17] {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: currentColor;
}

.gt-vehicle-card__pill--active[b-vztrfn9m17] {
    background: rgba(16, 185, 129, .12);
    border-color: rgba(16, 185, 129, .25);
    color: #059669;
}

.gt-vehicle-card__pill--inactive[b-vztrfn9m17] {
    background: rgba(100, 116, 139, .12);
    border-color: rgba(100, 116, 139, .25);
    color: #64748B;
}