#tenantWizard .campaign-modal-dialog { border-radius:8px; }
.tenant-mail-server { border-top:1px solid var(--line); padding-top:24px; margin-top:24px; }
.tenant-mail-server .panel-header { align-items:flex-start; gap:16px; }
.tenant-mail-server h2 { font-size:18px; }
.tenant-mail-server .panel-header p { max-width:540px; }
.tenant-token-state { font-size:13px; color:var(--muted); padding:12px; border:1px dashed var(--line); border-radius:8px; margin-bottom:18px; overflow-wrap:anywhere; }
.tenant-mail-enabled { display:flex; gap:8px; align-items:center; grid-column:1/-1; font-size:14px; }
.tenant-mail-enabled input { width:16px; height:16px; flex-shrink:0; }
.tenant-mail-method { grid-column:1/-1; display:flex; gap:10px; border:0; margin:0; padding:0; }
.tenant-mail-method legend { font-size:13px; font-weight:600; margin-bottom:8px; }
.tenant-mail-method label { display:flex; align-items:center; gap:8px; padding:9px 12px; border:1px solid var(--line); border-radius:6px; font-size:13px; cursor:pointer; }
.tenant-mail-method label:has(input:checked) { border-color:#e97518; background:#fff4e9; }
.tenant-mail-method input { width:16px; height:16px; margin:0; accent-color:#e97518; }
.tenant-mail-method-note { grid-column:1/-1; margin:0; color:var(--muted); font-size:13px; }
.tenant-mail-token { display:flex; align-items:center; position:relative; }
.tenant-mail-token input { padding-right:42px; }
.tenant-mail-token button { position:absolute; right:5px; width:34px; height:34px; display:grid; place-items:center; border:0; background:transparent; cursor:pointer; border-radius:4px; }
.tenant-mail-token button:hover, .tenant-mail-token button:focus-visible { background:#f1f4f3; }
.tenant-mail-token button img { width:17px; height:17px; opacity:.7; }
.tenant-mail-token button[aria-pressed="true"] img { opacity:1; }
.tenant-mail-token-hint { grid-column:1/-1; margin:0; color:var(--muted); font-size:12px; }
.tenant-mail-verification { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-top:16px; font-size:13px; color:var(--muted); }
.tenant-mail-verification > div { display:flex; gap:8px; flex-wrap:wrap; }
@media(max-width:600px) {
  #tenantWizard .form-grid { grid-template-columns:minmax(0,1fr); }
  .tenant-mail-server .panel-header { flex-wrap:wrap; }
  .tenant-mail-server input { min-width:0; width:100%; }
  .tenant-mail-enabled input { width:16px; }
  .tenant-mail-method { flex-wrap:wrap; }
  .tenant-mail-method input { width:16px; }
  .tenant-mail-verification { align-items:flex-start; flex-direction:column; }
}
