.mail-service-panel{margin:20px 0;padding:24px;border:1px solid #547b85;border-radius:16px;background:#083e49;color:#f5fafb}.mail-service-panel[hidden]{display:none!important}.mail-service-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.mail-service-heading h3{margin:9px 0;font-size:25px;letter-spacing:0;line-height:1.3}.mail-service-panel p,.mail-service-panel li{font-size:13px;line-height:1.7;color:#c2dde1}.mail-service-state{padding:8px 12px;border:1px solid #547b85;border-radius:9px;font-size:12px;font-weight:800}.mail-service-state.ready{background:#00d1c7;color:#052832}.mail-service-state.missing{background:#3b3925;color:#f0e59d}.mail-service-checks{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:20px 0}.mail-service-checks>div{display:flex;justify-content:space-between;align-items:center;gap:12px;background:#052832;border:1px solid #547b85;padding:14px;border-radius:10px}.mail-service-checks b{font-size:12px}.mail-service-checks span{font-size:11px}.mail-service-checks .ready{color:#86e6d6}.mail-service-checks .missing{color:#f0e59d}.mail-service-addresses{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:20px 0}.mail-service-addresses dt{font-size:11px;color:#c2dde1}.mail-service-addresses dd{margin:7px 0 0;font-size:13px;font-weight:700;overflow-wrap:anywhere}.mail-service-panel details{padding:16px;border:1px solid #547b85;border-radius:10px}.mail-service-panel summary{font-size:13px;font-weight:700;cursor:pointer}.mail-service-panel ol{padding-left:20px}.mail-service-links{display:flex;gap:16px;flex-wrap:wrap}.mail-service-links a{font-size:12px;color:#86e6d6;font-weight:700}.mail-service-test{margin:20px 0 0}.mail-service-test .btn{background:#00d1c7;color:#052832!important;border:1px solid #00d1c7;font-size:12px;white-space:normal;line-height:1.5}.mail-service-test .btn:disabled{opacity:.45;cursor:not-allowed}.mail-service-feedback{min-height:22px;color:#86e6d6!important}.mail-service-feedback.is-error{color:#ffc3b0!important}.mail-service-note{font-size:11px!important}.mail-service-panel :focus-visible{outline:3px solid #a9c52a;outline-offset:3px}@media(max-width:650px){.mail-service-panel{padding:20px 16px}.mail-service-checks,.mail-service-addresses{grid-template-columns:1fr}.mail-service-checks>div{flex-wrap:wrap}.mail-service-test .btn{width:100%}}