.mail-settings-form { display:grid; gap:16px; }
.mail-global-card, .mail-sender-card {
    padding:18px 20px; display:flex; align-items:center; justify-content:space-between; gap:24px;
}
.mail-global-card h2 { margin:0 0 5px; }
.mail-global-card p { margin:0; }
.mail-sender-card { justify-content:flex-start; gap:12px; }
.toggle { display:inline-flex; align-items:center; gap:9px; cursor:pointer; user-select:none; white-space:nowrap; }
.toggle input { position:absolute; opacity:0; pointer-events:none; }
.toggle-slider {
    width:46px; height:25px; border-radius:99px; background:#cbd5df; position:relative;
    transition:background .18s ease; box-shadow:inset 0 0 0 1px rgba(23,48,74,.10);
}
.toggle-slider::after {
    content:""; width:19px; height:19px; border-radius:50%; background:#fff; position:absolute;
    left:3px; top:3px; transition:transform .18s ease; box-shadow:0 1px 4px rgba(0,0,0,.22);
}
.toggle input:checked + .toggle-slider { background:#12b76a; }
.toggle input:checked + .toggle-slider::after { transform:translateX(21px); }
.toggle input:focus-visible + .toggle-slider { outline:3px solid rgba(0,118,189,.25); outline-offset:2px; }
.toggle-text { min-width:28px; font-size:12px; font-weight:800; color:#536c80; }
.mail-company-table td { vertical-align:middle; }
.mail-address {
    width:min(100%,420px); min-width:260px; padding:10px 12px; border:1px solid #cbd7e2;
    border-radius:8px; font:inherit; color:#17304a; background:#fff;
}
.mail-address:focus { border-color:#0076bd; outline:3px solid rgba(0,118,189,.10); }
.mail-save-row { display:flex; justify-content:flex-end; }
@media (max-width:700px) {
    .mail-global-card { align-items:flex-start; flex-direction:column; }
    .mail-address { min-width:220px; }
}

.mail-template-card { padding:18px 20px; }
.mail-template-card h2 { margin-top:0; }
.mail-template-card label { display:block; margin-top:14px; font-weight:700; }
.mail-template-subject,
.mail-template-text {
    display:block; width:100%; box-sizing:border-box; margin-top:6px; padding:10px 12px;
    border:1px solid #cbd7e2; border-radius:8px; font:inherit; color:#17304a; background:#fff;
}
.mail-template-text { min-height:190px; resize:vertical; line-height:1.45; }
.mail-template-subject:focus,
.mail-template-text:focus { border-color:#0076bd; outline:3px solid rgba(0,118,189,.10); }
.mail-placeholders { display:flex; flex-wrap:wrap; gap:7px; align-items:center; margin-top:12px; }
.mail-placeholders code { padding:4px 7px; border-radius:6px; background:#eef4f8; color:#17304a; }