.test-mail-panel{border:1px solid #c7d8c5;background:#f0f5eb;border-radius:9px;padding:20px;margin:18px 0;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px}.test-mail-panel h3{font-size:17px;margin:7px 0}.test-mail-panel p{font-size:12px;line-height:1.8;margin:5px 0;overflow-wrap:anywhere}.test-mail-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.test-mail-actions>a{font-size:11px;color:#4e6d4b}.test-mail-panel .mail-result{flex-basis:100%;margin:0}.mail-result{font-size:12px;line-height:1.9;color:#3d6348;overflow-wrap:anywhere}.mail-result.error{color:#a04734}.mail-settings p{font-size:13px;line-height:1.9;color:#687d63}.mail-settings input{width:100%;min-width:0}.mail-settings .field small{display:block;font-size:11px;line-height:1.8;color:#7e8a75;margin-top:8px}.mail-help a{color:#356249}.mail-settings-actions{display:flex;flex-wrap:wrap;gap:9px}.mail-connection-state{padding:12px;background:#f0f5eb;border-radius:6px}.mail-history{border-top:1px solid #e2e8dc;margin-top:24px;padding-top:14px}.mail-history h3{font-size:15px}.mail-history>div{padding:13px 0;border-bottom:1px solid #e7ecdf}.mail-history-state{font-size:10px;color:#356149;background:#edf4e7;padding:4px 7px;border-radius:4px}.mail-history-state.problem{color:#91633c;background:#fff1e0}.mail-history strong{display:block;font-size:12px;line-height:1.8;margin-top:7px;overflow-wrap:anywhere}.mail-history small{font-size:10px;color:#8a9581}.mail-history p{font-size:11px;margin:6px 0}.mail-settings .settings-detail{gap:12px;flex-wrap:wrap}.mail-settings .settings-detail strong{overflow-wrap:anywhere}
@media(max-width:720px){.test-mail-panel{padding:17px}.test-mail-actions{width:100%;justify-content:space-between}.test-mail-actions .button{flex:1}.mail-settings-actions .button{font-size:12px;flex-grow:1}.mail-settings .settings-detail strong{font-size:13px}.mail-settings .panel{min-width:0}}