/* T391 — étoile et feuille de suivi. Neutre : le rouge reste réservé au direct ; aucune ombre ; tout appui se voit (app.css :active). */
.etoile-suivi { display: inline-flex; align-items: center; justify-content: center; flex: none; width: 44px; height: 44px; margin-left: auto; padding: 0; border: 1px solid var(--filet); border-radius: 5px; background: var(--bloc); color: var(--texte); font: inherit; font-size: 20px; line-height: 1; cursor: pointer; }
.etoile-suivi[aria-pressed=true] { background: var(--texte); color: var(--fond); border-color: var(--texte); }
.etoile-suivi:disabled { opacity: .6; cursor: progress; }
.suivis-corps { grid-template-columns: auto minmax(0, 1fr) auto; }
.suivis-corps .etoile-suivi { margin-left: 0; }
.cp-tete .etoile-suivi { margin-left: auto; align-self: center; }
.identite-joueur .etoile-suivi { margin-left: auto; align-self: flex-start; }
.feuille-suivi { box-sizing: border-box; width: min(520px, calc(100vw - 32px)); max-height: calc(100vh - 32px); margin: auto; padding: 0; overflow: auto; border: 1px solid var(--filet); border-radius: 5px; background: var(--fond); color: var(--texte); }
.feuille-suivi::backdrop { background: rgb(0 0 0 / .5); }
.feuille-entete { position: sticky; top: 0; z-index: 1; display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 12px 16px; background: var(--fond); border-bottom: 1px solid var(--filet); }
.feuille-titre { margin: 0; font-size: 1.1rem; overflow-wrap: anywhere; }
.feuille-fermer, .feuille-retirer { min-height: 44px; padding: 8px 14px; border: 1px solid var(--filet); border-radius: 5px; background: var(--bloc); color: var(--texte); font: inherit; font-weight: 700; cursor: pointer; }
.feuille-retirer { width: 100%; margin-top: 8px; }
.feuille-corps { display: grid; gap: 8px; padding: 16px; }
.feuille-etiquette { margin: 8px 0 0; color: var(--secondaire); font-size: .75rem; font-weight: 700; text-transform: uppercase; letter-spacing: .04em; }
.feuille-ligne { display: flex; align-items: center; justify-content: space-between; gap: 12px; width: 100%; min-height: 56px; padding: 10px 12px; border: 1px solid var(--filet); border-radius: 5px; background: var(--bloc); color: var(--texte); font: inherit; text-align: left; cursor: pointer; }
.feuille-ligne:disabled { opacity: .6; cursor: default; }
.feuille-textes { display: grid; gap: 2px; min-width: 0; }
.feuille-nom { font-weight: 700; }
.feuille-detail, .feuille-note { color: var(--secondaire); font-size: .8125rem; }
.feuille-note { margin: 4px 0 0; }
.feuille-coche { flex: none; display: inline-grid; place-items: center; width: 24px; height: 24px; border: 1px solid var(--texte); border-radius: 5px; font-weight: 700; }
.feuille-coche.actif { background: var(--texte); color: var(--fond); }
.feuille-fan[aria-pressed=true] { border-color: var(--texte); }
.feuille-etat { margin: 0; padding: 0 16px; color: var(--secondaire); font-size: .875rem; }
.feuille-etat:empty { display: none; }
:is(.etoile-suivi, .feuille-ligne, .feuille-fermer, .feuille-retirer):focus-visible { outline: 2px solid var(--texte); outline-offset: 2px; }