:root{--brand:#0e4a5a;--accent:#0e6a80;--ok:#15803d;--erreur:#b42318;--bg:#f5f7f8;--surface:#fff;--text:#1a2329;--muted:#5b6b75;--border:#dde3e6;--bord-champ:#7d8c95;--hauteur-onglets:56px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--accent:#5fb4c8;--ok:#4ade80;--erreur:#f97066;--bg:#0f1719;--surface:#1a2529;--text:#e6ecee;--muted:#9aabb3;--border:#2c3a3f;--bord-champ:#667a84}}*{box-sizing:border-box}body{background:var(--bg);min-height:100dvh;margin:0}h1{margin:0 0 8px;font-size:1.6rem;line-height:1.2}h2{letter-spacing:.04em;text-transform:uppercase;color:var(--muted);margin:0 0 8px;font-size:.8rem;font-weight:600}.discret{color:var(--muted)}.version{text-align:center;color:var(--muted);margin:32px 0 0;font-size:.8rem}button{font:inherit}.bouton-principal,.bouton-secondaire{cursor:pointer;border-radius:12px;width:100%;min-height:48px;padding:12px 16px;font-weight:600}.bouton-principal{background:var(--brand);color:#fff;border:none}.bouton-principal:disabled{opacity:.6}.bouton-secondaire{border:1px solid var(--border);background:var(--surface);color:var(--erreur)}.formulaire{text-align:left;flex-direction:column;gap:16px;display:flex}.champ{flex-direction:column;gap:6px;font-size:.9rem;font-weight:600;display:flex}.champ input{border:1px solid var(--bord-champ);background:var(--surface);min-height:48px;color:var(--text);border-radius:12px;padding:10px 14px;font-family:inherit;font-size:16px;line-height:1.4}.champ input:focus{outline:2px solid var(--accent);outline-offset:1px}.message-erreur{background:color-mix(in srgb, var(--erreur) 12%, transparent);color:var(--erreur);border-radius:10px;margin:0;padding:10px 14px;font-weight:500}.ecran-centre,.connexion{max-width:420px;padding:calc(env(safe-area-inset-top) + 48px) calc(env(safe-area-inset-right) + 20px) calc(env(safe-area-inset-bottom) + 24px) calc(env(safe-area-inset-left) + 20px);text-align:center;margin:0 auto}.ecran-centre .actions{flex-direction:column;gap:12px;margin-top:24px;display:flex}.chargement-logo,.connexion-logo{border-radius:18px}.connexion h1{margin-top:12px;font-size:2rem}.connexion-sous-titre{color:var(--muted);margin:0 0 32px}.connexion-aide{color:var(--muted);margin-top:24px;font-size:.85rem}.application{min-height:100dvh}.entete{z-index:10;padding:calc(env(safe-area-inset-top) + 8px) calc(env(safe-area-inset-right) + 12px) 8px calc(env(safe-area-inset-left) + 16px);background:var(--surface);border-bottom:1px solid var(--border);align-items:center;gap:10px;display:flex;position:sticky;top:0}.entete-logo{border-radius:8px;flex:none}.nom-entreprise,.selecteur-entreprise{min-width:0;color:var(--text);flex:1;font-size:1.1rem;font-weight:700}.nom-entreprise{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.selecteur-entreprise{border:1px solid var(--bord-champ);background:var(--bg);border-radius:10px;min-height:44px;padding:6px 8px;font-family:inherit}.bouton-icone{width:44px;height:44px;color:var(--muted);border-radius:12px;place-items:center;display:grid}.bouton-icone.active{color:var(--accent);background:color-mix(in srgb, var(--accent) 14%, transparent)}.contenu{max-width:640px;padding:20px calc(env(safe-area-inset-right) + 16px) calc(var(--hauteur-onglets) + env(safe-area-inset-bottom) + 24px) calc(env(safe-area-inset-left) + 16px);margin:0 auto}.onglets{z-index:10;padding:0 env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);background:var(--surface);border-top:1px solid var(--border);display:grid;position:fixed;bottom:0;left:0;right:0}.onglet{min-height:var(--hauteur-onglets);color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:2px;font-size:.7rem;font-weight:500;text-decoration:none;display:flex;position:relative}.onglet.active{color:var(--accent);box-shadow:inset 0 2px 0 var(--accent);font-weight:700}.onglet-pastille{background:var(--erreur);min-width:18px;height:18px;color:var(--surface);text-align:center;border-radius:9px;padding:0 5px;font-size:.7rem;font-weight:700;line-height:18px;position:absolute;top:6px;left:calc(50% + 6px)}.page-vide{text-align:center;padding:32px 8px}.page-vide p{max-width:34ch;color:var(--muted);margin:8px auto 0}.page-vide .etiquette{background:color-mix(in srgb, var(--accent) 14%, transparent);color:var(--accent);border-radius:999px;margin-top:20px;padding:4px 12px;font-size:.85rem;font-weight:600;display:inline-block}.reglages h1{margin-bottom:20px}.groupe{margin-bottom:28px}.groupe .bouton-secondaire{margin-top:16px}.liste{background:var(--surface);border:1px solid var(--border);border-radius:14px;margin:0;padding:0;list-style:none;overflow:hidden}.liste>li,.liste>div{flex-direction:column;gap:2px;padding:12px 16px;display:flex}.liste>li+li,.liste>div+div{border-top:1px solid var(--border)}.liste dt,.liste-detail{color:var(--muted);font-size:.85rem}.liste dd{overflow-wrap:anywhere;margin:0}.liste-titre{overflow-wrap:anywhere;font-weight:600}.capturer h1,.a-traiter h1{margin-bottom:16px}.bouton-capture{background:var(--brand);color:#fff;cursor:pointer;border:none;border-radius:16px;justify-content:center;align-items:center;gap:12px;width:100%;min-height:72px;padding:16px;font-size:1.15rem;font-weight:700;display:flex}.bouton-capture svg{width:30px;height:30px}.bouton-import,.bouton-action{border:1px solid var(--bord-champ);background:var(--surface);width:100%;min-height:52px;color:var(--text);text-align:center;overflow-wrap:anywhere;cursor:pointer;border-radius:14px;margin-top:12px;padding:14px 16px;font-weight:600;text-decoration:none;display:block}.zone-depot{border:2px dashed var(--bord-champ);color:var(--muted);text-align:center;border-radius:14px;margin-top:12px;padding:24px 16px}.zone-depot.survol{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 10%, transparent);color:var(--accent)}.annonce{min-height:1.5em;color:var(--ok);text-align:center;margin:16px 0;font-weight:600}.annonce-erreur{color:var(--erreur)}.bouton-petit{border:1px solid var(--bord-champ);background:var(--surface);min-height:44px;color:var(--accent);cursor:pointer;border-radius:10px;flex:none;padding:8px 14px;font-weight:600}.lien{color:var(--accent);margin-top:12px;padding:10px 0;font-weight:600;display:inline-block}.vignette{object-fit:cover;background:var(--bg);border-radius:8px;flex:none;width:48px;height:48px}.vignette-vide{border:1px solid var(--border);color:var(--muted);place-items:center;font-size:.75rem;font-weight:700;display:grid}.liste>li.depot{flex-direction:row;align-items:center;gap:12px}.depot-texte,.piece-texte{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.depot-enregistre .liste-detail{color:var(--ok);font-weight:600}.depot-erreur .liste-detail{color:var(--erreur);font-weight:600}.depot-avertissement{color:var(--erreur);font-size:.85rem}.titre-avec-action{justify-content:space-between;align-items:center;gap:12px;display:flex}.titre-avec-action h1{margin:0}.a-traiter .titre-avec-action{margin-bottom:16px}.liste.pieces>li{padding:0}.piece{color:inherit;align-items:center;gap:12px;padding:12px 16px;text-decoration:none;display:flex}.piece .vignette{width:56px;height:56px}.pastilles{flex-wrap:wrap;gap:6px;margin-top:4px;display:flex}.pastille{background:color-mix(in srgb, var(--erreur) 14%, transparent);color:var(--erreur);border-radius:999px;padding:2px 10px;font-size:.8rem;font-weight:600}.pastille-neutre{background:color-mix(in srgb, var(--accent) 14%, transparent);color:var(--accent)}.retour{min-height:44px;color:var(--accent);align-items:center;gap:4px;margin-bottom:8px;font-weight:600;text-decoration:none;display:inline-flex}.justificatif h1{margin-bottom:4px}.vues{flex-direction:column;gap:12px;margin:16px 0;display:flex}.vue{object-fit:contain;border:1px solid var(--border);background:#fff;border-radius:12px;width:100%;height:auto;max-height:55dvh;display:block}.bouton-action:disabled{opacity:.6;cursor:default}.lecture-etat p{margin:8px 0 0}.lecture-action{margin:12px 0 0}.lecture-action p{margin:0 0 8px}.lecture-action .bouton-action{margin-top:0}.justificatif .groupe{margin:20px 0 0}.comparaison h3{margin:24px 0 4px;font-size:1rem}.comparaison .liste{margin-top:12px}.actions-ligne{gap:12px;margin-top:12px;display:flex}.actions-ligne>*{flex:1;margin-top:0}.visuellement-cache{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.fiche fieldset{border:none;min-width:0;margin:0;padding:0}.fiche fieldset:disabled{opacity:.7}.champs{background:var(--surface);border:1px solid var(--border);border-radius:14px;flex-direction:column;gap:14px;padding:16px;display:flex}.champs-ligne{grid-template-columns:1fr 1fr;align-items:end;gap:12px;display:grid}.champs-ligne.ligne-supprimable{grid-template-columns:1fr 1fr auto}.champs-ligne>.champ{min-width:0}.champ select,.champ textarea{border:1px solid var(--bord-champ);background:var(--surface);min-height:48px;color:var(--text);border-radius:12px;padding:10px 14px;font-family:inherit;font-size:16px;line-height:1.4}.champ input,.champ select,.champ textarea{width:100%;min-width:0}.champ textarea{resize:vertical}.champ select:focus,.champ textarea:focus{outline:2px solid var(--accent);outline-offset:1px}.champ input[aria-invalid=true]{border-color:var(--erreur)}.champ-aide{color:var(--muted);font-size:.85rem;font-weight:400}.champ-aide.bloc{display:block}.champ-erreur{color:var(--erreur);font-size:.85rem}.case{align-items:flex-start;gap:10px;min-height:44px;padding:10px 0 0;font-size:.95rem;display:flex}.case input{width:22px;height:22px;accent-color:var(--brand);flex:none;margin:0}.bouton-ajouter,.bouton-retirer{border:1px solid var(--bord-champ);background:var(--surface);min-height:44px;color:var(--accent);cursor:pointer;border-radius:10px;padding:8px 12px;font-weight:600}.bouton-ajouter{align-self:flex-start}.bouton-retirer{color:var(--erreur)}.petit{margin:0 0 8px;font-size:.85rem}.controles ul{background:color-mix(in srgb, var(--erreur) 8%, var(--surface));border:1px solid color-mix(in srgb, var(--erreur) 30%, var(--border));border-radius:14px;margin:0;padding:12px 16px 12px 32px}.controles li+li{margin-top:6px}.controle-manque{font-weight:600}.fiche-message{min-height:1.5em;margin:16px 0 0;scroll-margin:80px;font-weight:600}.fiche-message p{margin:0}.fiche-message:focus{outline:none}.fiche-message.resultat-ok{border:1px solid color-mix(in srgb, var(--ok) 50%, var(--border));background:var(--surface);color:var(--ok);border-radius:14px;padding:12px 16px}.fiche-message .bouton-action{color:var(--text)}.fiche-actions{flex-direction:column;gap:12px;margin-top:8px;display:flex}.fiche-actions .bouton-action{margin-top:0}.bouton-lien-danger{min-height:44px;color:var(--erreur);cursor:pointer;background:0 0;border:none;align-self:center;padding:8px 12px;font-weight:600;text-decoration:underline}.bouton-danger{border-color:var(--erreur);color:var(--erreur)}.annulation{border:1px solid var(--border);background:var(--surface);border-radius:14px;flex-direction:column;gap:4px;padding:16px;display:flex}.annulation legend{padding:0 4px;font-weight:700}.nom-fichier{color:var(--muted);overflow-wrap:anywhere;margin:0 0 8px;font-size:.85rem}.vues-liste{background:color-mix(in srgb, var(--muted) 14%, transparent);border-radius:12px;gap:4px;margin:0 0 16px;padding:4px;display:flex}.vue-liste{min-height:40px;color:var(--text);cursor:pointer;background:0 0;border:none;border-radius:9px;flex:1;padding:6px 8px;font-weight:600}.vue-liste[aria-pressed=true]{background:var(--surface);box-shadow:0 1px 3px #00000026}.champs>p.champ-aide{margin:0}