/* ====================================================================
   Vue coach — compléments à staff.css (variables et base réutilisées).
   ==================================================================== */

.table-scroll{overflow-x:auto; border-radius:var(--radius-md); box-shadow:var(--shadow-sm);}

/* Filtre d'âge du vivier */
.vivier-age{font-size:13px; color:var(--ink-soft); white-space:nowrap;}
.vivier-age input{width:3.5em; padding:6px 6px; font-size:13px;}

/* Ligne « ajouter un élève » dans le vivier : select + bouton alignés */
.ligne-ajout{display:flex; align-items:center; flex-wrap:wrap; gap:8px;}
.ligne-ajout select{padding:6px 8px; font-size:12px;}
.ligne-ajout button{
  background:var(--violet); color:#fff; border:none; font-weight:700;
  font-size:12px; padding:7px 13px; border-radius:999px; cursor:pointer;
}
.ligne-ajout button:hover{background:var(--violet-dark);}

/* ---- Cartes des cours du coach (dashboard) ---- */
.coach-carte{
  background:var(--white); border-radius:var(--radius-md); box-shadow:var(--shadow-sm);
  padding:18px 20px; margin-bottom:16px;
}
.coach-carte-lecture{
  box-shadow:none; border:1px solid var(--line, #e6e0ec); background:transparent;
}
.coach-carte-lecture .coach-eleves li{color:var(--ink-soft);}
.coach-autres-titre{margin:28px 0 4px; font-size:16px; color:var(--violet-dark);}
.coach-jour-titre{
  margin:24px 0 10px; font-size:13px; font-weight:700; text-transform:uppercase;
  letter-spacing:.04em; color:var(--violet);
}
.coach-jour-titre:first-child{margin-top:8px;}
.coach-carte-tete{
  display:flex; align-items:baseline; gap:10px; flex-wrap:wrap; margin-bottom:12px;
}
.coach-carte-tete h2{font-size:17px; color:var(--violet-dark); margin:0;}
.coach-carte-meta{font-size:13px; color:var(--ink-soft);}

.coach-eleves{list-style:none; margin:0 0 6px; padding:0;}
.coach-eleves li{
  display:flex; align-items:center; gap:10px;
  padding:8px 0; border-bottom:1px solid var(--violet-line); font-size:14px;
}
.coach-eleves li:last-child{border-bottom:none;}
.coach-eleves li a{color:var(--violet-dark); font-weight:600; text-decoration:none;}
.coach-eleves li a:hover{text-decoration:underline;}
.coach-eleves li form{margin-left:auto;}
.coach-eleves li button{
  background:none; border:1px solid var(--violet-line); color:var(--ink-soft);
  font-size:12px; padding:4px 10px; border-radius:999px; cursor:pointer;
}
.coach-eleves li button:hover{background:var(--violet-tint); color:var(--violet-dark);}

.coach-carte-pied{margin:10px 0 0;}
.coach-carte-pied a{font-size:13px; font-weight:600; color:var(--violet); text-decoration:none;}
.coach-carte-pied a:hover{text-decoration:underline;}

/* ---- Écrire aux responsables ---- */
.coach-carte-tete + .coach-actions, .staff-header + .coach-actions{margin-bottom:18px;}
.coach-actions a{
  display:inline-block; font-size:13px; font-weight:600; text-decoration:none;
  color:var(--violet-dark); border:1px solid var(--violet-line);
  border-radius:999px; padding:6px 14px; background:var(--white);
}
.coach-actions a:hover{background:var(--violet-tint);}

.bloc .champ{margin-bottom:14px;}
.bloc form > button{
  background:var(--violet); color:#fff; border:none; font-weight:700;
  font-size:13px; padding:10px 18px; border-radius:999px; cursor:pointer;
}
.bloc form > button:hover{background:var(--violet-dark);}
.btn-envoyer{background:var(--green-dark) !important;}
.apercu-corps{
  margin-top:4px; font-weight:400; color:var(--ink); font-size:14px;
  background:var(--violet-tint); border-radius:var(--radius-sm); padding:12px 14px;
}