/*
 * V01-NAT-UI-13-02-02-UXR1
 * Training Hub Consolidation
 *
 * Presentation only.
 * TRAINING and REPLAY remain separate Common Engine modes.
 */

#v01TrainingHub {
  display: grid;
  gap: 12px;
  margin-top: 14px;
  padding-bottom: 8px;
}

#v01TrainingHub .v01-training-hub-card {
  border: 1px solid #d7dee3;
  border-radius: 16px;
  background: #ffffff;
  padding: 14px;
  box-shadow: 0 2px 8px rgba(0,0,0,.06);
}

#v01TrainingHub .v01-training-hub-card h3 {
  margin: 0 0 6px;
  font-size: 18px;
}

#v01TrainingHub .v01-training-hub-card p {
  margin: 0 0 12px;
  line-height: 1.55;
  color: #4a5660;
}

#v01TrainingHub .v01-training-hub-action {
  display: block;
  width: 100%;
}

/*
 * Existing launchers were originally global/floating surfaces.
 * Inside Training Hub they become normal full-width actions.
 */

#trainingSheet #v01SyntheticPresetLauncher,
#trainingSheet .v01-replay-launcher {
  position: static !important;
  inset: auto !important;
  top: auto !important;
  right: auto !important;
  bottom: auto !important;
  left: auto !important;
  transform: none !important;
  z-index: auto !important;

  display: flex !important;
  align-items: center;
  justify-content: center;

  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  min-height: 52px !important;

  margin: 0 !important;
  padding: 10px 14px !important;

  border-radius: 12px !important;
  box-sizing: border-box;
  font-size: 16px;
  font-weight: 800;
}

/*
 * Scenario launcher keeps training semantics,
 * but no longer behaves as a floating emergency-like button.
 */

#trainingSheet #v01SyntheticPresetLauncher {
  border: 1px solid #2563eb !important;
  background: #eff6ff !important;
  color: #1d4ed8 !important;
  box-shadow: none !important;
}

/*
 * Replay remains visually distinct from TRAINING.
 */

#trainingSheet .v01-replay-launcher {
  border: 1px solid #64748b !important;
  background: #f1f5f9 !important;
  color: #334155 !important;
  box-shadow: none !important;
}

@media (max-width: 480px) {
  #v01TrainingHub {
    gap: 10px;
  }

  #v01TrainingHub .v01-training-hub-card {
    padding: 12px;
  }

  #trainingSheet #v01SyntheticPresetLauncher,
  #trainingSheet .v01-replay-launcher {
    min-height: 48px !important;
    font-size: 15px;
  }
}