:root{--surface-page:#141a2b;--surface-sunken:#0f1422;--surface-card:#1c2338;--surface-raised:#242d47;--border:#30395a;--border-strong:#3b4670;--text:#f1f3fa;--text-muted:#a2abc9;--text-dim:#6f7899;--accent:#ff7a1a;--accent-soft:#ffa05c;--on-accent:#1b0e02;--status-done:#4fd49a;--status-pending:#ffc74a;--status-late:#ff5f6e;--status-external:#6ea8ff;--space-1:4px;--space-2:6px;--space-3:8px;--space-4:10px;--space-5:12px;--space-6:14px;--space-7:16px;--radius-sm:6px;--radius-md:8px;--radius-lg:10px;--radius-xl:12px;--radius-pill:999px;--font-cond:"Barlow Condensed", "Arial Narrow", Impact, sans-serif;--font-body:"Barlow", "Helvetica Neue", Arial, sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}body{background:var(--surface-page);color:var(--text);font:400 15px/22px var(--font-body);margin:0}a{color:var(--accent-soft)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}main{max-width:1080px;padding:20px var(--space-6) 64px;margin:0 auto}h1,h2,.chiffre,.onglets a,.marque{font-family:var(--font-cond)}.entete{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.entete h1{letter-spacing:.01em;margin:0;font-size:28px;font-weight:700;line-height:30px}.entete .qui{color:var(--text-muted);font-size:13px}.onglets{gap:var(--space-2);flex-wrap:wrap;margin-bottom:16px;display:flex}.onglets a{border-radius:var(--radius-pill);border:1px solid var(--border-strong);min-height:44px;color:var(--text-muted);align-items:center;padding:0 16px;font-size:16px;font-weight:600;text-decoration:none;display:inline-flex}.onglets a[aria-current=page]{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}.carte{background:var(--surface-card);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--space-7);margin-bottom:var(--space-5)}.carte h2{margin:0 0 12px;font-size:22px;font-weight:600;line-height:26px}.carte strong{font-family:var(--font-cond);margin-bottom:4px;font-size:32px;font-weight:700;line-height:32px;display:block}.tableau{border-collapse:collapse;width:100%;font-size:14px}.tableau th{text-align:left;font:500 11px/14px var(--font-body);text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);border-bottom:1px solid var(--border);white-space:nowrap;background:var(--surface-sunken);padding:8px}.tableau td{border-bottom:1px solid var(--border);vertical-align:top;padding:10px 8px}.defile{overflow-x:auto}.vide{color:var(--text-muted)}.etiquette{border-radius:var(--radius-sm);background:var(--surface-raised);color:var(--text-muted);white-space:nowrap;margin:0 4px 4px 0;padding:2px 8px;font-size:12px;font-weight:500;display:inline-block}.etiquette.retard,.retard{color:var(--status-late)}.etiquette.retard{background:#ff5f6e26}.etiquette.bientot,.bientot{color:var(--status-pending)}.etiquette.bientot{background:#ffc74a26}.etiquette.fait{color:var(--status-done);background:#4fd49a26}.etiquette.tiers{color:var(--status-external);background:#6ea8ff26}.grise{opacity:.5}form.connexion{gap:10px;max-width:380px;display:grid}input[type=email],input[type=text],select{border:1px solid var(--border-strong);border-radius:var(--radius-md);min-height:44px;font:400 16px var(--font-body);background:var(--surface-sunken);color:var(--text);width:100%;padding:10px 12px}label{color:var(--text-muted);font-size:13px}button{border-radius:var(--radius-pill);background:var(--accent);min-height:44px;color:var(--on-accent);font:600 16px var(--font-cond);letter-spacing:.02em;cursor:pointer;border:0;padding:0 18px}button:disabled{background:var(--surface-raised);color:var(--text-muted);cursor:not-allowed}button.secondaire{color:var(--text);border:1px solid var(--border-strong);background:0 0}button.lien{color:var(--text-muted);min-height:0;font:400 13px var(--font-body);background:0 0;padding:0;text-decoration:underline}.message{border-radius:var(--radius-lg);background:var(--surface-sunken);border:1px solid var(--border-strong);padding:12px 14px}.grille{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}dl.fiche{grid-template-columns:max-content 1fr;gap:8px 16px;margin:0;display:grid}dl.fiche dt{color:var(--text-muted)}dl.fiche dd{margin:0}.ligne{padding:var(--space-4) 0;border-bottom:1px solid var(--border)}.ligne-haut{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.groupe{font:500 11px/14px var(--font-body);text-transform:uppercase;letter-spacing:.05em;color:var(--accent-soft);margin:12px 0 2px}details.pliable>summary{cursor:pointer;list-style:none}details.pliable>summary::-webkit-details-marker{display:none}details.pliable .detail{white-space:pre-line;color:var(--text-muted);margin:6px 0 10px;font-size:14px}.etapes{gap:var(--space-2);margin-bottom:16px;display:flex}.etapes span{border-radius:var(--radius-pill);background:var(--surface-raised);flex:1;height:4px}.etapes span.faite{background:var(--accent)}.choix{gap:var(--space-3);margin:12px 0 16px;display:grid}.choix label{border:1px solid var(--border-strong);border-radius:var(--radius-lg);background:var(--surface-sunken);min-height:52px;color:var(--text);cursor:pointer;align-items:center;gap:12px;padding:10px 14px;font-size:15px;display:flex}.choix input{accent-color:var(--accent);width:18px;height:18px}.pieces{margin:8px 0 0;padding:0;list-style:none}.pieces li{border-bottom:1px solid var(--border);justify-content:space-between;gap:12px;padding:10px 0;display:flex}.actions{gap:var(--space-3);flex-wrap:wrap;margin-top:16px;display:flex}.liste{gap:var(--space-3);display:grid}.element{background:var(--surface-sunken);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-5) var(--space-6)}.element-haut{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.element h3{font:600 16px/21px var(--font-body);margin:0}.champs{gap:var(--space-3) var(--space-5);margin-top:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(130px,1fr));display:grid}.champ{flex-direction:column;gap:2px;font-size:14px;display:flex}.champ-label{font:500 11px/14px var(--font-body);text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted)}.montant{font:600 19px/24px var(--font-cond)}.lien-action{min-height:44px;margin-top:var(--space-2);align-items:center;font-weight:500;display:inline-flex}.note{margin:var(--space-3) 0 0;font-size:13px}.pieces li{align-items:flex-start}.pieces li .etiquette,.element-haut .etiquette{flex-shrink:0;align-self:flex-start}.pipeline{margin:var(--space-4) 0 0;gap:var(--space-2);grid-template-columns:repeat(auto-fill,minmax(130px,1fr));padding:0;list-style:none;display:grid}.etape{border-radius:var(--radius-md);background:var(--surface-raised);border:1px solid var(--border);flex-direction:column;gap:2px;padding:8px 10px;display:flex}.etape-nom{font:500 11px/14px var(--font-body);text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted)}.etape-etat{font-size:13px}.etape.fait{border-color:var(--status-done)}.etape.fait .etape-etat{color:var(--status-done)}.etape.bientot{border-color:var(--status-pending)}.etape.bientot .etape-etat{color:var(--status-pending)}.etape.retard{border-color:var(--status-late)}.etape.retard .etape-etat{color:var(--status-late)}.formulaire fieldset{gap:var(--space-5);border:0;margin:12px 0 0;padding:0;display:grid}.formulaire fieldset:disabled{opacity:.55}.champ-form{gap:var(--space-1);display:grid}.deux{gap:var(--space-3);grid-template-columns:1fr 2fr;display:grid}details.bloc>summary{cursor:pointer;justify-content:space-between;align-items:center;gap:12px;min-height:44px;list-style:none;display:flex}details.bloc>summary::-webkit-details-marker{display:none}details.bloc>summary h2{margin:0}details.bloc[open]>summary{margin-bottom:12px}.bloc-chevron{border-right:2px solid var(--text-muted);border-bottom:2px solid var(--text-muted);flex-shrink:0;width:10px;height:10px;transition:transform .15s;transform:rotate(45deg)}details.bloc:not([open]) .bloc-chevron{transform:rotate(-45deg)}@media (prefers-reduced-motion:reduce){.bloc-chevron{transition:none}}.paiements{margin:var(--space-4) 0 0;padding:var(--space-3) 0 0;border-top:1px solid var(--border);gap:var(--space-2);list-style:none;display:grid}.paiements li{flex-wrap:wrap;align-items:center;gap:4px 12px;font-size:14px;display:flex}.paiement-quoi{color:var(--text-muted);flex:160px}.paiement-montant{font-variant-numeric:tabular-nums;white-space:nowrap}.paiements .etiquette{margin:0}.resume strong{font-family:var(--font-cond);margin-right:4px;font-size:22px}.tableau .num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.tableau tr.total td{border-top:1px solid var(--border-strong);font-weight:600}.groupe-finance{margin-top:var(--space-5)}.groupe-finance h3{font:600 16px/21px var(--font-body);margin:0 0 4px;display:inline}details.groupe-finance>summary{cursor:pointer;flex-wrap:wrap;align-items:center;gap:4px 8px;min-height:44px;display:flex}.resume .champ-label{display:block}.grille.resume{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.grille.resume .carte{padding:var(--space-4) var(--space-5);margin:0}@media (max-width:520px){.grille.resume{grid-template-columns:repeat(2,minmax(0,1fr))}}
