.mail-settings{--mail-bg:#0b100d;--mail-card:#111a14;--mail-edge:#3a5a43;--mail-text:#f1f8ea;color:var(--mail-text);width:100%;margin:16px 0;display:grid;gap:16px}.mail-settings *{box-sizing:border-box}.mail-settings-intro{padding:20px 23px;border:1px solid var(--mail-edge);border-left:4px solid #22d8c2;border-radius:13px;background:linear-gradient(110deg,#111f18,#0b100d)}.mail-settings-intro h2{margin:2px 0 8px;color:#f7ffed;font-size:clamp(22px,2vw,29px)}.mail-settings-intro p:last-child{max-width:72ch;margin:0;color:#c4d6c7}.mail-settings-kicker{font-size:11px;font-weight:800;letter-spacing:.12em;color:#f0e973}.mail-settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:0}.mail-settings-card{min-width:0;padding:20px;border:1px solid var(--mail-edge);border-radius:13px;background:var(--mail-card);box-shadow:0 12px 24px #0004}.mail-settings-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap}.mail-settings-card h3{margin:3px 0 0;color:#f7ffed;font-size:20px}.mail-settings-state{display:inline-flex;align-items:center;min-height:29px;padding:4px 9px;border:1px solid #81997e;border-radius:100px;color:#d9e6d4;font-size:12px;font-weight:800}.mail-settings-state.is-ok{border-color:#47cda4;color:#9ff5d8;background:#0b3027}.mail-settings-state.is-failed{border-color:#dc8f8f;color:#ffd5d5;background:#3b2020}.mail-settings-state.is-missing{border-color:#baab77;color:#fff0bc;background:#302915}.mail-settings-facts{display:grid;gap:0;margin:16px 0 18px;border-top:1px solid #365140}.mail-settings-facts div{display:grid;grid-template-columns:minmax(105px,.42fr) minmax(0,1fr);gap:12px;padding:9px 0;border-bottom:1px solid #365140}.mail-settings-facts dt{color:#bcd1bf}.mail-settings-facts dd{min-width:0;margin:0;overflow-wrap:anywhere;font-weight:700}.mail-settings-card form>label{display:block;margin-bottom:6px;font-weight:800}.mail-settings-actions{display:flex;align-items:stretch;gap:8px;flex-wrap:wrap}.mail-settings-actions input{flex:1 1 180px;min-width:0;min-height:40px;padding:8px 10px;border:1px solid #83a185;border-radius:8px;background:#080e0b;color:#fff}.mail-settings-actions button{min-height:40px}.mail-settings-card [aria-busy=true] button,.mail-settings-card button:disabled{opacity:.5;cursor:not-allowed}.mail-settings-feedback{min-height:24px;margin:12px 0 0;color:#bce0cc}.mail-settings-feedback.is-error,.mail-settings-error{color:#ffd1d1}.mail-settings :is(input,button):focus-visible{outline:3px solid #f0e973;outline-offset:2px}@media(max-width:820px){.mail-settings-grid{grid-template-columns:1fr}}@media(max-width:480px){.mail-settings-intro,.mail-settings-card{padding:16px}.mail-settings-facts div{grid-template-columns:1fr;gap:2px}.mail-settings-actions button{flex:1 1 100%}}
.mail-settings-test-time{margin:12px 0 0;color:#bcd1bf;font-size:12px}