/* mycartpro-mail — dominio correo + cuenta */
#order-mycartpro.mcp-mail-page,
#order-mycartpro-mail {
  /* inherit mcp tokens */
}

/* ── Flowcart Mail: paso de dominio ── */
.em-mail-step-intro { margin-bottom: 20px; }
.em-mail-step-title { font-size: 20px; font-weight: 600; margin: 0 0 6px; color: #111a24; }
.em-mail-choices { margin-bottom: 22px; display: flex; flex-wrap: wrap; }
.em-mail-choices > [class*="col-"] { display: flex; }
.em-mail-choices .em-mail-choice { height: 100%; }
@media (max-width: 991px) {
  .em-mail-choices { display: block; }
  .em-mail-choices > [class*="col-"] { display: block; }
}
.em-mail-choice {
  display: block;
  width: 100%;
  text-align: left;
  appearance: none;
  -webkit-appearance: none;
  font-family: inherit;
  line-height: 1.35;
  background: #fff !important;
  color: #0a2038 !important;
  border: 2px solid #e2e8f0 !important;
  border-radius: 12px;
  padding: 18px 16px 16px;
  margin-bottom: 14px;
  cursor: pointer;
  box-shadow: none !important;
  transition: border-color .15s ease;
  position: relative;
  outline: none;
}
.em-mail-choice:hover,
.em-mail-choice:focus,
.em-mail-choice:active {
  background: #fff !important;
  color: #0a2038 !important;
  border-color: #cbd5e1 !important;
  box-shadow: none !important;
  transform: none;
}
.em-mail-choice.active,
.em-mail-choice.active:hover,
.em-mail-choice.active:focus {
  border-color: #1f5fa8 !important;
  background: #f8fbff !important;
  box-shadow: inset 0 0 0 1px #1f5fa8 !important;
}
.em-mail-choice-badge {
  position: absolute;
  top: 10px;
  right: 10px;
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .04em;
  background: #1f5fa8;
  color: #fff;
  padding: 3px 8px;
  border-radius: 999px;
}
.em-mail-choice-icon {
  display: inline-flex;
  width: 40px;
  height: 40px;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: #eef4ff;
  color: #1f5fa8;
  font-size: 18px;
  margin-bottom: 10px;
  transition: background-color .15s ease, color .15s ease;
}
.em-mail-choice:hover .em-mail-choice-icon,
.em-mail-choice:focus .em-mail-choice-icon {
  background: #eef4ff !important;
  color: #1f5fa8 !important;
}
.em-mail-choice.active .em-mail-choice-icon,
.em-mail-choice.active:hover .em-mail-choice-icon { background: #1f5fa8 !important; color: #fff !important; }
.em-mail-choice-title { display: block; font-size: 15px; color: #0a2038 !important; margin-bottom: 6px; }
.em-mail-choice-desc { display: block; font-size: 12px; color: #64748b !important; line-height: 1.35; font-weight: normal; margin-top: 4px; }
.em-mail-choices--3 .em-mail-choice,
.em-mail-choices--4 .em-mail-choice { min-height: 118px; }
.em-mail-user-group .input-group-addon { min-width: 140px; font-weight: 600; background: #f4f8fc; }
.em-mail-check-msg.text-success { font-weight: 600; color: #1e7e34; }
.em-mail-check-msg.text-danger { font-weight: 600; color: #c0392b; }
.em-mail-user-group.em-mail-user-ok .form-control { border-color: #27ae60; }
.em-mail-user-group.em-mail-user-bad .form-control { border-color: #e74c3c; }
.em-mail-user-group.em-mail-user-pending .form-control { border-color: #f39c12; }
.em-mail-pane-panel { border-radius: 8px; border-color: #dde3ea; margin-top: 4px; }
.em-mail-panes .tab-pane { display: none; }
.em-mail-panes .tab-pane.active { display: block; }
.domain-search-cart .domain-tabs { display: none !important; }
.em-mail-config-fields .form-group.em-mail-cf-domain select { max-width: 420px; }