:root{--paie-especes: #12b76a;--paie-especes-pale: #dcfae6;--paie-especes-texte: #067647;--paie-especes-plein: #067647;--paie-cb: #2e90fa;--paie-cb-pale: #d1e9ff;--paie-cb-texte: #175cd3;--paie-cb-plein: #175cd3;--paie-gr: #f79009;--paie-gr-pale: #fef0c7;--paie-gr-texte: #b54708;--paie-gr-plein: #b54708;--paie-cheque: #9e77ed;--paie-cheque-pale: #ebe9fe;--paie-cheque-texte: #6941c6;--paie-cheque-plein: #6941c6;--paie-credit: #ee46bc;--paie-credit-pale: #fce7f6;--paie-credit-texte: #c11574;--paie-credit-plein: #c11574;--paie-autre: #98a2b3;--paie-autre-pale: #eaecf0;--paie-autre-texte: #475467;--paie-autre-plein: #475467}:root{--fond: #f2f6fc;--carte: #ffffff;--trait: #cfdcee;--texte: #0d1f33;--doux: #55697f;--accent: #1257d6;--accent-fonce: #0e46ad;--accent-pale: #e6efff;--vert: #127a4a;--rouge: #c0322f;--rouge-pale: #fdeceb}*{box-sizing:border-box;margin:0;padding:0}html{height:100%}body{height:100%;overflow:hidden;background:var(--fond);color:var(--texte);font:16px/1.4 system-ui,-apple-system,Segoe UI,sans-serif;-webkit-user-select:none;user-select:none;touch-action:manipulation}.borne{height:100vh;height:100dvh;display:flex;flex-direction:column}.ecran{flex:1;min-height:0;display:flex;flex-direction:column}.ecran.centre{align-items:center;gap:1.5rem;padding:1.5rem;overflow-y:auto}.ecran.centre>:first-child{margin-top:auto}.ecran.centre>:last-child{margin-bottom:auto}.cache{display:none!important}.entete{text-align:center}.entete .site{font-size:1.05rem;font-weight:700;color:var(--accent);letter-spacing:.08em;text-transform:uppercase}.entete .heure{font-size:clamp(2.8rem,11vw,5rem);font-weight:700;font-variant-numeric:tabular-nums;line-height:1}.entete .date{color:var(--doux);text-transform:capitalize}.portes{display:grid;gap:1rem;width:min(420px,92vw)}.porte{display:grid;gap:.25rem;padding:1.5rem 1.2rem;border:0;border-radius:16px;background:var(--accent);color:#fff;cursor:pointer;text-align:left;box-shadow:0 2px 10px #1257d638}.porte:active{background:var(--accent-fonce)}.porte-titre{font-size:1.35rem;font-weight:700}.porte-sous{font-size:.92rem;opacity:.85}.porte.creuse{background:var(--carte);color:var(--texte);border:1px solid var(--trait);box-shadow:none}.porte.creuse .porte-titre{color:var(--accent)}.porte.creuse .porte-sous{color:var(--doux);opacity:1}.porte.creuse:active{background:var(--accent-pale)}.pointes{display:grid;gap:.5rem;width:min(420px,92vw)}.pointes h2{display:flex;align-items:center;gap:.5rem;font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--doux)}.pointes .compte{min-width:1.7rem;padding:.1rem .45rem;border-radius:999px;background:var(--accent-pale);color:var(--accent);text-align:center;letter-spacing:0;font-variant-numeric:tabular-nums}.pointes ul{list-style:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(10rem,1fr));gap:.4rem}.pointes li{display:flex;align-items:baseline;justify-content:space-between;gap:.6rem;min-width:0;padding:.5rem .75rem;border:1px solid var(--trait);border-radius:10px;background:var(--carte)}.pointes .qui{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}.pointes .quand{flex:none;color:var(--doux);font-size:.9rem;font-variant-numeric:tabular-nums}.pointes .vide{color:var(--doux);font-size:.92rem}.points{display:flex;gap:.75rem;height:1.5rem}.points span{width:1.1rem;height:1.1rem;border-radius:50%;border:2px solid var(--trait);background:var(--carte)}.points span.plein{background:var(--accent);border-color:var(--accent)}.pave{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;width:min(340px,90vw)}.pave button{aspect-ratio:1.4;font-size:1.9rem;font-weight:600;color:var(--texte);background:var(--carte);border:1px solid var(--trait);border-radius:14px;cursor:pointer;box-shadow:0 1px 2px #0d1f330f}.pave button:active{background:var(--accent-pale);border-color:var(--accent)}.pave button.efface{font-size:1.15rem;color:var(--doux);box-shadow:none}.action{width:100%;padding:1.1rem;font-size:1.25rem;font-weight:700;border:0;border-radius:14px;cursor:pointer;color:#fff;background:var(--accent);box-shadow:0 2px 6px #1257d63d}.action:active{background:var(--accent-fonce)}.action:disabled{background:var(--trait);color:var(--doux);box-shadow:none;cursor:not-allowed}.action.attente{background:var(--carte);color:var(--accent);border:1.5px solid var(--accent);box-shadow:none}.action.attente:active{background:var(--accent-pale)}.action.secondaire{width:min(340px,90vw);padding:.9rem;font-size:1rem;background:var(--carte);color:var(--accent);border:1px solid var(--trait);box-shadow:none}.message{min-height:1.4rem;text-align:center;color:var(--rouge);font-weight:600}.confirmation{text-align:center;display:grid;gap:.4rem}.confirmation .grand{font-size:clamp(2rem,9vw,3rem);font-weight:700;color:var(--vert)}.confirmation.erreur .grand{color:var(--rouge);font-size:clamp(1.6rem,7vw,2.4rem)}.confirmation .date:empty{display:none}.scene{flex:1;min-height:0;display:grid;place-items:center;padding:1.5rem;overflow-y:auto}.carton{width:100%;max-width:26rem;display:grid;gap:.7rem;padding:1.6rem 1.4rem;background:var(--carte);border:1px solid var(--trait);border-radius:18px;box-shadow:0 1px 2px #0d1f330f,0 18px 40px -24px #0d1f3373}.legende-carton{font-size:.78rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--doux)}.alerte{display:grid;gap:.2rem;padding:.8rem .9rem;border-radius:12px;background:var(--rouge-pale);border:1px solid var(--rouge);font-size:.92rem;line-height:1.35}.alerte b{color:var(--rouge);font-weight:700}.alerte span{color:var(--doux)}.ardoise-tete{display:flex;align-items:center;justify-content:space-between;gap:.8rem;padding:.7rem 1rem;background:var(--carte);border-bottom:1px solid var(--trait)}.ardoise-tete .site{font-size:.95rem;font-weight:700;color:var(--accent);letter-spacing:.06em;text-transform:uppercase}.ardoise-tete .heure-petite{font-variant-numeric:tabular-nums;color:var(--doux);font-size:.92rem;white-space:nowrap}.retour{min-height:44px;padding:0 .9rem;font-size:.95rem;font-weight:600;color:var(--doux);background:transparent;border:1px solid var(--trait);border-radius:10px;cursor:pointer}.ardoise{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:.8rem}.bloc.manquant{border-color:var(--rouge);box-shadow:0 0 0 3px #c0322f26}.bloc.manquant legend{color:var(--rouge)}.champ{width:100%;min-height:48px;padding:.7rem .8rem;font:inherit;font-size:1rem;color:var(--texte);background:var(--fond);border:1.5px solid var(--trait);border-radius:11px}.champ::placeholder{color:var(--doux)}.champ:focus-visible{outline:3px solid var(--accent);outline-offset:1px;border-color:var(--accent)}.ardoise-pied{border-top:1px solid var(--trait);background:var(--carte);padding:.6rem .8rem;padding-bottom:calc(.6rem + env(safe-area-inset-bottom,0px));display:grid;gap:.45rem;box-shadow:0 -2px 14px #0d1f3314}.ardoise-pied .message{min-height:0}.ardoise-pied .message:empty{display:none}.ardoise-pied .action{padding:.8rem;font-size:1.1rem}.somme{display:flex;align-items:baseline;justify-content:space-between;gap:1rem}.somme-detail{font-size:.92rem;color:var(--doux)}.somme b{font-size:clamp(1.6rem,6vw,2.2rem);font-weight:700;color:var(--accent);font-variant-numeric:tabular-nums;line-height:1}@media(min-width:700px){.ardoise{padding:1.1rem}.ardoise-pied{padding:.8rem 1rem calc(.8rem + env(safe-area-inset-bottom,0px))}.ardoise-pied .action{padding:1rem;font-size:1.2rem}}@media(min-width:900px){.ardoise>*,.ardoise-pied>*{max-width:1100px;width:100%;margin-left:auto;margin-right:auto}}