/* CoachPanel · PRUEBA V268.18 · formularios de usuario, guardado de planificación y títulos de biblioteca */
:root{
  --cp18-green:#2f8a4b;
  --cp18-green-dark:#1f6336;
  --cp18-ink:#17251c;
  --cp18-muted:#5f7065;
  --cp18-line:#d4dfd7;
  --cp18-soft:#f6f9f7;
}

/* Usuario: cada formulario ocupa una sola fila estructural; sus bloques se apilan sin cruzarse. */
html body #usuarios #formUsuarioPermiso,
html body #usuarios #formClienteCoachPanel{
  display:block!important;
  width:100%!important;
  min-width:0!important;
}
html body #usuarios #formUsuarioPermiso>.users-form-grid,
html body #usuarios #formClienteCoachPanel>.users-form-grid{
  width:100%!important;
  min-width:0!important;
  margin-top:0!important;
}
html body #usuarios #formUsuarioPermiso>.users-team-heading{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  width:100%!important;
  min-width:0!important;
  margin:17px 0 9px!important;
}
html body #usuarios #formUsuarioPermiso>.permission-team-grid{
  width:100%!important;
  min-width:0!important;
  margin:0!important;
}
html body #usuarios #formUsuarioPermiso>.users-form-actions,
html body #usuarios #formClienteCoachPanel>.users-form-actions{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr))!important;
  align-items:stretch!important;
  width:100%!important;
  min-width:0!important;
  gap:9px!important;
  margin-top:14px!important;
}
html body #usuarios #formUsuarioPermiso>.users-form-actions button,
html body #usuarios #formClienteCoachPanel>.users-form-actions button{
  width:100%!important;
  min-width:0!important;
  min-height:46px!important;
  padding:8px 14px!important;
  white-space:normal!important;
}
html body #usuarios #clienteColor{
  height:50px!important;
  min-height:50px!important;
  padding:4px!important;
}
html body #usuarios #clienteClubPreview,
html body #usuarios #estadoPermisos,
html body #usuarios #estadoClienteCoachPanel{
  width:100%!important;
  min-width:0!important;
  overflow-wrap:anywhere!important;
}

/* Guardar planificación: deja de flotar sobre los periodos y todas las acciones son legibles. */
html body #entrenamientos .planning-apply-bar{
  position:static!important;
  bottom:auto!important;
  z-index:auto!important;
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:10px!important;
  margin-top:16px!important;
  padding:16px!important;
  border:1px solid var(--cp18-line)!important;
  border-radius:16px!important;
  background:#fff!important;
  background-image:none!important;
  color:var(--cp18-ink)!important;
  box-shadow:0 8px 22px rgba(34,70,44,.07)!important;
  backdrop-filter:none!important;
}
html body #entrenamientos .planning-apply-bar>div{
  grid-column:1/-1!important;
  min-width:0!important;
}
html body #entrenamientos .planning-apply-bar :is(strong,span,small){
  color:var(--cp18-ink)!important;
  -webkit-text-fill-color:var(--cp18-ink)!important;
  opacity:1!important;
}
html body #entrenamientos .planning-apply-bar>div>span:not(.planning-cloud-state){
  color:var(--cp18-muted)!important;
  -webkit-text-fill-color:var(--cp18-muted)!important;
}
html body #entrenamientos .planning-apply-bar button{
  width:100%!important;
  min-width:0!important;
  min-height:44px!important;
  border:1px solid #bfd0c4!important;
  border-radius:11px!important;
  background:#fff!important;
  background-image:none!important;
  color:#304438!important;
  -webkit-text-fill-color:#304438!important;
  font-weight:850!important;
  box-shadow:none!important;
  opacity:1!important;
}
html body #entrenamientos .planning-apply-bar button.calendar-primary-button{
  border-color:var(--cp18-green)!important;
  background:var(--cp18-green)!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}

/* Bibliotecas: nombre del ejercicio oscuro y legible en cualquier ámbito. */
html body[data-training-view="biblioteca"] #entrenamientos .cp-library-card-summary>header h5,
html body[data-training-view="biblioteca"] #entrenamientos .cp-ficha-name h5,
html body[data-training-view="biblioteca"] #entrenamientos .cp-library-premium-card h5,
html body[data-training-view="biblioteca"] #entrenamientos .cp-library-standalone-card :is(h4,h5,strong),
html body[data-training-view="biblioteca"] #entrenamientos .cp-library-card :is(h4,h5,strong){
  color:var(--cp18-ink)!important;
  -webkit-text-fill-color:var(--cp18-ink)!important;
  opacity:1!important;
  text-shadow:none!important;
}
html body[data-training-view="biblioteca"] #entrenamientos .cp-library-summary-objective p,
html body[data-training-view="biblioteca"] #entrenamientos .cp-library-card-summary>p{
  color:var(--cp18-muted)!important;
  -webkit-text-fill-color:var(--cp18-muted)!important;
  opacity:1!important;
}

@media(max-width:760px){
  html body #usuarios #formUsuarioPermiso>.users-team-heading{
    display:grid!important;
    align-items:start!important;
  }
  html body #usuarios #formUsuarioPermiso>.users-form-actions,
  html body #usuarios #formClienteCoachPanel>.users-form-actions,
  html body #entrenamientos .planning-apply-bar{
    grid-template-columns:1fr!important;
  }
}