/* ============================================================
   educated-listview-header.css — v5
   Header universel ListView AcurBusiness / Educated
   ============================================================ */

/* ── Conteneur principal ──────────────────────────────────── */
.edu-lv-header {
    padding: 8px 0 10px;
    margin-bottom: 2px;
    border-bottom: 1px solid var(--line, #e5e7eb);
}

/* ── Eyebrow (nom du module nav) ──────────────────────────── */
.edu-lv-eyebrow {
    font-size: 10px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .08em;
    color: var(--ink-3, #9ca3af);
    margin-bottom: 4px;
    font-family: "Geist", -apple-system, sans-serif;
}

/* ── Ligne titre + badges + heure ────────────────────────── */
.edu-lv-title-row {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

/* ── H1 ───────────────────────────────────────────────────── */
.edu-lv-title {
    font-family: "Geist", -apple-system, sans-serif;
    font-size: 20px;
    font-weight: 700;
    color: var(--ink-0, #111827);
    letter-spacing: -.02em;
    margin: 0;
    line-height: 1.1;
    flex-shrink: 0;
}

/* ── Zone badges ──────────────────────────────────────────── */
.edu-lv-meta {
    display: flex;
    align-items: center;
    gap: 6px;
    flex: 1;
    flex-wrap: wrap;
}

/* ── Badge base ───────────────────────────────────────────── */
.edu-lv-badge {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: 12px;
    font-weight: 500;
    padding: 2px 8px;
    border-radius: 20px;
    font-family: "Geist", -apple-system, sans-serif;
    white-space: nowrap;
}

/* ── Dot coloré ───────────────────────────────────────────── */
.edu-lv-dot {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    display: inline-block;
    flex-shrink: 0;
}

/* ── Badge : total enregistrements ───────────────────────── */
.edu-lv-badge-total {
    background: var(--surface-2, #f3f4f6);
    color: var(--ink-2, #6b7280);
}

    .edu-lv-badge-total .edu-lv-dot {
        background: var(--brand, #1a4d8c);
    }

/* ── Badge : filtre actif ─────────────────────────────────── */
.edu-lv-badge-filtered {
    background: rgba(26, 77, 140, .07);
    color: var(--brand, #1a4d8c);
    max-width: 420px;
}

    .edu-lv-badge-filtered .edu-lv-dot {
        background: var(--accent, #e89b4e);
        flex-shrink: 0;
    }

.edu-lv-filter-text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 320px;
    display: inline-block;
    vertical-align: middle;
}

/* ── Badge : tri actif ────────────────────────────────────── */
.edu-lv-badge-sort {
    background: var(--surface-2, #f3f4f6);
    color: var(--ink-2, #6b7280);
    font-variant-numeric: tabular-nums;
}

/* ── Badge : sélection ────────────────────────────────────── */
.edu-lv-badge-selected {
    background: rgba(26, 77, 140, .12);
    color: var(--brand, #1a4d8c);
    font-weight: 600;
}

    .edu-lv-badge-selected .edu-lv-dot {
        background: var(--brand, #1a4d8c);
    }

/* ── Zone droite : heure màj ──────────────────────────────── */
.edu-lv-right {
    margin-left: auto;
    display: flex;
    align-items: center;
}

.edu-lv-update {
    font-size: 11px;
    color: var(--ink-3, #9ca3af);
    white-space: nowrap;
    font-family: "Geist", -apple-system, sans-serif;
}

/* ── Masquer le caption natif XAF dans la topbar ─────────── */
/* (déjà géré par JS, CSS en fallback) */
.xaf-caption-container {
    transition: opacity .15s;
}