/* SYNESS 360 — Pilotage : surveillance et management (lot 5) */
.ok-t { color: var(--ok); } .warn-t { color: var(--warn); }

/* Jauges et priorités */
.pil-meter { display: inline-block; vertical-align: middle; width: 86px; height: 7px; border-radius: 4px; background: var(--neutral-bg); overflow: hidden; margin-right: 6px; }
.pil-meter > span { display: block; height: 100%; background: var(--brand); border-radius: 4px; }
.pil-meter.ok > span { background: var(--ok); } .pil-meter.warn > span { background: var(--accent); } .pil-meter.bad > span { background: var(--bad); } .pil-meter.info > span { background: var(--info); }
.pil-prio { display: inline-block; width: 46px; height: 6px; border-radius: 3px; background: var(--neutral-bg); overflow: hidden; vertical-align: middle; }
.pil-prio > span { display: block; height: 100%; background: linear-gradient(90deg, var(--accent), var(--bad)); }
.pil-trend { display: inline-flex; align-items: center; gap: 5px; font-size: .78rem; font-weight: 600; color: var(--muted); white-space: nowrap; }
.pil-trend.ok { color: var(--ok); } .pil-trend.bad { color: var(--bad); }
.pil-spark { display: flex; align-items: flex-end; gap: 3px; height: 22px; margin-top: 4px; }
.pil-spark span { width: 7px; background: var(--brand-tint); border-radius: 2px 2px 0 0; }
.pil-spark span.cur { background: var(--brand); }

/* Causes, pastilles */
.pil-cause { display: flex; gap: 7px; align-items: flex-start; font-size: .8rem; line-height: 1.35; }
.pil-cause + .pil-cause { margin-top: 4px; }
.pil-cause i { color: var(--brand); margin-top: 2px; width: 14px; text-align: center; }
.pil-chips { display: flex; flex-wrap: wrap; gap: 5px; }
.pil-chip { display: inline-flex; align-items: center; gap: 5px; border: 1px solid var(--line); background: var(--surface); border-radius: 12px; padding: 2px 9px; font-size: .74rem; color: var(--ink-2, inherit); cursor: pointer; white-space: nowrap; }
.pil-chip i { color: var(--brand); }
.pil-chip.on { background: var(--brand-tint); border-color: var(--brand); color: var(--brand-ink); }
.pil-chip.sm { cursor: default; padding: 1px 7px; }
.pil-dot { display: inline-block; width: 10px; height: 10px; border-radius: 50%; margin-right: 7px; vertical-align: middle; }
.pil-cls { display: inline-flex; align-items: center; justify-content: center; width: 22px; height: 22px; border-radius: 6px; color: #fff; font-size: .74rem; font-weight: 800; }

/* Barre d'actions groupées */
.pil-bulk { position: sticky; top: 0; z-index: 5; display: flex; flex-wrap: wrap; gap: 10px; align-items: center; justify-content: space-between; padding: 10px 14px; background: var(--brand-soft); border-bottom: 1px solid var(--line); }
.pil-bulk[hidden] { display: none; }

/* Notes, encadrés */
.pil-note { display: flex; gap: 9px; align-items: flex-start; padding: 10px 12px; border-radius: var(--radius-lg, 10px); font-size: .84rem; background: var(--info-bg); color: var(--info); }
.pil-note.warn { background: var(--warn-bg); color: var(--warn); }
.pil-note i { margin-top: 2px; }
.pil-box { border: 1px dashed var(--line); border-radius: var(--radius-lg, 10px); padding: 12px; background: var(--surface-2); }
.pil-ul { margin: 4px 0 0; padding-left: 20px; }
.pil-ul li + li { margin-top: 3px; }
.pil-scroll { max-height: 420px; overflow: auto; }

/* Éditeurs de listes (objectifs, actions) */
.pil-list { display: flex; flex-direction: column; gap: 6px; }
.pil-list-row { display: flex; gap: 6px; align-items: center; }
.pil-list-row input[data-k=title] { flex: 1 1 auto; min-width: 0; }
.pil-list-row input[type=date] { width: 150px; flex: 0 0 auto; }
.pil-add input, .pil-add select { flex: 1 1 140px; min-width: 0; width: auto; }

/* Réconciliation des objectifs */
.pil-recon { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; margin: 8px 0; }
.pil-recon > div { border: 1px solid var(--line); border-radius: 10px; padding: 8px 10px; display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.pil-recon b { font-size: .98rem; }
.pil-num { width: 110px; height: 32px; text-align: right; font-size: .84rem; }

/* Statistiques de secteur */
.pil-stats .kpi { padding: 10px 12px; }
.pil-stats .kpi .kpi-value { font-size: 1.1rem; }

@media (max-width: 720px) {
  .pil-recon { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .pil-list-row { flex-wrap: wrap; }
  .pil-list-row input[type=date] { width: auto; flex: 1 1 120px; }
  .pil-num { width: 100%; }
  .pil-bulk .row { width: 100%; }
}
.pil-causes { padding: 12px 14px 0; }