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

/* _content/EsbTeamManager/Components/Layout/MainLayout.razor.rz.scp.css */
/* Layout styles moved to wwwroot/app.css (global) */
/* _content/EsbTeamManager/Components/Layout/NavMenu.razor.rz.scp.css */
/* All nav styling is handled globally in app.css for the custom sidebar context */
/* _content/EsbTeamManager/Components/Layout/NotificationBell.razor.rz.scp.css */
.notif-panel[b-tjfkzhb5ds] {
    position: fixed;
    z-index: 1250;
    left: 76px;
    bottom: 16px;
    width: min(380px, calc(100vw - 32px));
    display: flex;
    flex-direction: column;
    padding: 6px;
    border-radius: 16px;
    background: var(--esb-surface);
    border: 1px solid var(--esb-lines-default);
    box-shadow: 0 12px 34px rgba(0, 0, 0, 0.5);
}

@media (max-width: 640px) {
    .notif-panel[b-tjfkzhb5ds] {
        left: auto;
        right: 12px;
        bottom: auto;
        top: 64px;
    }
}

.notif-head[b-tjfkzhb5ds] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    padding: 12px 14px 8px;
    border-bottom: 1px solid var(--esb-lines-default);
}

.notif-title[b-tjfkzhb5ds] {
    font-family: 'Barlow Condensed', Roboto, sans-serif;
    font-weight: 700;
    font-size: 1.3rem;
    letter-spacing: -0.25px;
}

.notif-filters[b-tjfkzhb5ds] {
    display: flex;
    gap: 6px;
    padding: 10px 14px;
    overflow-x: auto;
}

.notif-pill[b-tjfkzhb5ds] {
    display: flex;
    align-items: center;
    gap: 6px;
    min-height: 28px;
    padding: 0 10px;
    border-radius: 999px;
    cursor: pointer;
    font-size: 0.72rem;
    font-weight: 600;
    white-space: nowrap;
    background: transparent;
    border: 1px solid var(--esb-lines-default);
    color: var(--esb-text-secondary);
}

.notif-pill--active[b-tjfkzhb5ds] {
    background: rgba(var(--esb-primary-rgb), 0.12);
    border-color: var(--esb-primary);
    color: var(--esb-primary);
}

.notif-pill-count[b-tjfkzhb5ds] {
    border-radius: 5px;
    font-size: 0.62rem;
    font-weight: 700;
    padding: 1px 5px;
    background: rgba(var(--esb-primary-rgb), 0.14);
    color: var(--esb-primary);
}

.notif-pill-count--warn[b-tjfkzhb5ds] {
    background: rgba(var(--esb-warning-rgb), 0.18);
    color: var(--esb-warning-darken);
}

.notif-list[b-tjfkzhb5ds] {
    max-height: 340px;
    overflow-y: auto;
    padding: 0 10px 6px;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.notif-day-label[b-tjfkzhb5ds] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 4px 4px;
}

.notif-day-label > span:first-child[b-tjfkzhb5ds] {
    font-size: 0.62rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--esb-text-secondary);
}

.notif-day-rule[b-tjfkzhb5ds] {
    flex: 1;
    height: 1px;
    background: var(--esb-lines-default);
}

.notif-card[b-tjfkzhb5ds] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    border-radius: 12px;
    padding: 9px 8px;
    cursor: pointer;
    border: 1px solid transparent;
}

.notif-card--unread[b-tjfkzhb5ds] {
    background: rgba(var(--esb-primary-rgb), 0.06);
}

.notif-card--pending[b-tjfkzhb5ds] {
    background: rgba(var(--esb-primary-rgb), 0.08);
    border-color: rgba(var(--esb-primary-rgb), 0.30);
}

.notif-icon[b-tjfkzhb5ds] {
    flex: none;
    width: 30px;
    height: 30px;
    border-radius: 9px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
}

.notif-icon--primary[b-tjfkzhb5ds] {
    background: rgba(var(--esb-primary-rgb), 0.14);
    border: 1px solid rgba(var(--esb-primary-rgb), 0.32);
    color: var(--esb-primary);
}

.notif-icon--secondary[b-tjfkzhb5ds] {
    background: rgba(var(--esb-secondary-rgb), 0.14);
    border: 1px solid rgba(var(--esb-secondary-rgb), 0.32);
    color: var(--esb-secondary);
}

.notif-icon--info[b-tjfkzhb5ds] {
    background: rgba(var(--esb-info-rgb), 0.14);
    border: 1px solid rgba(var(--esb-info-rgb), 0.32);
    color: var(--esb-info);
}

.notif-icon[b-tjfkzhb5ds]  svg {
    width: 16px;
    height: 16px;
}

.notif-body[b-tjfkzhb5ds] {
    flex: 1;
    min-width: 0;
}

.notif-row-top[b-tjfkzhb5ds] {
    display: flex;
    align-items: baseline;
    gap: 8px;
}

.notif-msg[b-tjfkzhb5ds] {
    flex: 1;
    min-width: 0;
    font-size: 0.8rem;
    line-height: 1.35;
    font-weight: 500;
}

.notif-msg--unread[b-tjfkzhb5ds] {
    font-weight: 700;
}

.notif-time[b-tjfkzhb5ds] {
    flex: none;
    font-size: 0.65rem;
    color: var(--esb-text-secondary);
    font-variant-numeric: tabular-nums;
}

.notif-actions[b-tjfkzhb5ds] {
    display: flex;
    gap: 8px;
    margin-top: 8px;
}

.notif-dot[b-tjfkzhb5ds] {
    flex: none;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--esb-primary);
    margin-top: 5px;
}

.notif-empty[b-tjfkzhb5ds] {
    padding: 28px 16px;
    text-align: center;
}

[b-tjfkzhb5ds] .notif-empty-icon {
    font-size: 2rem;
    opacity: 0.35;
}

.notif-empty-title[b-tjfkzhb5ds] {
    font-family: 'Barlow Condensed', Roboto, sans-serif;
    font-weight: 700;
    font-size: 1.1rem;
    color: var(--esb-text-secondary);
    margin-top: 6px;
}

.notif-empty-note[b-tjfkzhb5ds] {
    font-size: 0.72rem;
    color: var(--esb-text-disabled);
    margin-top: 4px;
    line-height: 1.4;
}

.notif-footer[b-tjfkzhb5ds] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 14px 12px;
    border-top: 1px solid var(--esb-lines-default);
}

.notif-footnote[b-tjfkzhb5ds] {
    flex: 1;
    min-width: 0;
    font-size: 0.68rem;
    color: var(--esb-text-disabled);
    line-height: 1.4;
}

.notif-push[b-tjfkzhb5ds] {
    padding: 10px 14px;
    border-top: 1px solid var(--esb-lines-default);
}
/* _content/EsbTeamManager/Components/Pages/Admin/AuditTrail.razor.rz.scp.css */
/* ── Topbar ──────────────────────────────────────────── */
.aud-topbar[b-yzc1lqkknk] {
    display: flex;
    align-items: flex-end;
    gap: 12px;
    flex-wrap: wrap;
    margin-bottom: 18px;
}

.aud-topbar-main[b-yzc1lqkknk] {
    flex: 1;
    min-width: 220px;
}

.aud-topbar-sub[b-yzc1lqkknk] {
    font-size: 0.78rem;
    color: var(--esb-text-secondary);
    margin-top: 2px;
}

[b-yzc1lqkknk] .aud-search {
    flex: none;
    width: 264px;
}

[b-yzc1lqkknk] .aud-export-btn {
    flex: none;
}

/* ── KPI cards ───────────────────────────────────────── */
.aud-kpi-row[b-yzc1lqkknk] {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    margin-bottom: 20px;
}

.aud-kpi[b-yzc1lqkknk] {
    background: var(--esb-surface);
    border: 1px solid var(--esb-lines-default);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);
    flex: 1;
    min-width: 160px;
    border-radius: 16px;
    padding: 14px 16px;
}

.aud-kpi-value[b-yzc1lqkknk] {
    font-family: 'Barlow Condensed', Roboto, sans-serif;
    font-weight: 800;
    font-size: 30px;
    line-height: 1;
    font-variant-numeric: tabular-nums;
    color: var(--esb-primary);
}

.aud-kpi-value--warn[b-yzc1lqkknk] {
    color: var(--esb-error);
}

.aud-kpi-label[b-yzc1lqkknk] {
    font-size: 10px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--esb-text-secondary);
    margin-top: 4px;
}

.aud-kpi-hint[b-yzc1lqkknk] {
    font-size: 11px;
    color: var(--esb-text-disabled);
    margin-top: 5px;
}

.aud-kpi-hint--warn[b-yzc1lqkknk] {
    color: var(--esb-error);
}

/* ── Layout principal + aside ───────────────────────────── */
.aud-layout[b-yzc1lqkknk] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 300px;
    gap: 20px;
    align-items: start;
}

@media (max-width: 1160px) {
    .aud-layout[b-yzc1lqkknk] {
        grid-template-columns: minmax(0, 1fr);
    }
}

.aud-main[b-yzc1lqkknk] {
    min-width: 0;
}

.aud-aside[b-yzc1lqkknk] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

/* ── Entête de liste + filtres entité ───────────────────── */
.aud-main-head[b-yzc1lqkknk] {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    padding: 13px 20px 12px;
}

.aud-count-label[b-yzc1lqkknk] {
    flex: 1;
    font-size: 0.70rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--esb-text-secondary);
}

.aud-entity-filters[b-yzc1lqkknk] {
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
}

/* ── Liste groupée par jour ──────────────────────────────── */
.aud-list[b-yzc1lqkknk] {
    padding: 0 20px 12px;
}

.aud-day-header[b-yzc1lqkknk] {
    display: flex;
    align-items: baseline;
    gap: 9px;
    padding: 9px 0 6px;
    border-top: 1px solid var(--esb-lines-default);
}

.aud-day-header:first-child[b-yzc1lqkknk] {
    border-top: none;
}

.aud-day-label[b-yzc1lqkknk] {
    font-family: 'Barlow Condensed', Roboto, sans-serif;
    font-weight: 700;
    font-size: 18px;
    letter-spacing: -0.2px;
}

.aud-day-count[b-yzc1lqkknk] {
    flex: 1;
    font-size: 11.5px;
    color: var(--esb-text-disabled);
}

.aud-row[b-yzc1lqkknk] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 9px 0;
    border-bottom: 1px solid var(--esb-lines-default);
}

.aud-row:last-child[b-yzc1lqkknk] {
    border-bottom: none;
}

.aud-row-time[b-yzc1lqkknk] {
    flex: none;
    width: 44px;
    font-size: 12px;
    color: var(--esb-text-disabled);
    font-variant-numeric: tabular-nums;
}

.aud-row-user[b-yzc1lqkknk] {
    flex: none;
    width: 160px;
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
    padding-right: 8px;
    box-sizing: border-box;
}

[b-yzc1lqkknk] .aud-row-avatar {
    flex: none;
    width: 24px !important;
    height: 24px !important;
    font-size: 0.7rem !important;
}

.aud-row-username[b-yzc1lqkknk] {
    flex: 1;
    min-width: 0;
    font-size: 12.5px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.aud-dot[b-yzc1lqkknk] {
    flex: none;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    border-width: 2px;
    border-style: solid;
    box-sizing: border-box;
}

.aud-row-action[b-yzc1lqkknk] {
    flex: 1;
    min-width: 0;
    font-size: 13px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.aud-row-entity[b-yzc1lqkknk] {
    flex: none;
    width: 150px;
    text-align: right;
}

/* ── État vide ───────────────────────────────────────────── */
.aud-empty[b-yzc1lqkknk] {
    padding: 34px 20px;
    text-align: center;
}

.aud-empty-title[b-yzc1lqkknk] {
    font-family: 'Barlow Condensed', Roboto, sans-serif;
    font-weight: 700;
    font-size: 19px;
    color: var(--esb-text-secondary);
}

.aud-empty-hint[b-yzc1lqkknk] {
    font-size: 12px;
    color: var(--esb-text-disabled);
    margin-top: 5px;
}

/* ── Aside : Acteurs / Actions sensibles / rétention ────── */
.aud-aside-card[b-yzc1lqkknk] {
    background: var(--esb-surface);
    border: 1px solid var(--esb-lines-default);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);
    border-radius: 16px;
    padding: 16px 18px;
}

.aud-aside-title[b-yzc1lqkknk] {
    font-size: 0.70rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--esb-text-secondary);
    margin-bottom: 9px;
}

.aud-actor-row[b-yzc1lqkknk] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 0;
    border-bottom: 1px solid var(--esb-lines-default);
    cursor: pointer;
}

.aud-actor-row:last-child[b-yzc1lqkknk] {
    border-bottom: none;
}

[b-yzc1lqkknk] .aud-actor-avatar {
    flex: none;
    width: 28px !important;
    height: 28px !important;
    font-size: 0.8rem !important;
}

.aud-actor-main[b-yzc1lqkknk] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
}

.aud-actor-name[b-yzc1lqkknk] {
    font-size: 12.5px;
    font-weight: 600;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.aud-actor-note[b-yzc1lqkknk] {
    font-size: 10.5px;
    color: var(--esb-text-disabled);
    margin-top: 1px;
}

.aud-actor-bar-wrap[b-yzc1lqkknk] {
    flex: none;
    width: 44px;
    height: 5px;
    border-radius: 3px;
    background: rgba(var(--esb-primary-rgb), 0.12);
    overflow: hidden;
}

.aud-actor-bar[b-yzc1lqkknk] {
    display: block;
    height: 100%;
    border-radius: 3px;
    background: var(--esb-primary);
}

.aud-actor-count[b-yzc1lqkknk] {
    flex: none;
    min-width: 22px;
    text-align: right;
    font-family: 'Barlow Condensed', Roboto, sans-serif;
    font-weight: 800;
    font-size: 15px;
    font-variant-numeric: tabular-nums;
    color: var(--esb-primary);
}

.aud-sensitive-row[b-yzc1lqkknk] {
    display: flex;
    align-items: flex-start;
    gap: 9px;
    padding: 9px 0;
    border-bottom: 1px solid var(--esb-lines-default);
}

.aud-sensitive-row:last-child[b-yzc1lqkknk] {
    border-bottom: none;
}

.aud-sensitive-dot[b-yzc1lqkknk] {
    flex: none;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--esb-error);
    margin-top: 5px;
}

.aud-sensitive-main[b-yzc1lqkknk] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
}

.aud-sensitive-action[b-yzc1lqkknk] {
    font-size: 12.5px;
    font-weight: 500;
    line-height: 1.35;
}

.aud-sensitive-meta[b-yzc1lqkknk] {
    font-size: 10.5px;
    color: var(--esb-text-disabled);
    margin-top: 2px;
}

.aud-retention-note[b-yzc1lqkknk] {
    padding: 13px 15px;
    border-radius: 16px;
    background: var(--esb-background-grey);
    border: 1px solid var(--esb-lines-default);
    font-size: 11.5px;
    color: var(--esb-text-disabled);
    line-height: 1.5;
}
/* _content/EsbTeamManager/Components/Pages/Admin/Configuration.razor.rz.scp.css */
/* ── Topbar ──────────────────────────────────────────── */
.cfg-topbar[b-97sxopy8e9] {
    display: flex;
    align-items: flex-end;
    gap: 12px;
    flex-wrap: wrap;
    margin-bottom: 18px;
}

.cfg-topbar-main[b-97sxopy8e9] {
    flex: 1;
    min-width: 220px;
}

.cfg-topbar-sub[b-97sxopy8e9] {
    font-size: 0.78rem;
    color: var(--esb-text-secondary);
    margin-top: 2px;
}

.cfg-dirty-bar[b-97sxopy8e9] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 12px;
    border-radius: 12px;
    background: rgba(var(--esb-warning-rgb), 0.12);
    border: 1px solid rgba(var(--esb-warning-rgb), 0.35);
}

.cfg-dirty-label[b-97sxopy8e9] {
    font-size: 12px;
    font-weight: 600;
    color: var(--esb-warning-darken);
}

/* ── Layout principal ────────────────────────────────── */
.cfg-grid[b-97sxopy8e9] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 20px;
    align-items: start;
}

@media (max-width: 1160px) {
    .cfg-grid[b-97sxopy8e9] {
        grid-template-columns: minmax(0, 1fr);
    }
}

.cfg-aside[b-97sxopy8e9] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

/* ── Cartes ──────────────────────────────────────────── */
.cfg-card[b-97sxopy8e9] {
    background: var(--esb-surface);
    border: 1px solid var(--esb-lines-default);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);
    border-radius: 16px;
    padding: 18px 20px;
}

.cfg-card--danger[b-97sxopy8e9] {
    background: rgba(var(--esb-error-rgb), 0.05);
    border: 1px solid rgba(var(--esb-error-rgb), 0.3);
}

.cfg-card-head[b-97sxopy8e9] {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 16px;
}

.cfg-card-icon[b-97sxopy8e9] {
    flex: none;
    width: 38px;
    height: 38px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--esb-background-grey);
    color: var(--esb-text-secondary);
}

.cfg-card-icon svg[b-97sxopy8e9] {
    width: 19px;
    height: 19px;
    stroke: currentColor;
    stroke-width: 1.75;
    fill: none;
}

.cfg-card-icon--ok[b-97sxopy8e9] {
    background: rgba(var(--esb-success-rgb), 0.14);
    color: var(--esb-success);
}

.cfg-card-icon--danger[b-97sxopy8e9] {
    background: rgba(var(--esb-error-rgb), 0.14);
    color: var(--esb-error);
}

.cfg-card-head-text[b-97sxopy8e9] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
}

.cfg-card-title[b-97sxopy8e9] {
    font-family: 'Barlow Condensed', Roboto, sans-serif;
    font-weight: 700;
    font-size: 17px;
}

.cfg-card-note[b-97sxopy8e9] {
    font-size: 11.5px;
    color: var(--esb-text-disabled);
    margin-top: 1px;
}

/* ── Champs ──────────────────────────────────────────── */
.cfg-field-grid[b-97sxopy8e9] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
    margin-bottom: 14px;
}

.cfg-field--wide[b-97sxopy8e9] {
    grid-column: 1 / -1;
}

.cfg-field-label-row[b-97sxopy8e9] {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-bottom: 3px;
}

.cfg-field-label[b-97sxopy8e9] {
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--esb-text-secondary);
}

.cfg-field-badge[b-97sxopy8e9] {
    font-size: 9.5px;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    padding: 1px 6px;
    border-radius: 6px;
    background: rgba(var(--esb-warning-rgb), 0.18);
    color: var(--esb-warning-darken);
}

.cfg-field-hint[b-97sxopy8e9] {
    font-size: 10.5px;
    color: var(--esb-text-disabled);
    margin-top: 2px;
}

.cfg-field--changed[b-97sxopy8e9] {
    padding-left: 8px;
    border-left: 2px solid rgba(var(--esb-warning-rgb), 0.6);
}

/* ── Rangée TLS/SSL ──────────────────────────────────── */
.cfg-ssl-row[b-97sxopy8e9] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 10px 14px;
    border-radius: 12px;
    margin-bottom: 14px;
    border: 1px solid transparent;
}

.cfg-ssl-row--on[b-97sxopy8e9] {
    background: rgba(var(--esb-success-rgb), 0.08);
    border-color: rgba(var(--esb-success-rgb), 0.25);
}

.cfg-ssl-row--off[b-97sxopy8e9] {
    background: rgba(var(--esb-error-rgb), 0.08);
    border-color: rgba(var(--esb-error-rgb), 0.3);
}

.cfg-ssl-text[b-97sxopy8e9] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.cfg-ssl-title[b-97sxopy8e9] {
    font-size: 13px;
    font-weight: 600;
}

.cfg-ssl-hint[b-97sxopy8e9] {
    font-size: 11px;
    color: var(--esb-text-disabled);
    margin-top: 1px;
}

/* ── Actions et résultats de test ────────────────────── */
.cfg-action-row[b-97sxopy8e9] {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

.cfg-test-result[b-97sxopy8e9] {
    font-size: 12.5px;
    font-weight: 500;
}

.cfg-test-result--ok[b-97sxopy8e9] {
    color: var(--esb-success);
}

.cfg-test-result--ko[b-97sxopy8e9] {
    color: var(--esb-error);
}

.cfg-footnote[b-97sxopy8e9] {
    font-size: 11px;
    color: var(--esb-text-disabled);
    line-height: 1.5;
    margin-top: 12px;
}

.cfg-empty-hint[b-97sxopy8e9] {
    font-size: 12.5px;
    color: var(--esb-text-secondary);
    line-height: 1.5;
    margin-bottom: 14px;
}

.cfg-empty-hint--danger[b-97sxopy8e9] {
    color: var(--esb-error);
}

/* ── Clé publique VAPID ──────────────────────────────── */
.cfg-key-row[b-97sxopy8e9] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 10px;
    border-radius: 10px;
    background: var(--esb-background-grey);
    border: 1px solid var(--esb-lines-default);
}

.cfg-key-value[b-97sxopy8e9] {
    flex: 1;
    min-width: 0;
    font-family: monospace;
    font-size: 11px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.cfg-copy-btn[b-97sxopy8e9] {
    flex: none;
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 4px 8px;
    border-radius: 8px;
    border: none;
    background: transparent;
    color: var(--esb-primary);
    font-size: 11.5px;
    font-weight: 600;
    cursor: pointer;
}

.cfg-copy-btn:hover[b-97sxopy8e9] {
    background: rgba(var(--esb-primary-rgb), 0.08);
}

/* ── Carte "Ce qui passe par ces canaux" ─────────────── */
.cfg-channel-row[b-97sxopy8e9] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 9px 0;
    border-bottom: 1px solid var(--esb-lines-default);
}

.cfg-channel-row:last-child[b-97sxopy8e9] {
    border-bottom: none;
}

.cfg-channel-text[b-97sxopy8e9] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.cfg-channel-title[b-97sxopy8e9] {
    font-size: 12.5px;
    font-weight: 600;
}

.cfg-channel-note[b-97sxopy8e9] {
    font-size: 11px;
    color: var(--esb-text-disabled);
    line-height: 1.4;
    margin-top: 1px;
}
/* _content/EsbTeamManager/Components/Pages/Admin/Dialogs/ResetPasswordDialog.razor.rz.scp.css */
.rpd-strength-row[b-wz7kujfszj] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 6px;
}

.rpd-strength-label[b-wz7kujfszj] {
    flex: 1;
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--esb-text-secondary);
}

.rpd-strength-value[b-wz7kujfszj] {
    font-size: 0.78rem;
    font-weight: 700;
}

.rpd-strength-bars[b-wz7kujfszj] {
    display: flex;
    gap: 4px;
    margin-top: 8px;
}

.rpd-strength-bar[b-wz7kujfszj] {
    flex: 1;
    height: 5px;
    border-radius: 3px;
}

.rpd-rules[b-wz7kujfszj] {
    display: flex;
    flex-direction: column;
    gap: 5px;
    margin-top: 11px;
}

.rpd-rule[b-wz7kujfszj] {
    display: flex;
    align-items: center;
    gap: 7px;
}

.rpd-rule-dot[b-wz7kujfszj] {
    flex: none;
    width: 6px;
    height: 6px;
    border-radius: 50%;
}

.rpd-rule-label[b-wz7kujfszj] {
    font-size: 0.72rem;
    color: var(--esb-text-disabled);
}

.rpd-rule-label--ok[b-wz7kujfszj] {
    color: var(--esb-text-secondary);
    font-weight: 600;
}
/* _content/EsbTeamManager/Components/Pages/Admin/Dialogs/UserFormDialog.razor.rz.scp.css */
.ufd-role-label[b-9134dju93l] {
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--esb-text-secondary);
    margin-bottom: 9px;
}

.ufd-role-cards[b-9134dju93l] {
    display: flex;
    gap: 9px;
}

.ufd-role-card[b-9134dju93l] {
    display: block;
    flex: 1;
    min-width: 0;
    text-align: left;
    font-family: inherit;
    min-height: 52px;
    padding: 8px 13px;
    border-radius: 13px;
    border: 1px solid var(--esb-lines-default);
    background: transparent;
    color: var(--esb-text-secondary);
    cursor: pointer;
}

.ufd-role-card--active[b-9134dju93l] {
    border-color: var(--esb-primary);
    background: rgba(var(--esb-primary-rgb), 0.08);
    color: var(--esb-primary);
}

.ufd-role-card-title[b-9134dju93l] {
    display: block;
    font-weight: 700;
    font-size: 0.82rem;
}

.ufd-role-card-note[b-9134dju93l] {
    display: block;
    font-size: 0.66rem;
    opacity: 0.8;
    margin-top: 2px;
}
/* _content/EsbTeamManager/Components/Pages/Admin/Utilisateurs.razor.rz.scp.css */
/* ── Topbar ──────────────────────────────────────────── */
.adm-topbar[b-efl8qjm5lb] {
    display: flex;
    align-items: flex-end;
    gap: 12px;
    flex-wrap: wrap;
    margin-bottom: 18px;
}

.adm-topbar-main[b-efl8qjm5lb] {
    flex: 1;
    min-width: 220px;
}

.adm-topbar-sub[b-efl8qjm5lb] {
    font-size: 0.78rem;
    color: var(--esb-text-secondary);
    margin-top: 2px;
}

[b-efl8qjm5lb] .adm-search {
    flex: none;
    width: 264px;
}

[b-efl8qjm5lb] .adm-new-btn {
    flex: none;
}

/* ── KPI cards ───────────────────────────────────────── */
.adm-kpi-row[b-efl8qjm5lb] {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    margin-bottom: 20px;
}

.adm-kpi[b-efl8qjm5lb] {
    background: var(--esb-surface);
    border: 1px solid var(--esb-lines-default);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);
    flex: 1;
    min-width: 160px;
    border-radius: 16px;
    padding: 14px 16px;
}

.adm-kpi-value[b-efl8qjm5lb] {
    font-family: 'Barlow Condensed', Roboto, sans-serif;
    font-weight: 800;
    font-size: 30px;
    line-height: 1;
    font-variant-numeric: tabular-nums;
    color: var(--esb-primary);
}

.adm-kpi-value--warn[b-efl8qjm5lb] {
    color: var(--esb-warning-darken);
}

.adm-kpi-label[b-efl8qjm5lb] {
    font-size: 10px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--esb-text-secondary);
    margin-top: 4px;
}

.adm-kpi-hint[b-efl8qjm5lb] {
    font-size: 11px;
    color: var(--esb-text-disabled);
    margin-top: 5px;
}

.adm-kpi-hint--warn[b-efl8qjm5lb] {
    color: var(--esb-warning-darken);
}

/* ── Filtres rôle ────────────────────────────────────── */
.adm-role-filters[b-efl8qjm5lb] {
    display: flex;
    gap: 6px;
    padding: 12px 20px;
}

/* ── Layout principal + aside ───────────────────────────── */
.adm-layout[b-efl8qjm5lb] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 322px;
    gap: 20px;
    align-items: start;
}

/* Voile de fond : uniquement sous le seuil mobile. */
.adm-backdrop[b-efl8qjm5lb] {
    display: none;
}

.adm-main[b-efl8qjm5lb] {
    min-width: 0;
}

.adm-aside[b-efl8qjm5lb] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.adm-row--selected[b-efl8qjm5lb] {
    background: rgba(var(--esb-primary-rgb), 0.10);
}

/* ── Panneau détail utilisateur ────────────────────────── */
.adm-panel[b-efl8qjm5lb] {
    background: var(--esb-surface);
    border: 1px solid var(--esb-lines-default);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);
    border-radius: 16px;
    padding: 14px 16px;
    display: flex;
    flex-direction: column;
    max-height: 78vh;
}

.adm-panel-header[b-efl8qjm5lb] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid var(--esb-lines-default);
    margin-bottom: 10px;
}

.adm-panel-title-block[b-efl8qjm5lb] {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-width: 0;
}

.adm-panel-title[b-efl8qjm5lb] {
    font-size: 0.95rem;
    font-weight: 700;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.adm-panel-subtitle[b-efl8qjm5lb] {
    font-size: 0.72rem;
    color: var(--esb-text-secondary);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.adm-panel-body[b-efl8qjm5lb] {
    flex: 1;
    overflow-y: auto;
    padding-right: 2px;
}

/* Métadonnées */
.adm-meta-row[b-efl8qjm5lb] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 0;
    border-bottom: 1px solid var(--esb-lines-default);
}

.adm-meta-label[b-efl8qjm5lb] {
    flex: 1;
    font-size: 12px;
    color: var(--esb-text-secondary);
}

.adm-meta-value[b-efl8qjm5lb] {
    flex: none;
    max-width: 170px;
    text-align: right;
    font-size: 12.5px;
    font-weight: 600;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* Actions */
.adm-actions-title[b-efl8qjm5lb] {
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--esb-text-secondary);
    margin-top: 16px;
}

.adm-actions-list[b-efl8qjm5lb] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-top: 9px;
}

.adm-action-btn[b-efl8qjm5lb] {
    display: flex;
    align-items: center;
    gap: 11px;
    min-height: 48px;
    padding: 0 13px;
    border-radius: 13px;
    font-family: Manrope, 'Helvetica Neue', Arial, sans-serif;
    cursor: pointer;
    text-align: left;
    background: transparent;
}

.adm-action-btn--primary[b-efl8qjm5lb] {
    background: rgba(var(--esb-primary-rgb), 0.10);
    border: 1px solid rgba(var(--esb-primary-rgb), 0.40);
    color: var(--esb-primary);
}

.adm-action-btn--warn[b-efl8qjm5lb] {
    background: rgba(var(--esb-warning-rgb), 0.10);
    border: 1px solid rgba(var(--esb-warning-rgb), 0.40);
    color: var(--esb-warning-darken);
}

.adm-action-btn--danger[b-efl8qjm5lb] {
    background: rgba(var(--esb-error-rgb), 0.10);
    border: 1px solid rgba(var(--esb-error-rgb), 0.40);
    color: var(--esb-error);
}

.adm-action-btn:disabled[b-efl8qjm5lb] {
    cursor: not-allowed;
    background: var(--esb-background-grey);
    border: 1px solid var(--esb-lines-default);
    color: var(--esb-text-disabled);
}

.adm-action-text[b-efl8qjm5lb] {
    flex: 1;
    display: flex;
    flex-direction: column;
}

.adm-action-label[b-efl8qjm5lb] {
    font-size: 13px;
    font-weight: 600;
}

.adm-action-hint[b-efl8qjm5lb] {
    font-size: 11px;
    opacity: 0.8;
    margin-top: 2px;
    font-weight: 400;
}

/* Confirmation suppression */
.adm-confirm-box[b-efl8qjm5lb] {
    margin-top: 11px;
    padding: 12px 13px;
    border-radius: 14px;
    background: rgba(var(--esb-error-rgb), 0.10);
    border: 1px solid rgba(var(--esb-error-rgb), 0.45);
}

.adm-confirm-text[b-efl8qjm5lb] {
    font-size: 12px;
    color: var(--esb-error);
    font-weight: 600;
    line-height: 1.4;
}

.adm-confirm-actions[b-efl8qjm5lb] {
    display: flex;
    gap: 8px;
    margin-top: 10px;
}

/* Panneau vide */
.adm-empty-panel[b-efl8qjm5lb] {
    background: var(--esb-surface);
    border-radius: 16px;
    padding: 24px 18px;
    text-align: center;
    border: 1px dashed var(--esb-lines-default);
    box-shadow: none;
}

.adm-empty-title[b-efl8qjm5lb] {
    font-size: 13px;
    color: var(--esb-text-secondary);
    font-weight: 600;
}

.adm-empty-hint[b-efl8qjm5lb] {
    font-size: 11.5px;
    color: var(--esb-text-disabled);
    margin-top: 5px;
    line-height: 1.45;
}

/* Comptes à vérifier */
.adm-aside-card[b-efl8qjm5lb] {
    background: var(--esb-surface);
    border: 1px solid var(--esb-lines-default);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);
    border-radius: 16px;
    padding: 14px 16px;
}

.adm-aside-title[b-efl8qjm5lb] {
    font-size: 0.70rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: var(--esb-text-secondary);
}

.adm-flag-row[b-efl8qjm5lb] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 9px 0;
    border-bottom: 1px solid var(--esb-lines-default);
    cursor: pointer;
}

.adm-flag-row:last-child[b-efl8qjm5lb] {
    border-bottom: none;
}

.adm-flag-dot[b-efl8qjm5lb] {
    flex: none;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--esb-warning-darken);
}

.adm-flag-main[b-efl8qjm5lb] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
}

.adm-flag-name[b-efl8qjm5lb] {
    font-size: 12.5px;
    font-weight: 600;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.adm-flag-note[b-efl8qjm5lb] {
    font-size: 11px;
    color: var(--esb-text-secondary);
    margin-top: 1px;
}

.adm-col-role[b-efl8qjm5lb] { flex: none; width: 150px; }

/* ═══════════════════════════════════════════════════════════
   RESPONSIVE — en fin de fichier : à spécificité égale, la
   dernière règle gagne, sinon les styles de base annulent
   silencieusement les adaptations ci-dessous.
   ═══════════════════════════════════════════════════════════ */

@media (max-width: 1160px) {
    .adm-layout[b-efl8qjm5lb] {
        grid-template-columns: minmax(0, 1fr);
    }

    .adm-backdrop[b-efl8qjm5lb] {
        display: block;
        position: fixed;
        inset: 0;
        background: rgba(0, 0, 0, 0.55);
        z-index: 1290;
    }

    .adm-panel[b-efl8qjm5lb] {
        position: fixed !important;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 1300;
        border-radius: 18px 18px 0 0 !important;
        max-height: 82vh;
        box-shadow: var(--esb-shadow-sheet) !important;
    }
}

@media (max-width: 1300px) {
    .adm-col-role[b-efl8qjm5lb] {
        width: 116px;
    }
}

@media (max-width: 1100px) {
    .adm-col-email[b-efl8qjm5lb] {
        display: none;
    }
}
/* _content/EsbTeamManager/Components/Pages/Chronometre.razor.rz.scp.css */
/* ── Topbar ──────────────────────────────────────────── */
.chrono-topbar[b-yt4zs51qgd] {
    display: flex;
    align-items: center;
    gap: 12px;
}

[b-yt4zs51qgd] .chrono-status-chip {
    font-weight: 700 !important;
    text-transform: uppercase;
    font-size: 0.68rem !important;
    letter-spacing: 0.05em;
}

[b-yt4zs51qgd] .chrono-headline {
    color: var(--esb-text-secondary);
}

/* ── Layout ──────────────────────────────────────────── */
.chrono-layout[b-yt4zs51qgd] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 340px;
    gap: 20px;
    align-items: start;
}

@media (max-width: 1160px) {
    .chrono-layout[b-yt4zs51qgd] {
        grid-template-columns: minmax(0, 1fr);
    }
}

/* ── Cadran ──────────────────────────────────────────── */
.chrono-dial[b-yt4zs51qgd] {
    background: var(--esb-surface);
    border-radius: 18px;
    padding: 22px 24px;
    border: 1px solid var(--esb-lines-default);
    transition: border-color 0.2s ease;
}

.chrono-dial--alarm[b-yt4zs51qgd] {
    border: 2px solid var(--esb-warning) !important;
}

.chrono-dial--ended[b-yt4zs51qgd] {
    border: 2px solid var(--esb-error) !important;
}

.chrono-dial-head[b-yt4zs51qgd] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.chrono-dial-label[b-yt4zs51qgd] {
    flex: 1;
    font-size: 0.70rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--esb-text-secondary);
}

.chrono-cycle-label[b-yt4zs51qgd] {
    font-size: 12px;
    color: var(--esb-text-secondary);
    font-variant-numeric: tabular-nums;
}

/* ── Affichage mobile : anneau de progression ────────── */
.chrono-mobile-only[b-yt4zs51qgd] {
    display: block;
}

.chrono-desktop-only[b-yt4zs51qgd] {
    display: none;
}

@media (min-width: 961px) {
    .chrono-mobile-only[b-yt4zs51qgd] {
        display: none;
    }

    .chrono-desktop-only[b-yt4zs51qgd] {
        display: block;
    }
}

.chrono-ring-wrap[b-yt4zs51qgd] {
    position: relative;
    display: flex;
    justify-content: center;
    margin: 16px auto 0;
    max-width: 240px;
}

.chrono-ring[b-yt4zs51qgd] {
    width: 100%;
    height: auto;
    display: block;
    transform: rotate(-90deg);
}

.chrono-ring-track[b-yt4zs51qgd] {
    fill: none;
    stroke: var(--esb-background-grey);
    stroke-width: 11;
}

.chrono-ring-fill[b-yt4zs51qgd] {
    fill: none;
    stroke-width: 11;
    stroke-linecap: round;
    transition: stroke-dashoffset 0.9s linear, stroke 0.3s ease;
}

.chrono-ring-center[b-yt4zs51qgd] {
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.chrono-time[b-yt4zs51qgd] {
    font-family: 'Barlow Condensed', Roboto, sans-serif;
    font-weight: 800;
    line-height: 0.95;
    font-variant-numeric: tabular-nums;
    letter-spacing: -1.5px;
}

.chrono-time--ring[b-yt4zs51qgd] {
    font-size: 46px;
}

.chrono-time--big[b-yt4zs51qgd] {
    font-size: 132px;
    text-align: center;
    letter-spacing: -4px;
    display: block;
}

@media (max-width: 1280px) {
    .chrono-time--big[b-yt4zs51qgd] {
        font-size: 92px;
    }
}

.chrono-sublabel[b-yt4zs51qgd] {
    font-size: 10.5px;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--esb-text-secondary);
    margin-top: 2px;
}

.chrono-sublabel--center[b-yt4zs51qgd] {
    text-align: center;
    margin-top: 4px;
}

/* ── Barre de progression (desktop) ──────────────────── */
.chrono-progress-track[b-yt4zs51qgd] {
    display: flex;
    height: 8px;
    border-radius: 4px;
    overflow: hidden;
    background: var(--esb-background-grey);
    margin-top: 22px;
}

.chrono-progress-fill[b-yt4zs51qgd] {
    height: 100%;
    border-radius: 4px;
    transition: width 0.9s linear, background 0.3s ease;
}

.chrono-progress-labels[b-yt4zs51qgd] {
    display: flex;
    justify-content: space-between;
    margin-top: 8px;
    font-size: 11.5px;
    color: var(--esb-text-disabled);
    font-variant-numeric: tabular-nums;
}

/* ── Bandeau prochaine alarme ─────────────────────────── */
.chrono-next-alarm[b-yt4zs51qgd] {
    margin-top: 16px;
    padding: 10px 14px;
    border-radius: 12px;
    font-size: 12.5px;
    font-weight: 600;
    text-align: center;
    background: var(--esb-surface);
    border: 1px solid var(--esb-lines-default);
    color: var(--esb-text-secondary);
}

.chrono-next-alarm--flash[b-yt4zs51qgd] {
    background: rgba(var(--esb-warning-rgb), 0.14);
    border: 1px solid rgba(var(--esb-warning-rgb), 0.45);
    color: var(--esb-warning-darken);
    animation: chrono-pulse-b-yt4zs51qgd 1s ease-in-out infinite;
}

@keyframes chrono-pulse-b-yt4zs51qgd {
    0%, 100% { opacity: 0.55; }
    50% { opacity: 1; }
}

/* ── Actions ─────────────────────────────────────────── */
.chrono-actions[b-yt4zs51qgd] {
    display: flex;
    gap: 11px;
    margin-top: 20px;
    flex-wrap: wrap;
}

/* ── Journal des alarmes ──────────────────────────────── */
.chrono-log[b-yt4zs51qgd] {
    margin-top: 22px;
    padding-top: 16px;
    border-top: 1px solid var(--esb-lines-default);
}

.chrono-log-title[b-yt4zs51qgd] {
    font-size: 0.70rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--esb-text-secondary);
}

.chrono-log-list[b-yt4zs51qgd] {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    margin-top: 10px;
}

[b-yt4zs51qgd] .chrono-log-chip {
    font-variant-numeric: tabular-nums;
}

/* ── Panneau de réglages ──────────────────────────────── */
.chrono-setup[b-yt4zs51qgd] {
    background: var(--esb-surface);
    border: 1px solid var(--esb-lines-default);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);
    border-radius: 16px;
    padding: 16px 18px;
    transition: opacity 0.2s ease;
}

.chrono-setup--locked[b-yt4zs51qgd] {
    opacity: 0.62;
}

.chrono-setup-head[b-yt4zs51qgd] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.chrono-setup-title[b-yt4zs51qgd] {
    flex: 1;
    font-size: 0.70rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--esb-text-secondary);
}

.chrono-locked-tag[b-yt4zs51qgd] {
    font-size: 11px;
    color: var(--esb-warning-darken);
}

.chrono-fine-title[b-yt4zs51qgd] {
    font-size: 0.70rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--esb-text-secondary);
    margin-top: 20px;
}

/* ── Grille des presets ────────────────────────────────── */
.chrono-preset-grid[b-yt4zs51qgd] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    margin-top: 11px;
}

.chrono-preset[b-yt4zs51qgd] {
    display: block;
    text-align: left;
    border-radius: 14px;
    padding: 11px 13px;
    cursor: pointer;
    font-family: Manrope, 'Helvetica Neue', Arial, sans-serif;
    background: var(--esb-surface);
    border: 1px solid var(--esb-lines-default);
    color: var(--esb-text-primary);
}

.chrono-preset:disabled[b-yt4zs51qgd] {
    cursor: not-allowed;
}

.chrono-preset--active[b-yt4zs51qgd] {
    background: rgba(var(--esb-primary-rgb), 0.10);
    border: 1px solid var(--esb-primary);
}

.chrono-preset-time[b-yt4zs51qgd] {
    display: block;
    font-family: 'Barlow Condensed', Roboto, sans-serif;
    font-weight: 800;
    font-size: 21px;
    line-height: 1;
    font-variant-numeric: tabular-nums;
}

.chrono-preset--active .chrono-preset-time[b-yt4zs51qgd] {
    color: var(--esb-primary);
}

.chrono-preset-label[b-yt4zs51qgd] {
    display: block;
    font-size: 11.5px;
    color: var(--esb-text-secondary);
    margin-top: 3px;
}

.chrono-preset-note[b-yt4zs51qgd] {
    display: block;
    font-size: 10.5px;
    color: var(--esb-text-disabled);
    margin-top: 2px;
}

/* ── Réglage fin (steppers) ───────────────────────────── */
.chrono-stepper-list[b-yt4zs51qgd] {
    display: flex;
    flex-direction: column;
    gap: 9px;
    margin-top: 11px;
}

.chrono-stepper-row[b-yt4zs51qgd] {
    display: flex;
    align-items: center;
    gap: 11px;
    padding: 10px 0;
    border-bottom: 1px solid var(--esb-lines-default);
}

.chrono-stepper-row:last-child[b-yt4zs51qgd] {
    border-bottom: none;
}

.chrono-stepper-info[b-yt4zs51qgd] {
    flex: 1;
    min-width: 0;
}

.chrono-stepper-label[b-yt4zs51qgd] {
    display: block;
    font-size: 12.5px;
    font-weight: 600;
}

.chrono-stepper-hint[b-yt4zs51qgd] {
    display: block;
    font-size: 10.5px;
    color: var(--esb-text-disabled);
    margin-top: 2px;
}

.chrono-stepper-controls[b-yt4zs51qgd] {
    flex: none;
    display: flex;
    align-items: center;
    gap: 4px;
}

.chrono-stepper-btn[b-yt4zs51qgd] {
    width: 34px;
    height: 34px;
    border-radius: 10px;
    background: transparent;
    border: 1px solid var(--esb-lines-default);
    cursor: pointer;
    color: var(--esb-text-primary);
    font-size: 17px;
    font-weight: 600;
    line-height: 1;
    padding: 0;
}

.chrono-stepper-btn:hover:not(:disabled)[b-yt4zs51qgd] {
    background: rgba(var(--esb-primary-rgb), 0.08);
}

.chrono-stepper-btn:disabled[b-yt4zs51qgd] {
    cursor: not-allowed;
    opacity: 0.5;
}

.chrono-stepper-value[b-yt4zs51qgd] {
    min-width: 46px;
    text-align: center;
    font-family: 'Barlow Condensed', Roboto, sans-serif;
    font-weight: 800;
    font-size: 19px;
    font-variant-numeric: tabular-nums;
}
/* _content/EsbTeamManager/Components/Pages/Classement.razor.rz.scp.css */
/* ── Topbar ──────────────────────────────────────────── */
/* ── Podium ──────────────────────────────────────────── */
/* ── Layout principal + aside ───────────────────────────── */
.cl-layout[b-agjby2vznq] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 322px;
    gap: 20px;
    align-items: start;
}

/* Voile de fond : uniquement sous le seuil mobile. */
.cl-main[b-agjby2vznq] {
    min-width: 0;
}

.cl-aside[b-agjby2vznq] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.cl-row--selected[b-agjby2vznq] {
    background: rgba(var(--esb-primary-rgb), 0.10);
}

/* ── Cartes latérales ────────────────────────────────── */
.cl-aside-card[b-agjby2vznq] {
    background: var(--esb-surface);
    border: 1px solid var(--esb-lines-default);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);
    border-radius: 16px;
    padding: 14px 16px;
}

.cl-aside-title[b-agjby2vznq] {
    font-size: 0.72rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--esb-text-disabled);
    margin-bottom: 10px;
}

/* Panneau détail joueur */
.cl-panel[b-agjby2vznq] {
    background: var(--esb-surface);
    border: 1px solid var(--esb-lines-default);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);
    border-radius: 16px;
    padding: 14px 16px;
    display: flex;
    flex-direction: column;
    max-height: 78vh;
}

.cl-panel-header[b-agjby2vznq] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding-bottom: 10px;
    border-bottom: 1px solid var(--esb-lines-default);
    margin-bottom: 10px;
}

.cl-panel-title-block[b-agjby2vznq] {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-width: 0;
}

.cl-panel-title[b-agjby2vznq] {
    font-size: 0.95rem;
    font-weight: 700;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.cl-panel-subtitle[b-agjby2vznq] {
    font-size: 0.7rem;
    color: var(--esb-text-secondary);
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.cl-panel-body[b-agjby2vznq] {
    flex: 1;
    overflow-y: auto;
    padding-right: 2px;
}

/* Barème */

/* ═══════════════════════════════════════════════════════════
   RESPONSIVE — en fin de fichier : à spécificité égale, la
   dernière règle gagne, sinon les styles de base annulent
   silencieusement les adaptations ci-dessous.
   ═══════════════════════════════════════════════════════════ */

@media (max-width: 1160px) {
    .cl-layout[b-agjby2vznq] {
        grid-template-columns: minmax(0, 1fr);
    }

    .cl-panel[b-agjby2vznq] {
        border-radius: 18px 18px 0 0;
        max-height: 82vh;
        box-shadow: var(--esb-shadow-sheet);
    }
}

/* _content/EsbTeamManager/Components/Pages/Dialogs/PointsAjustementDialog.razor.rz.scp.css */
.pad-presets[b-lsl28401q1] {
    display: flex;
    gap: 7px;
}

.pad-preset[b-lsl28401q1] {
    flex: 1;
    min-height: 36px;
    border-radius: 10px;
    cursor: pointer;
    font-family: inherit;
    font-size: 0.82rem;
    font-weight: 700;
    font-variant-numeric: tabular-nums;
    background: transparent;
    border: 1px solid var(--esb-lines-default);
    color: var(--esb-text-secondary);
}

.pad-preset--active[b-lsl28401q1] {
    background: rgba(var(--esb-primary-rgb), 0.10);
    border-color: var(--esb-primary);
    color: var(--esb-primary);
}

.pad-stepper[b-lsl28401q1] {
    display: flex;
    align-items: center;
    gap: 11px;
    margin-top: 12px;
    padding: 13px 14px;
    border-radius: 14px;
    background: var(--esb-surface);
    border: 1px solid var(--esb-lines-default);
}

.pad-step-btn[b-lsl28401q1] {
    flex: none;
    width: 38px;
    height: 38px;
    border-radius: 11px;
    background: transparent;
    border: 1px solid var(--esb-lines-default);
    cursor: pointer;
    color: var(--esb-text-primary);
    font-size: 18px;
    font-weight: 600;
    line-height: 1;
    padding: 0;
}

.pad-stepper-value[b-lsl28401q1] {
    flex: 1;
    text-align: center;
}

.pad-value[b-lsl28401q1] {
    display: block;
    font-family: 'Barlow Condensed', Roboto, sans-serif;
    font-weight: 800;
    font-size: 38px;
    line-height: 1;
    letter-spacing: -1px;
    font-variant-numeric: tabular-nums;
}

.pad-caption[b-lsl28401q1] {
    display: block;
    font-size: 0.68rem;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--esb-text-disabled);
    margin-top: 3px;
}

.pad-hist-head[b-lsl28401q1] {
    display: flex;
    align-items: baseline;
    gap: 8px;
    margin-top: 18px;
    padding-top: 10px;
    border-top: 1px solid var(--esb-lines-default);
}

.pad-hist-title[b-lsl28401q1] {
    flex: 1;
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--esb-text-secondary);
}

.pad-hist-total[b-lsl28401q1] {
    font-family: 'Barlow Condensed', Roboto, sans-serif;
    font-weight: 800;
    font-size: 1.05rem;
}

.pad-hist-list[b-lsl28401q1] {
    display: flex;
    flex-direction: column;
    margin-top: 6px;
}

.pad-hist-row[b-lsl28401q1] {
    display: flex;
    align-items: flex-start;
    gap: 9px;
    padding: 9px 0;
    border-bottom: 1px solid var(--esb-lines-default);
}

.pad-hist-chip[b-lsl28401q1] {
    flex: none;
    min-width: 34px;
    text-align: center;
    border-radius: 7px;
    font-size: 0.72rem;
    font-weight: 700;
    padding: 3px 7px;
    font-variant-numeric: tabular-nums;
}

.pad-hist-text[b-lsl28401q1] {
    flex: 1;
    min-width: 0;
}

.pad-hist-comment[b-lsl28401q1] {
    display: block;
    font-size: 0.8rem;
    line-height: 1.35;
}

.pad-hist-meta[b-lsl28401q1] {
    display: block;
    font-size: 0.68rem;
    color: var(--esb-text-disabled);
    margin-top: 2px;
}
/* _content/EsbTeamManager/Components/Pages/Entrainements.razor.rz.scp.css */
/* ── Topbar ──────────────────────────────────────────── */
/* ── Barre outils (équipe + portée) ──────────────────── */
.ent-toolbar[b-vrbaqei3lg] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 10px;
}

.ent-team-chips[b-vrbaqei3lg] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.ent-team-chip[b-vrbaqei3lg] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-family: inherit;
    font-size: 0.78rem;
    font-weight: 600;
    min-height: 32px;
    padding: 0 12px;
    border-radius: 999px;
    cursor: pointer;
    background: transparent;
    border: 1px solid var(--esb-lines-default);
    color: var(--esb-text-disabled);
}

.ent-team-chip--active[b-vrbaqei3lg] {
    color: var(--esb-text-primary);
    background: var(--esb-action-hover);
}

.ent-team-dot[b-vrbaqei3lg] {
    width: 12px;
    height: 3px;
    border-radius: 2px;
    display: inline-block;
}

/* ── KPI ─────────────────────────────────────────────── */
.ent-kpis[b-vrbaqei3lg] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
}

.ent-kpi[b-vrbaqei3lg] {
    background: var(--esb-surface);
    border: 1px solid var(--esb-lines-default);
    border-radius: 16px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.12);
    padding: 13px 15px;
    min-width: 0;
}

.ent-kpi-value[b-vrbaqei3lg] {
    font-family: 'Barlow Condensed', Roboto, sans-serif;
    font-weight: 800;
    font-size: 1.8rem;
    line-height: 1;
    letter-spacing: -0.5px;
    font-variant-numeric: tabular-nums;
    color: var(--esb-primary);
}

.ent-kpi--warn .ent-kpi-value[b-vrbaqei3lg] {
    color: var(--esb-secondary);
}

.ent-kpi-label[b-vrbaqei3lg] {
    font-size: 0.62rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--esb-text-secondary);
    margin-top: 4px;
}

.ent-kpi-hint[b-vrbaqei3lg] {
    font-size: 0.68rem;
    color: var(--esb-text-disabled);
    margin-top: 4px;
}

/* ── Layout deux colonnes ────────────────────────────── */
.ent-layout[b-vrbaqei3lg] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 340px;
    gap: 20px;
    align-items: start;
}

/* Voile de fond : uniquement sous le seuil mobile. */
/* ── Carte liste ─────────────────────────────────────── */
.ent-list-card[b-vrbaqei3lg] {
    background: var(--esb-surface);
    border: 1px solid var(--esb-lines-default);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);
    border-radius: 16px;
    overflow: hidden;
}

.ent-list-head[b-vrbaqei3lg] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 13px 18px 12px;
}

.ent-list-count[b-vrbaqei3lg] {
    flex: 1;
    font-size: 0.70rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--esb-text-secondary);
}

.ent-list-pending[b-vrbaqei3lg] {
    flex: none;
    border-radius: 7px;
    font-size: 0.72rem;
    font-weight: 700;
    padding: 3px 9px;
    background: rgba(var(--esb-primary-rgb), 0.12);
    color: var(--esb-primary);
}

.ent-empty[b-vrbaqei3lg] {
    padding: 20px 18px 24px;
    font-size: 0.8rem;
    color: var(--esb-text-disabled);
}

.ent-rows[b-vrbaqei3lg] {
    display: flex;
    flex-direction: column;
}

.ent-row[b-vrbaqei3lg] {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 12px 18px;
    border-top: 1px solid var(--esb-lines-default);
    cursor: pointer;
    flex-wrap: wrap;
}

.ent-row:hover[b-vrbaqei3lg] {
    background: var(--esb-action-hover);
}

.ent-row--selected[b-vrbaqei3lg] {
    background: rgba(var(--esb-primary-rgb), 0.08);
    box-shadow: inset 2px 0 0 var(--esb-primary);
}

.ent-row-date[b-vrbaqei3lg] {
    flex: none;
    width: 44px;
    text-align: center;
    padding-right: 12px;
    border-right: 1px solid var(--esb-lines-default);
}

.ent-row-day[b-vrbaqei3lg] {
    display: block;
    font-family: 'Barlow Condensed', Roboto, sans-serif;
    font-weight: 800;
    font-size: 1.25rem;
    line-height: 1;
    font-variant-numeric: tabular-nums;
}

.ent-row-month[b-vrbaqei3lg] {
    display: block;
    font-size: 0.68rem;
    color: var(--esb-text-secondary);
    margin-top: 2px;
    text-transform: capitalize;
}

.ent-row-main[b-vrbaqei3lg] {
    flex: 1;
    min-width: 160px;
}

.ent-row-title-line[b-vrbaqei3lg] {
    display: flex;
    align-items: center;
    gap: 6px;
}

.ent-row-title[b-vrbaqei3lg] {
    font-weight: 600;
    font-size: 0.9rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ent-row-sub[b-vrbaqei3lg] {
    font-size: 0.72rem;
    color: var(--esb-text-secondary);
    margin-top: 2px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ent-row-presence[b-vrbaqei3lg] {
    flex: none;
    width: 190px;
}

.ent-row-presence-top[b-vrbaqei3lg] {
    display: flex;
    align-items: baseline;
    gap: 5px;
}

.ent-row-yes[b-vrbaqei3lg] {
    font-family: 'Barlow Condensed', Roboto, sans-serif;
    font-weight: 800;
    font-size: 1.05rem;
    line-height: 1;
    font-variant-numeric: tabular-nums;
    color: var(--esb-primary);
}

.ent-row-den[b-vrbaqei3lg] {
    font-size: 0.68rem;
    color: var(--esb-text-secondary);
}

.ent-row-pending[b-vrbaqei3lg] {
    margin-left: auto;
    font-size: 0.64rem;
    color: var(--esb-text-disabled);
}

.ent-row-pending--warn[b-vrbaqei3lg] {
    color: var(--esb-primary);
    font-weight: 600;
}

/* Rendue par EsbPresenceBar : le <div> n'a pas l'attribut de scope, d'où ::deep. */
.ent-row-presence[b-vrbaqei3lg]  .esb-presbar {
    margin-top: 5px;
}

.ent-row-answer[b-vrbaqei3lg] {
    flex: none;
    display: flex;
    align-items: center;
    gap: 6px;
    margin-left: auto;
}

/* ── Panneau détail ──────────────────────────────────── */
.ent-panel[b-vrbaqei3lg] {
    background: var(--esb-surface);
    border: 1px solid var(--esb-lines-default);
    border-radius: 16px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.12);
    padding: 16px 18px;
}

.ent-panel-empty[b-vrbaqei3lg] {
    padding: 24px 6px;
    text-align: center;
}

.ent-panel-empty-title[b-vrbaqei3lg] {
    font-size: 0.85rem;
    font-weight: 600;
    color: var(--esb-text-secondary);
}

.ent-panel-empty-sub[b-vrbaqei3lg] {
    font-size: 0.72rem;
    color: var(--esb-text-disabled);
    margin-top: 5px;
    line-height: 1.45;
}

/* ═══════════════════════════════════════════════════════════
   RESPONSIVE — en fin de fichier : à spécificité égale, la
   dernière règle gagne, sinon les styles de base annulent
   silencieusement les adaptations ci-dessous.
   ═══════════════════════════════════════════════════════════ */

@media (max-width: 1160px) {
    .ent-layout[b-vrbaqei3lg] {
        grid-template-columns: minmax(0, 1fr);
    }

    .ent-row-presence[b-vrbaqei3lg] {
        display: none;
    }

    .ent-panel[b-vrbaqei3lg] {
        display: none;
        border-radius: 18px 18px 0 0;
        max-height: 80vh;
        overflow-y: auto;
        box-shadow: var(--esb-shadow-sheet);
        padding: 16px 16px 20px;
    }

    .ent-panel--open[b-vrbaqei3lg] {
        display: block;
    }
}

@media (max-width: 600px) {
    .ent-row[b-vrbaqei3lg] {
        gap: 10px;
        padding: 11px 14px;
    }

    .ent-row-answer[b-vrbaqei3lg] {
        width: 100%;
        margin-left: 0;
        padding-left: 58px;
        box-sizing: border-box;
    }
}
/* _content/EsbTeamManager/Components/Pages/Equipes.razor.rz.scp.css */
/* ── Topbar ──────────────────────────────────────────── */
.eq-topbar[b-mime19xyw5] {
    display: flex;
    align-items: flex-end;
    gap: 16px;
    flex-wrap: wrap;
    margin-bottom: 18px;
}

.eq-topbar-main[b-mime19xyw5] {
    flex: 1;
    min-width: 0;
}

.eq-title[b-mime19xyw5] {
    font-family: 'Barlow Condensed', Roboto, sans-serif;
    font-weight: 800;
    font-size: 36px;
    letter-spacing: -0.5px;
    line-height: 1;
    margin: 0;
    color: var(--esb-text-primary);
}

.eq-topbar-sub[b-mime19xyw5] {
    font-size: 12.5px;
    color: var(--esb-text-secondary);
    margin-top: 5px;
}

/* ── Layout deux colonnes ────────────────────────────── */
.eq-layout[b-mime19xyw5] {
    display: grid;
    grid-template-columns: 330px minmax(0, 1fr);
    gap: 16px;
    align-items: start;
}

/* Voile de fond : uniquement sous le seuil mobile. */
/* ── Liste des équipes ───────────────────────────────── */
.eq-list[b-mime19xyw5] {
    min-width: 0;
}

.eq-empty[b-mime19xyw5] {
    padding: 24px 18px;
    text-align: center;
    font-size: 0.82rem;
    color: var(--esb-text-secondary);
}

.eq-rows[b-mime19xyw5] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.eq-card[b-mime19xyw5] {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
    text-align: left;
    padding: 12px 13px;
    border-radius: 14px;
    background: var(--esb-surface);
    border: 1px solid var(--esb-lines-default);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);
    cursor: pointer;
    font-family: Manrope, 'Helvetica Neue', Arial, sans-serif;
    color: var(--esb-text-primary);
    transition: border-color 0.15s, background 0.15s;
}

.eq-card:hover[b-mime19xyw5] {
    border-color: rgba(var(--esb-primary-rgb), 0.55);
}

.eq-card--alert[b-mime19xyw5] {
    border-color: rgba(var(--esb-secondary-rgb), 0.38);
}

.eq-card--selected[b-mime19xyw5] {
    border-color: var(--esb-primary);
    box-shadow: inset 2px 0 0 var(--esb-primary);
    background: rgba(var(--esb-primary-rgb), 0.10);
}

.eq-card-badge[b-mime19xyw5] {
    flex: none;
    width: 38px;
    height: 38px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'Barlow Condensed', Roboto, sans-serif;
    font-weight: 800;
    font-size: 15px;
    letter-spacing: 0.02em;
}

.eq-card-main[b-mime19xyw5] {
    flex: 1;
    min-width: 0;
}

.eq-card-title[b-mime19xyw5] {
    display: block;
    font-size: 14px;
    font-weight: 600;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.eq-card-sub[b-mime19xyw5] {
    display: block;
    font-size: 11px;
    color: var(--esb-text-secondary);
    margin-top: 2px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.eq-card-right[b-mime19xyw5] {
    flex: none;
    text-align: right;
}

.eq-card-rate[b-mime19xyw5] {
    display: block;
    font-family: 'Barlow Condensed', Roboto, sans-serif;
    font-weight: 800;
    font-size: 18px;
    line-height: 1;
    font-variant-numeric: tabular-nums;
    color: var(--esb-primary-lighten);
}

.eq-card-alert-tag[b-mime19xyw5] {
    display: block;
    font-size: 9.5px;
    font-weight: 700;
    color: var(--esb-secondary);
    margin-top: 3px;
}

/* ── Panneau détail ──────────────────────────────────── */
.eq-panel[b-mime19xyw5] {
    background: var(--esb-surface);
    border: 1px solid var(--esb-lines-default);
    border-radius: 16px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);
    display: flex;
    flex-direction: column;
    overflow: hidden;
    max-height: 82vh;
}

.eq-panel-empty[b-mime19xyw5] {
    padding: 40px 6px;
    text-align: center;
}

.eq-panel-empty-title[b-mime19xyw5] {
    font-size: 0.85rem;
    font-weight: 600;
    color: var(--esb-text-secondary);
}

.eq-panel-empty-sub[b-mime19xyw5] {
    font-size: 0.72rem;
    color: var(--esb-text-disabled);
    margin-top: 5px;
    line-height: 1.45;
}

/* En-tête */
.eq-panel-header[b-mime19xyw5] {
    flex: none;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 16px 20px;
    border-bottom: 1px solid var(--esb-lines-default);
}

.eq-panel-back[b-mime19xyw5] {
    display: none;
    flex: none;
    width: 32px;
    height: 32px;
    margin-left: -6px;
    padding: 0;
    border: none;
    border-radius: 10px;
    background: transparent;
    cursor: pointer;
    align-items: center;
    justify-content: center;
    color: var(--esb-text-secondary);
}

.eq-panel-back:hover[b-mime19xyw5] {
    background: rgba(var(--esb-primary-rgb), 0.10);
    color: var(--esb-text-primary);
}

/* Boutons d'action en icône */
.eq-iconbtn[b-mime19xyw5] {
    flex: none;
    width: 30px;
    height: 30px;
    padding: 0;
    border: none;
    border-radius: 9px;
    background: transparent;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--esb-primary);
    transition: background 0.15s, color 0.15s;
}

.eq-iconbtn:hover[b-mime19xyw5] {
    background: rgba(var(--esb-primary-rgb), 0.12);
}

.eq-iconbtn--danger[b-mime19xyw5] {
    color: var(--esb-error);
}

.eq-iconbtn--danger:hover[b-mime19xyw5] {
    background: rgba(var(--esb-error-rgb), 0.12);
}

.eq-panel-badge[b-mime19xyw5] {
    flex: none;
    width: 48px;
    height: 48px;
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'Barlow Condensed', Roboto, sans-serif;
    font-weight: 800;
    font-size: 19px;
    letter-spacing: 0.02em;
}

.eq-panel-title-block[b-mime19xyw5] {
    flex: 1;
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.eq-panel-title[b-mime19xyw5] {
    font-family: 'Barlow Condensed', Roboto, sans-serif;
    font-weight: 700;
    font-size: 24px;
    letter-spacing: -0.25px;
    line-height: 1.1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.eq-panel-subtitle[b-mime19xyw5] {
    font-size: 12px;
    color: var(--esb-text-secondary);
    margin-top: 3px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.eq-hbtn[b-mime19xyw5] {
    flex: none;
    min-height: 38px;
    padding: 0 14px;
    border-radius: 12px;
    background: transparent;
    border: 1px solid var(--esb-lines-default);
    cursor: pointer;
    font-family: Manrope, 'Helvetica Neue', Arial, sans-serif;
    font-size: 12.5px;
    font-weight: 600;
    color: var(--esb-text-secondary);
    transition: border-color 0.15s, color 0.15s;
}

.eq-hbtn:hover[b-mime19xyw5] {
    border-color: rgba(var(--esb-primary-rgb), 0.55);
    color: var(--esb-text-primary);
}

.eq-hbtn--primary[b-mime19xyw5] {
    border: none;
    background: var(--esb-primary);
    color: #fff;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.18);
}

.eq-hbtn--primary:hover[b-mime19xyw5] {
    background: var(--esb-primary-darken);
    color: #fff;
}

.eq-hbtn--danger[b-mime19xyw5] {
    color: var(--esb-error);
    border-color: rgba(var(--esb-error-rgb), 0.35);
}

.eq-hbtn--danger:hover[b-mime19xyw5] {
    border-color: var(--esb-error);
    color: var(--esb-error);
}

/* Bande de statistiques */
.eq-stats[b-mime19xyw5] {
    flex: none;
    display: flex;
    gap: 14px;
    padding: 14px 20px;
    border-bottom: 1px solid var(--esb-lines-default);
}

.eq-stat[b-mime19xyw5] {
    flex: 1;
    min-width: 0;
}

.eq-stat-value[b-mime19xyw5] {
    font-family: 'Barlow Condensed', Roboto, sans-serif;
    font-weight: 800;
    font-size: 24px;
    line-height: 1;
    font-variant-numeric: tabular-nums;
    color: var(--esb-primary-lighten);
}

.eq-stat-label[b-mime19xyw5] {
    font-size: 10px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--esb-text-secondary);
    margin-top: 3px;
}

.eq-spark[b-mime19xyw5] {
    display: flex;
    gap: 3px;
    align-items: flex-end;
    height: 30px;
}

.eq-spark--empty[b-mime19xyw5] {
    border-bottom: 1px dashed var(--esb-lines-default);
}

.eq-spark-bar[b-mime19xyw5] {
    flex: 1;
    min-height: 3px;
    border-radius: 2px 2px 0 0;
    background: rgba(var(--esb-primary-rgb), 0.45);
}

.eq-spark-bar--last[b-mime19xyw5] {
    background: var(--esb-primary);
}

/* Onglets */
.eq-tabs[b-mime19xyw5] {
    flex: none;
    display: flex;
    border-bottom: 1px solid var(--esb-lines-default);
    overflow-x: auto;
}

.eq-tab[b-mime19xyw5] {
    flex: none;
    padding: 0 22px;
    min-height: 44px;
    border: none;
    background: transparent;
    cursor: pointer;
    font-family: Manrope, 'Helvetica Neue', Arial, sans-serif;
    font-size: 12.5px;
    font-weight: 600;
    white-space: nowrap;
    color: var(--esb-text-secondary);
}

.eq-tab:hover[b-mime19xyw5] {
    color: var(--esb-text-primary);
}

.eq-tab--active[b-mime19xyw5] {
    color: var(--esb-text-primary);
    box-shadow: inset 0 -2px 0 var(--esb-primary);
}

.eq-panel-body[b-mime19xyw5] {
    flex: 1;
    min-height: 0;
    overflow-y: auto;
}

.eq-tabpane[b-mime19xyw5] {
    padding: 16px 20px;
}

/* Effectif */
.eq-roster-empty[b-mime19xyw5] {
    padding: 32px 20px;
    text-align: center;
    font-size: 0.8rem;
    color: var(--esb-text-secondary);
}

.eq-roster-head[b-mime19xyw5],
.eq-roster-row[b-mime19xyw5] {
    display: flex;
    align-items: center;
    padding: 12px 20px;
    border-bottom: 1px solid var(--esb-lines-default);
}

.eq-roster-head > span[b-mime19xyw5] {
    padding-right: 8px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.eq-roster-head[b-mime19xyw5] {
    position: sticky;
    top: 0;
    z-index: 2;
    padding: 10px 20px;
    border-bottom: 2px solid var(--esb-lines-default);
    background: var(--esb-surface);
    font-size: 0.70rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--esb-text-secondary);
}

.eq-roster-row:nth-child(even)[b-mime19xyw5] {
    background: rgba(var(--esb-primary-rgb), 0.035);
}

.eq-c-num[b-mime19xyw5]    { flex: none; width: 38px; font-size: 13px; font-variant-numeric: tabular-nums; color: var(--esb-text-secondary); }
.eq-c-name[b-mime19xyw5]   { flex: 1; min-width: 0; padding-right: 10px; }
.eq-c-poste[b-mime19xyw5]  { flex: none; width: 104px; }
.eq-c-niveau[b-mime19xyw5] { flex: none; width: 118px; }
.eq-c-arb[b-mime19xyw5]    { flex: none; width: 104px; display: flex; align-items: center; gap: 6px; }
.eq-c-rate[b-mime19xyw5]   { flex: none; width: 150px; display: flex; align-items: center; gap: 9px; }
.eq-c-pts[b-mime19xyw5]    { flex: none; width: 78px; display: flex; align-items: center; gap: 2px; }
.eq-c-act[b-mime19xyw5]    { flex: none; width: 84px; display: flex; justify-content: flex-end; }

.eq-player-name[b-mime19xyw5] {
    display: block;
    font-size: 13.5px;
    font-weight: 500;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.eq-player-login[b-mime19xyw5] {
    display: block;
    font-size: 11px;
    color: var(--esb-text-secondary);
    margin-top: 2px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.eq-tag[b-mime19xyw5] {
    display: inline-block;
    border-radius: 6px;
    font-size: 10px;
    font-weight: 700;
    padding: 2px 7px;
    white-space: nowrap;
}

.eq-tag--btn[b-mime19xyw5] {
    border: none;
    cursor: pointer;
    font-family: Manrope, 'Helvetica Neue', Arial, sans-serif;
}

.eq-tag--poste[b-mime19xyw5] {
    letter-spacing: 0.06em;
    text-transform: uppercase;
    background: rgba(var(--esb-primary-rgb), 0.12);
    color: var(--esb-primary-lighten);
}

.eq-tag--cadre[b-mime19xyw5] {
    background: rgba(var(--esb-success-rgb), 0.16);
    color: var(--esb-success);
}

.eq-tag--inter[b-mime19xyw5] {
    background: rgba(var(--esb-primary-rgb), 0.12);
    color: var(--esb-primary-lighten);
}

.eq-tag--debutant[b-mime19xyw5] {
    background: transparent;
    border: 1px solid var(--esb-lines-default);
    color: var(--esb-text-disabled);
}

.eq-tag--coach[b-mime19xyw5] {
    font-size: 10.5px;
    padding: 2px 8px;
    background: rgba(var(--esb-primary-rgb), 0.12);
    color: var(--esb-primary-lighten);
}

.eq-arb-icon[b-mime19xyw5] {
    display: inline-flex;
    color: var(--esb-primary);
}

.eq-arb-icon svg[b-mime19xyw5] {
    width: 15px;
    height: 15px;
    fill: currentColor;
}

.eq-arb-icon--officiel[b-mime19xyw5] {
    color: var(--esb-secondary);
}

/* Menu de niveau */
.eq-niveau[b-mime19xyw5] {
    position: relative;
    display: inline-block;
}

.eq-niveau-menu[b-mime19xyw5] {
    position: absolute;
    top: calc(100% + 6px);
    left: 0;
    z-index: 20;
    min-width: 132px;
    padding: 4px;
    border-radius: 12px;
    background: var(--esb-surface);
    border: 1px solid var(--esb-lines-default);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.35);
}

.eq-niveau-menu--up[b-mime19xyw5] {
    top: auto;
    bottom: calc(100% + 6px);
}

.eq-niveau-item[b-mime19xyw5] {
    display: block;
    width: 100%;
    padding: 7px 10px;
    border: none;
    border-radius: 8px;
    background: transparent;
    cursor: pointer;
    text-align: left;
    font-family: Manrope, 'Helvetica Neue', Arial, sans-serif;
    font-size: 12.5px;
    color: var(--esb-text-primary);
}

.eq-niveau-item:hover[b-mime19xyw5] {
    background: rgba(var(--esb-primary-rgb), 0.12);
}

.eq-niveau-item--active[b-mime19xyw5] {
    color: var(--esb-primary-lighten);
    font-weight: 600;
}

.eq-menu-backdrop[b-mime19xyw5] {
    position: fixed;
    inset: 0;
    z-index: 15;
}

.eq-rate[b-mime19xyw5] {
    font-family: 'Barlow Condensed', Roboto, sans-serif;
    font-weight: 800;
    font-size: 16px;
    line-height: 1;
    font-variant-numeric: tabular-nums;
}

.eq-rate--good[b-mime19xyw5] { color: var(--esb-success); }
.eq-rate--mid[b-mime19xyw5]  { color: var(--esb-primary-lighten); }
.eq-rate--low[b-mime19xyw5]  { color: var(--esb-secondary); }
.eq-rate--none[b-mime19xyw5] { color: var(--esb-text-disabled); }

.eq-rate-track[b-mime19xyw5] {
    flex: 1;
    display: flex;
    height: 5px;
    border-radius: 3px;
    overflow: hidden;
    background: rgba(var(--esb-primary-rgb), 0.12);
}

.eq-rate-fill[b-mime19xyw5] {
    display: block;
    border-radius: 3px;
}

.eq-rate-fill.eq-rate--good[b-mime19xyw5] { background: var(--esb-success); }
.eq-rate-fill.eq-rate--mid[b-mime19xyw5]  { background: var(--esb-primary-lighten); }
.eq-rate-fill.eq-rate--low[b-mime19xyw5]  { background: var(--esb-secondary); }
.eq-rate-fill.eq-rate--none[b-mime19xyw5] { background: transparent; }

.eq-pts-value[b-mime19xyw5] {
    font-size: 13px;
    font-variant-numeric: tabular-nums;
}

/* Staff */
.eq-staff[b-mime19xyw5] {
    padding: 16px 20px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.eq-staff-add[b-mime19xyw5] {
    align-self: flex-start;
}

.eq-staff-card[b-mime19xyw5] {
    display: flex;
    align-items: center;
    gap: 12px;
    background: var(--esb-background-grey);
    border: 1px solid var(--esb-lines-default);
    border-radius: 14px;
    padding: 13px 15px;
}

.eq-staff-avatar[b-mime19xyw5] {
    flex: none;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 13.5px;
    font-weight: 700;
    background: rgba(var(--esb-primary-rgb), 0.12);
    color: var(--esb-primary-lighten);
}

.eq-staff-main[b-mime19xyw5] {
    flex: 1;
    min-width: 0;
}

.eq-staff-name[b-mime19xyw5] {
    font-size: 14px;
    font-weight: 600;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.eq-staff-sub[b-mime19xyw5] {
    font-size: 11.5px;
    color: var(--esb-text-secondary);
    margin-top: 2px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* ═══════════════════════════════════════════════════════════
   RESPONSIVE — en fin de fichier : à spécificité égale, la
   dernière règle gagne, sinon les styles de base annulent
   silencieusement les adaptations ci-dessous.
   ═══════════════════════════════════════════════════════════ */

@media (max-width: 1160px) {
    .eq-layout[b-mime19xyw5] {
        grid-template-columns: minmax(0, 1fr);
    }

    .eq-panel[b-mime19xyw5] {
        display: none;
        border-radius: 18px 18px 0 0;
        max-height: 88vh;
        box-shadow: var(--esb-shadow-sheet);
    }

    .eq-panel--open[b-mime19xyw5] {
        display: flex;
        flex-direction: column;
    }

    .esb-search[b-mime19xyw5] {
        order: 3;
        width: 100%;
    }
}

@media (max-width: 1160px) {
    .eq-panel-back[b-mime19xyw5] {
        display: inline-flex;
    }
}

@media (max-width: 1200px) {
    .eq-c-poste[b-mime19xyw5],
    .eq-c-niveau[b-mime19xyw5] {
        display: none;
    }
}

@media (max-width: 1160px) {
    .eq-c-pts[b-mime19xyw5] {
        display: none;
    }

    /* La colonne Arbitrage reste : elle porte le compteur de créneaux tenus,
       c'est l'information qu'on vient chercher ici. On la resserre. */
    .eq-c-arb[b-mime19xyw5] {
        width: 88px;
    }

    .eq-c-rate[b-mime19xyw5] {
        width: 118px;
    }

    .eq-panel-header[b-mime19xyw5],
    .eq-stats[b-mime19xyw5],
    .eq-roster-head[b-mime19xyw5],
    .eq-roster-row[b-mime19xyw5] {
        padding-left: 14px;
        padding-right: 14px;
    }
}

@media (max-width: 600px) {
    .eq-row[b-mime19xyw5] {
        padding: 10px 14px;
    }

    .eq-stats[b-mime19xyw5] {
        overflow-x: auto;
    }

    .eq-stat[b-mime19xyw5] {
        min-width: 74px;
    }
}

/* Nombre de créneaux d'arbitrage tenus dans la saison, à côté des compétences. */
.eq-arb-count[b-mime19xyw5] {
    margin-left: auto;
    min-width: 20px;
    padding: 1px 6px;
    border-radius: 7px;
    background: rgba(var(--esb-primary-rgb), 0.14);
    color: var(--esb-primary);
    font-size: 11.5px;
    font-weight: 700;
    font-variant-numeric: tabular-nums;
    text-align: center;
}

.eq-arb-count--zero[b-mime19xyw5] {
    background: transparent;
    color: var(--esb-text-disabled);
}
/* _content/EsbTeamManager/Components/Pages/GestionArbitrage.razor.rz.scp.css */
/* ── Topbar ──────────────────────────────────────────── */
.ar-topbar[b-hgxb45l38s] {
    display: flex;
    flex-direction: column;
}

[b-hgxb45l38s] .ar-topbar-sub {
    font-size: 0.78rem;
    color: var(--esb-text-secondary);
    margin-top: 2px;
}

/* ── Panneau des trous de couverture ─────────────────── */
.ar-gap-panel[b-hgxb45l38s] {
    border-radius: 16px;
    padding: 15px 18px;
    background: rgba(var(--esb-warning-rgb), 0.10);
    border: 1px solid rgba(var(--esb-warning-rgb), 0.45);
}

.ar-gap-header[b-hgxb45l38s] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.ar-gap-title[b-hgxb45l38s] {
    font-size: 0.70rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--esb-warning-darken);
}

.ar-gap-count[b-hgxb45l38s] {
    margin-left: auto;
    font-family: 'Barlow Condensed', Roboto, sans-serif;
    font-weight: 800;
    font-size: 22px;
    line-height: 1;
    color: var(--esb-warning-darken);
}

.ar-gap-hint[b-hgxb45l38s] {
    font-size: 0.76rem;
    color: var(--esb-text-secondary);
    margin-top: 6px;
}

.ar-gap-list[b-hgxb45l38s] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 11px;
}

.ar-gap-item[b-hgxb45l38s] {
    flex: 1;
    min-width: 220px;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 9px 12px;
    border-radius: 12px;
    background: var(--esb-surface);
    border: 1px solid var(--esb-lines-default);
    text-align: left;
    font-family: inherit;
    cursor: pointer;
}

.ar-gap-item:hover[b-hgxb45l38s] {
    border-color: var(--esb-secondary);
}

.ar-gap-note[b-hgxb45l38s] {
    flex: 1;
    min-width: 0;
}

.ar-gap-cta[b-hgxb45l38s] {
    flex: none;
    font-size: 12px;
    font-weight: 700;
    color: var(--esb-secondary);
}

.ar-gap-date[b-hgxb45l38s] {
    flex-shrink: 0;
    font-size: 12px;
    font-weight: 700;
    font-variant-numeric: tabular-nums;
}

.ar-gap-note[b-hgxb45l38s] {
    font-size: 11.5px;
    color: var(--esb-text-secondary);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* ── Layout principal + aside ───────────────────────────── */
.ar-layout[b-hgxb45l38s] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 318px;
    gap: 20px;
    align-items: start;
}

.ar-main[b-hgxb45l38s] {
    min-width: 0;
}

.ar-aside[b-hgxb45l38s] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

/* ── Cartes latérales ────────────────────────────────── */
.ar-aside-card[b-hgxb45l38s] {
    background: var(--esb-surface);
    border: 1px solid var(--esb-lines-default);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);
    border-radius: 16px;
    padding: 14px 16px;
}

.ar-aside-title[b-hgxb45l38s] {
    font-size: 0.72rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--esb-text-disabled);
    margin-bottom: 2px;
}

/* Charge par arbitre */
.ar-load-list[b-hgxb45l38s] {
    display: flex;
    flex-direction: column;
    max-height: 300px;
    overflow-y: auto;
    margin-top: 10px;
    padding-right: 2px;
}

.ar-load-row[b-hgxb45l38s] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 0;
    border-bottom: 1px solid var(--esb-lines-default);
}

.ar-load-row:last-child[b-hgxb45l38s] {
    border-bottom: none;
}

.ar-load-main[b-hgxb45l38s] {
    flex: 1;
    min-width: 0;
}

.ar-load-name[b-hgxb45l38s] {
    font-size: 0.8rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ar-load-tags[b-hgxb45l38s] {
    display: flex;
    gap: 4px;
    margin-top: 3px;
}

[b-hgxb45l38s] .ar-load-tag {
    height: 18px !important;
}

.ar-load-bar[b-hgxb45l38s] {
    flex-shrink: 0;
    width: 56px;
    height: 6px;
    border-radius: 3px;
    overflow: hidden;
    background: var(--esb-background-grey);
}

.ar-load-bar-fill[b-hgxb45l38s] {
    height: 100%;
    border-radius: 3px;
    background: var(--esb-primary);
}

.ar-load-value[b-hgxb45l38s] {
    flex-shrink: 0;
    width: 20px;
    text-align: right;
    font-weight: 800;
    font-size: 0.95rem;
    font-variant-numeric: tabular-nums;
    color: var(--esb-primary);
}

/* Compétences disponibles */
.ar-skill-list[b-hgxb45l38s] {
    display: flex;
    flex-direction: column;
    gap: 11px;
    margin-top: 12px;
}

.ar-skill-line[b-hgxb45l38s] {
    display: flex;
    align-items: baseline;
    gap: 8px;
}

.ar-skill-label[b-hgxb45l38s] {
    flex: 1;
    font-size: 0.78rem;
    color: var(--esb-text-secondary);
}

.ar-skill-value[b-hgxb45l38s] {
    font-weight: 800;
    font-size: 1.05rem;
    font-variant-numeric: tabular-nums;
}

.ar-skill-bar[b-hgxb45l38s] {
    height: 6px;
    border-radius: 3px;
    overflow: hidden;
    background: var(--esb-background-grey);
    margin-top: 5px;
}

.ar-skill-bar-fill[b-hgxb45l38s] {
    height: 100%;
    border-radius: 3px;
}

/* Champs convertis */
.ar-team-field[b-hgxb45l38s] {
    flex: none;
    min-width: 200px;
}

.ar-date-field[b-hgxb45l38s] {
    flex: none;
    min-width: 180px;
}

.ar-arbitre-field[b-hgxb45l38s] {
    flex: none;
    width: 190px;
    min-width: 0;
}

/* Présence des arbitres sur un créneau passé */
.ar-presences[b-hgxb45l38s] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    min-width: 190px;
}

.ar-presence[b-hgxb45l38s] {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.ar-presence-nom[b-hgxb45l38s] {
    font-size: 0.58rem;
    font-weight: 700;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: var(--esb-text-secondary);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* ═══════════════════════════════════════════════════════════
   TABLEAU DES CRÉNEAUX — reprise de « Arbitrage ESB »
   ═══════════════════════════════════════════════════════════ */

.ar-table-card[b-hgxb45l38s] {
    overflow: hidden;
}

.ar-table-head[b-hgxb45l38s] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 14px 20px 12px;
}

.ar-table-title[b-hgxb45l38s] {
    flex: 1;
    font-size: 0.70rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--esb-text-secondary);
}

.ar-table-note[b-hgxb45l38s] {
    font-size: 11.5px;
    color: var(--esb-text-disabled);
}

/* Une seule grille pour l'en-tête et les lignes : les colonnes restent alignées. */
.ar-cols[b-hgxb45l38s] {
    display: grid;
    grid-template-columns: 132px minmax(0, 1fr) 186px 186px;
    align-items: center;
    padding: 12px 20px;
    border-bottom: 1px solid var(--esb-lines-default);
}

.ar-cols--head[b-hgxb45l38s] {
    padding: 9px 20px;
    border-top: 1px solid var(--esb-lines-default);
    border-bottom: 2px solid var(--esb-lines-default);
    font-size: 0.70rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--esb-text-secondary);
}

.ar-cols--row[b-hgxb45l38s] {
    cursor: pointer;
}

.ar-cols--row:last-child[b-hgxb45l38s] {
    border-bottom: none;
}

.ar-cols--row:hover[b-hgxb45l38s] {
    background: var(--esb-action-hover);
}

/* Créneau dont au moins un poste est vide */
.ar-cols--gap[b-hgxb45l38s] {
    background: rgba(224, 160, 48, 0.07);
}

.ar-cols--past[b-hgxb45l38s] {
    opacity: 0.72;
}

.ar-cols--selected[b-hgxb45l38s] {
    background: var(--esb-primary-hover);
    box-shadow: inset 3px 0 0 var(--esb-primary);
}

.ar-c-date[b-hgxb45l38s] {
    min-width: 0;
}

.ar-cell-date[b-hgxb45l38s] {
    display: block;
    font-size: 13px;
    font-weight: 600;
    font-variant-numeric: tabular-nums;
}

[b-hgxb45l38s] .ar-type-tag {
    height: 16px !important;
    margin-top: 3px;
    font-size: 9.5px !important;
}

.ar-c-title[b-hgxb45l38s] {
    min-width: 0;
    padding-right: 12px;
    font-size: 13px;
    color: var(--esb-text-secondary);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ar-c-slot[b-hgxb45l38s] {
    min-width: 0;
    padding-right: 10px;
}

.ar-slot-nom[b-hgxb45l38s] {
    display: block;
    font-size: 13px;
    font-weight: 500;
    color: var(--esb-text-primary);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ar-slot-nom--vide[b-hgxb45l38s] {
    font-weight: 600;
    color: var(--esb-secondary);
}

.ar-slot-badges[b-hgxb45l38s] {
    display: block;
    margin-top: 2px;
    font-size: 10px;
    color: var(--esb-text-disabled);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* Créneaux passés : nom + statut de présence */
.ar-c-result[b-hgxb45l38s] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.ar-result-nom[b-hgxb45l38s] {
    flex: 1;
    min-width: 0;
    font-size: 12.5px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* ── Panneau d'attribution ──────────────────────────────── */
.ar-panel-head[b-hgxb45l38s] {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    margin-bottom: 12px;
}

.ar-panel-head-main[b-hgxb45l38s] {
    flex: 1;
    min-width: 0;
}

.ar-panel-date[b-hgxb45l38s] {
    font-family: 'Barlow Condensed', Roboto, sans-serif;
    font-size: 19px;
    font-weight: 700;
    line-height: 1.15;
    text-transform: capitalize;
}

.ar-panel-sub[b-hgxb45l38s] {
    font-size: 12px;
    color: var(--esb-text-secondary);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ar-slot[b-hgxb45l38s] {
    margin-bottom: 10px;
}

.ar-slot-label[b-hgxb45l38s] {
    font-size: 0.58rem;
    font-weight: 700;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: var(--esb-text-secondary);
    margin-bottom: 4px;
}

.ar-slot-vide[b-hgxb45l38s] {
    padding: 9px 11px;
    border-radius: 11px;
    background: rgba(224, 160, 48, 0.10);
    border: 1px dashed rgba(224, 160, 48, 0.55);
    font-size: 13px;
    font-weight: 600;
    color: var(--esb-secondary);
}

.ar-slot-rempli[b-hgxb45l38s] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 6px 6px 6px 11px;
    border-radius: 11px;
    background: var(--esb-background-grey);
    border: 1px solid var(--esb-lines-default);
}

.ar-slot-rempli .ar-slot-nom[b-hgxb45l38s] {
    flex: 1;
}

.ar-slot-seg[b-hgxb45l38s] {
    margin-top: 6px;
}

.ar-panel-title[b-hgxb45l38s] {
    margin: 14px 0 8px;
    font-size: 0.58rem;
    font-weight: 700;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: var(--esb-text-secondary);
}

.ar-cand-list[b-hgxb45l38s] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    max-height: 320px;
    overflow-y: auto;
}

.ar-cand[b-hgxb45l38s] {
    display: flex;
    align-items: center;
    gap: 11px;
    width: 100%;
    padding: 8px 11px;
    border-radius: 12px;
    background: var(--esb-background-grey);
    border: 1px solid var(--esb-lines-default);
    font-family: inherit;
    text-align: left;
    cursor: pointer;
}

.ar-cand:hover[b-hgxb45l38s] {
    border-color: var(--esb-primary);
}

.ar-cand--on[b-hgxb45l38s] {
    background: var(--esb-primary-hover);
    border-color: var(--esb-primary);
}

.ar-cand-main[b-hgxb45l38s] {
    flex: 1;
    min-width: 0;
}

.ar-cand-nom[b-hgxb45l38s] {
    display: block;
    font-size: 13px;
    font-weight: 600;
    color: var(--esb-text-primary);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ar-cand-tags[b-hgxb45l38s] {
    display: flex;
    gap: 4px;
    margin-top: 3px;
}

.ar-cand-load[b-hgxb45l38s] {
    flex: none;
    width: 18px;
    text-align: right;
    font-weight: 800;
    font-size: 16px;
    line-height: 1;
    font-variant-numeric: tabular-nums;
    color: var(--esb-primary-lighten);
}

/* Personne qui n'a encore tenu aucun créneau : à servir en premier. */
.ar-cand-load--zero[b-hgxb45l38s] {
    color: var(--esb-secondary);
}

/* En dessous, la ligne à quatre colonnes ne tient plus : on empile. */

/* Voile de fond : rendu uniquement créneau sélectionné, masqué au-dessus du seuil. */
/* Ligne de la modale des participants : la case précède le nom. */
.ar-part-row[b-hgxb45l38s] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 9px 2px;
    border-bottom: 1px solid var(--esb-lines-default);
    cursor: pointer;
}

.ar-part-row:last-child[b-hgxb45l38s] {
    border-bottom: none;
}

/* ═══════════════════════════════════════════════════════════
   RESPONSIVE — en fin de fichier : à spécificité égale, la
   dernière règle gagne, sinon les styles de base annulent
   silencieusement les adaptations ci-dessous.
   ═══════════════════════════════════════════════════════════ */

@media (max-width: 1160px) {
    .ar-layout[b-hgxb45l38s] {
        grid-template-columns: minmax(0, 1fr);
    }

    /* En une colonne, l'aside tombe après 40+ créneaux : le panneau d'attribution
       devient une feuille remontant du bas, comme sur les autres écrans. */
    .ar-panel[b-hgxb45l38s] {
        margin: 0;
        border-radius: 18px 18px 0 0;
        max-height: 82vh;
        overflow-y: auto;
        box-shadow: var(--esb-shadow-sheet);
    }
}

@media (max-width: 600px) {
    .ar-arbitre-field[b-hgxb45l38s] {
        width: 100%;
    }
}

@media (max-width: 1160px) {
    .ar-cols[b-hgxb45l38s] {
        grid-template-columns: 118px minmax(0, 1fr);
        row-gap: 8px;
    }

    /* Sans l'en-tête, chaque cellule arbitre porte son propre libellé. */
    .ar-cols--head[b-hgxb45l38s] {
        display: none;
    }

    .ar-c-slot[b-hgxb45l38s]::before {
        content: attr(data-slot);
        display: block;
        margin-bottom: 2px;
        font-size: 0.55rem;
        font-weight: 700;
        letter-spacing: 0.14em;
        text-transform: uppercase;
        color: var(--esb-text-disabled);
    }

    .ar-c-result[b-hgxb45l38s] {
        display: block;
    }

    .ar-c-result .ar-result-nom[b-hgxb45l38s] {
        display: inline;
        margin-right: 6px;
    }
}
/* _content/EsbTeamManager/Components/Pages/Home.razor.rz.scp.css */
/* ── En-tête ─────────────────────────────────────────────── */
.home-head[b-tsvibae1dq] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 16px;
    flex-wrap: wrap;
    margin-bottom: 18px;
}

.home-hello[b-tsvibae1dq] {
    font-family: 'Barlow Condensed', Roboto, sans-serif;
    font-weight: 800;
    font-size: 2.2rem;
    letter-spacing: -0.5px;
    line-height: 1;
    color: var(--esb-text-primary);
}

.home-dateline[b-tsvibae1dq] {
    font-size: 0.82rem;
    color: var(--esb-text-secondary);
    margin-top: 5px;
}

/* ── Raccourcis ──────────────────────────────────────────── */
.home-quick[b-tsvibae1dq] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(160px, 240px));
    justify-content: start;
    gap: 12px;
    margin-bottom: 22px;
}

.home-quick-tile[b-tsvibae1dq] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 14px;
    border-radius: 14px;
    background: var(--esb-surface);
    border: 1px solid var(--esb-lines-default);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);
    text-decoration: none !important;
    color: var(--esb-text-primary);
    transition: border-color 0.15s, transform 0.15s, box-shadow 0.15s;
}

.home-quick-tile:hover[b-tsvibae1dq] {
    border-color: rgba(var(--esb-primary-rgb), 0.55);
    transform: translateY(-1px);
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.18);
}

.home-quick-icon[b-tsvibae1dq] {
    flex-shrink: 0;
    width: 34px;
    height: 34px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(var(--esb-primary-rgb), 0.14);
    color: var(--esb-primary);
}

[b-tsvibae1dq] .home-quick-icon-svg {
    width: 18px;
    height: 18px;
    stroke-width: 1.9;
}

.home-quick-label[b-tsvibae1dq] {
    font-size: 0.85rem;
    font-weight: 600;
    line-height: 1.2;
}

@media (max-width: 599px) {
    .home-quick[b-tsvibae1dq] {
        grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
        gap: 10px;
    }

    .home-quick-tile[b-tsvibae1dq] {
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
    }
}

/* ── Grille principale ───────────────────────────────────── */
.home-grid[b-tsvibae1dq] {
    display: grid;
    grid-template-columns: minmax(0, 1.55fr) minmax(0, 1fr);
    gap: 20px;
    align-items: start;
}

.home-col[b-tsvibae1dq] {
    display: flex;
    flex-direction: column;
    gap: 20px;
    min-width: 0;
}

@media (max-width: 1160px) {
    .home-grid[b-tsvibae1dq] {
        grid-template-columns: minmax(0, 1fr);
    }
}

/* ── Boîte "À traiter" ───────────────────────────────────── */
.home-todo-box[b-tsvibae1dq] {
    padding: 14px;
    border-radius: 16px;
    background: rgba(var(--esb-primary-rgb), 0.08);
    border: 1px solid rgba(var(--esb-primary-rgb), 0.32);
}

.home-todo-head[b-tsvibae1dq] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.home-todo-label[b-tsvibae1dq] {
    font-size: 0.60rem;
    font-weight: 700;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: var(--esb-primary-lighten);
}

.home-todo-rule[b-tsvibae1dq] {
    flex: 1;
    height: 1px;
    background: var(--esb-lines-default);
}

.home-todo-count[b-tsvibae1dq] {
    font-family: 'Barlow Condensed', Roboto, sans-serif;
    font-weight: 800;
    font-size: 1.35rem;
    line-height: 1;
    color: var(--esb-primary-lighten);
}

.home-todo-list[b-tsvibae1dq] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-top: 12px;
}

.home-todo-empty[b-tsvibae1dq] {
    padding: 16px 2px;
    font-size: 0.82rem;
    color: var(--esb-text-secondary);
}

.home-todo-row[b-tsvibae1dq] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 11px 13px;
    border-radius: 12px;
    background: var(--esb-surface);
    border: 1px solid var(--esb-lines-default);
    cursor: pointer;
    transition: border-color 0.15s, box-shadow 0.15s;
}

.home-todo-row:hover[b-tsvibae1dq] {
    border-color: var(--esb-primary);
    box-shadow: 0 3px 10px rgba(0,0,0,0.14);
}

.home-todo-icon[b-tsvibae1dq] {
    flex-shrink: 0;
    width: 32px;
    height: 32px;
    border-radius: 10px;
    background: rgba(var(--esb-primary-rgb), 0.10);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--esb-primary-lighten);
}

[b-tsvibae1dq] .home-todo-icon-svg {
    width: 16px;
    height: 16px;
}

.home-todo-text[b-tsvibae1dq] {
    flex: 1;
    min-width: 0;
}

.home-todo-title[b-tsvibae1dq] {
    display: block;
    font-size: 0.875rem;
    font-weight: 600;
    line-height: 1.25;
    color: var(--esb-text-primary);
}

.home-todo-meta[b-tsvibae1dq] {
    display: block;
    font-size: 0.75rem;
    color: var(--esb-text-secondary);
    margin-top: 2px;
}

.home-todo-cta[b-tsvibae1dq] {
    flex-shrink: 0;
    font-size: 0.72rem;
    font-weight: 700;
    color: var(--esb-primary-lighten);
    letter-spacing: 0.02em;
}

/* ── Carte "Prochains événements" ────────────────────────── */
.home-events-card[b-tsvibae1dq] {
    background: var(--esb-surface);
    border: 1px solid var(--esb-lines-default);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);
    border-radius: 16px;
    overflow: hidden;
}

.home-card-head[b-tsvibae1dq] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 14px 18px 12px;
}

.home-card-title[b-tsvibae1dq] {
    flex: 1;
    font-size: 0.70rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--esb-text-secondary);
}

.home-ev-row[b-tsvibae1dq] {
    display: flex;
    gap: 14px;
    align-items: flex-start;
    padding: 14px 18px;
    border-top: 1px solid var(--esb-lines-default);
}

.home-ev-row--pending[b-tsvibae1dq] {
    background: rgba(var(--esb-primary-rgb), 0.035);
}

.home-ev-date[b-tsvibae1dq] {
    flex-shrink: 0;
    width: 46px;
    text-align: center;
    padding-right: 12px;
    border-right: 1px solid var(--esb-lines-default);
}

.home-ev-dow[b-tsvibae1dq] {
    display: block;
    font-size: 0.60rem;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--esb-text-secondary);
}

.home-ev-day[b-tsvibae1dq] {
    display: block;
    font-family: 'Barlow Condensed', Roboto, sans-serif;
    font-weight: 800;
    font-size: 1.5rem;
    line-height: 1;
    letter-spacing: -0.25px;
    color: var(--esb-text-primary);
}

.home-ev-month[b-tsvibae1dq] {
    display: block;
    font-size: 0.68rem;
    color: var(--esb-text-secondary);
    text-transform: uppercase;
}

.home-ev-body[b-tsvibae1dq] {
    flex: 1;
    min-width: 0;
}

.home-ev-top[b-tsvibae1dq] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.home-ev-kind[b-tsvibae1dq] {
    flex-shrink: 0;
    border-radius: 6px;
    font-size: 0.62rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    padding: 2px 7px;
    background: rgba(var(--esb-primary-rgb), 0.10);
    color: var(--esb-primary-lighten);
}

.home-ev-kind--match[b-tsvibae1dq] {
    background: rgba(var(--esb-secondary-rgb), 0.16);
    color: var(--esb-secondary);
}

/* Ma reponse, a cote de la pastille de type : une fois repondu les boutons
   disparaissent, sans cela la ligne ne dit plus ce qu'on a repondu. */
.home-ev-mine[b-tsvibae1dq] {
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    border-radius: 6px;
    font-size: 0.62rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    padding: 2px 7px;
}

[b-tsvibae1dq] .home-ev-mine-icon {
    width: 11px;
    height: 11px;
}

.home-ev-mine--yes[b-tsvibae1dq] {
    background: rgba(var(--esb-success-rgb), 0.14);
    color: var(--esb-success);
}

.home-ev-mine--no[b-tsvibae1dq] {
    background: rgba(var(--esb-error-rgb), 0.14);
    color: var(--esb-error);
}

.home-ev-time[b-tsvibae1dq] {
    margin-left: auto;
    font-size: 0.75rem;
    font-variant-numeric: tabular-nums;
    font-weight: 600;
    color: var(--esb-text-secondary);
}

.home-ev-title[b-tsvibae1dq] {
    font-family: 'Barlow Condensed', Roboto, sans-serif;
    font-weight: 700;
    font-size: 1.05rem;
    line-height: 1.2;
    letter-spacing: -0.15px;
    margin-top: 4px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: var(--esb-text-primary);
}

.home-ev-sub[b-tsvibae1dq] {
    font-size: 0.75rem;
    color: var(--esb-text-secondary);
    margin-top: 2px;
    display: flex;
    gap: 4px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.home-ev-presence[b-tsvibae1dq] {
    display: flex;
    align-items: center;
    gap: 11px;
    margin-top: 10px;
}

.home-ev-yes[b-tsvibae1dq] {
    display: flex;
    align-items: baseline;
    gap: 4px;
    flex-shrink: 0;
}

.home-ev-yes-num[b-tsvibae1dq] {
    font-family: 'Barlow Condensed', Roboto, sans-serif;
    font-weight: 800;
    font-size: 1.35rem;
    line-height: 1;
    font-variant-numeric: tabular-nums;
    color: var(--esb-primary-lighten);
}

.home-ev-yes-den[b-tsvibae1dq] {
    font-size: 0.68rem;
    color: var(--esb-text-secondary);
}

.home-ev-bar-wrap[b-tsvibae1dq] {
    flex: 1;
    min-width: 60px;
}

.home-ev-bar-labels[b-tsvibae1dq] {
    display: flex;
    gap: 10px;
    margin-top: 5px;
    font-size: 0.68rem;
    font-variant-numeric: tabular-nums;
    color: var(--esb-text-secondary);
}

.home-ev-pending[b-tsvibae1dq] {
    color: var(--esb-primary-lighten);
    font-weight: 600;
}

.home-ev-actions[b-tsvibae1dq] {
    display: flex;
    gap: 6px;
    margin-top: 10px;
}

.home-ev-btn[b-tsvibae1dq] {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    font-family: 'Manrope', sans-serif;
    font-size: 0.78rem;
    font-weight: 600;
    min-height: 34px;
    max-width: 140px;
    border-radius: 10px;
    cursor: pointer;
    border: 1px solid var(--esb-lines-default);
    background: transparent;
    color: var(--esb-text-secondary);
    transition: border-color 0.15s, background 0.15s, color 0.15s;
}

.home-ev-btn--yes:hover[b-tsvibae1dq] {
    border-color: var(--esb-success);
    color: var(--esb-success);
}

.home-ev-btn--no:hover[b-tsvibae1dq] {
    border-color: var(--esb-error);
    color: var(--esb-error);
}

/* ── Colonne latérale ────────────────────────────────────── */
.home-section-label[b-tsvibae1dq] {
    font-size: 0.60rem;
    font-weight: 700;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: var(--esb-text-secondary);
}

.home-section-label--inset[b-tsvibae1dq] {
    padding: 0;
    margin-bottom: 8px;
}

.home-pulse-card[b-tsvibae1dq] {
    background: var(--esb-surface);
    border: 1px solid var(--esb-lines-default);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);
    border-radius: 16px;
    padding: 16px 18px;
}

.home-pulse-top[b-tsvibae1dq] {
    display: flex;
    align-items: center;
    gap: 9px;
}

.home-pulse-dot[b-tsvibae1dq] {
    flex-shrink: 0;
    width: 9px;
    height: 9px;
    border-radius: 50%;
}

.home-pulse-name[b-tsvibae1dq] {
    flex: 1;
    min-width: 0;
    font-family: 'Barlow Condensed', Roboto, sans-serif;
    font-weight: 700;
    font-size: 1.2rem;
    letter-spacing: -0.15px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: var(--esb-text-primary);
}

.home-pulse-tag[b-tsvibae1dq] {
    flex-shrink: 0;
    border-radius: 6px;
    font-size: 0.68rem;
    font-weight: 700;
    padding: 2px 8px;
}

.home-pulse-tag--win[b-tsvibae1dq]  { background: rgba(var(--esb-success-rgb), 0.16); color: var(--esb-success); }
.home-pulse-tag--loss[b-tsvibae1dq] { background: rgba(var(--esb-error-rgb), 0.14);   color: var(--esb-error); }
.home-pulse-tag--draw[b-tsvibae1dq] { background: rgba(var(--esb-warning-rgb), 0.16); color: var(--esb-warning); }

.home-pulse-lastmatch[b-tsvibae1dq] {
    font-size: 0.75rem;
    color: var(--esb-text-secondary);
    margin-top: 6px;
}

.home-pulse-bottom[b-tsvibae1dq] {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-top: 14px;
}

.home-pulse-rate[b-tsvibae1dq] {
    font-family: 'Barlow Condensed', Roboto, sans-serif;
    font-weight: 800;
    font-size: 1.75rem;
    line-height: 1;
    font-variant-numeric: tabular-nums;
    color: var(--esb-primary-lighten);
}

.home-pulse-spark[b-tsvibae1dq] {
    flex: 1;
    display: flex;
    gap: 3px;
    align-items: flex-end;
    height: 34px;
}

.home-pulse-bar[b-tsvibae1dq] {
    flex: 1;
    border-radius: 2px 2px 0 0;
    background: rgba(var(--esb-primary-rgb), 0.35);
}

.home-pulse-bar--last[b-tsvibae1dq] {
    background: var(--esb-primary);
}

.home-pulse-caption[b-tsvibae1dq] {
    font-size: 0.62rem;
    color: var(--esb-text-disabled);
    margin-top: 6px;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

/* ── Mes arbitrages ──────────────────────────────────────── */
.home-referee-card[b-tsvibae1dq] {
    background: var(--esb-surface);
    border: 1px solid var(--esb-lines-default);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);
    border-radius: 16px;
    padding: 16px 18px;
}

.home-referee-row[b-tsvibae1dq] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 0;
    border-top: 1px solid var(--esb-lines-default);
}

.home-referee-row:first-of-type[b-tsvibae1dq] {
    border-top: none;
}

.home-referee-date[b-tsvibae1dq] {
    flex-shrink: 0;
    width: 46px;
    font-family: 'Barlow Condensed', Roboto, sans-serif;
    font-weight: 800;
    font-size: 1.05rem;
    line-height: 1;
    color: var(--esb-text-primary);
}

.home-referee-text[b-tsvibae1dq] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
}

.home-referee-match[b-tsvibae1dq] {
    font-size: 0.82rem;
    font-weight: 600;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: var(--esb-text-primary);
}

.home-referee-team[b-tsvibae1dq] {
    font-size: 0.72rem;
    color: var(--esb-text-secondary);
    margin-top: 1px;
}

.home-referee-tag[b-tsvibae1dq] {
    flex-shrink: 0;
    border-radius: 6px;
    font-size: 0.68rem;
    font-weight: 700;
    padding: 2px 8px;
    background: rgba(var(--esb-primary-rgb), 0.10);
    color: var(--esb-primary-lighten);
}

/* ── État vide générique ─────────────────────────────────── */
.empty-state[b-tsvibae1dq] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 40px 0;
    opacity: 0.4;
}
/* _content/EsbTeamManager/Components/Pages/Matchs.razor.rz.scp.css */
/* ── Topbar ──────────────────────────────────────────── */
/* ── Barre outils ────────────────────────────────────── */
.match-toolbar[b-7vkus3kfon] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 14px;
}

.match-team-chips[b-7vkus3kfon] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.match-team-chip[b-7vkus3kfon] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-family: inherit;
    font-size: 0.78rem;
    font-weight: 600;
    min-height: 32px;
    padding: 0 12px;
    border-radius: 999px;
    cursor: pointer;
    background: transparent;
    border: 1px solid var(--esb-lines-default);
    color: var(--esb-text-disabled);
}

.match-team-chip--active[b-7vkus3kfon] {
    color: var(--esb-text-primary);
    background: var(--esb-action-hover);
}

.match-team-dot[b-7vkus3kfon] {
    width: 12px;
    height: 3px;
    border-radius: 2px;
    display: inline-block;
}

/* ── Bannière résultats à saisir ─────────────────────── */
.match-missing[b-7vkus3kfon] {
    margin-top: 16px;
    padding: 14px 16px;
    border-radius: 16px;
    background: rgba(var(--esb-warning-rgb), 0.12);
    border: 1px solid rgba(var(--esb-warning-rgb), 0.45);
}

.match-missing-head[b-7vkus3kfon] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.match-missing-label[b-7vkus3kfon] {
    font-size: 0.62rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--esb-warning-darken);
}

.match-missing-count[b-7vkus3kfon] {
    margin-left: auto;
    font-family: 'Barlow Condensed', Roboto, sans-serif;
    font-weight: 800;
    font-size: 1.35rem;
    line-height: 1;
    color: var(--esb-warning-darken);
}

.match-missing-list[b-7vkus3kfon] {
    display: flex;
    gap: 10px;
    margin-top: 11px;
    flex-wrap: wrap;
}

.match-missing-item[b-7vkus3kfon] {
    flex: 1;
    min-width: 220px;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 9px 12px;
    border-radius: 12px;
    background: var(--esb-surface);
    border: 1px solid var(--esb-lines-default);
    cursor: pointer;
}

.match-missing-title[b-7vkus3kfon] {
    display: block;
    font-size: 0.85rem;
    font-weight: 600;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.match-missing-sub[b-7vkus3kfon] {
    display: block;
    font-size: 0.72rem;
    color: var(--esb-text-secondary);
    margin-top: 2px;
}

.match-missing-cta[b-7vkus3kfon] {
    margin-left: auto;
    flex: none;
    font-size: 0.75rem;
    font-weight: 700;
    color: var(--esb-warning-darken);
}

/* ── Layout deux colonnes ────────────────────────────── */
.match-layout[b-7vkus3kfon] {
    display: grid;
    /* 380 px : en dessous, nom + étiquette de convocation + boutons Présent / Absent
       ne tiennent plus sur une ligne et chaque licencié occupe deux lignes. */
    grid-template-columns: minmax(0, 1fr) 380px;
    gap: 20px;
    align-items: start;
    margin-top: 16px;
}

/* ── Carte liste ─────────────────────────────────────── */
.match-list-card[b-7vkus3kfon] {
    background: var(--esb-surface);
    border: 1px solid var(--esb-lines-default);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);
    border-radius: 16px;
    overflow: hidden;
}

.match-list-head[b-7vkus3kfon] {
    display: flex;
    align-items: center;
    padding: 10px 18px;
    border-bottom: 2px solid var(--esb-lines-default);
}

.match-list-col[b-7vkus3kfon] {
    font-size: 0.70rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--esb-text-secondary);
}

.match-list-col--date[b-7vkus3kfon] { flex: none; width: 62px; }
.match-list-col--opp[b-7vkus3kfon] { flex: 1; }
.match-list-col--venue[b-7vkus3kfon] { flex: none; width: 92px; }
.match-list-col--score[b-7vkus3kfon] { flex: none; width: 100px; text-align: right; }
.match-list-col--last[b-7vkus3kfon] { flex: none; width: 110px; text-align: right; }
.match-list-col--answer[b-7vkus3kfon] { flex: none; width: 140px; text-align: right; }

.match-empty[b-7vkus3kfon] {
    padding: 20px 18px 24px;
    font-size: 0.8rem;
    color: var(--esb-text-disabled);
}

.match-rows[b-7vkus3kfon] {
    display: flex;
    flex-direction: column;
}

.match-row[b-7vkus3kfon] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 18px;
    border-top: 1px solid var(--esb-lines-default);
    cursor: pointer;
    flex-wrap: wrap;
}

.match-row:hover[b-7vkus3kfon] {
    background: var(--esb-action-hover);
}

.match-row--selected[b-7vkus3kfon] {
    background: rgba(var(--esb-primary-rgb), 0.08);
    box-shadow: inset 2px 0 0 var(--esb-primary);
}

.match-row-date[b-7vkus3kfon] {
    flex: none;
    width: 62px;
}

.match-row-day[b-7vkus3kfon] {
    display: block;
    font-family: 'Barlow Condensed', Roboto, sans-serif;
    font-weight: 800;
    font-size: 1.15rem;
    line-height: 1;
    font-variant-numeric: tabular-nums;
}

.match-row-month[b-7vkus3kfon] {
    display: block;
    font-size: 0.65rem;
    color: var(--esb-text-secondary);
    margin-top: 2px;
    text-transform: uppercase;
}

.match-row-main[b-7vkus3kfon] {
    flex: 1;
    min-width: 140px;
}

.match-row-title[b-7vkus3kfon] {
    display: block;
    font-weight: 600;
    font-size: 0.88rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.match-row-sub[b-7vkus3kfon] {
    display: block;
    font-size: 0.72rem;
    color: var(--esb-text-secondary);
    margin-top: 2px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.match-row-venue-tag[b-7vkus3kfon] {
    flex: none;
    width: 92px;
    border-radius: 6px;
    font-size: 0.62rem;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    padding: 3px 8px;
    text-align: center;
}

.match-row-venue--home[b-7vkus3kfon] {
    background: rgba(var(--esb-success-rgb), 0.16);
    color: var(--esb-success-darken);
}

.match-row-venue--away[b-7vkus3kfon] {
    background: rgba(var(--esb-warning-rgb), 0.16);
    color: var(--esb-warning-darken);
}

.match-row-score[b-7vkus3kfon] {
    flex: none;
    width: 100px;
    text-align: right;
}

.match-row-score-val[b-7vkus3kfon] {
    display: block;
    font-family: 'Barlow Condensed', Roboto, sans-serif;
    font-weight: 800;
    font-size: 1.2rem;
    line-height: 1;
    font-variant-numeric: tabular-nums;
    letter-spacing: -0.25px;
}

.match-row-score--victoire .match-row-score-val[b-7vkus3kfon] { color: var(--esb-success); }
.match-row-score--defaite .match-row-score-val[b-7vkus3kfon] { color: var(--esb-error); }
.match-row-score--nul .match-row-score-val[b-7vkus3kfon] { color: var(--esb-warning); }
.match-row-score--attente .match-row-score-val[b-7vkus3kfon] { color: var(--esb-text-disabled); }
.match-row-score--manquant .match-row-score-val[b-7vkus3kfon] {
    color: var(--esb-warning);
    font-size: 0.78rem;
}

.match-row-outcome[b-7vkus3kfon] {
    display: block;
    font-size: 0.62rem;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    margin-top: 2px;
}

.match-row-score--victoire .match-row-outcome[b-7vkus3kfon] { color: var(--esb-success); }
.match-row-score--defaite .match-row-outcome[b-7vkus3kfon] { color: var(--esb-error); }
.match-row-score--nul .match-row-outcome[b-7vkus3kfon] { color: var(--esb-warning); }

.match-row-answer[b-7vkus3kfon] {
    flex: none;
    width: 140px;
    display: flex;
    justify-content: flex-end;
    /* Si la ligne passe quand meme a la ligne, la reponse se cale a droite. */
    margin-left: auto;
}

.match-row-last[b-7vkus3kfon] {
    flex: none;
    width: 110px;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 4px;
}

.match-row-presence-top[b-7vkus3kfon] {
    display: flex;
    align-items: baseline;
    gap: 4px;
}

.match-row-yes[b-7vkus3kfon] {
    font-family: 'Barlow Condensed', Roboto, sans-serif;
    font-weight: 800;
    font-size: 1rem;
    line-height: 1;
    font-variant-numeric: tabular-nums;
    color: var(--esb-primary);
}

.match-row-den[b-7vkus3kfon] {
    font-size: 0.66rem;
    color: var(--esb-text-secondary);
}

/* La barre est rendue par EsbPresenceBar : son <div> ne porte pas l'attribut de
   scope de cette page, d'où le ::deep. Sans largeur, elle tombe à zéro dans une
   colonne flex alignée à droite. */
.match-row-last[b-7vkus3kfon]  .esb-presbar {
    width: 88px;
}

.match-row-past[b-7vkus3kfon] {
    font-size: 0.75rem;
    color: var(--esb-text-secondary);
}

/* ── Panneau latéral ─────────────────────────────────── */
/* Fond opaque obligatoire : sous 1160 px le panneau devient une feuille
   posée sur la liste, et sans surface les deux textes se superposent. */
.match-panel[b-7vkus3kfon] {
    background: var(--esb-surface);
    border: 1px solid var(--esb-lines-default);
    border-radius: 16px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.12);
    padding: 16px 18px;
}

.match-summary[b-7vkus3kfon] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

/* ── Cartes statistiques saison ──────────────────────── */
.match-stat-card[b-7vkus3kfon] {
    background: var(--esb-surface);
    border: 1px solid var(--esb-lines-default);
    border-radius: 16px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.12);
    padding: 15px 16px;
}

.match-stat-title[b-7vkus3kfon] {
    font-size: 0.70rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--esb-text-secondary);
}

.match-record[b-7vkus3kfon] {
    display: flex;
    align-items: baseline;
    gap: 6px;
    margin-top: 10px;
    flex-wrap: wrap;
}

.match-record-w[b-7vkus3kfon] {
    font-family: 'Barlow Condensed', Roboto, sans-serif;
    font-weight: 800;
    font-size: 2.2rem;
    line-height: 1;
    letter-spacing: -0.5px;
    color: var(--esb-success);
}

.match-record-sep[b-7vkus3kfon] {
    font-family: 'Barlow Condensed', Roboto, sans-serif;
    font-weight: 800;
    font-size: 1.3rem;
    line-height: 1;
    color: var(--esb-text-disabled);
}

.match-record-l[b-7vkus3kfon] {
    font-family: 'Barlow Condensed', Roboto, sans-serif;
    font-weight: 800;
    font-size: 2.2rem;
    line-height: 1;
    letter-spacing: -0.5px;
    color: var(--esb-error);
}

.match-record-pct[b-7vkus3kfon] {
    margin-left: auto;
    font-size: 0.72rem;
    color: var(--esb-text-secondary);
}

.match-form[b-7vkus3kfon] {
    display: flex;
    gap: 4px;
    margin-top: 14px;
    max-width: 340px;
}

.match-form-item[b-7vkus3kfon] {
    flex: 1;
    height: 28px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'Barlow Condensed', Roboto, sans-serif;
    font-weight: 800;
    font-size: 0.9rem;
    color: #fff;
}

.match-form-item--victoire[b-7vkus3kfon] { background: var(--esb-success); }
.match-form-item--defaite[b-7vkus3kfon] { background: var(--esb-error); }
.match-form-item--nul[b-7vkus3kfon] { background: var(--esb-warning); }

.match-form-hint[b-7vkus3kfon] {
    font-size: 0.62rem;
    color: var(--esb-text-disabled);
    margin-top: 7px;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.match-pts-row[b-7vkus3kfon] {
    display: flex;
    gap: 14px;
    margin-top: 12px;
}

.match-pts-item[b-7vkus3kfon] {
    flex: 1;
}

.match-pts-value[b-7vkus3kfon] {
    font-family: 'Barlow Condensed', Roboto, sans-serif;
    font-weight: 800;
    font-size: 1.6rem;
    line-height: 1;
    font-variant-numeric: tabular-nums;
}

.match-pts-value--for[b-7vkus3kfon] { color: var(--esb-primary); }
.match-pts-value--against[b-7vkus3kfon] { color: var(--esb-text-secondary); }

.match-pts-label[b-7vkus3kfon] {
    font-size: 0.62rem;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--esb-text-secondary);
    margin-top: 3px;
}

.match-diffbars[b-7vkus3kfon] {
    display: flex;
    gap: 3px;
    align-items: flex-end;
    height: 46px;
    margin-top: 14px;
    max-width: 340px;
}

.match-diffbar-track[b-7vkus3kfon] {
    flex: 1;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.match-diffbar-fill[b-7vkus3kfon] {
    width: 100%;
    min-height: 3px;
    border-radius: 3px 3px 0 0;
}

.match-diffbar-fill--victoire[b-7vkus3kfon] { background: var(--esb-success); }
.match-diffbar-fill--defaite[b-7vkus3kfon] { background: var(--esb-error); }
.match-diffbar-fill--nul[b-7vkus3kfon] { background: var(--esb-warning); }

/* ═══════════════════════════════════════════════════════════
   RESPONSIVE — en fin de fichier : à spécificité égale, la
   dernière règle gagne, sinon les styles de base annulent
   silencieusement les adaptations ci-dessous.
   ═══════════════════════════════════════════════════════════ */

@media (max-width: 1160px) {
    .match-layout[b-7vkus3kfon] {
        grid-template-columns: minmax(0, 1fr);
    }

    .match-summary[b-7vkus3kfon] {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
        align-items: start;
    }

    .match-panel[b-7vkus3kfon] {
        display: none;
        border-radius: 18px 18px 0 0;
        max-height: 80vh;
        overflow-y: auto;
        box-shadow: var(--esb-shadow-sheet);
        padding: 16px 16px 20px;
    }

    .match-panel--open[b-7vkus3kfon] {
        display: block;
    }
}

/* Deux situations ou la ligne ne tient plus sur un rang : la fenetre est
   etroite, ou le panneau ouvert lui prend 380 px. Le compteur de presences
   saute alors — il est repris dans le panneau — au profit de « Ma reponse »,
   qui est actionnable. Meme choix que la liste des entrainements. */
@media (max-width: 900px), (min-width: 1161px) and (max-width: 1400px) {
    .match-list-col--last[b-7vkus3kfon],
    .match-row-last[b-7vkus3kfon] {
        display: none;
    }
}

/* Plus bas, la ligne passe en deux lignes malgre tout : un en-tete de colonnes
   n'a plus rien a aligner, et ses libelles se chevauchaient faute de largeur.
   Le seuil est pris legerement au-dessus du point de rupture reel (~748 px) :
   mieux vaut un en-tete masque un peu tot qu'un en-tete desaligne. */
@media (max-width: 780px) {
    .match-list-head[b-7vkus3kfon] {
        display: none;
    }
}

@media (max-width: 600px) {
    .match-row[b-7vkus3kfon] {
        gap: 8px;
        padding: 11px 14px;
    }

    .match-row-sub[b-7vkus3kfon] {
        display: none;
    }
}
/* _content/EsbTeamManager/Components/Pages/MesMessages.razor.rz.scp.css */
/* ── Topbar ──────────────────────────────────────────── */
/* ── Toolbar / filtres ───────────────────────────────── */
.msg-toolbar[b-mpx2wduxyk] {
    display: flex;
    align-items: center;
}

.msg-filter-pills[b-mpx2wduxyk] {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.msg-filter-pill[b-mpx2wduxyk] {
    display: flex;
    align-items: center;
    gap: 6px;
    border: 1px solid var(--esb-lines-default);
    background: var(--esb-surface);
    border-radius: 999px;
    padding: 6px 14px;
    font-size: 0.78rem;
    font-weight: 600;
    color: var(--esb-text-secondary);
    cursor: pointer;
    transition: background 0.15s, color 0.15s, border-color 0.15s;
}

.msg-filter-pill:hover[b-mpx2wduxyk] {
    border-color: var(--esb-primary);
}

.msg-filter-pill--active[b-mpx2wduxyk] {
    background: var(--esb-primary);
    border-color: var(--esb-primary);
    color: var(--esb-primary-text);
}

.msg-filter-count[b-mpx2wduxyk] {
    min-width: 18px;
    height: 18px;
    padding: 0 5px;
    border-radius: 999px;
    background: rgba(var(--esb-secondary-rgb), 0.9);
    color: var(--esb-secondary-text);
    font-size: 0.68rem;
    font-weight: 700;
    line-height: 18px;
    text-align: center;
}

.msg-filter-pill--active .msg-filter-count[b-mpx2wduxyk] {
    background: rgba(255, 255, 255, 0.25);
    color: inherit;
}

/* ── Layout deux colonnes ────────────────────────────── */
.msg-layout[b-mpx2wduxyk] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 380px;
    gap: 20px;
    align-items: start;
}

/* Voile de fond : uniquement sous le seuil mobile. */
/* ── Carte liste ─────────────────────────────────────── */
.msg-list-card[b-mpx2wduxyk] {
    background: var(--esb-surface);
    border: 1px solid var(--esb-lines-default);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);
    border-radius: 16px;
    overflow: hidden;
}

.msg-list-head[b-mpx2wduxyk] {
    display: flex;
    align-items: center;
    padding: 13px 18px 12px;
}

.msg-list-count[b-mpx2wduxyk] {
    font-size: 0.70rem;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: var(--esb-text-disabled);
}

.msg-empty[b-mpx2wduxyk] {
    padding: 24px 18px;
    text-align: center;
    font-size: 0.82rem;
    color: var(--esb-text-secondary);
}

.msg-rows[b-mpx2wduxyk] {
    display: flex;
    flex-direction: column;
}

.msg-row[b-mpx2wduxyk] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 12px 18px;
    border-top: 1px solid var(--esb-lines-default);
    cursor: pointer;
    transition: background 0.15s;
}

.msg-row:hover[b-mpx2wduxyk] {
    background: rgba(var(--esb-primary-rgb), 0.06);
}

.msg-row--selected[b-mpx2wduxyk] {
    background: rgba(var(--esb-primary-rgb), 0.12);
}

.msg-row--unread .msg-row-title[b-mpx2wduxyk],
.msg-row--unread .msg-row-sub[b-mpx2wduxyk] {
    font-weight: 700;
    color: var(--esb-text-primary);
}

.msg-row-dot[b-mpx2wduxyk] {
    flex-shrink: 0;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    margin-top: 4px;
}

.msg-row-main[b-mpx2wduxyk] {
    flex: 1;
    min-width: 0;
}

.msg-row-title-line[b-mpx2wduxyk] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.msg-row-title[b-mpx2wduxyk] {
    font-size: 0.86rem;
    font-weight: 600;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.msg-row-kind[b-mpx2wduxyk] {
    flex-shrink: 0;
    font-size: 0.62rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    padding: 1px 7px;
    border-radius: 999px;
}

.msg-row-kind--annonces[b-mpx2wduxyk] {
    background: rgba(var(--esb-info-rgb), 0.15);
    color: var(--esb-info);
}

.msg-row-kind--prive[b-mpx2wduxyk] {
    background: rgba(var(--esb-secondary-rgb), 0.18);
    color: var(--esb-secondary);
}

.msg-row-sub[b-mpx2wduxyk] {
    font-size: 0.76rem;
    color: var(--esb-text-secondary);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-top: 2px;
}

.msg-row-meta[b-mpx2wduxyk] {
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 6px;
}

.msg-row-time[b-mpx2wduxyk] {
    font-size: 0.68rem;
    color: var(--esb-text-disabled);
    white-space: nowrap;
}

.msg-row-badge[b-mpx2wduxyk] {
    min-width: 18px;
    height: 18px;
    padding: 0 5px;
    border-radius: 999px;
    background: var(--esb-secondary);
    color: var(--esb-secondary-text);
    font-size: 0.68rem;
    font-weight: 700;
    line-height: 18px;
    text-align: center;
}

/* ── Panneau détail ──────────────────────────────────── */
.msg-panel[b-mpx2wduxyk] {
    background: var(--esb-surface);
    border: 1px solid var(--esb-lines-default);
    border-radius: 16px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);
    padding: 14px 16px;
    display: flex;
    flex-direction: column;
    max-height: 78vh;
}

.msg-panel-empty[b-mpx2wduxyk] {
    padding: 24px 6px;
    text-align: center;
}

.msg-panel-empty-title[b-mpx2wduxyk] {
    font-size: 0.85rem;
    font-weight: 600;
    color: var(--esb-text-secondary);
}

.msg-panel-empty-sub[b-mpx2wduxyk] {
    font-size: 0.72rem;
    color: var(--esb-text-disabled);
    margin-top: 5px;
    line-height: 1.45;
}

.msg-panel-header[b-mpx2wduxyk] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding-bottom: 10px;
    border-bottom: 1px solid var(--esb-lines-default);
    margin-bottom: 10px;
}

[b-mpx2wduxyk] .msg-panel-back {
    margin-left: -8px;
    display: none;
}

.msg-panel-title-block[b-mpx2wduxyk] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.msg-panel-title[b-mpx2wduxyk] {
    font-size: 0.95rem;
    font-weight: 700;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.msg-panel-subtitle[b-mpx2wduxyk] {
    font-size: 0.7rem;
    color: var(--esb-text-secondary);
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.msg-panel-body[b-mpx2wduxyk] {
    flex: 1;
    overflow-y: auto;
    padding-right: 2px;
}

/* ── Groupes de jour ─────────────────────────────────── */
.msg-day-label[b-mpx2wduxyk] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 14px 0 8px;
    font-size: 0.68rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--esb-text-disabled);
}

.msg-day-label:first-child[b-mpx2wduxyk] {
    margin-top: 0;
}

.msg-day-rule[b-mpx2wduxyk] {
    flex: 1;
    height: 1px;
    background: var(--esb-lines-default);
}

/* ── Bulles de conversation ──────────────────────────── */
.msg-bubble[b-mpx2wduxyk] {
    display: flex;
    gap: 8px;
    margin-bottom: 12px;
}

.msg-bubble--mine[b-mpx2wduxyk] {
    flex-direction: row-reverse;
}

[b-mpx2wduxyk] .msg-bubble-avatar {
    flex-shrink: 0;
}

.msg-bubble-content[b-mpx2wduxyk] {
    max-width: 78%;
    background: var(--esb-background-grey);
    border-radius: 12px;
    padding: 8px 12px;
}

.msg-bubble--mine .msg-bubble-content[b-mpx2wduxyk] {
    background: rgba(var(--esb-secondary-rgb), 0.16);
}

.msg-bubble-head[b-mpx2wduxyk] {
    display: flex;
    align-items: baseline;
    gap: 8px;
}

.msg-bubble--mine .msg-bubble-head[b-mpx2wduxyk] {
    flex-direction: row-reverse;
}

.msg-bubble-name[b-mpx2wduxyk] {
    font-size: 0.74rem;
    font-weight: 700;
}

.msg-bubble-time[b-mpx2wduxyk] {
    font-size: 0.64rem;
    color: var(--esb-text-disabled);
}

.msg-bubble-text[b-mpx2wduxyk] {
    font-size: 0.85rem;
    white-space: pre-wrap;
    margin-top: 2px;
}

/* ── Sondage inline ──────────────────────────────────── */
.msg-poll[b-mpx2wduxyk] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    margin-top: 10px;
}

.msg-poll-option[b-mpx2wduxyk] {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
}

/* Un libellé d'option peut être long : il cède avant la jauge et le compteur. */
.msg-poll-option .esb-vote-btn[b-mpx2wduxyk] {
    flex: 0 1 auto;
    min-width: 0;
    max-width: 58%;
    display: block;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.msg-poll-option .esb-meter[b-mpx2wduxyk] {
    flex: 1 1 36px;
    min-width: 32px;
}

.msg-poll-count[b-mpx2wduxyk] {
    font-size: 0.68rem;
    color: var(--esb-text-secondary);
    min-width: 55px;
    text-align: right;
    white-space: nowrap;
}

/* ── Compose ─────────────────────────────────────────── */
.msg-compose[b-mpx2wduxyk] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding-top: 10px;
    border-top: 1px solid var(--esb-lines-default);
    margin-top: 8px;
}

.msg-compose-input[b-mpx2wduxyk] {
    flex: 1;
}

/* ═══════════════════════════════════════════════════════════
   RESPONSIVE — en fin de fichier : à spécificité égale, la
   dernière règle gagne, sinon les styles de base annulent
   silencieusement les adaptations ci-dessous.
   ═══════════════════════════════════════════════════════════ */

@media (max-width: 1160px) {
    .msg-layout[b-mpx2wduxyk] {
        grid-template-columns: minmax(0, 1fr);
    }

    .msg-panel[b-mpx2wduxyk] {
        display: none;
        border-radius: 18px 18px 0 0;
        max-height: 82vh;
        box-shadow: var(--esb-shadow-sheet);
        padding: 12px 16px 16px;
    }

    .msg-panel--open[b-mpx2wduxyk] {
        display: flex;
        flex-direction: column;
    }
}

@media (max-width: 1160px) {
    [b-mpx2wduxyk] .msg-panel-back {
        display: inline-flex;
    }
}

@media (max-width: 600px) {
    .msg-row[b-mpx2wduxyk] {
        padding: 10px 14px;
    }

    .msg-bubble-content[b-mpx2wduxyk] {
        max-width: 88%;
    }
}
/* _content/EsbTeamManager/Components/Pages/MonCompte.razor.rz.scp.css */
.mc-root[b-jyqrww3vex] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.mc-header[b-jyqrww3vex] {
    display: flex;
    align-items: center;
    gap: 18px;
    flex-wrap: wrap;
}

.mc-avatar-wrap[b-jyqrww3vex] {
    position: relative;
    flex: none;
}

[b-jyqrww3vex] .mc-avatar {
    width: 84px !important;
    height: 84px !important;
    font-size: 2rem !important;
}

[b-jyqrww3vex] .mc-avatar-upload {
    position: absolute;
    right: -4px;
    bottom: -4px;
}

[b-jyqrww3vex] .mc-avatar-btn {
    box-shadow: var(--esb-shadow-2);
}

.mc-header-info[b-jyqrww3vex] {
    flex: 1;
    min-width: 200px;
}

.mc-fullname[b-jyqrww3vex] {
    font-family: 'Barlow Condensed', Roboto, sans-serif;
    font-weight: 800;
    font-size: 1.9rem;
    letter-spacing: -0.25px;
    line-height: 1.1;
}

.mc-header-tags[b-jyqrww3vex] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 8px;
    flex-wrap: wrap;
}

.mc-maillot-tag[b-jyqrww3vex] {
    border-radius: 6px;
    font-size: 0.72rem;
    font-weight: 700;
    padding: 3px 8px;
    background: rgba(var(--esb-primary-rgb), 0.14);
    color: var(--esb-primary);
}

.mc-subline[b-jyqrww3vex] {
    font-size: 0.8rem;
    color: var(--esb-text-secondary);
    margin-top: 6px;
}

.mc-header-actions[b-jyqrww3vex] {
    flex: none;
}

.mc-dirty-bar[b-jyqrww3vex] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 9px 12px;
    border-radius: 13px;
    background: rgba(var(--esb-warning-rgb), 0.13);
    border: 1px solid rgba(var(--esb-warning-rgb), 0.40);
    max-width: 420px;
}

.mc-dirty-label[b-jyqrww3vex] {
    font-size: 0.78rem;
    font-weight: 600;
    color: var(--esb-warning-darken);
    line-height: 1.3;
}

.mc-saved-bar[b-jyqrww3vex] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 14px;
    border-radius: 13px;
    background: rgba(var(--esb-success-rgb), 0.13);
    border: 1px solid rgba(var(--esb-success-rgb), 0.40);
    font-size: 0.8rem;
    font-weight: 600;
    color: var(--esb-success-darken);
}

.mc-tabs[b-jyqrww3vex] {
    display: none;
    gap: 6px;
    padding: 3px;
    border-radius: 12px;
    background: var(--esb-surface);
    border: 1px solid var(--esb-lines-default);
}

.mc-tab[b-jyqrww3vex] {
    flex: 1;
    min-height: 34px;
    border-radius: 9px;
    border: none;
    cursor: pointer;
    background: transparent;
    color: var(--esb-text-secondary);
    font-family: inherit;
    font-size: 0.78rem;
    font-weight: 600;
}

.mc-tab--active[b-jyqrww3vex] {
    background: var(--esb-primary);
    color: var(--esb-primary-text);
}

.mc-grid[b-jyqrww3vex] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 20px;
    align-items: start;
}

.mc-col[b-jyqrww3vex] {
    display: flex;
    flex-direction: column;
    gap: 20px;
    min-width: 0;
}

.mc-field[b-jyqrww3vex] {
    border-radius: 13px;
    padding: 6px 10px 0;
    transition: background .15s ease, border-color .15s ease;
    border: 1px solid transparent;
}

.mc-field--changed[b-jyqrww3vex] {
    background: rgba(var(--esb-primary-rgb), 0.08);
    border-color: var(--esb-primary);
}

[b-jyqrww3vex] .mc-group-label {
    display: block;
    font-weight: 700;
    letter-spacing: 0.1em;
    color: var(--esb-text-secondary);
}

.mc-chips[b-jyqrww3vex] {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    margin-top: 9px;
}

.mc-chip[b-jyqrww3vex] {
    font-family: inherit;
    font-size: 0.78rem;
    font-weight: 600;
    min-height: 34px;
    padding: 0 12px;
    border-radius: 10px;
    cursor: pointer;
    background: var(--esb-surface);
    border: 1px solid var(--esb-lines-default);
    color: var(--esb-text-secondary);
}

.mc-chip--active[b-jyqrww3vex] {
    background: rgba(var(--esb-primary-rgb), 0.12);
    border-color: var(--esb-primary);
    color: var(--esb-primary);
}

.mc-switch-list[b-jyqrww3vex] {
    display: flex;
    flex-direction: column;
    gap: 9px;
    margin-top: 9px;
}

.mc-switch-row[b-jyqrww3vex] {
    display: flex;
    align-items: center;
    gap: 11px;
    padding: 8px 12px;
    border-radius: 13px;
    background: var(--esb-surface);
    border: 1px solid var(--esb-lines-default);
}

.mc-switch-row--on[b-jyqrww3vex] {
    background: rgba(var(--esb-primary-rgb), 0.08);
    border-color: rgba(var(--esb-primary-rgb), 0.45);
}

.mc-switch-row--secondary.mc-switch-row--on[b-jyqrww3vex] {
    background: rgba(var(--esb-secondary-rgb), 0.10);
    border-color: rgba(var(--esb-secondary-rgb), 0.45);
}

.mc-switch-text[b-jyqrww3vex] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
}

.mc-switch-label[b-jyqrww3vex] {
    font-size: 0.85rem;
    font-weight: 500;
}

.mc-switch-hint[b-jyqrww3vex] {
    font-size: 0.68rem;
    color: var(--esb-text-secondary);
    margin-top: 2px;
}

.mc-col-toggle[b-jyqrww3vex] {
    font-family: inherit;
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    background: transparent;
    border: none;
    cursor: pointer;
    color: var(--esb-text-secondary);
    padding: 4px 6px;
    border-radius: 6px;
}

.mc-col-toggle:hover[b-jyqrww3vex] {
    background: rgba(var(--esb-primary-rgb), 0.10);
    color: var(--esb-primary);
}

.mc-strength[b-jyqrww3vex] {
    margin-top: 13px;
    padding: 12px 13px;
    border-radius: 14px;
    background: var(--esb-surface);
    border: 1px solid var(--esb-lines-default);
}

.mc-strength-head[b-jyqrww3vex] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 0.62rem;
    font-weight: 700;
    letter-spacing: 0.12em;
    color: var(--esb-text-secondary);
}

.mc-strength-label[b-jyqrww3vex] {
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: normal;
}

.mc-strength-bars[b-jyqrww3vex] {
    display: flex;
    gap: 4px;
    margin-top: 9px;
}

.mc-strength-bar[b-jyqrww3vex] {
    flex: 1;
    height: 5px;
    border-radius: 3px;
    background: rgba(var(--esb-primary-rgb), 0.14);
}

.mc-strength-rules[b-jyqrww3vex] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 6px 12px;
    margin-top: 11px;
}

.mc-strength-rule[b-jyqrww3vex] {
    display: flex;
    align-items: center;
    gap: 7px;
    font-size: 0.72rem;
    color: var(--esb-text-disabled);
}

.mc-strength-rule--ok[b-jyqrww3vex] {
    color: var(--esb-text-secondary);
    font-weight: 600;
}

.mc-strength-dot[b-jyqrww3vex] {
    flex: none;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--esb-text-disabled);
}

.mc-strength-dot--ok[b-jyqrww3vex] {
    background: var(--esb-success);
}

@media (max-width: 1160px) {
    .mc-tabs[b-jyqrww3vex] {
        display: flex;
    }

    .mc-grid[b-jyqrww3vex] {
        display: block;
    }

    .mc-section[b-jyqrww3vex] {
        display: none;
    }

    .mc-section--active[b-jyqrww3vex] {
        display: block;
    }

    .mc-section + .mc-section[b-jyqrww3vex] {
        margin-top: 20px;
    }
}

.mc-col-canal[b-jyqrww3vex] { flex: none; width: 70px; }

[b-jyqrww3vex] .mc-avatar-input {
    position: absolute;
    width: 1px;
    height: 1px;
    opacity: 0;
    pointer-events: none;
}

/* Le libellé du type doit pouvoir passer à la ligne */
.mc-pref-tbl .esb-tbl-cell[b-jyqrww3vex] {
    overflow: visible;
    text-overflow: clip;
    white-space: normal;
}

/* En-tête de colonne cliquable : coche ou décoche tout le canal. */
.mc-col-toggle[b-jyqrww3vex] {
    display: block;
    width: 100%;
    padding: 0;
    border: none;
    background: none;
    font: inherit;
    color: inherit;
    letter-spacing: inherit;
    text-transform: inherit;
    cursor: pointer;
}

.mc-col-toggle:hover[b-jyqrww3vex] {
    color: var(--esb-primary);
}

/* Total personnel de créneaux d'arbitrage tenus dans la saison. */
.mc-arb-count[b-jyqrww3vex] {
    display: flex;
    align-items: baseline;
    gap: 8px;
    margin-bottom: 10px;
    padding: 10px 12px;
    border-radius: 13px;
    background: var(--esb-background-grey);
    border: 1px solid var(--esb-lines-default);
}

.mc-arb-count-value[b-jyqrww3vex] {
    font-family: 'Barlow Condensed', Roboto, sans-serif;
    font-size: 26px;
    font-weight: 800;
    line-height: 1;
    font-variant-numeric: tabular-nums;
    color: var(--esb-primary);
}

.mc-arb-count-label[b-jyqrww3vex] {
    font-size: 12px;
    color: var(--esb-text-secondary);
}
/* _content/EsbTeamManager/Components/Pages/NouvelEvenement.razor.rz.scp.css */
/* ── Topbar ──────────────────────────────────────────── */
.ne-topbar[b-dnslq6yh3i] {
    display: flex;
    align-items: center;
    gap: 8px;
}

[b-dnslq6yh3i] .ne-back-btn {
    flex: none;
    margin-top: 2px;
}

.ne-topbar-text[b-dnslq6yh3i] {
    min-width: 0;
}

.ne-topbar-sub[b-dnslq6yh3i] {
    font-size: 0.78rem;
    color: var(--esb-text-secondary);
    margin-top: 2px;
}

/* ── Cartes ──────────────────────────────────────────── */
.ne-card[b-dnslq6yh3i] {
    background: var(--esb-surface);
    border: 1px solid var(--esb-lines-default);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);
    border-radius: 16px;
    padding: 16px 18px;
}

.ne-card + .ne-card[b-dnslq6yh3i] {
    margin-top: 16px;
}

.ne-field-label[b-dnslq6yh3i] {
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--esb-text-secondary);
    margin-bottom: 6px;
}

.ne-field-error[b-dnslq6yh3i] {
    font-size: 0.72rem;
    color: var(--esb-error);
    margin-top: 4px;
}

/* ── Layout deux colonnes ────────────────────────────── */
.ne-grid[b-dnslq6yh3i] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 340px;
    gap: 20px;
    align-items: start;
}

.ne-grid > *[b-dnslq6yh3i] {
    min-width: 0;
}

/* ── Cartes type (Entraînement / Match) ──────────────── */
.ne-type-cards[b-dnslq6yh3i] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
}

.ne-type-card[b-dnslq6yh3i] {
    display: flex;
    align-items: center;
    gap: 10px;
    text-align: left;
    font-family: inherit;
    padding: 12px 14px;
    border-radius: 14px;
    border: 1px solid var(--esb-lines-default);
    background: transparent;
    color: var(--esb-text-primary);
    cursor: pointer;
}

.ne-type-card--active[b-dnslq6yh3i] {
    border-color: var(--esb-primary);
    background: rgba(var(--esb-primary-rgb), 0.08);
}

.ne-type-card-text[b-dnslq6yh3i] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.ne-type-card-title[b-dnslq6yh3i] {
    font-weight: 700;
    font-size: 0.88rem;
}

.ne-type-card-note[b-dnslq6yh3i] {
    font-size: 0.68rem;
    color: var(--esb-text-secondary);
}

/* ── Chips génériques (équipe / lieu / heure) ────────── */
.ne-chip-row[b-dnslq6yh3i] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.ne-chip[b-dnslq6yh3i] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-family: inherit;
    font-size: 0.78rem;
    font-weight: 600;
    min-height: 32px;
    padding: 0 14px;
    border-radius: 999px;
    cursor: pointer;
    background: transparent;
    border: 1px solid var(--esb-lines-default);
    color: var(--esb-text-secondary);
}

.ne-chip--active[b-dnslq6yh3i] {
    color: var(--esb-primary-text);
    background: var(--esb-primary);
    border-color: var(--esb-primary);
}

/* ── Bande de dates ──────────────────────────────────── */
.ne-day-strip[b-dnslq6yh3i] {
    display: flex;
    gap: 6px;
    overflow-x: auto;
    padding-bottom: 4px;
}

.ne-day-chip[b-dnslq6yh3i] {
    flex: none;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2px;
    font-family: inherit;
    min-width: 48px;
    padding: 8px 6px;
    border-radius: 12px;
    cursor: pointer;
    background: transparent;
    border: 1px solid var(--esb-lines-default);
    color: var(--esb-text-primary);
}

.ne-day-chip--active[b-dnslq6yh3i] {
    background: var(--esb-primary);
    border-color: var(--esb-primary);
    color: var(--esb-primary-text);
}

.ne-day-chip-dow[b-dnslq6yh3i] {
    font-size: 0.62rem;
    text-transform: uppercase;
    opacity: 0.8;
}

.ne-day-chip-num[b-dnslq6yh3i] {
    font-family: 'Barlow Condensed', Roboto, sans-serif;
    font-weight: 800;
    font-size: 1.15rem;
    line-height: 1;
    font-variant-numeric: tabular-nums;
}

.ne-day-chip-month[b-dnslq6yh3i] {
    font-size: 0.62rem;
    text-transform: capitalize;
    opacity: 0.8;
}

.ne-date-summary[b-dnslq6yh3i] {
    font-size: 0.78rem;
    color: var(--esb-text-secondary);
    margin-top: 8px;
}

/* ── Récurrence ──────────────────────────────────────── */
.ne-repeat-row[b-dnslq6yh3i] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 14px;
    padding: 8px 10px;
    border-radius: 12px;
    border: 1px solid var(--esb-lines-default);
}

.ne-repeat-row--on[b-dnslq6yh3i] {
    border-color: var(--esb-primary);
    background: rgba(var(--esb-primary-rgb), 0.06);
}

.ne-repeat-text[b-dnslq6yh3i] {
    display: flex;
    flex-direction: column;
    min-width: 0;
    cursor: pointer;
}

.ne-repeat-title[b-dnslq6yh3i] {
    font-weight: 600;
    font-size: 0.84rem;
}

.ne-repeat-hint[b-dnslq6yh3i] {
    font-size: 0.68rem;
    color: var(--esb-text-secondary);
}

.ne-weeks-row[b-dnslq6yh3i] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 8px;
    padding-left: 4px;
}

.ne-weeks-label[b-dnslq6yh3i] {
    font-family: 'Barlow Condensed', Roboto, sans-serif;
    font-weight: 800;
    font-size: 1.05rem;
    font-variant-numeric: tabular-nums;
    min-width: 52px;
    text-align: center;
}

.ne-weeks-end[b-dnslq6yh3i] {
    font-size: 0.72rem;
    color: var(--esb-text-secondary);
}

/* ── Récapitulatif ───────────────────────────────────── */
.ne-recap-card[b-dnslq6yh3i] {
    border: 1px solid var(--esb-lines-default);
}

.ne-recap-card--valid[b-dnslq6yh3i] {
    border-color: var(--esb-primary);
}

.ne-recap-head[b-dnslq6yh3i] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
}

.ne-recap-head-text[b-dnslq6yh3i] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.ne-recap-title[b-dnslq6yh3i] {
    font-weight: 700;
    font-size: 0.94rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ne-recap-sub[b-dnslq6yh3i] {
    font-size: 0.72rem;
    color: var(--esb-text-secondary);
    margin-top: 2px;
}

.ne-recap-meta[b-dnslq6yh3i] {
    margin-top: 12px;
    padding-top: 10px;
    border-top: 1px solid var(--esb-lines-default);
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.ne-recap-meta-row[b-dnslq6yh3i] {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    font-size: 0.76rem;
}

.ne-recap-meta-label[b-dnslq6yh3i] {
    color: var(--esb-text-secondary);
}

.ne-recap-meta-value[b-dnslq6yh3i] {
    font-weight: 600;
    text-align: right;
}

.ne-occ-head[b-dnslq6yh3i] {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    margin-top: 12px;
    padding-top: 10px;
    border-top: 1px solid var(--esb-lines-default);
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--esb-text-secondary);
}

.ne-occ-count[b-dnslq6yh3i] {
    text-transform: none;
    font-weight: 600;
    color: var(--esb-text-primary);
}

.ne-occ-list[b-dnslq6yh3i] {
    max-height: 220px;
    overflow-y: auto;
    margin-top: 6px;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.ne-occ-row[b-dnslq6yh3i] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 5px 2px;
    font-size: 0.76rem;
}

.ne-occ-index[b-dnslq6yh3i] {
    font-variant-numeric: tabular-nums;
    color: var(--esb-text-disabled);
    width: 20px;
}

.ne-occ-label[b-dnslq6yh3i] {
    flex: 1;
    text-transform: capitalize;
}

.ne-occ-flag[b-dnslq6yh3i] {
    flex: none;
    font-size: 0.64rem;
    font-weight: 700;
    padding: 2px 8px;
    border-radius: 999px;
    background: rgba(var(--esb-error-rgb), 0.12);
    color: var(--esb-error);
}

.ne-occ-row--clash .ne-occ-label[b-dnslq6yh3i] {
    color: var(--esb-error);
}

.ne-conflict-note[b-dnslq6yh3i] {
    margin-top: 8px;
    padding-top: 8px;
    border-top: 1px solid var(--esb-lines-default);
    font-size: 0.72rem;
    color: var(--esb-error);
    line-height: 1.4;
}

/* ── Effets à la création ────────────────────────────── */
.ne-effects-title[b-dnslq6yh3i] {
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--esb-text-secondary);
    margin-bottom: 8px;
}

.ne-effect-row[b-dnslq6yh3i] {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    font-size: 0.78rem;
    padding: 4px 0;
    color: var(--esb-text-secondary);
}

.ne-effect-row[b-dnslq6yh3i]  .esb-chip-icon {
    flex: none;
    margin-top: 2px;
    color: var(--esb-primary);
}

/* ── Bouton de soumission ────────────────────────────── */
.ne-submit-btn[b-dnslq6yh3i] {
    margin-top: 16px;
}

.ne-submit-btn--invalid[b-dnslq6yh3i] {
    opacity: 0.7;
}

/* ═══════════════════════════════════════════════════════════
   RESPONSIVE — en fin de fichier : à spécificité égale, la
   dernière règle gagne, sinon les styles de base annulent
   silencieusement les adaptations ci-dessous.
   ═══════════════════════════════════════════════════════════ */

@media (max-width: 1160px) {
    /* minmax(0, …) et non 1fr : sinon la piste ne peut pas descendre
       sous la largeur min-content de la bande de dates. */
    .ne-grid[b-dnslq6yh3i] {
        grid-template-columns: minmax(0, 1fr);
    }
}
/* _content/EsbTeamManager/Components/Pages/Planification.razor.rz.scp.css */
/* ── Topbar ──────────────────────────────────────────── */
/* ── Filtres équipe ──────────────────────────────────── */
.plan-team-chips[b-lwt6gy7u8u] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.plan-team-chip[b-lwt6gy7u8u] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-family: inherit;
    font-size: 0.78rem;
    font-weight: 600;
    min-height: 32px;
    padding: 0 12px;
    border-radius: 999px;
    cursor: pointer;
    background: transparent;
    border: 1px solid var(--esb-lines-default);
    color: var(--esb-text-disabled);
}

.plan-team-chip--active[b-lwt6gy7u8u] {
    color: var(--esb-text-primary);
    background: var(--esb-action-hover);
}

.plan-team-dot[b-lwt6gy7u8u] {
    width: 12px;
    height: 3px;
    border-radius: 2px;
    display: inline-block;
}

/* ── Layout deux colonnes ────────────────────────────── */
.plan-layout[b-lwt6gy7u8u] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 322px;
    gap: 20px;
    align-items: start;
}

/* ── Carte calendrier ────────────────────────────────── */
.plan-calendar-card[b-lwt6gy7u8u] {
    background: var(--esb-surface);
    border: 1px solid var(--esb-lines-default);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);
    border-radius: 16px;
    padding: 14px;
}

.plan-nav[b-lwt6gy7u8u] {
    display: flex;
    align-items: center;
    gap: 4px;
    margin-bottom: 10px;
    flex-wrap: wrap;
}

.plan-today-btn[b-lwt6gy7u8u] {
    border: 1px solid var(--esb-lines-default);
    border-radius: 12px;
    padding: 8px 14px;
    font-size: 0.8rem;
    font-weight: 600;
    background: transparent;
    color: var(--esb-text-secondary);
    cursor: pointer;
    white-space: nowrap;
}

.plan-today-btn:hover[b-lwt6gy7u8u] {
    background: var(--esb-action-hover);
}

.plan-nav-month[b-lwt6gy7u8u] {
    font-family: 'Barlow Condensed', Roboto, sans-serif;
    font-weight: 700;
    font-size: 1.15rem;
    min-width: 150px;
    text-align: center;
    text-transform: capitalize;
}

.plan-grid-head[b-lwt6gy7u8u] {
    display: grid;
    grid-template-columns: repeat(7, minmax(0, 1fr));
}

.plan-grid-head-cell[b-lwt6gy7u8u] {
    text-align: left;
    padding: 0 6px 6px;
    font-size: 0.70rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--esb-text-secondary);
}

.plan-grid-days[b-lwt6gy7u8u] {
    display: grid;
    grid-template-columns: repeat(7, minmax(0, 1fr));
    gap: 4px;
}

.plan-day[b-lwt6gy7u8u] {
    min-height: 96px;
    padding: 7px 6px;
    border-radius: 12px;
    box-sizing: border-box;
    cursor: pointer;
    transition: background 0.12s;
}

.plan-day:hover[b-lwt6gy7u8u] {
    background: var(--esb-action-hover);
}

.plan-day--other[b-lwt6gy7u8u] {
    opacity: 0.4;
}

.plan-day--selected[b-lwt6gy7u8u] {
    background: rgba(var(--esb-primary-rgb), 0.10);
    box-shadow: inset 0 0 0 1px var(--esb-primary);
}

.plan-day-num[b-lwt6gy7u8u] {
    font-size: 0.80rem;
    font-variant-numeric: tabular-nums;
    width: 22px;
    height: 22px;
    line-height: 22px;
    text-align: center;
}

.plan-day--today .plan-day-num[b-lwt6gy7u8u] {
    background: var(--esb-primary);
    color: var(--esb-primary-text);
    border-radius: 50%;
    font-weight: 700;
}

.plan-day-events[b-lwt6gy7u8u] {
    display: flex;
    flex-direction: column;
    gap: 3px;
    margin-top: 5px;
}

.plan-day-chip[b-lwt6gy7u8u] {
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: 0.66rem;
    padding: 3px 6px;
    border-radius: 6px;
    background: var(--esb-action-hover);
    min-width: 0;
}

.plan-day-dot[b-lwt6gy7u8u] {
    flex: none;
    width: 6px;
    height: 6px;
    border-radius: 50%;
}

.plan-day-chip-time[b-lwt6gy7u8u] {
    flex: none;
    font-variant-numeric: tabular-nums;
    font-weight: 600;
}

.plan-day-chip-title[b-lwt6gy7u8u] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.plan-day-more[b-lwt6gy7u8u] {
    font-size: 0.62rem;
    color: var(--esb-text-disabled);
    padding-left: 3px;
}

/* ── Colonne latérale ────────────────────────────────── */
.plan-side[b-lwt6gy7u8u] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    min-width: 0;
}

.plan-daycard[b-lwt6gy7u8u] {
    background: var(--esb-surface);
    border: 1px solid var(--esb-lines-default);
    border-radius: 16px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.12);
    padding: 15px 16px;
}

.plan-daycard-head[b-lwt6gy7u8u] {
    display: flex;
    align-items: baseline;
    gap: 8px;
}

.plan-daycard-title[b-lwt6gy7u8u] {
    flex: 1;
    min-width: 0;
    font-family: 'Barlow Condensed', Roboto, sans-serif;
    font-weight: 700;
    font-size: 1.25rem;
    letter-spacing: -0.25px;
}

.plan-daycard-count[b-lwt6gy7u8u] {
    font-size: 0.72rem;
    color: var(--esb-text-secondary);
}

[b-lwt6gy7u8u] .plan-daycard-close {
    margin: -6px -6px -6px 0;
}

.plan-empty[b-lwt6gy7u8u] {
    padding: 16px 0 4px;
    font-size: 0.8rem;
    color: var(--esb-text-disabled);
    line-height: 1.5;
}

.plan-event-list[b-lwt6gy7u8u] {
    display: flex;
    flex-direction: column;
    gap: 9px;
    margin-top: 12px;
}

.plan-event-card[b-lwt6gy7u8u] {
    background: var(--esb-background);
    border: 1px solid var(--esb-lines-default);
    border-radius: 14px;
    padding: 12px 13px;
    cursor: pointer;
}

.plan-event-card:hover[b-lwt6gy7u8u] {
    border-color: var(--esb-primary);
}

.plan-event-top[b-lwt6gy7u8u] {
    display: flex;
    align-items: center;
    gap: 7px;
}

.plan-event-kind[b-lwt6gy7u8u] {
    flex: none;
    border-radius: 6px;
    font-size: 0.62rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    padding: 2px 7px;
    background: rgba(var(--esb-primary-rgb), 0.12);
    color: var(--esb-primary);
}

.plan-event-kind--match[b-lwt6gy7u8u] {
    background: rgba(var(--esb-warning-rgb), 0.16);
    color: var(--esb-warning-darken);
}

.plan-event-time[b-lwt6gy7u8u] {
    margin-left: auto;
    font-size: 0.72rem;
    font-weight: 600;
    font-variant-numeric: tabular-nums;
    color: var(--esb-text-secondary);
}

.plan-event-title[b-lwt6gy7u8u] {
    font-family: 'Barlow Condensed', Roboto, sans-serif;
    font-weight: 700;
    font-size: 1.1rem;
    letter-spacing: -0.25px;
    margin-top: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.plan-event-sub[b-lwt6gy7u8u] {
    font-size: 0.72rem;
    color: var(--esb-text-secondary);
    margin-top: 2px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.plan-event-stats[b-lwt6gy7u8u] {
    display: flex;
    align-items: center;
    gap: 11px;
    margin-top: 10px;
}

.plan-event-yes[b-lwt6gy7u8u] {
    display: flex;
    align-items: baseline;
    gap: 3px;
    flex: none;
}

.plan-event-yes-num[b-lwt6gy7u8u] {
    font-family: 'Barlow Condensed', Roboto, sans-serif;
    font-weight: 800;
    font-size: 1.25rem;
    line-height: 1;
    font-variant-numeric: tabular-nums;
    color: var(--esb-primary);
}

.plan-event-yes-den[b-lwt6gy7u8u] {
    font-size: 0.66rem;
    color: var(--esb-text-secondary);
}

.plan-event-bar-wrap[b-lwt6gy7u8u] {
    flex: 1;
    min-width: 0;
}

.plan-event-pending[b-lwt6gy7u8u] {
    font-size: 0.62rem;
    margin-top: 4px;
    color: var(--esb-text-disabled);
}

.plan-event-pending--warn[b-lwt6gy7u8u] {
    color: var(--esb-primary);
    font-weight: 600;
}

/* ── Charge du mois ──────────────────────────────────── */
.plan-stats-card[b-lwt6gy7u8u] {
    background: var(--esb-surface);
    border: 1px solid var(--esb-lines-default);
    border-radius: 16px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.12);
    padding: 15px 16px;
}

.plan-stats-title[b-lwt6gy7u8u] {
    font-size: 0.70rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--esb-text-secondary);
}

.plan-stats-row[b-lwt6gy7u8u] {
    display: flex;
    gap: 14px;
    margin-top: 12px;
}

.plan-stat[b-lwt6gy7u8u] {
    flex: 1;
    min-width: 0;
}

.plan-stat-value[b-lwt6gy7u8u] {
    font-family: 'Barlow Condensed', Roboto, sans-serif;
    font-weight: 800;
    font-size: 1.6rem;
    line-height: 1;
    font-variant-numeric: tabular-nums;
    color: var(--esb-primary);
}

.plan-stat-label[b-lwt6gy7u8u] {
    font-size: 0.62rem;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--esb-text-secondary);
    margin-top: 3px;
}

.plan-weekbars[b-lwt6gy7u8u] {
    display: flex;
    gap: 4px;
    align-items: flex-end;
    height: 44px;
    margin-top: 16px;
}

.plan-weekbar[b-lwt6gy7u8u] {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    gap: 4px;
    height: 100%;
}

.plan-weekbar-fill[b-lwt6gy7u8u] {
    width: 100%;
    min-height: 3px;
    border-radius: 3px 3px 0 0;
    background: rgba(var(--esb-primary-rgb), 0.35);
}

.plan-weekbar-fill--max[b-lwt6gy7u8u] {
    background: var(--esb-primary);
}

.plan-weekbar-label[b-lwt6gy7u8u] {
    font-size: 0.58rem;
    color: var(--esb-text-disabled);
}

/* ═══════════════════════════════════════════════════════════
   RESPONSIVE — en fin de fichier : à spécificité égale, la
   dernière règle gagne, sinon les styles de base annulent
   silencieusement les adaptations ci-dessous.
   ═══════════════════════════════════════════════════════════ */

@media (max-width: 1160px) {
    .plan-layout[b-lwt6gy7u8u] {
        grid-template-columns: minmax(0, 1fr);
    }

    .plan-stats-card[b-lwt6gy7u8u] {
        display: none;
    }

    .plan-daycard[b-lwt6gy7u8u] {
        display: none;
        border-radius: 18px 18px 0 0;
        max-height: 70vh;
        overflow-y: auto;
        box-shadow: var(--esb-shadow-sheet);
        padding: 14px 16px 20px;
    }

    .plan-daycard--open[b-lwt6gy7u8u] {
        display: block;
    }
}

@media (max-width: 600px) {
    .plan-nav-month[b-lwt6gy7u8u] {
        min-width: 110px;
        font-size: 1rem;
    }

    .plan-day[b-lwt6gy7u8u] {
        min-height: 60px;
    }

    .plan-day-chip-time[b-lwt6gy7u8u] {
        display: none;
    }
}
/* _content/EsbTeamManager/Components/Pages/Shared/ClassementBareme.razor.rz.scp.css */
.bar-card[b-dopbd5utjs] {
    background: var(--esb-surface);
    border: 1px solid var(--esb-lines-default);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);
    border-radius: 16px;
    padding: 16px 18px;
}

.bar-titre[b-dopbd5utjs] {
    font-size: 0.72rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--esb-text-disabled);
    margin-bottom: 10px;
}

.bar-intro[b-dopbd5utjs] {
    font-size: 0.74rem;
    line-height: 1.5;
    color: var(--esb-text-secondary);
    padding-bottom: 14px;
    border-bottom: 1px solid var(--esb-lines-default);
}

.bar-groupe[b-dopbd5utjs] {
    margin-top: 16px;
}

.bar-groupe-titre[b-dopbd5utjs] {
    font-size: 0.66rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: var(--esb-primary);
}

.bar-groupe-note[b-dopbd5utjs] {
    font-size: 0.7rem;
    line-height: 1.45;
    color: var(--esb-text-disabled);
    margin-top: 3px;
}

.bar-ligne[b-dopbd5utjs] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 12px;
    padding: 8px 0;
    border-bottom: 1px solid var(--esb-lines-default);
}

.bar-ligne:last-child[b-dopbd5utjs] {
    border-bottom: none;
}

.bar-ligne-texte[b-dopbd5utjs] {
    min-width: 0;
}

.bar-ligne-label[b-dopbd5utjs] {
    font-size: 0.78rem;
    color: var(--esb-text-primary);
}

.bar-ligne-explication[b-dopbd5utjs] {
    font-size: 0.68rem;
    line-height: 1.4;
    color: var(--esb-text-disabled);
    margin-top: 2px;
}

.bar-ligne-valeur[b-dopbd5utjs] {
    flex-shrink: 0;
    font-weight: 700;
    font-size: 0.85rem;
    font-variant-numeric: tabular-nums;
}

.bar-ligne-valeur--positif[b-dopbd5utjs] { color: var(--esb-success); }
.bar-ligne-valeur--negatif[b-dopbd5utjs] { color: var(--esb-error); }

.bar-ligne-valeur--neutre[b-dopbd5utjs] {
    font-size: 0.72rem;
    font-weight: 600;
    color: var(--esb-text-secondary);
}
/* _content/EsbTeamManager/Components/Pages/Shared/ClassementDetailPoints.razor.rz.scp.css */
.det-titre[b-4zw16e1582] {
    font-size: 0.72rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--esb-text-disabled);
    margin-bottom: 10px;
}

.det-ligne[b-4zw16e1582] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 0;
    border-bottom: 1px solid var(--esb-lines-default);
}

.det-ligne:last-child[b-4zw16e1582] {
    border-bottom: none;
}

.det-texte[b-4zw16e1582] {
    flex: 1;
    min-width: 0;
}

.det-label[b-4zw16e1582] {
    font-size: 0.8rem;
}

.det-regle[b-4zw16e1582] {
    font-size: 0.68rem;
    color: var(--esb-text-disabled);
    margin-top: 1px;
}

.det-valeur[b-4zw16e1582] {
    flex-shrink: 0;
    font-weight: 800;
    font-size: 0.95rem;
    font-variant-numeric: tabular-nums;
}

.det-valeur--positif[b-4zw16e1582] { color: var(--esb-success); }
.det-valeur--negatif[b-4zw16e1582] { color: var(--esb-error); }
.det-valeur--neutre[b-4zw16e1582]  { color: var(--esb-text-secondary); }
/* _content/EsbTeamManager/Components/Pages/Shared/ClassementGestion.razor.rz.scp.css */
/* Podium et colonnes du tableau complet. */
.cl-podium-tally[b-m7qkto5ida] {
    font-size: 0.7rem;
    color: var(--esb-text-secondary);
    margin-top: 4px;
}

.cl-col-rank[b-m7qkto5ida]   { flex: none; width: 42px; }

.cl-col-niveau[b-m7qkto5ida] { flex: none; width: 120px; }

.cl-col-pts[b-m7qkto5ida]    { flex: none; width: 80px; }

.cl-col-tally[b-m7qkto5ida]  { flex: none; width: 130px; }

.cl-col-tally--matchs[b-m7qkto5ida] { flex: none; width: 130px; }

.cl-col-streak[b-m7qkto5ida] { flex: none; width: 90px; }

/* ═══════════════════════════════════════════════════════════
   RESPONSIVE — en fin de fichier, cf. CLAUDE.md.
   ═══════════════════════════════════════════════════════════ */

@media (max-width: 1400px) {
    .cl-col-tally[b-m7qkto5ida] {
        width: 104px;
    }
}

@media (max-width: 1250px) {
    .cl-col-tally--matchs[b-m7qkto5ida] {
        display: none;
    }
}

@media (max-width: 1100px) {
    .cl-col-streak[b-m7qkto5ida],
    .cl-col-niveau[b-m7qkto5ida] {
        display: none;
    }
}
/* _content/EsbTeamManager/Components/Pages/Shared/ClassementMonScore.razor.rz.scp.css */
/* Carte de score de l'utilisateur connecté. */
.cl-moi[b-zgxcwl5oge] {
    background: var(--esb-surface);
    border: 1px solid var(--esb-lines-default);
    border-radius: 16px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);
    padding: 18px 20px;
}

.cl-moi-head[b-zgxcwl5oge] {
    display: flex;
    align-items: center;
    gap: 14px;
    flex-wrap: wrap;
    padding-bottom: 14px;
    border-bottom: 1px solid var(--esb-lines-default);
}

.cl-moi-rang[b-zgxcwl5oge] {
    flex: none;
    font-family: 'Barlow Condensed', Roboto, sans-serif;
    font-weight: 800;
    font-size: 1.6rem;
    color: var(--esb-text-secondary);
}

.cl-moi-ident[b-zgxcwl5oge] {
    flex: 1;
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.cl-moi-nom[b-zgxcwl5oge] {
    font-family: 'Barlow Condensed', Roboto, sans-serif;
    font-weight: 700;
    font-size: 1.25rem;
}

.cl-moi-pts[b-zgxcwl5oge] {
    flex: none;
    display: flex;
    align-items: baseline;
    gap: 5px;
}

.cl-moi-pts-val[b-zgxcwl5oge] {
    font-family: 'Barlow Condensed', Roboto, sans-serif;
    font-weight: 800;
    font-size: 2rem;
    color: var(--esb-primary);
}

.cl-moi-tally[b-zgxcwl5oge] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin: 14px 0 18px;
}

/* Modificateur plutôt que la classe utilitaire .esb-tx-error : celle-ci est
   globale (0-1-0) et perdrait contre la règle isolée ci-dessus (0-2-0). */
.cl-moi-pts-val--negatif[b-zgxcwl5oge] {
    color: var(--esb-error);
}

.cl-moi-pts-lbl[b-zgxcwl5oge] {
    font-size: 0.72rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: var(--esb-text-secondary);
}
/* _content/EsbTeamManager/Components/Pages/Shared/EvenementDetailPanel.razor.rz.scp.css */
.edp-root[b-zz4hihuzr8] {
    display: flex;
    flex-direction: column;
}

.edp-header[b-zz4hihuzr8] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding-bottom: 10px;
    border-bottom: 1px solid var(--esb-lines-default);
    margin-bottom: 12px;
}

.edp-back[b-zz4hihuzr8] {
    margin-left: -8px;
}

[b-zz4hihuzr8] .edp-title {
    flex: 1;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.edp-body[b-zz4hihuzr8] {
    max-height: 60vh;
    overflow-y: auto;
    padding-right: 2px;
}

.edp-footer[b-zz4hihuzr8] {
    display: flex;
    gap: 8px;
    padding-top: 12px;
    margin-top: 4px;
    border-top: 1px solid var(--esb-lines-default);
}

.edp-score-label[b-zz4hihuzr8] {
    font-size: 0.82rem;
    font-weight: 600;
    background: transparent !important;
    padding: 0;
}

.edp-score-label.esb-tag--success[b-zz4hihuzr8] { color: var(--esb-success); }
.edp-score-label.esb-tag--error[b-zz4hihuzr8]   { color: var(--esb-error); }
.edp-score-label.esb-tag--secondary[b-zz4hihuzr8] { color: var(--esb-secondary); }

.edp-convoc[b-zz4hihuzr8] {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

/* Étiquette portée par presque toutes les lignes : compacte, pour que le nom et
   les boutons Présent / Absent tiennent sur une seule ligne dans le panneau. */
.edp-tag-convoc[b-zz4hihuzr8] {
    font-size: 0.62rem;
    padding: 1px 6px;
}
/* _content/EsbTeamManager/Components/Pages/StatistiquesEntrainements.razor.rz.scp.css */
/* ── Topbar ──────────────────────────────────────────── */
/* ── KPI tiles ───────────────────────────────────────── */
.st-kpis[b-174gwrdnhi] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
    margin-bottom: 20px;
}

.st-kpi-card[b-174gwrdnhi] {
    background: var(--esb-surface);
    border: 1px solid var(--esb-lines-default);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);
    border-radius: 16px;
    padding: 16px 18px;
    text-align: center;
}

.st-kpi-label[b-174gwrdnhi] {
    font-size: 0.8rem;
    font-weight: 600;
    color: var(--esb-text-secondary);
    margin-top: 2px;
}

.st-kpi-hint[b-174gwrdnhi] {
    font-size: 0.7rem;
    color: var(--esb-text-disabled);
    margin-top: 4px;
}

@media (max-width: 600px) {
    .st-kpis[b-174gwrdnhi] {
        grid-template-columns: minmax(0, 1fr);
    }
}

/* ── Layout principal + aside ───────────────────────────── */
.st-layout[b-174gwrdnhi] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 318px;
    gap: 20px;
    align-items: start;
}

@media (max-width: 1160px) {
    .st-layout[b-174gwrdnhi] {
        grid-template-columns: minmax(0, 1fr);
    }
}

.st-main[b-174gwrdnhi] {
    min-width: 0;
}

.st-aside[b-174gwrdnhi] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

/* ── Cartes latérales ────────────────────────────────── */
.st-aside-card[b-174gwrdnhi] {
    background: var(--esb-surface);
    border: 1px solid var(--esb-lines-default);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);
    border-radius: 16px;
    padding: 14px 16px;
}

.st-aside-title[b-174gwrdnhi] {
    font-size: 0.72rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--esb-text-disabled);
    margin-bottom: 10px;
}

/* À regarder */
.st-watch-row[b-174gwrdnhi] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 6px 0;
}

.st-watch-row + .st-watch-row[b-174gwrdnhi] {
    border-top: 1px solid var(--esb-lines-default);
}

.st-watch-dot[b-174gwrdnhi] {
    flex-shrink: 0;
    width: 8px;
    height: 8px;
    border-radius: 50%;
}

.st-watch-main[b-174gwrdnhi] {
    flex: 1;
    min-width: 0;
}

.st-watch-name[b-174gwrdnhi] {
    font-size: 0.82rem;
    font-weight: 600;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.st-watch-note[b-174gwrdnhi] {
    font-size: 0.7rem;
    color: var(--esb-text-secondary);
}

/* Répartition de l'effectif */
.st-bucket-row + .st-bucket-row[b-174gwrdnhi] {
    margin-top: 12px;
}

.st-bucket-line[b-174gwrdnhi] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    margin-bottom: 4px;
}

.st-bucket-label[b-174gwrdnhi] {
    font-size: 0.78rem;
    color: var(--esb-text-secondary);
}

.st-bucket-bar[b-174gwrdnhi] {
    height: 6px;
    border-radius: 999px;
    background: var(--esb-background-grey);
    overflow: hidden;
}

.st-bucket-bar-fill[b-174gwrdnhi] {
    height: 100%;
    border-radius: 999px;
}

/* Meilleure / pire séance */
.st-extreme-row[b-174gwrdnhi] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 6px 0;
}

.st-extreme-row + .st-extreme-row[b-174gwrdnhi] {
    border-top: 1px solid var(--esb-lines-default);
    margin-top: 4px;
    padding-top: 10px;
}

.st-extreme-main[b-174gwrdnhi] {
    min-width: 0;
}

.st-extreme-label[b-174gwrdnhi] {
    font-size: 0.78rem;
    font-weight: 600;
}

.st-extreme-note[b-174gwrdnhi] {
    font-size: 0.7rem;
    color: var(--esb-text-secondary);
    margin-top: 1px;
}

.st-col-pres[b-174gwrdnhi] { flex: none; width: 120px; }
.st-col-taux[b-174gwrdnhi] { flex: none; width: 70px; }
.st-col-bar[b-174gwrdnhi]  { flex: none; width: 200px; display: flex; }

@media (max-width: 1400px) {
    .st-col-bar[b-174gwrdnhi] {
        width: 120px;
    }
}

@media (max-width: 1150px) {
    .st-col-bar[b-174gwrdnhi] {
        display: none;
    }
}

.st-chart[b-174gwrdnhi] {
    width: 100%;
    height: 300px;
    display: block;
    overflow: visible;
}

.st-chart-grid[b-174gwrdnhi] {
    stroke: var(--esb-lines-default);
    stroke-width: 1;
}

.st-chart-tick[b-174gwrdnhi] {
    fill: var(--esb-text-disabled);
    font-size: 11px;
    text-anchor: end;
}

.st-chart-line[b-174gwrdnhi] {
    fill: none;
    stroke: var(--esb-primary);
    stroke-width: 2.5;
    stroke-linejoin: round;
    stroke-linecap: round;
    vector-effect: non-scaling-stroke;
}

.st-chart-dot[b-174gwrdnhi] {
    fill: var(--esb-primary);
}

.st-chart-axis[b-174gwrdnhi] {
    display: flex;
    justify-content: space-between;
    font-size: 11px;
    color: var(--esb-text-disabled);
    margin-top: 6px;
    padding: 0 4px;
}

.st-chart-wrap[b-174gwrdnhi] {
    display: flex;
    gap: 8px;
    align-items: stretch;
}

.st-chart-ticks[b-174gwrdnhi] {
    flex: none;
    width: 42px;
    height: 260px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 14px 0 14px;
    box-sizing: border-box;
    font-size: 11px;
    color: var(--esb-text-disabled);
    text-align: right;
}

.st-chart-wrap .st-chart[b-174gwrdnhi] {
    flex: 1;
    min-width: 0;
    height: 260px;
}