:root{--fond: #faf9f7;--surface: #ffffff;--texte: #1c1b19;--discret: #6b6862;--trait: #e3e0da;--accent: #d89406;--danger: #b3261e;--valide: #1a7f37}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--fond: #171614;--surface: #211f1d;--texte: #f2f0ec;--discret: #a8a49c;--trait: #37342f}}:root[data-theme=dark]{--fond: #171614;--surface: #211f1d;--texte: #f2f0ec;--discret: #a8a49c;--trait: #37342f}*{box-sizing:border-box}body{margin:0;padding:0;background:var(--fond);color:var(--texte);font-family:system-ui,-apple-system,Segoe UI,sans-serif;line-height:1.5}.carte{max-width:720px;margin:0 auto;padding:24px 16px 48px}.carte--etroite{max-width:420px;padding-top:15vh}h1{font-size:1.4rem;margin:0 0 24px}h2{font-size:1.25rem;margin:16px 0 4px}h3{font-size:1rem;margin:0 0 4px}.entete{display:flex;align-items:baseline;justify-content:space-between;gap:16px;flex-wrap:wrap}.discret{color:var(--discret);font-size:.9rem;margin:2px 0}.vide{color:var(--discret);padding:32px 0}label{display:block;margin-bottom:6px;font-size:.9rem}input{width:100%;padding:12px;font-size:1rem;background:var(--surface);color:var(--texte);border:1px solid var(--trait);border-radius:8px;margin-bottom:16px}button{font:inherit;min-height:44px;padding:10px 18px;border-radius:8px;border:none;background:var(--accent);color:#1c1b19;font-weight:600;cursor:pointer}button:disabled{opacity:.55;cursor:default}button.danger{background:var(--danger);color:#fff}button.lien{background:none;color:var(--discret);padding:8px 0;font-weight:400;text-decoration:underline;min-height:0}.ligne{display:flex;flex-direction:column;align-items:flex-start;gap:2px;width:100%;text-align:left;background:var(--surface);color:var(--texte);border:1px solid var(--trait);border-radius:10px;padding:14px 16px;margin-bottom:10px;font-weight:400}.nom{font-weight:600}.piece{background:var(--surface);border:1px solid var(--trait);border-radius:10px;padding:16px;margin-bottom:16px}.piece img{display:block;width:100%;height:auto;margin:12px 0;border-radius:8px;border:1px solid var(--trait)}.actions{display:flex;gap:12px;flex-wrap:wrap}.etat{font-size:.9rem;margin:0 0 8px;color:var(--discret)}.etat--approved{color:var(--valide)}.etat--rejected{color:var(--danger)}.erreur{color:var(--danger);background:color-mix(in srgb,var(--danger) 10%,transparent);border-radius:8px;padding:12px}.onglets{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:8px}.onglet{background:var(--surface);color:var(--texte);border:1px solid var(--trait);font-weight:500}.onglet--actif{background:var(--accent);border-color:var(--accent);color:#1c1b19}.ligne--urgente{border-color:var(--danger);border-width:2px}.ligne--action{flex-direction:row;align-items:center;justify-content:space-between;gap:12px}.pastille-danger{color:var(--danger);font-weight:700}.succes{color:var(--valide);background:color-mix(in srgb,var(--valide) 10%,transparent);border-radius:8px;padding:12px}.chiffres{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin:16px 0}.chiffre{display:flex;flex-direction:column;gap:2px;background:var(--surface);border:1px solid var(--trait);border-radius:10px;padding:14px 16px}.chiffre strong{font-size:1.5rem;font-variant-numeric:tabular-nums}.tableau{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}.tableau th,.tableau td{text-align:left;padding:8px 6px;border-bottom:1px solid var(--trait)}.tableau td+td,.tableau th+th{text-align:right}
