/* ==========================================================================
   AMA — feuille commune  ·  public/css/ama.css  (servie à /static/css/ama.css)
   v1 · 28 oct. 2026 · prépare les lots 0 et 1 du système de design.

   Charte d'octobre (fait loi) : papier #F6F3EC, carte #FDFBF7, encre #1B2620,
   vert profond #0F3B2E (structure), émeraude #0E8A5F (avancement), ocre #C2601A (action),
   pétrole #1D5C63 (liens), ardoise #3E5C76 (données, cartes).
   Texte coloré : #0B7350 et #AD5415 (contraste suffisant). Fraunces + Inter.
   Zéro émoji : icônes au trait (sprite /static/icons/ama.svg). Jour/nuit : suit le téléphone.

   Trois couches, de la plus sûre à la plus visible :
     1. JETONS      seulement des variables --ama-*. Chargées partout, elles ne changent RIEN
                    (aucune page existante ne lit --ama-*, vérifié le 28 oct.).
     2. BASE        styles des balises, appliqués SEULEMENT sous <body class="a-page">.
     3. COMPOSANTS  classes préfixées « a- » (aucune collision : 0 occurrence dans le site).
   Aucun sélecteur de balise nue, aucun color-scheme, aucun @page global :
   une page qui ne porte ni « a-page » ni classe « a- » s'affiche exactement comme avant.
   Retrait d'une page : <html data-ama-off> (coupe la base) ou marqueur serveur ama-css-off.

   Ambiance (une seule règle) :
     - par défaut : prefers-color-scheme (le téléphone décide) ;
     - html[data-ama-theme="jour"|"nuit"|"projecteur"] force un état
       (posé avant le rendu par /static/js/ama-theme.js depuis localStorage « os-theme ») ;
     - alias lus aussi : data-theme="nuit|dark|jour|light|projecteur" et data-dark (Poste).

   Quatre gabarits (pas plus) :
     1. Lettre / fiche     <main class="a-col">            720 px (2 colonnes possibles : .a-col--2)
     2. Tableau de bord    <main class="a-col a-col--poste"> 660 px, trois blocs .a-section
     3. Outil              <main class="a-col a-col--outil"> 980 px, en-tête + chiffres + onglets + lignes
     4. Dossier            <main class="a-col">            en-tête + chiffres + sections + frise + .a-voir
   ========================================================================== */

/* -------------------------------------------------------------- 1. JETONS */
:root{
  --ama-papier:#F6F3EC;  --ama-carte:#FDFBF7;  --ama-blanc:#FFFFFF;
  --ama-ligne:#E4DFD3;   --ama-ligne-forte:#CFC8B8;
  --ama-encre:#1B2620;   --ama-gris:#56625A;
  --ama-profond:#0F3B2E;
  --ama-emeraude:#0E8A5F; --ama-emeraude-texte:#0B7350; --ama-emeraude-pale:#DDF1E7;
  --ama-ocre:#C2601A;     --ama-ocre-texte:#AD5415;     --ama-ocre-pale:#F7E7D7;
  --ama-petrole:#1D5C63;
  --ama-ardoise:#3E5C76;  --ama-ardoise-pale:#E3EAF0;
  --ama-rouille:#9C4A32;  --ama-rouille-pale:#F3E3DC;
  --ama-sur-aplat:#FFFFFF;          /* texte ou icône posé sur un aplat de couleur */
  --ama-schema:light;               /* lu seulement par body.a-page (color-scheme) */
  /* couleur d'icône par type de page (charte-v1 iccol=2) */
  --ama-type-vivant:var(--ama-emeraude); --ama-type-action:var(--ama-ocre);
  --ama-type-donnee:var(--ama-petrole);  --ama-type-carte:var(--ama-ardoise);

  --ama-serif:"Fraunces",Georgia,"Times New Roman",serif;
  --ama-sans:"Inter",-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  --ama-mono:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,monospace;
  /* 7 tailles */
  --ama-t-xs:12px; --ama-t-s:13.5px; --ama-t-m:15px; --ama-t-l:17px;
  --ama-t-h3:19px; --ama-t-h2:22px;  --ama-t-h1:30px; --ama-t-chiffre:24px;
  --ama-interligne:1.55;
  /* espacements, rayons, ombres */
  --ama-1:4px; --ama-2:8px; --ama-3:12px; --ama-4:16px; --ama-5:24px; --ama-6:32px; --ama-7:48px;
  --ama-r-s:6px; --ama-r-m:10px; --ama-r-l:14px; --ama-r-pill:999px;
  --ama-ombre:none;
  --ama-ombre-flottant:0 10px 28px -14px rgba(15,59,46,.35);
  /* colonnes */
  --ama-col-lettre:720px; --ama-col-poste:660px; --ama-col-outil:980px; --ama-gouttiere:16px;
  --ama-haut-nav:44px;               /* hauteur de la barre ama-nav (onglets collants) */
  --ama-duree:.15s;
}

/* Nuit : le téléphone est en sombre et personne n'a forcé le jour / le projecteur */
@media (prefers-color-scheme:dark){
  :root:not([data-ama-theme="jour"]):not([data-ama-theme="projecteur"]):not([data-theme="jour"]):not([data-theme="light"]):not([data-theme="projecteur"]){
    --ama-papier:#0B1813; --ama-carte:#11231C; --ama-blanc:#16261F;
    --ama-ligne:#21382F;  --ama-ligne-forte:#2E4A3E;
    --ama-encre:#E7EFE9;  --ama-gris:#9DB0A5; --ama-profond:#CFE8DC;
    --ama-emeraude:#34C38F; --ama-emeraude-texte:#34C38F; --ama-emeraude-pale:#123528;
    --ama-ocre:#E8843E;     --ama-ocre-texte:#E8843E;     --ama-ocre-pale:#3A2414;
    --ama-petrole:#74BFC6;  --ama-ardoise:#9DB4CC; --ama-ardoise-pale:#1A2733;
    --ama-rouille:#D98A6E;  --ama-rouille-pale:#36211A;
    --ama-sur-aplat:#0B1813; --ama-schema:dark;
    --ama-ombre-flottant:0 12px 26px -16px rgba(0,0,0,.8);
  }
}
/* Nuit forcée (choix de la personne, ou alias des anciennes pages et du Poste) */
:root[data-ama-theme="nuit"],:root[data-theme="nuit"],:root[data-theme="dark"],:root[data-dark]:not([data-ama-theme="jour"]):not([data-ama-theme="projecteur"]){
  --ama-papier:#0B1813; --ama-carte:#11231C; --ama-blanc:#16261F;
  --ama-ligne:#21382F;  --ama-ligne-forte:#2E4A3E;
  --ama-encre:#E7EFE9;  --ama-gris:#9DB0A5; --ama-profond:#CFE8DC;
  --ama-emeraude:#34C38F; --ama-emeraude-texte:#34C38F; --ama-emeraude-pale:#123528;
  --ama-ocre:#E8843E;     --ama-ocre-texte:#E8843E;     --ama-ocre-pale:#3A2414;
  --ama-petrole:#74BFC6;  --ama-ardoise:#9DB4CC; --ama-ardoise-pale:#1A2733;
  --ama-rouille:#D98A6E;  --ama-rouille-pale:#36211A;
  --ama-sur-aplat:#0B1813; --ama-schema:dark;
  --ama-ombre-flottant:0 12px 26px -16px rgba(0,0,0,.8);
}
/* Projecteur (mur de pierre) : noir, contraste maximal */
:root[data-ama-theme="projecteur"],:root[data-theme="projecteur"]{
  --ama-papier:#000; --ama-carte:#000; --ama-blanc:#000;
  --ama-ligne:#8A8A8A; --ama-ligne-forte:#fff;
  --ama-encre:#fff; --ama-gris:#E6E6E6; --ama-profond:#fff;
  --ama-emeraude:#58FFB8; --ama-emeraude-texte:#58FFB8; --ama-emeraude-pale:#002A18;
  --ama-ocre:#FFBE6B;     --ama-ocre-texte:#FFBE6B;     --ama-ocre-pale:#2E1A00;
  --ama-petrole:#8AF3FF;  --ama-ardoise:#C9DCFF; --ama-ardoise-pale:#0A1426;
  --ama-rouille:#FFB199;  --ama-rouille-pale:#2A0E06;
  --ama-sur-aplat:#000; --ama-schema:dark; --ama-ombre-flottant:none;
}

/* ---------------------------------------------------------------- 2. BASE
   Opt-in strict : <body class="a-page">. Rien ici ne touche une page non migrée. */
:root:not([data-ama-off]):has(> body.a-page){color-scheme:var(--ama-schema);background:var(--ama-papier)}
:root:not([data-ama-off]) body.a-page{
  margin:0; background:var(--ama-papier); color:var(--ama-encre); color-scheme:var(--ama-schema);
  font:var(--ama-t-m)/var(--ama-interligne) var(--ama-sans);
  -webkit-text-size-adjust:100%; text-size-adjust:100%; text-rendering:optimizeLegibility; page:ama;
}
body.a-page *,body.a-page *::before,body.a-page *::after{box-sizing:border-box}
body.a-page :is(h1,h2,h3){font-family:var(--ama-serif);font-weight:600;color:var(--ama-profond);line-height:1.15;margin:0 0 var(--ama-2)}
body.a-page h1{font-size:var(--ama-t-h1);letter-spacing:-.01em}
body.a-page h2{font-size:var(--ama-t-h2)}
body.a-page h3{font-size:var(--ama-t-h3)}
body.a-page p{margin:0 0 var(--ama-3)}
body.a-page a{color:var(--ama-petrole);text-underline-offset:2px;text-decoration-thickness:1px}
body.a-page a:hover{color:var(--ama-profond)}
body.a-page code{font:12.5px var(--ama-mono);background:var(--ama-ligne);padding:0 4px;border-radius:4px}
body.a-page hr{border:0;border-top:1px solid var(--ama-ligne);margin:var(--ama-5) 0}
body.a-page :focus-visible{outline:2px solid var(--ama-ocre);outline-offset:2px;border-radius:4px}
body.a-page ::selection{background:color-mix(in srgb,var(--ama-ocre) 24%,transparent)}
@media (prefers-reduced-motion:reduce){body.a-page *{transition:none!important;animation:none!important}}

/* --------------------------------------------------------- 3. COMPOSANTS
   Préfixe a-. Ils lisent les jetons et fonctionnent aussi dans une page non migrée. */

/* Utilitaires */
.a-mut{color:var(--ama-gris);font-size:var(--ama-t-s)}
.a-cache{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* 3.1 Colonne (les 4 gabarits) */
.a-col{max-width:var(--ama-col-lettre);margin:0 auto;padding:var(--ama-4) var(--ama-gouttiere) 90px}
.a-col--poste{max-width:var(--ama-col-poste)}
.a-col--outil{max-width:var(--ama-col-outil)}
.a-col--2{columns:2 320px;column-gap:var(--ama-6)}
.a-col--2>*{break-inside:avoid}

/* 3.2 En-tête : étiquette + titre + chapeau */
.a-tete{margin:var(--ama-3) 0 var(--ama-5)}
.a-etiquette{font:700 11px/1.3 var(--ama-sans);letter-spacing:.14em;text-transform:uppercase;color:var(--ama-ocre-texte)}
.a-tete h1,.a-titre{font:600 var(--ama-t-h1)/1.1 var(--ama-serif);color:var(--ama-profond);margin:6px 0}
.a-chapeau{color:var(--ama-gris);font-size:var(--ama-t-m);max-width:62ch;margin:0}

/* 3.3 Section à filet */
.a-section{border-top:1px solid var(--ama-profond);padding:var(--ama-4) 0 var(--ama-1);margin-top:var(--ama-5)}
.a-section>header{display:flex;align-items:baseline;flex-wrap:wrap;gap:var(--ama-2) var(--ama-3);margin-bottom:var(--ama-2)}
.a-section>header :is(h2,h3){font:600 var(--ama-t-h2)/1.2 var(--ama-serif);color:var(--ama-profond);margin:0}
.a-section>header .a-num{font:700 var(--ama-t-xs) var(--ama-sans);letter-spacing:.1em;color:var(--ama-ocre-texte)}
.a-compte{font-size:var(--ama-t-xs);color:var(--ama-gris)}
.a-section>header .a-suite{margin-left:auto;font-size:var(--ama-t-s)}

/* 3.4 Chiffres clés */
.a-chiffres{display:flex;flex-wrap:wrap;gap:var(--ama-3) var(--ama-5);margin:var(--ama-3) 0}
.a-chiffre{border-left:3px solid var(--ama-profond);padding:2px 10px;min-width:0}
.a-chiffre b{display:block;font:600 var(--ama-t-chiffre)/1 var(--ama-serif);color:var(--ama-profond)}
.a-chiffre span{display:block;font-size:var(--ama-t-xs);color:var(--ama-gris)}
.a-chiffre--avance{border-color:var(--ama-emeraude)} .a-chiffre--action{border-color:var(--ama-ocre)} .a-chiffre--donnee{border-color:var(--ama-ardoise)}

/* 3.5 Liste à lignes */
.a-lignes{list-style:none;margin:0;padding:0;border-top:1px solid var(--ama-ligne)}
.a-ligne{display:flex;gap:var(--ama-3);align-items:flex-start;padding:11px 2px;border-bottom:1px solid var(--ama-ligne)}
.a-ligne>.a-ico,.a-ligne>.a-pastille{flex:none;margin-top:2px}
.a-ligne>div{min-width:0;flex:1}
.a-l-titre{font-weight:600;color:var(--ama-encre);text-decoration:none;display:block}
a.a-l-titre:hover{color:var(--ama-emeraude-texte)}
.a-l-desc{color:var(--ama-gris);font-size:var(--ama-t-s)}
.a-l-fin{margin-left:auto;flex:none;font-size:var(--ama-t-xs);color:var(--ama-gris);white-space:nowrap}

/* 3.6 Carte (rare : un objet, pas une mise en page) */
.a-carte{background:var(--ama-carte);border:1px solid var(--ama-ligne);border-radius:var(--ama-r-l);padding:var(--ama-3) var(--ama-4);margin:var(--ama-2) 0;box-shadow:var(--ama-ombre)}
.a-carte>h3{font-size:var(--ama-t-l);margin:0 0 var(--ama-1)}
a.a-carte{display:block;color:inherit;text-decoration:none;transition:border-color var(--ama-duree)}
a.a-carte:hover{border-color:var(--ama-ligne-forte)}

/* 3.7 Repli */
.a-repli{border:1px solid var(--ama-ligne);border-radius:var(--ama-r-l);background:var(--ama-carte);margin:var(--ama-2) 0;overflow:hidden}
.a-repli>summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:10px;padding:13px var(--ama-4);font:600 var(--ama-t-l) var(--ama-serif);color:var(--ama-profond)}
.a-repli>summary::-webkit-details-marker{display:none}
.a-repli>summary::after{content:"";margin-left:auto;flex:none;width:8px;height:8px;border-right:1.6px solid var(--ama-gris);border-bottom:1.6px solid var(--ama-gris);transform:rotate(-45deg);transition:transform var(--ama-duree)}
.a-repli[open]>summary::after{transform:rotate(45deg)}
.a-repli>summary .a-compte{font:500 var(--ama-t-xs) var(--ama-sans)}
.a-repli-corps{padding:0 var(--ama-4) var(--ama-3)}
.a-repli--nu{border:0;background:none;border-radius:0;border-top:1px solid var(--ama-ligne)}
.a-repli--nu>summary{padding-left:0;padding-right:0;font:600 var(--ama-t-s) var(--ama-sans);color:var(--ama-gris)}
.a-repli--nu>.a-repli-corps{padding:0}

/* 3.8 Boutons : action (ocre), avancer (émeraude), secondaire, discret */
.a-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;font:600 var(--ama-t-s)/1.2 var(--ama-sans);
  min-height:40px;padding:9px 16px;border-radius:var(--ama-r-m);border:1px solid transparent;cursor:pointer;text-decoration:none;
  background:var(--ama-ocre-texte);color:var(--ama-sur-aplat);transition:filter var(--ama-duree),background var(--ama-duree)}
.a-btn:hover{filter:brightness(1.07)}
.a-btn:disabled,.a-btn[aria-disabled="true"]{opacity:.5;cursor:default}
.a-btn--avance{background:var(--ama-emeraude-texte)}
.a-btn--sec{background:transparent;color:var(--ama-profond);border-color:var(--ama-ligne-forte)}
.a-btn--sec:hover{background:var(--ama-carte);filter:none}
.a-btn--discret{background:transparent;color:var(--ama-petrole);padding-left:6px;padding-right:6px}
.a-btn--petit{min-height:32px;padding:5px 11px;font-size:var(--ama-t-xs)}
.a-btn--icone{padding:6px;min-width:40px}
.a-actions{display:flex;flex-wrap:wrap;gap:var(--ama-2);align-items:center;margin:var(--ama-3) 0}
.a-actions>.a-pousse{flex:1}

/* 3.9 Puces de filtre / choix */
.a-puces{display:flex;flex-wrap:wrap;gap:6px;margin:var(--ama-2) 0}
.a-puce{font:600 12.5px/1.2 var(--ama-sans);border:1px solid var(--ama-ligne-forte);background:none;color:var(--ama-encre);
  border-radius:var(--ama-r-pill);padding:6px 12px;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:6px;text-align:left}
.a-puce:hover{border-color:var(--ama-profond)}
.a-puce[aria-pressed="true"],.a-puce.on{background:var(--ama-profond);border-color:var(--ama-profond);color:var(--ama-papier)}
.a-puce .a-n{opacity:.6;font-weight:500}
.a-point{width:7px;height:7px;border-radius:50%;background:var(--ama-ocre);display:inline-block}

/* 3.10 Onglets collants */
.a-onglets{display:flex;gap:2px;overflow-x:auto;scrollbar-width:none;position:sticky;top:var(--ama-haut-nav);z-index:5;background:var(--ama-papier);border-bottom:1px solid var(--ama-ligne);margin:var(--ama-3) 0}
.a-onglets::-webkit-scrollbar{display:none}
.a-onglet{font:600 var(--ama-t-s) var(--ama-sans);color:var(--ama-gris);background:none;border:0;border-bottom:2px solid transparent;padding:10px 12px;cursor:pointer;white-space:nowrap;text-decoration:none;display:inline-flex;align-items:center;gap:6px}
.a-onglet[aria-selected="true"],.a-onglet.on{color:var(--ama-profond);border-bottom-color:var(--ama-ocre)}

/* 3.11 Champs */
.a-champ{display:block;margin:var(--ama-3) 0}
.a-champ>span,.a-champ>label{display:block;font-size:var(--ama-t-s);font-weight:600;color:var(--ama-encre);margin-bottom:4px}
.a-champ>.a-aide{font-size:var(--ama-t-xs);font-weight:400;color:var(--ama-gris);margin:-2px 0 6px}
.a-input,.a-champ :is(input:not([type=checkbox]):not([type=radio]),select,textarea){
  width:100%;font:var(--ama-t-m)/1.4 var(--ama-sans);color:var(--ama-encre);background:var(--ama-blanc);
  border:1px solid var(--ama-ligne-forte);border-radius:var(--ama-r-m);padding:10px 12px;min-height:42px}
.a-champ textarea,textarea.a-input{min-height:96px;resize:vertical}
.a-input:focus,.a-champ :is(input,select,textarea):focus{outline:none;border-color:var(--ama-emeraude);box-shadow:0 0 0 3px color-mix(in srgb,var(--ama-emeraude) 18%,transparent)}
.a-recherche{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%23889A90' stroke-width='1.8' stroke-linecap='round' viewBox='0 0 24 24'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.5-3.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:12px center;padding-left:36px!important}

/* 3.12 Liste à cocher */
.a-cocher{list-style:none;margin:var(--ama-2) 0;padding:0}
.a-cocher li{border-bottom:1px solid var(--ama-ligne)}
.a-cocher label{display:flex;gap:10px;align-items:flex-start;padding:10px 2px;cursor:pointer}
.a-cocher input{appearance:none;-webkit-appearance:none;flex:none;width:20px;height:20px;margin:1px 0 0;border:1.6px solid var(--ama-ligne-forte);border-radius:6px;background:var(--ama-blanc);display:grid;place-content:center;cursor:pointer}
.a-cocher input::after{content:"";width:10px;height:6px;border-left:2px solid var(--ama-sur-aplat);border-bottom:2px solid var(--ama-sur-aplat);transform:rotate(-45deg) translate(1px,-1px);opacity:0}
.a-cocher input:checked{background:var(--ama-emeraude);border-color:var(--ama-emeraude)}
.a-cocher input:checked::after{opacity:1}
.a-cocher input:checked+span,.a-fait{color:var(--ama-gris);text-decoration:line-through;text-decoration-color:var(--ama-ligne-forte)}

/* 3.13 Badges d'état (un rôle = une couleur) */
.a-badge{display:inline-flex;align-items:center;gap:5px;font:600 11px/1.2 var(--ama-sans);letter-spacing:.02em;border-radius:var(--ama-r-pill);padding:3px 9px;background:var(--ama-ligne);color:var(--ama-encre);white-space:nowrap;margin:2px 3px 2px 0}
.a-badge--avance{background:var(--ama-emeraude-pale);color:var(--ama-emeraude-texte)}
.a-badge--action{background:var(--ama-ocre-pale);color:var(--ama-ocre-texte)}
.a-badge--donnee{background:var(--ama-ardoise-pale);color:var(--ama-ardoise)}
.a-badge--manque{background:var(--ama-rouille-pale);color:var(--ama-rouille)}
.a-badge--barre{background:none;color:var(--ama-gris);text-decoration:line-through}

/* 3.14 Note en marge */
.a-note{margin:var(--ama-3) 0;padding:var(--ama-2) var(--ama-3);border-left:3px solid var(--ama-emeraude);background:color-mix(in srgb,var(--ama-emeraude) 7%,transparent);border-radius:0 var(--ama-r-s) var(--ama-r-s) 0}
.a-note--action{border-left-color:var(--ama-ocre);background:color-mix(in srgb,var(--ama-ocre) 7%,transparent)}
.a-note--manque{border-left-color:var(--ama-rouille);background:color-mix(in srgb,var(--ama-rouille) 7%,transparent)}
.a-note--neutre{border-left-color:var(--ama-ligne-forte);background:transparent}
.a-note>:last-child{margin-bottom:0}

/* 3.15 Jauge */
.a-jauge{height:6px;background:var(--ama-ligne);border-radius:3px;overflow:hidden;margin:6px 0}
.a-jauge>i{display:block;height:100%;min-width:4px;background:var(--ama-emeraude);border-radius:3px}

/* 3.16 Tableau léger */
.a-tableau{width:100%;border-collapse:collapse;font-size:var(--ama-t-s);margin:var(--ama-3) 0}
.a-tableau th{text-align:left;font:700 11px var(--ama-sans);letter-spacing:.1em;text-transform:uppercase;color:var(--ama-gris);border-bottom:1px solid var(--ama-profond);padding:6px 8px}
.a-tableau td{border-bottom:1px solid var(--ama-ligne);padding:8px;vertical-align:top}
.a-tableau td.n{text-align:right;font-variant-numeric:tabular-nums}
.a-defile{overflow-x:auto;-webkit-overflow-scrolling:touch}

/* 3.17 Icônes (sprite /static/icons/ama.svg, trait, currentColor) et pastilles */
.a-ico{width:18px;height:18px;flex:none;stroke:currentColor;fill:none;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round;vertical-align:-3px}
.a-ico--s{width:15px;height:15px;vertical-align:-2px}.a-ico--l{width:22px;height:22px}
.a-pastille{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:50%;flex:none;background:var(--ama-pastille,var(--ama-profond));color:var(--ama-sur-aplat)}
.a-pastille .a-ico{width:17px;height:17px}
.a-pastille--vivant{--ama-pastille:var(--ama-type-vivant)}
.a-pastille--action{--ama-pastille:var(--ama-type-action)}
.a-pastille--donnee{--ama-pastille:var(--ama-type-donnee)}
.a-pastille--carte{--ama-pastille:var(--ama-type-carte)}
.a-pastille--s{width:24px;height:24px}.a-pastille--s .a-ico{width:13px;height:13px}

/* 3.18 Voir aussi (pied de page, remplace les barres de liens maison) */
.a-voir{border-top:1px solid var(--ama-ligne);margin-top:var(--ama-6);padding-top:var(--ama-3);font-size:var(--ama-t-s);color:var(--ama-gris)}
.a-voir b{display:block;color:var(--ama-encre);margin-bottom:4px}
.a-voir a{margin-right:14px;display:inline-block}

/* 3.19 Lettre (tiers : mairie, chantier) */
.a-lettre{max-width:var(--ama-col-lettre);margin:0 auto;padding:var(--ama-6) var(--ama-gouttiere);font-size:var(--ama-t-l)}
.a-objet{border-top:1px solid var(--ama-profond);border-bottom:1px solid var(--ama-profond);padding:8px 0;margin:var(--ama-5) 0;font-weight:600}
.a-lettre ol>li{margin:0 0 var(--ama-3)}
.a-signature{margin-top:var(--ama-6)}

/* 3.20 Frise datée */
.a-frise{list-style:none;margin:0;padding:0 0 0 18px;border-left:1px solid var(--ama-ligne-forte)}
.a-frise>li{position:relative;padding:0 0 var(--ama-4)}
.a-frise>li::before{content:"";position:absolute;left:-23px;top:7px;width:9px;height:9px;border-radius:50%;background:var(--ama-papier);border:2px solid var(--ama-profond)}
.a-frise>li.now::before,.a-frise>li.a-maintenant::before{background:var(--ama-ocre);border-color:var(--ama-ocre)}
.a-date{font:600 var(--ama-t-xs) var(--ama-sans);letter-spacing:.06em;text-transform:uppercase;color:var(--ama-ocre-texte)}

/* 3.21 Modale (rare) */
.a-modale{position:fixed;inset:0;z-index:9500;display:none;align-items:center;justify-content:center;padding:var(--ama-4);background:color-mix(in srgb,var(--ama-encre) 45%,transparent)}
.a-modale.on,.a-modale[open]{display:flex}
.a-modale>.a-modale-corps{background:var(--ama-papier);border:1px solid var(--ama-ligne);border-radius:var(--ama-r-l);max-width:720px;width:100%;max-height:86vh;overflow:auto;padding:var(--ama-5);box-shadow:var(--ama-ombre-flottant)}

/* ---------------------------------------------------------- Impression A4 (pages migrées seulement) */
@page ama{size:A4;margin:16mm 16mm 18mm}
@media print{
  body.a-page{--ama-papier:#fff;--ama-carte:#fff;font-size:11pt}
  body.a-page :is(#ama-topnav,#pf-wrap,.a-actions,.a-onglets,.a-puces){display:none!important}
  body.a-page :is(.a-carte,.a-repli){break-inside:avoid;box-shadow:none}
  body.a-page .a-repli:not([open])>*:not(summary){display:block}
  body.a-page a{color:inherit;text-decoration:none}
}

/* ------------------------------------------------------------ Téléphone */
@media (max-width:600px){
  :root{--ama-t-h1:26px;--ama-t-h2:20px;--ama-haut-nav:40px}
  .a-col--2{columns:1}
  .a-btn{min-height:44px}
  .a-btn--petit{min-height:36px}
}