/* Carnet d'entretien — particularités de la page (langage 111) */
.sec-row{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:10px}
.ctabs{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.ctabs .ltabs{flex:1;margin:0;min-width:0}
#rappels,#diagnostics{scroll-margin-top:16px}
section.panel{scroll-margin-top:16px}

/* historique */
.tl-item{display:grid;grid-template-columns:44px 150px minmax(0,1fr) auto;gap:14px;align-items:center;padding:10px 4px;border-top:1px solid #EFEFEF}
.tl-item:first-child{border-top:none}
.tl-ic{width:42px;height:42px;border-radius:50%;background:var(--c-brand-soft);display:grid;place-items:center;flex:none}
.tl-ic .ico{width:20px;height:20px;color:var(--c-ink)}
.tl-when b,.tl-what b{display:block;font-size:13px;color:var(--c-ink);font-weight:600}
.tl-when small,.tl-what small{display:block;font-size:12px;color:var(--c-muted)}
.tl-what p{margin:3px 0 0;font-size:12.5px;color:var(--c-text)}
.tl-end{display:flex;align-items:center;gap:10px}
.tl-end b{font-size:14px;color:var(--c-ink)}

/* rappels */
.ce-alert{display:flex;gap:12px;align-items:center;padding:10px 0;border-top:1px solid #EFEFEF}
.ce-alert:first-child{border-top:none}
.ce-alert .tx{flex:1;min-width:0}
.ce-alert b{display:block;font-size:13.5px;color:var(--c-ink)}
.ce-alert small{display:block;font-size:12px;color:var(--c-muted)}

/* diagnostics */
.ce-diag{padding:11px 0;border-top:1px solid #EFEFEF}
.ce-diag:first-child{border-top:none}
.ce-diag-top{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
.ce-codes{display:flex;flex-wrap:wrap;gap:6px;margin-top:7px}
.ce-code{font-family:ui-monospace,Consolas,monospace}

/* pièces */
.ce-partform{display:flex;gap:10px}
.ce-partform .inp{flex:1;min-width:0}
.ce-parts{margin-top:8px}
.ce-part{display:flex;align-items:center;gap:10px;padding:10px 2px;border-top:1px solid #EFEFEF}
.ce-part .tx{flex:1;min-width:0}
.ce-part b{display:block;font-size:13.5px;color:var(--c-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ce-part small{display:block;font-size:12px;color:var(--c-muted)}

/* colonne de droite */
.ce-plan{display:flex;flex-direction:column;gap:8px}
.ce-plan-it{display:flex;align-items:center;gap:12px;padding:9px 10px;border:1px solid var(--c-line);border-radius:10px}
.ce-plan-it .tl-ic{width:36px;height:36px}
.ce-plan-it .tl-ic .ico{width:17px;height:17px}
.ce-plan-it .tx{min-width:0}
.ce-plan-it b{display:block;font-size:13px;color:var(--c-ink)}
.ce-plan-it small{display:block;font-size:12px;color:var(--c-muted)}
.ce-stats{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.ce-stat{padding:12px;border:1px solid var(--c-line);border-radius:10px}
.ce-stat b{display:block;font-size:20px;font-weight:700;color:var(--c-ink);font-variant-numeric:tabular-nums}
.ce-stat small{display:block;font-size:11.5px;color:var(--c-muted);margin-top:2px}
.ce-acts{display:flex;flex-direction:column;gap:8px}

@media (max-width:640px){
  .tl-item{grid-template-columns:42px minmax(0,1fr) auto;gap:10px}
  .tl-when{grid-column:2}
  .tl-what{grid-column:2}
  .tl-end{grid-column:3;grid-row:1}
  .ctabs .btn{width:100%}
}

/* ---------- Niveaux d'alerte des entretiens (rappels, historique, échéances) ----------
   Liseré à gauche + fond très légèrement teinté + puce : rouge = en retard,
   orange = urgent, jaune-orangé = à prévoir, vert = à jour. Sobre, sans bleu. */
.niv{--niv:#C9CCD1;--niv-fond:#fff;--niv-txt:var(--c-ink);position:relative;border:1px solid var(--c-line);border-left:4px solid var(--niv);background:var(--niv-fond);border-radius:10px;transition:box-shadow .2s}
.niv-retard{--niv:#E1251B;--niv-fond:#FEF2F1;--niv-txt:#B3160E}
.niv-urgent{--niv:#F07A12;--niv-fond:#FFF4EA;--niv-txt:#B9560A}
.niv-prevoir{--niv:#EFA91F;--niv-fond:#FFF9EC;--niv-txt:#9A6A08}
.niv-ok{--niv:#2E9E5B;--niv-fond:#fff;--niv-txt:#1F7A44}
.niv-aucun{--niv:#D8DBE0}
.niv .tl-ic,.niv .niv-ic{background:#fff;box-shadow:inset 0 0 0 1.5px var(--niv)}
.niv .tl-ic .ico,.niv .niv-ic .ico{color:var(--niv-txt)}
.niv-ic{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;flex:none}
.niv-ic .ico{width:18px;height:18px}
.niv-chip{display:inline-flex;align-items:center;gap:5px;height:24px;padding:0 10px;border-radius:999px;background:var(--niv);color:#fff;font-size:11.5px;font-weight:700;white-space:nowrap;flex:none}
.niv-prevoir .niv-chip{color:var(--c-ink)}
.niv-chip .ico{width:13px;height:13px}
.niv-delai{font-weight:700;color:var(--niv-txt)}
.niv-retard,.niv-urgent{box-shadow:0 4px 14px rgba(225,37,27,.08)}
/* Mise en forme des conteneurs */
.ce-alert.niv{padding:12px 14px;margin-top:8px}
.ce-alert.niv:first-child{margin-top:0;border-top:1px solid var(--c-line)}
.tl-item.niv{padding:12px 12px 12px 10px;margin-top:8px;border-top:1px solid var(--c-line)}
.tl-item.niv:first-child{margin-top:0;border-top:1px solid var(--c-line)}
.tl-item .niv-suite{display:block;margin-top:4px;font-size:12px;color:var(--c-text)}
.ce-plan-it.niv{border-left-width:4px}
.ce-plan-it.niv .tx{flex:1}
@media (max-width:640px){.niv-chip{height:22px;padding:0 8px;font-size:11px}}
@media (max-width:640px){
  .tl-item.niv{grid-template-columns:42px minmax(0,1fr)}
  .tl-item.niv .tl-what{grid-column:2}
  .tl-item.niv .tl-end{grid-column:1/-1;grid-row:auto;justify-content:flex-end;border-top:1px dashed var(--c-line);padding-top:8px}
}