/* Apparence de la plateforme */
:root{--bg:#f4f7fb;--card:#fff;--tx:#14233a;--mu:#5d6f87;--bd:#d5deea;--pr:#1f5fa8;--pl:#e3eefa;--rd:#d93025;--gn:#1e8e3e;--or:#c9740a;
box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--bg:#0f1824;--card:#18253a;--tx:#e8eef7;--mu:#9bb0c9;--bd:#2a3b55;--pr:#5aa0ee;--pl:#1d3350;--rd:#ff6b5e;--gn:#56c477;--or:#f0a64a}}
:root[data-theme="dark"]{--bg:#0f1824;--card:#18253a;--tx:#e8eef7;--mu:#9bb0c9;--bd:#2a3b55;--pr:#5aa0ee;--pl:#1d3350;--rd:#ff6b5e;--gn:#56c477;--or:#f0a64a}
html{scroll-padding-top:env(safe-area-inset-top,0px)}
*{box-sizing:border-box}body{margin:0;font:15px/1.45 Arial,Helvetica,sans-serif;background:var(--bg);color:var(--tx)}
header{position:sticky;top:env(safe-area-inset-top,0px);z-index:5;background:var(--pr);color:#fff;padding:10px 14px}
header h1{font-size:16px;margin:0 0 8px}header select{font:inherit;padding:6px;border-radius:8px;border:0;max-width:100%}
nav{display:flex;gap:6px;margin-top:8px;overflow-x:auto}nav button{flex:none;background:#ffffff26;color:#fff;border:0;border-radius:18px;padding:7px 13px;font:inherit}
nav button.on{background:#fff;color:#1f5fa8;font-weight:700}
main{padding:12px 14px 30px;max-width:900px;margin:auto}
.card{background:var(--card);border:1px solid var(--bd);border-radius:12px;padding:12px;margin-bottom:12px}
h2{font-size:18px;margin:4px 0 10px;color:var(--pr)}h3{font-size:15px;margin:12px 0 6px}
.kp{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px}
.kp div{background:var(--pl);border-radius:10px;padding:10px}.kp b{display:block;font-size:26px;color:var(--pr)}.kp span{font-size:12px;color:var(--mu)}
label{display:block;font-size:13px;font-weight:700;margin-bottom:3px}
input,select,textarea{width:100%;font:inherit;padding:8px;border:1.5px solid var(--bd);border-radius:8px;background:var(--card);color:var(--tx)}
.fld{margin-bottom:10px}.rq{display:none;margin-left:6px;font-size:11px;color:#fff;background:var(--rd);border-radius:10px;padding:1px 7px}
.fld.miss .rq{display:inline}.fld.miss input,.fld.miss select,.fld.miss textarea{border-color:var(--rd);background:color-mix(in srgb,var(--rd) 8%,var(--card))}
.chips{display:flex;flex-wrap:wrap;gap:6px}.chip{border:1.5px solid var(--bd);background:var(--card);color:var(--tx);border-radius:16px;padding:5px 11px;font:inherit;font-size:13px}
.chip.on{background:var(--pr);color:#fff;border-color:var(--pr)}.tag{display:inline-block;border-radius:12px;padding:2px 9px;font-size:12px;background:var(--pl);color:var(--pr);margin:2px 4px 2px 0}
.tag.t{background:color-mix(in srgb,var(--or) 18%,var(--card));color:var(--or)}.tag.r{background:var(--rd);color:#fff}.tag.g{background:color-mix(in srgb,var(--gn) 18%,var(--card));color:var(--gn)}
.btn{background:var(--pr);color:#fff;border:0;border-radius:10px;padding:10px 14px;font:inherit;font-weight:700;margin:4px 6px 4px 0}.btn.s{background:var(--pl);color:var(--pr)}.btn.g{background:var(--gn)}
.it{padding:10px;border:1px solid var(--bd);border-radius:10px;margin-bottom:8px;background:var(--card)}.it[data-a]{cursor:pointer}
.mu{color:var(--mu);font-size:13px}.red{color:var(--rd);font-weight:700}table{width:100%;border-collapse:collapse;font-size:13px}td,th{padding:6px;border-bottom:1px solid var(--bd);text-align:left;vertical-align:top}
.x{border:0;background:none;color:var(--rd);font-size:15px}.row{display:flex;gap:8px;flex-wrap:wrap}.row>*{flex:1 1 140px}
#nb:empty{display:none}.bar{height:8px;background:var(--bd);border-radius:6px;overflow:hidden;margin:4px 0 8px}.bar i{display:block;height:100%;background:var(--gn)}