:root{--encre:#111;--action:#1c4ed8;font-family:system-ui,sans-serif}body{color:var(--encre);background:#fff;margin:0}.accueil{height:100vh;box-sizing:border-box;text-align:center;flex-direction:column;align-items:center;gap:12px;max-width:30rem;height:100dvh;margin:0 auto;padding:16px 20px;display:flex;overflow:hidden}.marque{margin:0;font-size:16px;font-weight:700}.pastille{border:2px solid var(--encre);border-radius:99px;margin:0;padding:6px 14px;font-size:14px;font-weight:600}.accueil h1{margin:0;font-size:clamp(26px,min(9vw,5.5vh),42px);line-height:1.1}.illustration{flex:1;justify-content:center;width:100%;min-height:0;display:flex}.illustration svg{width:auto;max-width:100%;height:100%}.accueil button{border:2px solid var(--encre);background:var(--action);color:#fff;border-radius:99px;flex:none;width:100%;min-height:60px;font-size:20px;font-weight:700}.note{margin:0;font-size:16px}.message{box-sizing:border-box;border:2px solid var(--encre);border-radius:12px;width:100%;margin:0;padding:12px 14px;font-size:18px;font-weight:600}.message-echec{background:#fbe5e3}.ecran{color:#14181c;flex-direction:column;gap:.75rem;max-width:32rem;margin:0 auto;padding:1.25rem 1rem 2rem;font-size:1.125rem;display:flex}.ecran h1{margin:0;font-size:1.5rem}.ecran h2{margin:1rem 0 0;font-size:1.125rem}.ecran .marque{margin:0;font-weight:600}.ecran label{font-weight:600}.ecran input.code{letter-spacing:.2em;text-transform:uppercase;text-align:center;box-sizing:border-box;border:2px solid #14181c;border-radius:.5rem;width:100%;min-height:3.5rem;padding:.75rem;font-size:1.75rem}.ecran button{color:#fff;background:#14181c;border:2px solid #14181c;border-radius:.5rem;min-height:3.5rem;padding:0 1rem;font-size:1.125rem;font-weight:600}.ecran button.secondaire{color:#14181c;background:#fff;margin-top:1rem}.ecran button:disabled{opacity:.5}.ecran .note{color:#4a5560;margin:0;font-size:.9375rem}.ecran .etat{border:2px solid #14181c;border-radius:.5rem;margin:0;padding:.5rem .75rem;font-weight:600}.ecran .etat-hors{background:#fff4d6}.ecran .etat-ok{background:#eaf1fb}.ecran ul.commandes{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.ecran ul.commandes li{border:1px solid #c3cad1;border-radius:.5rem;flex-wrap:wrap;align-items:baseline;gap:.25rem .75rem;padding:.5rem .75rem;display:flex}.ecran .statut{font-weight:600}.ecran .statut-rejetee{color:#a31515}.ecran .statut-acceptee_controle{color:#8a5a00}.ecran .motifs{flex-basis:100%;font-size:.9375rem}@media (prefers-color-scheme:dark){.ecran{color:#f1f3f5}.ecran input.code{color:#f1f3f5;background:#14181c;border-color:#f1f3f5}.ecran button{color:#14181c;background:#f1f3f5;border-color:#f1f3f5}.ecran button.secondaire{color:#f1f3f5;background:#14181c}.ecran .note{color:#aab3bc}.ecran .etat{border-color:#f1f3f5}.ecran .etat-hors{background:#3a2f10}.ecran .etat-ok{background:#17283d}.ecran ul.commandes li{border-color:#3a434c}}.ecran select,.ecran input:not(.code),.ecran textarea{box-sizing:border-box;color:#14181c;background:#fff;border:2px solid #14181c;border-radius:.5rem;width:100%;min-height:3rem;padding:.5rem .75rem;font-size:1.125rem}.ecran fieldset.ligne{border:1px solid #c3cad1;border-radius:.5rem;flex-direction:column;gap:.5rem;margin:0;padding:.75rem;display:flex}.ecran form,.ecran .alertes{flex-direction:column;gap:.5rem;display:flex}.ecran .alerte{border:2px solid #14181c;border-radius:.5rem;margin:0;padding:.5rem .75rem;font-weight:600}.ecran .alerte-seuil,.ecran .alerte-sans{background:#fff4d6}.ecran .alerte-depassement{background:#fde4e4;border-color:#a31515}.ecran .alerte-normal{background:#eaf1fb}.ecran .metier{font-weight:600}body:has(.onglets) .ecran{padding-bottom:5.5rem}.onglets{background:#fff;border-top:2px solid #14181c;gap:.5rem;padding:.5rem;display:flex;position:fixed;inset:auto 0 0}.onglets button{color:#14181c;background:#fff;border:2px solid #14181c;border-radius:.5rem;flex:1;min-height:3.5rem;font-size:1.125rem;font-weight:600}.onglets button[aria-current=page]{color:#fff;background:#14181c}@media (prefers-color-scheme:dark){.ecran select,.ecran input:not(.code),.ecran textarea{color:#f1f3f5;background:#14181c;border-color:#f1f3f5}.ecran fieldset.ligne{border-color:#3a434c}.ecran .alerte{border-color:#f1f3f5}.ecran .alerte-seuil,.ecran .alerte-sans{background:#3a2f10}.ecran .alerte-depassement{background:#4a1c1c;border-color:#ff8c8c}.ecran .alerte-normal{background:#17283d}.onglets{background:#14181c;border-color:#f1f3f5}.onglets button{color:#f1f3f5;background:#14181c;border-color:#f1f3f5}.onglets button[aria-current=page]{color:#14181c;background:#f1f3f5}}.ecran .correction{flex-direction:column;flex-basis:100%;gap:.5rem;display:flex}.onglets button{padding:0 .25rem;font-size:1rem}.ecran .choix{gap:.5rem;display:flex}.ecran .choix button{flex:1}.ecran .culture{border-top:1px solid #c3cad1;flex-direction:column;gap:.5rem;padding-top:.5rem;display:flex}.onglets{overflow-x:auto}.onglets button{flex:1 0 5.5rem}.ecran .modes{gap:.5rem;display:flex}.ecran .modes button{flex:1}.ecran .apercu{aspect-ratio:1;background:var(--surface-2,#f4f1ea);border:1px solid var(--bordure,#c9c2b3);border-radius:.5rem;align-self:center;width:100%;max-width:20rem}.ecran .apercu polygon{fill:color-mix(in srgb, currentColor 12%, transparent);stroke:currentColor;stroke-width:1.2px;stroke-linejoin:round}.ecran .apercu-petit{align-self:flex-start;max-width:7rem}.recu dl{grid-template-columns:max-content 1fr;gap:.25rem 1rem;display:grid}.recu dt{font-weight:600}.recu table{border-collapse:collapse;width:100%;margin-block:.5rem}.recu td{border-bottom:1px solid;padding:.25rem .5rem}.actions-recu{flex-wrap:wrap;gap:.5rem;margin-block:1rem;display:flex}@media print{.onglets,.actions-recu{display:none!important}}.ecran .liste-producteurs{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.ecran button.carte-producteur{text-align:left;flex-direction:column;align-items:flex-start;gap:.35rem;width:100%;height:auto;margin:0;padding:.75rem;display:flex}.ecran ul.indicateurs{flex-wrap:wrap;gap:.35rem;margin:0;padding:0;list-style:none;display:flex}.ecran .indicateur{border:1px solid #c3cad1;border-radius:.5rem;padding:.125rem .5rem;font-size:.9375rem}.ecran .indicateur.a-faire{background:#fff4d6;border-color:#8a5a00}.ecran .visite-retard{color:#a31515;font-weight:600}.ecran .actions-fiche{grid-template-columns:1fr;gap:.5rem;display:grid}.bandeau-hors-ligne{color:#14181c;background:#fff4d6;border-bottom:2px solid #8a5a00;margin:0;padding:.5rem 1rem;font-size:1rem;font-weight:600}.bandeau-hors-ligne.etat-depasse{background:#fde3e3;border-bottom-color:#a31515}.bandeau-focus{color:#14181c;background:#eaf1fb;border-bottom:2px solid #14181c;justify-content:space-between;align-items:center;gap:.5rem;padding:.5rem 1rem;font-weight:600;display:flex}.bandeau-focus button{color:#14181c;background:#fff;border:2px solid #14181c;border-radius:.5rem;min-height:2.75rem;padding:0 .75rem;font-weight:600}.ecran .consigne{font-weight:600}.ecran.verrou{text-align:center;align-items:center}.pin-points{justify-content:center;gap:.75rem;margin:.5rem 0;display:flex}.pin-points span{border:2px solid #14181c;border-radius:50%;width:1.25rem;height:1.25rem}.pin-points span.plein{background:#14181c}.pin-clavier{grid-template-columns:repeat(3,1fr);gap:.75rem;width:100%;max-width:20rem;display:grid}.ecran .pin-clavier button{min-height:4rem;margin:0;font-size:1.5rem}@media (prefers-color-scheme:dark){.ecran .indicateur.a-faire,.bandeau-hors-ligne{color:#f1f3f5;background:#3a2c08}.bandeau-hors-ligne.etat-depasse{background:#4a1414}.bandeau-focus{color:#f1f3f5;background:#1b2a3f;border-bottom-color:#f1f3f5}.bandeau-focus button{color:#f1f3f5;background:#14181c;border-color:#f1f3f5}.pin-points span{border-color:#f1f3f5}.pin-points span.plein{background:#f1f3f5}}