/* The expanded e-mail flow is its own light, warm panel rather than an
   unstyled collection of controls below the primary button. */
.nethra-login-email-divider + div > div > div {
  margin-top: 14px;
  padding: 16px;
  border: 1px solid #f2d9cd;
  border-radius: 18px;
  background: linear-gradient(145deg, #fffdfb 0%, #fff6f1 100%);
  box-shadow: 0 12px 28px rgba(224, 86, 37, .09);
}

.nethra-login-email-divider + div .bg-dark-800 {
  padding: 4px !important;
  border: 1px solid #f2d9cd;
  border-radius: 12px !important;
  background: #fff !important;
}

.nethra-login-email-divider + div .bg-accent-500 {
  border-radius: 9px !important;
  background: linear-gradient(135deg, #ff713f, #ff4f16) !important;
  box-shadow: 0 4px 10px rgba(255, 79, 22, .2);
}

.nethra-login-email-divider + div .text-dark-400 {
  color: #8a6558 !important;
}

.nethra-login-email-divider + div .label {
  color: #543d35;
  font-weight: 600;
}

.nethra-login-email-divider + div .input {
  min-height: 46px;
  border-color: #edd7cc;
  border-radius: 11px;
  background: #fff;
  color: #2d201c;
  box-shadow: none;
}

.nethra-login-email-divider + div .input:focus {
  border-color: #ff6933;
  box-shadow: 0 0 0 3px rgba(255, 105, 51, .14);
}

.nethra-login-email-divider + div .btn-primary {
  border-radius: 11px;
  background: linear-gradient(135deg, #ff713f, #ff4f16);
  box-shadow: 0 7px 16px rgba(255, 79, 22, .18);
}

.nethra-login-email-divider + div .text-accent-400 {
  color: #d94b1b !important;
}