/* Lecko Mio V3.4: SMTP setup inside the existing green admin UI. */
.mail-admin .section-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:20px 0 22px}
.mail-admin .section-heading h1{margin:.3rem 0}
.mail-admin .section-heading p{max-width:680px}
.mail-status{padding:10px 14px;border-radius:999px;white-space:nowrap;font-size:.78rem;font-weight:850}
.mail-status.ready{color:#176537;background:#dff3e5;border:1px solid #9fd4b0}
.mail-status.missing{color:#875a14;background:#fff3d5;border:1px solid #eac78d}
.mail-warning{margin:16px 0;line-height:1.7}
.mail-warning code,.mail-guide code{font-size:.86em;overflow-wrap:anywhere}
.mail-layout{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(235px,1fr);gap:20px;align-items:start}
.mail-layout>*{min-width:0}
.mail-main-panel,.mail-side .admin-block,.mail-test{padding:26px}
.mail-main-panel .block-heading{margin:0 0 8px}
.mail-form{display:grid;gap:17px;margin-top:20px}
.mail-form label,.mail-test-form label{display:flex;flex-direction:column;gap:7px;min-width:0;font-size:.84rem;font-weight:800;color:#205b3a}
.mail-form label small{font-size:.77rem;color:#62776a;font-weight:500;line-height:1.6}
.mail-form input,.mail-form select,.mail-test-form input{width:100%;max-width:100%;min-width:0;box-sizing:border-box;border-radius:12px;border:1px solid #b8d6c0;background:#fff;padding:12px 13px;font:inherit;font-size:1rem;color:#164b2e}
.mail-form input:focus,.mail-form select:focus,.mail-test-form input:focus{outline:3px solid #a6deb7;outline-offset:1px;border-color:#258b50}
.mail-form input:disabled{background:#f0f3ef;color:#56705b;cursor:not-allowed}
.mail-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}
.mail-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;padding-top:8px}
.mail-actions .muted{font-size:.76rem;max-width:280px}
.mail-side{display:grid;gap:20px}
.mail-guide h2{font-size:1.25rem;margin:10px 0 14px}
.mail-guide ol{padding-left:20px;line-height:1.8}
.mail-guide li+li{margin-top:9px}
.mail-ftp{background:#f2f7eb}
.mail-ftp p{line-height:1.7;overflow-wrap:anywhere}
.mail-test{margin:20px 0}
.mail-test .block-heading{display:flex;gap:12px;align-items:center;justify-content:space-between}
.mail-chip{font-size:.74rem;border-radius:30px;background:#f3efde;padding:7px 13px;color:#73602f}
.mail-test-form{display:flex;align-items:end;flex-wrap:wrap;gap:13px;margin:18px 0 11px}
.mail-test-form label{flex:1 1 250px}
.mail-test-form .button{min-height:49px}
.mail-test-form .button:disabled{opacity:.5;cursor:not-allowed}
.mail-test .setting-note{margin-top:16px}
@media(max-width:850px){.mail-layout{grid-template-columns:1fr}.mail-side{grid-template-columns:1fr 1fr}}
@media(max-width:650px){.mail-admin .section-heading{align-items:start;flex-direction:column}.mail-side,.mail-form-grid{grid-template-columns:1fr}.mail-main-panel,.mail-side .admin-block,.mail-test{padding:19px}.mail-test .block-heading{align-items:start;flex-direction:column}.mail-test-form .button{width:100%}}

/* V3.5: Sichere Diagnose, ohne Seitenbreite zu veraendern. */
.mail-diagnostics { margin-top: 26px; }
.mail-log-scroll { max-width: 100%; overflow-x: auto; }
.mail-log-table { width: 100%; min-width: 810px; border-collapse: collapse; font-size: 13px; text-align: left; }
.mail-log-table th, .mail-log-table td { padding: 12px 10px; border-bottom: 1px solid #dde8df; vertical-align: top; }
.mail-log-table th { font-size: 12px; color: #3a6549; }
.mail-log-table code { overflow-wrap: anywhere; word-break: break-word; font-size: 12px; }
.mail-ok { color: #126535; font-weight: 700; }
.mail-fail { color: #ad382b; font-weight: 700; }