: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)}input.a-controler{background:var(--alerte-fond);border-color:var(--alerte-trait)}.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:34vh;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}button{min-height:48px}.page>header.entete{justify-content:space-between}.succes{background:var(--lu);border-left:4px solid var(--accent);border-radius:6px;margin:0 0 12px;padding:10px 12px}.installation,.debut{background:var(--carte);border:1px solid var(--trait);border-radius:12px;margin-top:16px;padding:4px 16px 12px}.debut h2{margin-top:12px}.gestes{gap:8px;padding-left:1.4em;display:grid}.photo{text-align:center;background:0 0;border:none;width:100%;padding:0;display:block}.photo span{color:var(--discret);padding-top:4px;font-size:.8rem;display:block}.zoom{z-index:10;background:#101214;padding:12px;position:fixed;inset:0;overflow:auto}.zoom button{margin:0 0 12px auto;display:block;position:sticky;top:0}.zoom img{background:#fff;width:220%;max-width:none;display:block}.suggestion{background:var(--alerte-fond);border-left:4px solid var(--alerte-trait);border-radius:6px;margin:0 0 12px;padding:10px 12px}.suggestion button{color:var(--accent);margin-top:6px;padding:8px 0;font-weight:600;display:block}.sauvegarde{border-top:1px solid var(--trait);margin-top:32px;padding-top:12px}.sauvegarde summary{cursor:pointer;color:var(--discret);padding:8px 0}.aide h2{margin-top:24px}.aide ul,.aide ol{gap:8px;padding-left:1.3em;display:grid}.legende{padding-left:0;list-style:none}.pastille{border:1px solid var(--trait);vertical-align:-2px;border-radius:4px;width:14px;height:14px;display:inline-block}.pastille.verte{background:var(--lu);border-color:var(--accent)}.pastille.orange{background:var(--alerte-fond);border-color:var(--alerte-trait)}.pastille.vide{background:var(--carte)}