:root{--fond: #f8fafc;--surface: #ffffff;--bord: #e2e8f0;--texte: #0f172a;--discret: #64748b;--accent: #0284c7;--accent-doux: #e0f2fe;--alerte: #b91c1c;--alerte-doux: #fee2e2;--ok: #15803d;color-scheme:light dark;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.45}@media(prefers-color-scheme:dark){:root{--fond: #0f172a;--surface: #1e293b;--bord: #334155;--texte: #e2e8f0;--discret: #94a3b8;--accent: #38bdf8;--accent-doux: #0c4a6e;--alerte: #fca5a5;--alerte-doux: #450a0a;--ok: #4ade80}}*{box-sizing:border-box}body{margin:0;background:var(--fond);color:var(--texte)}a{color:var(--accent)}h1{font-size:1.5rem;margin:0 0 .5rem}h2{font-size:1.1rem;margin:1.75rem 0 .75rem}h3{font-size:1rem;margin:0 0 .25rem}button,input,select{font:inherit;color:inherit}button{background:var(--accent);color:#fff;border:0;border-radius:8px;padding:.5rem .9rem;cursor:pointer}button:disabled{opacity:.5;cursor:default}button.discret{background:transparent;color:var(--discret);border:1px solid var(--bord)}input,select{background:var(--surface);border:1px solid var(--bord);border-radius:8px;padding:.45rem .6rem;max-width:100%}code{background:var(--accent-doux);padding:0 .25rem;border-radius:4px}.discret{color:var(--discret)}.centre{min-height:100vh;display:grid;place-items:center;padding:16px}.carte{background:var(--surface);border:1px solid var(--bord);border-radius:12px;padding:1rem}.message{margin-top:.75rem}.erreur{color:var(--alerte)}.connexion{width:min(380px,100%);display:grid;gap:.9rem}.connexion label{display:grid;gap:.3rem}.connexion h1{margin:0;color:var(--accent)}.connexion p{margin:0}.appli{min-height:100vh}.entete{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:1rem;padding:.5rem 16px;background:var(--surface);border-bottom:1px solid var(--bord)}.logo{font-weight:800;color:var(--accent);letter-spacing:.05em}.entete{flex-wrap:wrap}.entete nav{display:flex;gap:.25rem;overflow-x:auto;flex:1;scrollbar-width:none}.entete button{margin-left:auto}@media(max-width:720px){.entete nav{order:3;flex-basis:100%}}.entete nav a{white-space:nowrap;text-decoration:none;color:var(--discret);padding:.4rem .7rem;border-radius:8px}.entete nav a.active{background:var(--accent-doux);color:var(--texte);font-weight:600}.contenu{padding:1.25rem 16px 3rem;max-width:1200px;margin:0 auto}.resume{font-weight:600}.grille{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:.75rem}.liste{list-style:none;padding:0;margin:0;display:grid;gap:.5rem}.liste li{background:var(--surface);border:1px solid var(--bord);border-radius:10px;padding:.6rem .8rem}.liste li.alerte{border-color:var(--alerte)}.pastille{display:inline-block;margin-left:.4rem;font-size:.8rem;padding:.05rem .5rem;border-radius:999px;background:var(--accent-doux)}.pastille.alerte{background:var(--alerte-doux);color:var(--alerte)}.score{margin-left:.4rem;color:#eab308}.extrait{margin:.3rem 0 0;color:var(--discret);white-space:pre-line}.brief{white-space:pre-line;font-size:.92rem}.opp-entete{font-size:.8rem;font-weight:700;color:var(--accent);text-transform:uppercase}.opp p{margin:.25rem 0}.actions{display:grid;gap:.4rem;margin-top:.5rem}.kanban{display:flex;gap:.75rem;overflow-x:auto;padding-bottom:1rem;scroll-snap-type:x mandatory}.colonne{flex:0 0 min(280px,85vw);display:grid;align-content:start;gap:.6rem;scroll-snap-align:start}.colonne h2{margin:0;font-size:.95rem}.compteur{color:var(--discret);font-weight:400}.filtres{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem}.filtres input{flex:1 1 240px}.pagination{display:flex;align-items:center;gap:.75rem;margin-top:1rem}.agent-tete{display:flex;justify-content:space-between;align-items:center;gap:.5rem}.agent.etat-panne{border-color:var(--alerte)}.agent.etat-actif{border-left:4px solid var(--ok)}.interrupteur,.case{display:inline-flex;align-items:center;gap:.35rem}.reglages{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin:.5rem 0}.reglages input{width:100%;min-width:0}.reglages label{min-width:0;display:grid;gap:.2rem;font-size:.85rem;color:var(--discret)}.indicateurs{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.5rem}.indicateurs div{background:var(--surface);border:1px solid var(--bord);border-radius:10px;padding:.5rem .75rem}.indicateurs dt{font-size:.8rem;color:var(--discret)}.indicateurs dd{margin:0;font-weight:700}