:root{--encre:#15202b;--encre-2:#3b4a58;--gris:#5a6876;--trait:#e3e7ec;--trait-fort:#c9d2db;--fond:#f6f7f9;--carte:#fff;--sarcelle:#0f5f59;--sarcelle-fonce:#0a4540;--sarcelle-pale:#e3f1ef;--alerte:#8a4100;--alerte-pale:#fcebd7;--erreur:#a3221c;--erreur-pale:#fbe7e5;--rayon:14px;--police:Inter, "Noto Sans Arabic", system-ui, -apple-system, "Segoe UI", sans-serif;--police-titre:"Space Grotesk", Inter, "Noto Sans Arabic", system-ui, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body{margin:0}body{background:var(--fond);color:var(--encre);font-family:var(--police);-webkit-font-smoothing:antialiased;font-size:16px;line-height:1.45}[dir=rtl] body{--police-titre:"Noto Sans Arabic", system-ui, sans-serif}h1,h2,h3{font-family:var(--police-titre);margin:0;line-height:1.2}h1{font-size:26px}h2{font-size:19px}h3{font-size:16px}p{margin:0}a{color:var(--sarcelle)}button,input,select{font:inherit;color:inherit}:focus-visible{outline:3px solid color-mix(in srgb, var(--sarcelle) 55%, transparent);outline-offset:2px}.cadre{flex-direction:column;min-height:100dvh;display:flex}.entete{background:var(--carte);border-block-end:1px solid var(--trait)}.entete-dedans{flex-wrap:wrap;align-items:center;gap:12px;max-width:1040px;margin:0 auto;padding:12px 16px;display:flex}.marque{font-family:var(--police-titre);color:var(--sarcelle);letter-spacing:-.01em;font-size:20px;font-weight:700;text-decoration:none}.espaces{flex-wrap:wrap;flex:1;gap:6px;display:flex}.espace{color:var(--encre-2);border:1px solid var(--trait);background:var(--carte);border-radius:999px;padding:6px 12px;font-size:14px;font-weight:600;text-decoration:none}.espace[aria-current=page]{background:var(--sarcelle-pale);border-color:var(--sarcelle);color:var(--sarcelle-fonce)}.outils{align-items:center;gap:8px;display:flex}.contenu{flex-direction:column;flex:1;gap:20px;width:100%;max-width:1040px;margin:0 auto;padding:24px 16px 48px;display:flex}.titre-page{flex-direction:column;gap:4px;display:flex}.sur-titre{color:var(--sarcelle);text-transform:uppercase;letter-spacing:.06em;font-size:12px;font-weight:700}[dir=rtl] .sur-titre{letter-spacing:0}.discret{color:var(--gris);font-size:14px}.seul{place-items:center;min-height:100dvh;padding:24px 16px;display:grid}.seul .carte{width:100%;max-width:420px}.seul-entete{justify-content:space-between;align-items:center;gap:12px;margin-block-end:8px;display:flex}.carte{background:var(--carte);border:1px solid var(--trait);border-radius:var(--rayon);flex-direction:column;gap:14px;padding:20px;display:flex}.liste{background:var(--carte);border:1px solid var(--trait);border-radius:var(--rayon);overflow:hidden}.ligne{border-block-start:1px solid var(--trait);justify-content:space-between;align-items:center;gap:16px;padding:12px 16px;display:flex}.ligne:first-child{border-block-start:0}.ligne-texte{flex-direction:column;gap:2px;min-width:0;display:flex}.ligne-titre{font-weight:600}a.ligne{color:inherit;text-decoration:none}a.ligne:hover{background:var(--fond)}.grille{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;display:grid}a.tuile{color:inherit;text-decoration:none}a.tuile:hover{border-color:var(--trait-fort)}.pastilles{flex-wrap:wrap;gap:6px;display:flex}.pastille{background:var(--fond);border:1px solid var(--trait);color:var(--encre-2);white-space:nowrap;border-radius:999px;padding:3px 8px;font-size:12px;font-weight:600}.pastille.verte{background:var(--sarcelle-pale);color:var(--sarcelle-fonce);border-color:#0000}.pastille.orange{background:var(--alerte-pale);color:var(--alerte);border-color:#0000}.vide{text-align:center;color:var(--gris);padding:28px 16px}.onglets{border-block-end:1px solid var(--trait);gap:4px;display:flex;overflow-x:auto}.onglet{color:var(--gris);white-space:nowrap;border-block-end:3px solid #0000;padding:10px 14px;font-weight:600;text-decoration:none}.onglet[aria-current=page]{color:var(--sarcelle-fonce);border-block-end-color:var(--sarcelle)}form{flex-direction:column;gap:14px;display:flex}.champ{flex-direction:column;gap:6px;display:flex}.champ label,.etiquette{color:var(--encre-2);font-size:14px;font-weight:600}.champ input,.champ select,select.compact{border:1px solid var(--trait-fort);background:var(--carte);border-radius:10px;width:100%;min-height:44px;padding:10px 12px}select.compact{width:auto;min-height:36px;padding:6px 10px}.champ input:focus,.champ select:focus{border-color:var(--sarcelle);box-shadow:0 0 0 3px var(--sarcelle-pale);outline:none}.champ .aide{color:var(--gris);font-size:13px}.rangee{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;display:grid}.rangee-entite{flex-wrap:wrap;align-items:end;gap:8px;display:flex}.rangee-entite>.champ{flex:130px;min-width:0}.rangee-entite>.champ:first-child{flex:2 200px}@media (max-width:560px){.rangee-entite>.champ{flex-basis:100%}}.code-6 input{letter-spacing:.3em;text-align:center;font-variant-numeric:tabular-nums;direction:ltr;font-size:24px}.ltr{direction:ltr;unicode-bidi:isolate}.bouton{cursor:pointer;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:10px 18px;font-weight:600;text-decoration:none;display:inline-flex}.bouton.primaire{background:var(--sarcelle);color:#fff}.bouton.primaire:hover{background:var(--sarcelle-fonce)}.bouton.secondaire{background:var(--carte);color:var(--sarcelle-fonce);border-color:var(--trait-fort)}.bouton.secondaire:hover{border-color:var(--sarcelle)}.bouton.discret{color:var(--gris);background:0 0;padding-inline:10px}.bouton.petit{min-height:34px;padding:6px 12px;font-size:14px}.bouton[disabled]{opacity:.55;cursor:not-allowed}.interrupteur{background:var(--trait-fort);cursor:pointer;border:0;border-radius:999px;flex:none;justify-content:flex-start;width:46px;height:28px;padding:3px;transition:background .15s;display:flex}.interrupteur[aria-checked=true]{background:var(--sarcelle);justify-content:flex-end}.interrupteur[disabled]{opacity:.5;cursor:not-allowed}.interrupteur span{background:#fff;border-radius:50%;width:22px;height:22px;box-shadow:0 1px 2px #0003}.message{border-radius:10px;padding:12px 14px;font-size:14px}.message.erreur{background:var(--erreur-pale);color:var(--erreur)}.message.info{background:var(--sarcelle-pale);color:var(--sarcelle-fonce)}.message.alerte{background:var(--alerte-pale);color:var(--alerte)}.lien-copie{align-items:stretch;gap:8px;display:flex}.lien-copie input{border:1px solid var(--trait-fort);background:var(--fond);direction:ltr;border-radius:10px;flex:1;min-width:0;padding:8px 10px;font-size:13px}.qr{border:1px solid var(--trait);background:#fff;border-radius:10px;align-self:center;width:196px;height:196px;padding:8px}.cle-totp{letter-spacing:.08em;word-break:break-all;background:var(--fond);direction:ltr;border-radius:8px;padding:8px 10px;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:15px}ol.etapes{flex-direction:column;gap:10px;margin:0;padding-inline-start:20px;display:flex}.tableau{border-collapse:collapse;width:100%;font-size:14px}.tableau th{text-align:start;color:var(--gris);border-block-end:1px solid var(--trait);padding:10px 16px;font-weight:600}.tableau td{border-block-start:1px solid var(--trait);vertical-align:top;padding:10px 16px}.tableau tr:first-child td{border-block-start:0}.tableau .technique{color:var(--gris);direction:ltr;unicode-bidi:isolate;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:12px}@media (max-width:560px){.tableau .col-cible{display:none}.onglet{padding:10px;font-size:14px}.contenu{padding-block-start:16px}}.montant{font-variant-numeric:tabular-nums;white-space:nowrap}.apercu{border:1px solid var(--trait);object-fit:contain;background:#fff;border-radius:10px;width:100%;max-height:70vh}iframe.apercu{height:70vh}.deux-colonnes{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:16px;display:grid}@media (max-width:820px){.deux-colonnes{grid-template-columns:1fr}}.actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.filtres{flex-wrap:wrap;gap:6px;display:flex}.filtre{border:1px solid var(--trait);background:var(--carte);color:var(--encre-2);cursor:pointer;border-radius:999px;padding:6px 12px;font-size:14px;font-weight:600}.filtre[aria-pressed=true]{background:var(--sarcelle-pale);border-color:var(--sarcelle);color:var(--sarcelle-fonce)}.depot{border:2px dashed var(--trait-fort);border-radius:var(--rayon);background:var(--carte);flex-direction:column;gap:12px;padding:20px;display:flex}.depot.survol{border-color:var(--sarcelle);background:var(--sarcelle-pale)}.cloche{position:relative}.cloche .compte{background:var(--erreur);color:#fff;border-radius:999px;padding:1px 6px;font-size:11px;font-weight:700;position:absolute;inset-block-start:-4px;inset-inline-end:-4px}.panneau{z-index:20;width:min(380px,100vw - 32px);max-height:70vh;position:absolute;inset-block-start:60px;inset-inline-end:16px;overflow-y:auto;box-shadow:0 10px 30px #15202b26}.entete-dedans{position:relative}.non-lue{background:var(--sarcelle-pale)}.taxe-ligne{grid-template-columns:100px 1fr auto;align-items:end;gap:8px;display:grid}.chiffres td.nombre,.chiffres th.nombre{text-align:end;font-variant-numeric:tabular-nums}.imprimer-seulement{display:none}@media print{.entete,.onglets,.actions,.bouton,.pas-imprimer{display:none!important}.imprimer-seulement{display:block}body{background:#fff}.carte,.liste{border:0;padding:0}}.tableau .nombre{text-align:end;white-space:nowrap}.case{align-items:center;gap:6px;font-size:14px;display:inline-flex}.defile{overflow-x:auto}@media print{.onglets,.filtres,.actions,form.rangee{display:none!important}}.fil{flex-direction:column;gap:10px;display:flex}.bulle{border-radius:var(--rayon);border:1px solid var(--trait);background:var(--carte);flex-direction:column;gap:4px;max-width:85%;padding:10px 14px;display:flex}.bulle.cabinet{align-self:flex-start}.bulle.foyer{background:var(--sarcelle-pale);align-self:flex-end}.bulle audio{width:100%;max-width:320px}.petit-texte{font-size:12px}.mention{color:var(--sarcelle)}textarea{width:100%;font:inherit;border:1px solid var(--trait);background:var(--carte);color:inherit;resize:vertical;border-radius:10px;padding:10px 12px}.actions input,.tableau input{border:1px solid var(--trait-fort);background:var(--carte);border-radius:10px;min-width:0;min-height:36px;padding:8px 10px}.tableau input{width:100%}
