/* AUSAPE V10.7 · Seguridad login + correo transaccional */
.login-hint.secure-hint,
.login-hint {
  font-size: 12px;
  line-height: 1.45;
}
.ausape-secure-note {
  margin-top: 10px;
  padding: 10px 12px;
  border: 1px solid rgba(0,159,227,.18);
  background: rgba(0,159,227,.06);
  border-radius: 14px;
  color: #234;
}
.mail-status-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  border-radius: 999px;
  padding: 6px 10px;
  font-size: 12px;
  font-weight: 700;
  background: #eef7fb;
  color: #075b7a;
  border: 1px solid rgba(0,159,227,.22);
}
.mail-status-badge.ok { background:#eaf8f0; color:#0b6b37; border-color:rgba(39,174,96,.25); }
.mail-status-badge.warn { background:#fff7e6; color:#8a5a00; border-color:rgba(245,166,35,.28); }
.mail-status-badge.err { background:#fff0f0; color:#9b1c1c; border-color:rgba(220,53,69,.25); }
.mail-card-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}
.mail-card-grid label,
.mail-card-grid .full-label { display:flex; flex-direction:column; gap:6px; }
.mail-card-grid .full-label { grid-column: 1 / -1; }
.mail-card-grid input,
.mail-card-grid textarea,
.mail-card-grid select {
  width:100%;
}
.mail-card-grid textarea { min-height:110px; resize:vertical; }
.mail-preview-box {
  border: 1px dashed rgba(0,0,0,.16);
  border-radius: 14px;
  padding: 12px;
  background: #fff;
  max-height: 220px;
  overflow: auto;
}
.mail-provider-row {
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  align-items:center;
}
.mail-log-mini {
  font-size: 12px;
  color: #61707f;
  white-space: pre-wrap;
}
@media (max-width: 780px) {
  .mail-card-grid { grid-template-columns: 1fr; }
}