/**
 * ValueCFO — attiva.css
 * Stili specifici della pagina /attiva/. Estende area-riservata.css (login-card).
 * Palette coerente con l'area riservata: --navy #002147 · --gold-bright #D4A017.
 */

/* ── Sottotitolo / istruzioni ── */
.attiva-intro {
  font-size: 0.9rem;
  line-height: 1.6;
  color: #5a6173;
  text-align: center;
  margin: 0 0 24px;
}

/* ── Campo password con toggle "occhio" ── */
.vcfo-pass-wrap { position: relative; }
.vcfo-pass-wrap .login-input { padding-right: 46px; }

.vcfo-eye {
  position: absolute;
  top: 50%;
  right: 8px;
  transform: translateY(-50%);
  width: 34px;
  height: 34px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  border: 0;
  cursor: pointer;
  color: #8b91a3;
  border-radius: 6px;
}
.vcfo-eye:hover { color: var(--navy, #002147); background: rgba(0, 33, 71, 0.05); }
.vcfo-eye svg { width: 20px; height: 20px; pointer-events: none; }
.vcfo-eye .icon-eye-off { display: none; }
.vcfo-eye.is-shown .icon-eye    { display: none; }
.vcfo-eye.is-shown .icon-eye-off { display: inline; }

/* ── Indicatore robustezza ── */
.vcfo-strength { margin-top: 10px; }
.vcfo-strength-track {
  height: 6px;
  border-radius: 4px;
  background: #e2e5ec;
  overflow: hidden;
}
.vcfo-strength-bar {
  height: 100%;
  width: 0%;
  background: #c0392b;
  border-radius: 4px;
  transition: width 0.18s ease, background 0.18s ease;
}
.vcfo-strength-label {
  display: block;
  margin-top: 6px;
  font-size: 0.78rem;
  font-weight: 600;
  min-height: 1em;
}
.vcfo-strength-hint {
  display: block;
  margin-top: 4px;
  font-size: 0.74rem;
  color: #8b91a3;
}

/* ── Box di esito positivo ── */
.login-success {
  display: none;
  margin-top: 16px;
  padding: 12px 14px;
  border-radius: 8px;
  background: rgba(39, 174, 96, 0.10);
  border: 1px solid rgba(39, 174, 96, 0.35);
  color: #1e8449;
  font-size: 0.85rem;
  line-height: 1.5;
}
.login-success.visible { display: block; }

/* ── Link/azione testuale dentro i messaggi (es. "attiva comunque") ── */
.login-error a,
.login-success a { color: var(--navy, #002147); font-weight: 600; }
.vcfo-linkbtn {
  background: none;
  border: 0;
  padding: 0;
  font: inherit;
  color: var(--navy, #002147);
  font-weight: 600;
  text-decoration: underline;
  cursor: pointer;
}
.vcfo-linkbtn:hover { color: var(--gold-bright, #D4A017); }