/* Anubis — interface closer. Papier + encre + rouge, comme le Web Lab ; clair et sombre. */
@import url("https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,500;9..144,600&family=IBM+Plex+Sans:wght@400;500;600&family=IBM+Plex+Mono:wght@400;500&display=swap");
:root{--paper:#F4F1EA;--sheet:#FBFAF6;--ink:#17150F;--mute:#6E695E;--line:#E2DDD1;--mark:#C8321E;--mark-soft:#F6DED7;
  --ok:#2F6B3F;--ok-soft:#DDEBDD;--warn:#9A5A0B;--warn-soft:#F5E6CC;--you:#1F4E79;--you-soft:#DCE8F3;
  --serif:"Fraunces",Georgia,serif;--sans:"IBM Plex Sans",system-ui,sans-serif;--mono:"IBM Plex Mono",ui-monospace,monospace;--r:12px}
@media (prefers-color-scheme:dark){:root{--paper:#12110E;--sheet:#1A1915;--ink:#EEE9DD;--mute:#9C968A;--line:#2E2B25;--mark:#FF6A4D;
  --mark-soft:#3A1E17;--ok:#7CC48E;--ok-soft:#1C2E20;--warn:#E6A558;--warn-soft:#3A2A12;--you:#8DB8E8;--you-soft:#17263A}}
*{box-sizing:border-box}html{background:var(--paper)}[hidden]{display:none!important}
body{margin:0;color:var(--ink);font:15px/1.5 var(--sans);background:var(--paper)}
a{color:var(--mark)}button{font:inherit;color:inherit;cursor:pointer}
input,textarea,select{font:inherit;color:var(--ink);background:var(--sheet);border:1px solid var(--line);border-radius:8px;padding:8px 10px;width:100%;min-width:0}
:focus-visible{outline:2px solid var(--mark);outline-offset:2px}
h1,h2,h3{font-family:var(--serif);font-weight:600;margin:0;line-height:1.2}h1{font-size:28px}h2{font-size:19px}h3{font-size:16px}
.eyebrow{font:500 11px var(--mono);text-transform:uppercase;letter-spacing:.12em;color:var(--mute)}
.mute{color:var(--mute)}.mono{font-family:var(--mono);font-size:13px}.err{color:var(--mark)}
.btn{border:1px solid var(--ink);background:var(--ink);color:var(--paper);border-radius:9px;padding:9px 16px;font-weight:500;white-space:nowrap}
.btn.ghost{background:transparent;color:var(--ink);border-color:var(--line)}.btn.mark{background:var(--mark);border-color:var(--mark);color:#fff}
.btn.ok{background:var(--ok);border-color:var(--ok);color:#fff}.btn:disabled{opacity:.4;cursor:not-allowed}.btn.sm{padding:5px 10px;font-size:13px}
.sheet{background:var(--sheet);border:1px solid var(--line);border-radius:var(--r);padding:18px}
.stack>*+*{margin-top:14px}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.grow{flex:1}
.pill{display:inline-block;font:500 11px var(--mono);padding:2px 8px;border-radius:99px;border:1px solid var(--line);color:var(--mute);white-space:nowrap}
.pill.ok{border-color:transparent;background:var(--ok-soft);color:var(--ok)}.pill.mark{border-color:transparent;background:var(--mark-soft);color:var(--mark)}
.pill.warn{border-color:transparent;background:var(--warn-soft);color:var(--warn)}
header.top{display:flex;align-items:center;gap:18px;padding:12px 20px;border-bottom:1px solid var(--line);background:var(--sheet);position:sticky;top:0;z-index:5}
.brand{font:600 18px var(--serif);text-decoration:none;color:var(--ink)}
main{max-width:1280px;margin:0 auto;padding:20px}
body.login{display:grid;place-items:center;min-height:100vh}body.login form{width:min(380px,92vw)}body.login label{display:block;margin:14px 0}
body.doc main{max-width:760px}@media print{.no-print{display:none}body{background:#fff}.sheet{border:0}}
/* carnet */
.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px}
.card h3{margin-bottom:2px}.card .meta{font-size:13px;color:var(--mute)}
/* appel en direct */
.live{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:16px;align-items:start}
@media (max-width:960px){.live{grid-template-columns:1fr}}
.say{border-left:5px solid var(--mark);background:var(--sheet);border-radius:var(--r);padding:16px 18px;box-shadow:0 0 0 1px var(--line)}
.say .text{font:500 21px/1.4 var(--serif);margin:6px 0}.say.obj{border-left-color:var(--warn)}
.phases{display:flex;gap:4px;flex-wrap:wrap}.phases button{border:1px solid var(--line);background:var(--sheet);border-radius:99px;padding:4px 10px;font-size:12px}
.phases button.on{background:var(--ink);color:var(--paper);border-color:var(--ink)}.phases button.next{border-color:var(--mark);color:var(--mark);font-weight:600}
.feed{max-height:52vh;overflow:auto;display:flex;flex-direction:column;gap:6px;padding-right:4px}
.line{padding:7px 10px;border-radius:10px;max-width:92%}.line small{display:block;font:500 10px var(--mono);color:var(--mute);text-transform:uppercase}
.line.closer{background:var(--you-soft);align-self:flex-end}.line.prospect{background:var(--sheet);border:1px solid var(--line);align-self:flex-start}
.line.partial{opacity:.65;font-style:italic}.line.notes{border-style:dashed}
.meter{height:6px;border-radius:99px;background:var(--line);overflow:hidden;width:110px}.meter i{display:block;height:100%;background:var(--ok);width:0}
.dims{display:grid;grid-template-columns:auto 1fr;gap:4px 10px;font-size:13px}.bar{height:8px;border-radius:99px;background:var(--line);margin-top:6px}
.bar i{display:block;height:100%;border-radius:99px}.confirmed{background:var(--ok)}.inferred{background:var(--warn)}.negative{background:var(--mark)}.unknown{background:transparent}
.fact{font-size:13px;border-top:1px solid var(--line);padding-top:6px}.fact q{color:var(--mute)}
.banner{border:2px solid var(--mark);background:var(--mark-soft);border-radius:var(--r);padding:14px 16px}
#toast{position:fixed;bottom:18px;left:50%;transform:translateX(-50%);background:var(--ink);color:var(--paper);padding:9px 16px;border-radius:9px;opacity:0;transition:opacity .2s;z-index:9}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}