/* =============================================================
   PMS — compléments au kit UI (composants spécifiques à l'app)
   Reprend strictement les jetons du design « Suivi des décisions ».
   ============================================================= */
.sec-t{color:var(--navy);font-size:.78rem;text-transform:uppercase;letter-spacing:.5px;font-weight:700;margin:.2rem 0 .7rem}
.note{font-size:.85rem;color:var(--muted)}
h1{color:var(--navy)}

/* Cellule RAG (code couleur CDC §3.2) */
.rag{display:inline-block;padding:.16rem .55rem;border-radius:6px;font-weight:600;font-size:.8rem;font-family:'IBM Plex Mono',monospace;white-space:nowrap}
.dot{display:inline-block;width:9px;height:9px;border-radius:50%;vertical-align:middle;margin-right:.2rem}
.chips{display:flex;gap:.4rem;flex-wrap:wrap;margin:.7rem 0}

/* Grilles */
.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:1.1rem}
@media(max-width:880px){.grid-2{grid-template-columns:1fr}}

/* Barres horizontales (classements / pertes) */
.bar-row{display:flex;align-items:center;gap:.6rem;margin:.35rem 0}
.bar-lab{flex:0 0 220px;font-size:.82rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bar-track{flex:1;background:#eef2f8;border-radius:6px;height:14px;overflow:hidden}
.bar-fill{height:100%;border-radius:6px;transition:width .4s ease}
.bar-val{flex:0 0 auto;font-family:'IBM Plex Mono',monospace;font-size:.8rem;font-weight:600;min-width:64px;text-align:right}
@media(max-width:600px){.bar-lab{flex:0 0 120px}}

/* Layout Directions : rail + panneau */
.layout{display:grid;grid-template-columns:300px 1fr;gap:1.1rem;align-items:start}
@media(max-width:880px){.layout{grid-template-columns:1fr}}
.rail{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:.5rem;position:sticky;top:.6rem;max-height:calc(100vh - 1.4rem);overflow:auto}
.rail-grp{margin-bottom:.5rem}
.rail-cat{font-size:.7rem;text-transform:uppercase;letter-spacing:.5px;color:var(--navy);font-weight:700;padding:.45rem .5rem .25rem}
.rail-item{display:flex;justify-content:space-between;align-items:center;gap:.5rem;padding:.4rem .55rem;border-radius:7px;cursor:pointer;font-size:.84rem;color:var(--ink)}
.rail-item:hover{background:#f2f6fc;text-decoration:none}
.rail-item.active{background:var(--navy);color:#fff}
.rail-item.active .rail-ipd{color:#fff!important}
.rail-ipd{font-family:'IBM Plex Mono',monospace;font-weight:700;font-size:.85rem}
.main-panel{min-width:0}
.tbl-wrap{overflow-x:auto}

/* Heatmap Amélioration Continue */
.heat-grp{margin-bottom:.8rem}
.heat-row{display:flex;align-items:center;gap:.6rem;margin:.2rem 0}
.heat-lab{flex:0 0 230px;font-size:.82rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.heat-cells{display:flex;flex-wrap:wrap;gap:3px}
.heat-cell{width:16px;height:16px;border-radius:3px;display:inline-block}
.legend{display:flex;gap:.8rem;flex-wrap:wrap}
.leg{font-size:.76rem;color:var(--muted);display:inline-flex;align-items:center;gap:.3rem}
@media(max-width:600px){.heat-lab{flex:0 0 120px}}

/* Saisie */
.fields-grid{display:grid;grid-template-columns:1fr 1fr;gap:.4rem 1.2rem}
@media(max-width:760px){.fields-grid{grid-template-columns:1fr}}
.field{margin-bottom:.3rem}

/* Impression */
@media print{
  header.top, nav.main, .btn{display:none!important}
  .card{break-inside:avoid;box-shadow:none}
  body{background:#fff}
}