:root{--fond:#f6f5f1;--carte:#fff;--texte:#1f2328;--discret:#636c76;--trait:#d9d6cc;--accent:#1f6f5c;--lu:#e8f3ef;--alerte-fond:#fff1dc;--alerte-trait:#e0902b;--danger:#9a2a1f;color:var(--texte);background:var(--fond);font-family:system-ui,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}h1{margin:0;font-size:1.35rem}h2{margin:28px 0 8px;font-size:1rem}button,input,select,textarea{font:inherit}button{cursor:pointer;border:1px solid #0000;border-radius:10px;padding:14px 18px}button:disabled{opacity:.55;cursor:default}button.principal{background:var(--accent);color:#fff;font-weight:600}button.secondaire{background:var(--carte);border-color:var(--trait);color:var(--texte)}button.discret{color:var(--discret);background:0 0;padding:10px}button.danger{background:var(--danger);color:#fff}button.danger-texte{color:var(--danger);margin-top:24px}input,select{border:1px solid var(--trait);background:var(--carte);width:100%;color:var(--texte);border-radius:8px;padding:11px 10px}input.lu{background:var(--lu);border-color:var(--accent)}.centre{text-align:center;padding:48px 16px}.page{max-width:640px;margin:0 auto;padding:16px 16px 56px}.page>header{align-items:center;gap:8px;margin-bottom:16px;display:flex}.actions{gap:10px;margin-top:16px;display:grid}.info{color:var(--discret)}.lecture{background:var(--lu);border-radius:8px;margin:12px 0 0;padding:10px 12px}.erreur{color:var(--danger)}.alerte{background:var(--alerte-fond);border-left:4px solid var(--alerte-trait);border-radius:6px;padding:10px 12px}.note{color:var(--discret);margin:10px 0 0;font-size:.85rem}.apercu{object-fit:contain;background:#ecebe6;border-radius:8px;width:100%;max-height:55vh;display:block}.champs,.reglages{grid-template-columns:max-content 1fr;align-items:center;gap:10px 14px;margin:16px 0;display:grid}.champs label,.reglages label{color:var(--discret)}.tva{margin:0;font-size:1.05rem}.tva small{color:var(--discret);font-size:.8rem;display:block}.export{background:var(--carte);border:1px solid var(--trait);border-radius:12px;margin-top:8px;padding:4px 16px 16px}.export h2{margin-top:12px}.export .principal{width:100%}.mois h3{justify-content:space-between;align-items:baseline;margin:18px 0 6px;font-size:.95rem;display:flex}.mois h3 span{color:var(--discret);font-size:.85rem;font-weight:400}.tickets{gap:6px;margin:0;padding:0;list-style:none;display:grid}.tickets button{text-align:left;background:var(--carte);border-color:var(--trait);width:100%;color:var(--texte);grid-template-columns:2.2em 1fr auto;align-items:center;gap:10px;padding:12px;display:grid}.tickets .jour{color:var(--discret);font-variant-numeric:tabular-nums;text-align:right}.tickets .montant{font-variant-numeric:tabular-nums}.suppression{border:1px solid var(--trait);border-radius:10px;gap:8px;margin-top:24px;padding:12px 14px;display:grid}.suppression p{margin:0}