/* crml-wizard.css — CRM ML Wizard Onboarding
 * 801a (16/10/2026): tolte le regole del vecchio wizard a 4 passi (barra dei passi, campi del
 * modulo classico, orari liberi, tutore, avviso "gia iscritto"), elementi non piu stampati.
 * Restano contenitore, riquadro "si fanno dal portale", bottoni e messaggi: il foglio si
 * carica anche sulle pagine del portale e le regole .crml-btn / .crml-flash sono globali. */

/* ================================================
   WRAPPER & LAYOUT
   ================================================ */
.crml-wizard,
.crml-wizard-prenota {
  max-width: 700px;
  margin: 0 auto;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

/* ================================================
   PANEL
   ================================================ */
.crml-wizard-panel {
  background: #fff;
  border: 1px solid #e8eaf0;
  border-radius: 12px;
  padding: 36px;
  box-shadow: 0 2px 16px rgba(0,0,0,.06);
}

.crml-wizard-title {
  font-size: 22px;
  font-weight: 700;
  color: #1a1a2e;
  margin: 0 0 8px;
}

.crml-wizard-sub {
  color: #666;
  font-size: 15px;
  margin: 0 0 28px;
}

@media (max-width: 540px) {
  .crml-wizard-panel { padding: 20px; }
}

/* ================================================
   BUTTONS
   ================================================ */
.crml-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 13px 28px;
  border-radius: 8px;
  font-size: 15px;
  font-weight: 700;
  color: #fff;
  cursor: pointer;
  border: none;
  text-decoration: none;
  transition: transform .14s, box-shadow .14s;
}

.crml-btn:active { transform: scale(.97); }

.crml-btn-primary {
  background: linear-gradient(135deg, #7c6af7, #6a8af7);
  color: #fff;
  box-shadow: 0 4px 14px rgba(124,106,247,.35);
}

.crml-btn-primary:hover {
  box-shadow: 0 6px 20px rgba(124,106,247,.45);
  color: #fff;
}

.crml-btn-secondary {
  background: #f4f6ff;
  color: #7c6af7;
  border: 1.5px solid #dde1f0;
}

/* ================================================
   FLASH MESSAGES
   ================================================ */
.crml-flash {
  padding: 14px 18px;
  border-radius: 8px;
  font-size: 14px;
  margin-bottom: 20px;
  line-height: 1.5;
}