/* Couche serveur de la version web (écrite à la main, hors moteur).
   Reprend les variables et composants de public/cappuccino.css (charte DSFR de la v12). */

/* bandeau permanent de démonstration */
.web-demo{margin:0;padding:4px 16px;background:var(--jaune-fond);border-bottom:1px solid var(--jaune-bord);
  color:#6b5000;font-size:12px;line-height:1.35;text-align:center}

/* en attente de /api/me : rien ne clignote */
.web-chargement main,.web-chargement .pied,.web-chargement .fil{visibility:hidden}

/* hors connexion : seul l'accueil est montré */
.web-anonyme main,.web-anonyme .pied,.web-anonyme .fil,.web-anonyme .etat-entete,.web-anonyme .furtif{display:none}
.web-accueil{max-width:520px;margin:32px auto;text-align:center;animation:entre .28s ease both}
.web-accueil .principal{text-decoration:none;margin-top:8px}

/* utilisateur connecté, sous l'en-tête */
.web-compte{max-width:760px;margin:-6px auto 0;padding:0 16px;display:flex;align-items:center;justify-content:flex-end;
  gap:8px;font-size:12.5px;color:var(--doux)}
.web-compte form{margin:0}
.web-compte .lien{font-size:12.5px;padding:4px 2px;min-height:32px}
.web-compte-nom{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}

/* « Enregistrer » sur la page Résultat */
.web-enregistrer{margin:0 0 14px}

/* « Mes compagnies » */
.web-cies{list-style:none;margin:0;padding:0}
.web-cie{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;padding:12px 0;border-top:1px solid var(--bord);
  animation:pop .22s ease both}
.web-cie:first-child{border-top:none}
.web-cie-t{display:flex;flex-direction:column;gap:1px;flex:1 1 220px;min-width:0}
.web-cie-t b{color:var(--bleu);overflow-wrap:anywhere}
.web-cie-t span{font-size:13px;color:var(--doux)}
.web-cie-b{display:flex;align-items:center;gap:8px}
.web-cie-b .secondaire{width:auto;margin:0;padding:0 18px}
.web-suppr{color:var(--rouge)}