/* =====================================================================
   27-plan-de-charge.css — V3, Cycle 12.

   Une frise, pas un agrégat. Tout le reste du produit résume les
   missions par des sommes ou des minimums ; cet écran est le seul qui
   les range sur un axe de temps, et sa mise en forme doit servir cette
   lecture-là : on parcourt de gauche à droite, on cherche le trou.
   ===================================================================== */

.frise-charge{
    display:flex;
    align-items:flex-end;
    gap:var(--space-2);
    height:220px;
    margin-top:var(--space-5);
    padding-bottom:var(--space-8);
}

.mois-charge{
    flex:1;
    display:flex;
    flex-direction:column;
    align-items:center;
    height:100%;
    min-width:0;
}

.barre-fond{
    position:relative;
    width:100%;
    flex:1;
    display:flex;
    align-items:flex-end;
    background:var(--surface-muted);
    border-radius:var(--radius-xs);
    overflow:hidden;
}

.barre{
    width:100%;
    background:var(--primary);
    border-radius:var(--radius-xs) var(--radius-xs) 0 0;
    transition:height .25s ease;
    min-height:2px;
}

/* Vert et ambre plutôt que vert et rouge : un mois sous l'objectif n'est
   pas une faute, c'est une information. Dans ce produit, le rouge est
   réservé à ce dont on ne revient pas. */
.barre-atteinte{ background:var(--success); }
.barre-manquante{ background:var(--warning); }

/* Le trait d'objectif traverse toute la frise. C'est lui qui rend la
   lecture immédiate — bien plus que la hauteur des barres, qu'on ne
   compare pas d'un coup d'œil sur douze colonnes. */
.trait-objectif{
    position:absolute;
    left:0;
    right:0;
    height:0;
    border-top:2px dashed var(--text-light);
    opacity:.65;
    pointer-events:none;
}

.mois-libelle{
    margin-top:var(--space-2);
    font-size:11.5px;
    font-weight:600;
    color:var(--text-light);
    text-transform:capitalize;
    white-space:nowrap;
}

.mois-valeur{
    font-size:11px;
    color:var(--text-light);
    font-variant-numeric:tabular-nums;
    white-space:nowrap;
}

/* ---------------------------------------------------------------------
   Les périodes sans mission.
   --------------------------------------------------------------------- */
.intercontrat{
    padding:var(--space-4);
    margin-bottom:var(--space-3);
    border:1px solid var(--border);
    border-left:3px solid var(--warning);
    border-radius:var(--radius-md);
    background:var(--surface);
}

/* Le trou ouvert — celui qui suit la dernière mission — est le plus
   important des trois : c'est le seul sur lequel on peut encore agir. */
.intercontrat-ouvert{
    border-left-color:var(--primary);
    background:var(--surface-accent);
}

.intercontrat strong{
    display:block;
    font-size:15px;
    margin-bottom:var(--space-1);
}

.carte-attention{ border-color:color-mix(in srgb, var(--warning) 45%, var(--border)); }
.carte-favorable{ border-color:color-mix(in srgb, var(--success) 45%, var(--border)); }

@media (max-width:720px){
    .frise-charge{ height:180px; overflow-x:auto; }
    .mois-charge{ min-width:44px; }
    .mois-valeur{ display:none; }
}