/* Mon agence, inscription, aperçu d'un document : composants de la charte (docs/CHARTE-INTERFACE.md), jetons de appli.css.
   La couleur de l'agence n'apparaît QUE dans l'aperçu d'un document : l'interface de travail garde l'accent de la charte. */
.agTete{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:16px 28px;background:var(--surface);border-bottom:1px solid var(--bord)}
.agTete .intro{margin:2px 0 0;color:var(--discret);font-size:13px}
.ag-pad{padding:28px}
.ag-vue{padding:28px}
.ag-deux{display:flex;gap:24px;align-items:flex-start}
.ag-deux>:first-child{flex:1 1 auto;min-width:0}
.ag-carte{background:var(--surface);border:1px solid var(--bord);border-radius:16px;padding:28px}
.ag-grille{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 20px;align-content:start}
.ag-pleine{grid-column:1/-1}
.ag-champ{display:flex;flex-direction:column;gap:6px;font-size:14px;font-weight:600;margin:0}
.ag-champ input,.ag-champ select{height:44px;font-size:15px}
.ag-titre-champ{margin:0;font-size:15px;font-weight:600;color:var(--texte)}
.ag-aide{margin:4px 0 0;font-size:13px;line-height:1.5;color:var(--discret)}
.ag-aide.erreur,.ag-message.erreur{color:var(--erreur)}
.ag-message{margin:0;font-size:14px;min-height:20px}.ag-message.ok{color:var(--vert)}
.ag-message.retour{grid-column:1/-1;margin-top:8px}
.ag-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:8px}.ag-fin{justify-content:flex-end}
.ag-actions-cellule{display:flex;gap:12px;justify-content:flex-end}
button.ag-principal{min-height:46px;padding:0 22px;border-radius:11px;font-size:15px}
button.ag-secondaire{min-height:36px;padding:0 14px;border-radius:9px;background:var(--surface);color:var(--texte);border:1px solid var(--champ);font-size:13px;font-weight:500}
button.ag-secondaire:hover{background:var(--neutre-fond)}
button.ag-lien{min-height:44px;padding:0 8px;background:none;color:var(--accent-fonce);font-size:13px;font-weight:500}button.ag-lien:hover{background:var(--accent-tres-leger)}
.ag-sortie{margin-top:16px}
/* segment (onglets) */
.ag-segment{display:flex;padding:3px;border-radius:10px;background:var(--neutre-fond)}
.ag-segment button{min-height:36px;padding:0 14px;border-radius:8px;border:0;background:transparent;color:var(--texte);font-size:13px;font-weight:600}
.ag-segment button:hover{background:rgba(255,255,255,.6)}
.ag-segment button[aria-selected=true]{background:var(--surface);box-shadow:0 1px 2px rgba(13,18,32,.08)}
/* inscription */
.ag-inscription{max-width:560px;margin:56px auto;display:flex;flex-direction:column;gap:14px}
.ag-inscription h1,.ag-inscription h2{font-size:20px}
.ag-inscription .ag-segment{align-self:stretch}.ag-inscription .ag-segment button{flex:1}
.ag-formulaire{display:flex;flex-direction:column;gap:14px}
.ag-recue{padding:10px 12px;border-radius:10px;background:var(--accent-leger);color:var(--bleu)}
#agInscription{padding:0 16px}
/* photo et logo */
.ag-photo-ligne{display:flex;align-items:center;gap:18px}
.ag-photo,.ag-logo{flex:none;display:flex;align-items:center;justify-content:center;color:var(--discret);font-size:12px;text-align:center;overflow:hidden}
.ag-photo{width:72px;height:72px;border-radius:50%;background:var(--accent-leger);color:var(--bleu);font-weight:600;font-size:20px}
.ag-logo{width:72px;height:72px;border-radius:16px;border:2px dashed #C9CFDB;background:var(--surface)}
.ag-photo img,.ag-logo img{width:100%;height:100%;object-fit:cover}.ag-logo img{object-fit:contain;padding:4px}
/* couleur */
.ag-palette{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.ag-pastille{width:44px;height:44px;min-height:44px;padding:0;border-radius:50%;border:3px solid var(--surface);box-shadow:0 0 0 1px var(--champ)}
.ag-pastille:hover{box-shadow:0 0 0 2px var(--champ)}
.ag-pastille[aria-checked=true]{box-shadow:0 0 0 3px var(--accent)}
.ag-libre{display:flex;gap:10px;align-items:center;margin-top:8px}.ag-libre input[type=text]{width:140px;font-variant-numeric:tabular-nums}
.ag-libre input[type=color]{width:44px;height:44px;padding:2px;border:1px solid var(--champ);border-radius:10px;background:var(--surface)}
.ag-libre input.invalide{border-color:var(--erreur)}
/* aperçu d'un avis */
.ag-apercu-colonne{flex:0 0 420px;display:flex;flex-direction:column;gap:12px}
.ag-apercu{background:#fff;border:1px solid var(--bord);border-radius:16px;overflow:hidden;box-shadow:0 16px 32px rgba(13,18,32,.08)}
.ag-apercu-bande{height:8px}.ag-apercu-corps{padding:22px}
.ag-apercu-haut{display:flex;justify-content:space-between;align-items:center;gap:10px}
.ag-apercu-marque{display:flex;align-items:center;gap:10px;min-width:0}.ag-apercu-marque strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ag-apercu-tuile{width:36px;height:36px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px;flex:none}
.ag-apercu-logo{max-height:36px;max-width:120px;object-fit:contain}
.ag-apercu-type{font-size:12px;color:var(--discret);flex:none}
.ag-apercu-adresse{margin:22px 0 0;font-size:13px;color:var(--discret)}
.ag-apercu-valeur{margin:4px 0 0;font-size:28px;font-weight:700;letter-spacing:-.03em}
.ag-apercu-agent{margin-top:22px;padding-top:16px;border-top:1px solid var(--ligne);display:flex;align-items:center;gap:12px}
.ag-apercu-avatar{width:40px;height:40px;border-radius:50%;background:var(--accent-leger);color:var(--bleu);display:flex;align-items:center;justify-content:center;font-weight:600;overflow:hidden;flex:none}.ag-apercu-avatar img{width:100%;height:100%;object-fit:cover}
.ag-apercu-nom{margin:0;font-size:14px;font-weight:600}.ag-apercu-sous,.ag-apercu-coord,.ag-apercu-mentions,.ag-apercu-pied{margin:2px 0 0;font-size:12px;color:var(--discret)}
.ag-apercu-coord{margin-top:14px}.ag-apercu-mentions{margin-top:4px}.ag-apercu-pied{margin-top:16px}
/* équipe */
.ag-liste{padding:0;overflow:hidden;align-self:flex-start}
.ag-liste-tete{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:18px 20px;border-bottom:1px solid var(--bord)}.ag-liste-tete h2{margin:0}
.ag-liste-tete button{min-height:38px;padding:0 16px;font-size:14px}
.ag-table{width:100%}.ag-table td{vertical-align:middle}
.ag-personne{display:flex;align-items:center;gap:10px}.ag-personne strong{display:block;font-weight:500}.ag-personne small{display:block;font-size:12px;color:var(--discret)}
.ag-avatar{width:32px;height:32px;border-radius:50%;background:var(--accent-leger);color:var(--bleu);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:12px;flex:none}
.ag-avatar-attente{background:var(--ambre-fond);color:var(--ambre)}
.ag-table select{height:36px;font-size:13px;padding:0 8px;border-radius:9px}
.ag-lien-invitation,.ag-invitation{margin:16px 20px;padding:16px;border:1px solid var(--bord);border-radius:12px;background:var(--accent-tres-leger);display:flex;flex-direction:column;gap:10px}
.ag-lien-invitation input{flex:1 1 280px;min-width:0}
.ag-qui{flex:0 0 380px;padding:22px;display:flex;flex-direction:column;gap:16px}.ag-qui h2{margin:0}
@media (max-width:900px){
 .ag-deux{flex-direction:column;align-items:stretch}.ag-apercu-colonne,.ag-qui{flex:none;width:100%}
 .ag-grille{grid-template-columns:1fr}
 .agTete{padding:14px 16px}.ag-vue{padding:16px}.ag-carte{padding:20px}.ag-pad{padding:16px}
 .ag-inscription{margin:20px auto}
 .ag-liste{overflow-x:auto}.ag-table{min-width:560px}
}