:root{--bg:#F4F5F7;--panel:#fff;--hdr:#EEF0F3;--line:#DFE3E8;--text:#161A20;--mute:#5C6673;--acc:#1D5FD1;--accbg:#E6EEFB;--sel:#EAF1FD;--ok:#1B7A3A;--okbg:#E3F4E8;--warn:#8A5200;--warnbg:#FFF1DC;--bad:#B3261E;--badbg:#FBE5E3}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#0E1013;--panel:#161A20;--hdr:#1B2028;--line:#2A303A;--text:#E8EBF0;--mute:#9AA4B2;--acc:#7DB0FF;--accbg:#1B2A44;--sel:#1A2740;--ok:#6CCB8A;--okbg:#143323;--warn:#F2B35E;--warnbg:#3A2A10;--bad:#FF8A80;--badbg:#3D1B19}}:root[data-theme=dark]{--bg:#0E1013;--panel:#161A20;--hdr:#1B2028;--line:#2A303A;--text:#E8EBF0;--mute:#9AA4B2;--acc:#7DB0FF;--accbg:#1B2A44;--sel:#1A2740;--ok:#6CCB8A;--okbg:#143323;--warn:#F2B35E;--warnbg:#3A2A10;--bad:#FF8A80;--badbg:#3D1B19}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px IBM Plex Sans,system-ui,sans-serif}button,input,select,textarea{font:inherit;color:inherit}.app{display:flex;min-height:100vh}nav{width:208px;flex-shrink:0;background:var(--panel);border-right:1px solid var(--line);padding:18px 12px;display:flex;flex-direction:column;gap:4px;position:sticky;top:0;height:100vh}.logo{padding:4px 8px 16px;font-size:17px;font-weight:600}.logo b{color:var(--acc)}.logo small{display:block;font-size:12px;color:var(--mute);font-weight:400;margin-top:2px}nav a{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:8px;color:var(--text);text-decoration:none;cursor:pointer}nav a.on{background:var(--accbg);color:var(--acc);font-weight:500}nav a .n{margin-left:auto;font-size:12px;background:var(--acc);color:var(--panel);border-radius:10px;padding:1px 7px}nav a .n.w{background:var(--warn)}nav .sp{flex:1}.foot{font-size:12px;color:var(--mute);padding:8px 10px;border-top:1px solid var(--line)}main{flex:1;min-width:0;padding:18px 24px}.top{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:12px}h1{margin:0;font-size:22px;font-weight:600;flex:1}.btn{height:36px;padding:0 14px;border:1px solid var(--line);border-radius:8px;background:var(--panel);cursor:pointer;font-weight:500}.btn.p{background:var(--acc);border-color:var(--acc);color:var(--panel);font-weight:600}.btn.d{color:var(--bad)}.btn:disabled{opacity:.5;cursor:default}.btn.s{height:28px;padding:0 10px;font-size:13px}input,select,textarea{background:var(--panel);border:1px solid var(--line);border-radius:6px;padding:6px 8px;max-width:100%}textarea{width:100%;min-height:90px}.chips{display:flex;gap:6px;flex-wrap:wrap;align-items:center;margin-bottom:12px}.chip{border:1px solid var(--line);background:var(--panel);border-radius:16px;padding:4px 12px;cursor:pointer}.chip.on{background:var(--accbg);color:var(--acc);border-color:var(--acc)}.card{background:var(--panel);border:1px solid var(--line);border-radius:10px;overflow:auto}table{border-collapse:collapse;width:100%}th{background:var(--hdr);text-align:left;font-weight:500;font-size:12px;color:var(--mute);padding:8px 10px;position:sticky;top:0;white-space:nowrap}td{padding:6px 10px;border-top:1px solid var(--line);vertical-align:middle}tr.r{cursor:pointer}tr.r:hover td{background:var(--sel)}td input{width:100%;min-width:90px;border-color:transparent;background:transparent}td input:hover,td input:focus{border-color:var(--line);background:var(--panel)}.num{text-align:right;font-family:IBM Plex Mono,monospace;white-space:nowrap}.b{display:inline-block;font-size:12px;border-radius:10px;padding:1px 8px;white-space:nowrap}.b.ok{background:var(--okbg);color:var(--ok)}.b.w{background:var(--warnbg);color:var(--warn)}.b.k{background:var(--badbg);color:var(--bad)}.b.a{background:var(--accbg);color:var(--acc)}.b.m{background:var(--hdr);color:var(--mute)}.crop{width:130px;height:46px;border:1px solid var(--line);border-radius:4px;background-color:var(--hdr);background-repeat:no-repeat}.mute{color:var(--mute)}.empty{padding:40px;text-align:center;color:var(--mute)}.dh{padding:14px 18px;border-bottom:1px solid var(--line);font-weight:600;font-size:16px;display:flex;align-items:center}.dh span{flex:1}.db{padding:16px 18px;max-height:76vh;overflow:auto}.df{padding:12px 18px;border-top:1px solid var(--line);display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap}.form{align-content:start;display:grid;grid-template-columns:130px 1fr;gap:8px 10px;align-items:center}.form label{color:var(--mute);font-size:13px}.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:18px}.pageimg{width:100%;border:1px solid var(--line);border-radius:6px}.bubble{max-width:75%;padding:8px 12px;border-radius:12px;margin:6px 0;white-space:pre-wrap}.bubble.f{background:var(--accbg);margin-left:auto}.bubble.c{background:var(--hdr)}.conv{display:grid;grid-template-columns:320px 1fr;gap:14px}.ci{padding:10px 12px;border-bottom:1px solid var(--line);cursor:pointer}.ci.on{background:var(--sel)}#login{max-width:340px;margin:12vh auto;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:24px;display:flex;flex-direction:column;gap:10px}.err{color:var(--bad);font-size:13px;min-height:18px}@media(max-width:900px){nav{width:64px}nav a span:not(.n),.logo small,.foot{display:none}nav a{position:relative;justify-content:center}nav a .n{position:absolute;top:0;right:2px;font-size:10px;padding:0 5px}.logo{font-size:0;padding:4px 0 16px;text-align:center;overflow:hidden}.logo:before{content:"CS";font-size:16px;font-weight:700;color:var(--acc)}nav{overflow:hidden}.split,.conv{grid-template-columns:1fr}}.ov{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:50;padding:12px}.dlg{background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:12px;width:520px;max-width:96vw;max-height:94vh;display:flex;flex-direction:column;overflow:hidden}.dlg.big{width:1100px}.dlg .db{flex:1;overflow:auto}.form{grid-template-columns:190px 1fr}td input[list]{min-width:200px}@media(max-width:700px){.form{grid-template-columns:minmax(0,1fr);gap:4px}.form label{margin-top:8px}.form input,.form select,.form textarea{width:100%;min-width:0;box-sizing:border-box}.dlg{width:100vw;max-width:100vw;max-height:100vh;border-radius:0}.dlg.big{width:100vw}}@media(max-width:700px){.app{display:block}nav{position:fixed;left:0;right:0;bottom:0;top:auto;width:100%;height:calc(58px + env(safe-area-inset-bottom));flex-direction:row;align-items:center;justify-content:space-around;gap:0;padding:0 4px env(safe-area-inset-bottom);border-right:0;border-top:1px solid var(--line);z-index:40}nav .logo,nav .sp{display:none}nav a{flex:1;height:48px;padding:0}nav a svg{width:22px;height:22px}main{padding:14px 12px calc(76px + env(safe-area-inset-bottom))}.top .btn{flex:0 0 auto}.card{background:transparent;border:0;overflow:visible}table,tbody{display:block}thead{display:none}tbody tr{display:block;background:var(--panel);border:1px solid var(--line);border-radius:10px;margin-bottom:10px;padding:4px 0;overflow:hidden}td{display:flex;justify-content:space-between;align-items:center;gap:12px;border-top:0;padding:5px 12px;text-align:right}td:before{content:attr(data-label);color:var(--mute);font-size:12px;text-align:left;flex:0 0 auto;max-width:42%}td[data-label=""]:before{display:none}td input,td select{width:auto;min-width:0;flex:1;max-width:60%;text-align:right}td input[list]{min-width:0}.crop{width:min(60%,200px)}td.num{white-space:normal}td:empty,td[data-label^=Destinataire]{display:none}td[data-label=Statut]{justify-content:flex-end}.dlg .card{background:var(--panel);border:1px solid var(--line)}.dlg tbody tr{background:var(--hdr)}.bubble{max-width:90%}.chips:has(.chip){flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px}.chip{white-space:nowrap}.chips select{flex:1 1 140px;min-width:0}.chips label{flex:1 1 100%}.b{white-space:normal}.ov{padding:0}}