/* Accueil, navigation de l'espace athlète et chat. Mobile d'abord. */
.nav-athlete ul { flex-wrap: wrap; gap: 0.25rem; }
.nav-athlete li { padding: 0.25rem 0.5rem; }
.nav-plus summary { padding: 0; }

.alerte-plafond {
  padding: 0.6rem 1rem;
  border-radius: var(--pico-border-radius);
  background: var(--pico-mark-background-color);
  color: var(--pico-mark-color);
}
.accueil-date { margin-bottom: 0.2rem; color: var(--pico-muted-color); font-size: 0.9rem; }
.accueil-forme h2 { display: flex; align-items: center; gap: 0.5rem; margin-bottom: 0.4rem; }
.pastille { display: inline-block; flex: none; width: 0.9rem; height: 0.9rem; border-radius: 50%; background: var(--pico-muted-color); }
.feu-vert .pastille { background: #2e9d4f; }
.feu-orange .pastille { background: #e08a1e; }
.feu-rouge .pastille { background: #c8372d; }
.accueil-info { color: var(--pico-muted-color); }

.point-matin-titre { font-size: 1.1rem; font-weight: 600; }
.badge { padding: 0.05rem 0.4rem; border-radius: 0.6rem; background: var(--pico-secondary-background); color: var(--pico-secondary-inverse); }

.indicateur p { margin-bottom: 0.2rem; display: flex; justify-content: space-between; gap: 1rem; }
.indicateur progress { margin-bottom: 0.2rem; }

.liste-semaine { padding: 0; }
.liste-semaine li { display: grid; grid-template-columns: 3rem 1fr auto; gap: 0.2rem 0.6rem; padding: 0.4rem 0; border-bottom: 1px solid var(--pico-muted-border-color); list-style: none; }
.liste-semaine .etat { grid-column: 2 / 4; font-size: 0.85rem; color: var(--pico-muted-color); }
.liste-semaine .aujourd-hui { font-weight: 600; }
.liste-semaine .etat-annulee .titre { text-decoration: line-through; }

.chat-boutons { display: flex; flex-wrap: wrap; gap: 0.5rem; margin-top: 0.4rem; }

/* Chat */
.chat-entete { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 0.5rem; }
.chat-fil { display: flex; flex-direction: column; gap: 0.6rem; margin: 1rem 0; }
.bulle { max-width: 90%; padding: 0.6rem 0.9rem; border-radius: 1rem; }
.bulle p { margin: 0; white-space: pre-wrap; }
.bulle-athlete { align-self: flex-end; background: var(--pico-primary-background); color: var(--pico-primary-inverse); }
.bulle-coach { align-self: flex-start; background: var(--pico-card-background-color); border: 1px solid var(--pico-muted-border-color); }
.bulle-erreur { border-color: var(--pico-del-color); }
.chat-attente { color: var(--pico-muted-color); font-style: italic; }
.chat-proposition { margin-top: 0.6rem; padding-top: 0.5rem; border-top: 1px dashed var(--pico-muted-border-color); }
.chat-formulaire { position: sticky; bottom: 0; display: flex; gap: 0.5rem; align-items: flex-end; padding: 0.5rem 0; background: var(--pico-background-color); }
.chat-formulaire textarea { margin: 0; flex: 1; }
.chat-formulaire button { margin: 0; width: auto; }
.visuellement-cache { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }

@media (min-width: 768px) {
  .bulle { max-width: 75%; }
}