/* DP Mail - outbound SMTP relay card (see platform-relay js). */
.dpm-relay-card { display: flex; flex-direction: column; gap: 10px; margin-bottom: 16px; }
.dpm-relay-card h2 { margin: 0; }
.dpm-relay-card p { margin: 0; }
.dpm-relay-status { display: flex; flex-wrap: wrap; gap: 8px 16px; margin: 2px 0 2px; }
.dpm-relay-badge { display: inline-flex; align-items: center; gap: 6px; font-size: 13px; }
.dpm-relay-dot { width: 9px; height: 9px; border-radius: 50%; display: inline-block; background: var(--muted); }
.dpm-relay-dot.ok { background: #12b76a; }
.dpm-relay-dot.bad { background: #f04438; }
.dpm-relay-dot.off { background: var(--muted); }
.dpm-relay-fields { display: flex; flex-direction: column; gap: 12px; margin-top: 4px; }
.dpm-relay-fields .field { display: flex; flex-direction: column; gap: 5px; font-size: 13px; font-weight: 600; }
.dpm-relay-fields .input { font-weight: 400; }
.dpm-relay-on { display: flex; align-items: center; gap: 8px; font-size: 14px; cursor: pointer; margin-top: 4px; }
.dpm-relay-btns { display: flex; gap: 8px; margin-top: 6px; }
.dpm-relay-msg { font-size: 13.5px; color: var(--ok-fg, #067647); }
.dpm-relay-msg.bad { color: var(--bad-fg, #B42318); }
.dpm-relay-err { color: var(--bad-fg, #B42318); }
.dpm-relay-warn { font-size: 13px; color: var(--warn-fg, #93370D); background: var(--warn-bg, #FEF0C7); padding: 8px 10px; border-radius: 8px; }