.email-settings-hero{display:flex;align-items:end;justify-content:space-between;gap:22px;margin-bottom:20px}.email-settings-hero h2{font-size:34px;margin:6px 0}.email-settings-hero p,.email-list-panel .panel-head p{color:var(--muted);margin:5px 0 0}.email-security-note{display:grid;gap:4px;max-width:310px;padding:14px 17px;background:#e9f7f1;border:1px solid #bcded0;border-radius:13px}.email-security-note strong{color:var(--green)}.email-security-note span{color:var(--muted);font-size:12px}.email-setup-required{display:flex;align-items:center;gap:18px;padding:25px}.email-setup-required h3,.email-setup-required p{margin:0}.email-setup-required p{margin-top:6px;color:var(--muted)}.setup-icon{display:grid;place-items:center;flex:0 0 44px;height:44px;border-radius:50%;background:#fff2d8;color:#86600f;font-size:24px;font-weight:800}.email-list-actions{display:flex;justify-content:space-between;align-items:end;gap:16px;margin-bottom:15px}.email-filters{display:grid;grid-template-columns:minmax(260px,1fr) 170px auto auto;gap:10px;align-items:end;flex:1}.email-filters label{display:grid;gap:6px;color:var(--muted);font-size:12px;font-weight:750}.email-filters input,.email-filters select,.email-config-form input,.email-config-form select{width:100%;padding:10px;border:1px solid #ccd9d4;border-radius:9px;background:#fff;color:var(--ink)}.email-config-table{min-width:1050px}.email-config-table tbody tr[data-email-row]{cursor:pointer;transition:background .15s}.email-config-table tbody tr[data-email-row]:hover,.email-config-table tbody tr[data-email-row]:focus{background:#f0f7f4;outline:none}.email-config-table td{padding-top:13px;padding-bottom:13px}.email-config-table td small{display:block;margin-top:4px;color:var(--muted)}.test-result{font-weight:750}.test-result.success{color:#16734d}.test-result.error{color:#a83b2c}.email-modal[hidden]{display:none}.email-modal{position:fixed;inset:0;z-index:115;display:grid;place-items:center;padding:20px;background:rgba(7,24,19,.58);backdrop-filter:blur(3px)}.email-dialog{width:min(980px,100%);max-height:calc(100vh - 40px);overflow:auto;background:#fff;border-radius:20px;box-shadow:0 30px 90px rgba(0,0,0,.3)}.email-dialog>header{position:sticky;top:0;z-index:2;display:flex;justify-content:space-between;align-items:flex-start;gap:20px;padding:20px 24px;background:#fff;border-bottom:1px solid var(--line)}.email-dialog h3{font-size:22px;margin:5px 0 0}.email-config-form{padding:22px 24px 0}.email-form-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.email-form-grid label{display:grid;align-content:start;gap:6px;color:var(--muted);font-size:12px;font-weight:750}.email-form-grid small{font-weight:500;line-height:1.4}.email-form-grid .span-2{grid-column:span 2}.email-form-grid .span-4{grid-column:1/-1}.email-form-section{display:grid;gap:3px;margin-top:5px;padding:12px 14px;background:#f2f7f5;border-radius:10px}.email-form-section span{color:var(--muted);font-size:12px}.email-config-form footer{display:flex;justify-content:flex-end;gap:10px;margin-top:22px;padding:16px 0;border-top:1px solid var(--line)}.email-modal-operations{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:10px;padding:16px 24px;background:#f7faf8;border-top:1px solid var(--line)}.email-modal-operations[hidden]{display:none}.email-test-summary{display:grid;gap:3px}.email-test-summary span{color:var(--muted);font-size:12px}.email-modal-operations button:disabled{opacity:.5;cursor:not-allowed}.btn.danger{background:#a83b2c;color:#fff;border-color:#a83b2c}@media(max-width:850px){.email-settings-hero{align-items:stretch;flex-direction:column}.email-security-note{max-width:none}.email-list-actions{align-items:stretch;flex-direction:column}.email-filters{grid-template-columns:1fr 1fr;width:100%}.email-form-grid{grid-template-columns:1fr 1fr}.email-form-grid .span-4{grid-column:1/-1}.email-modal-operations{grid-template-columns:1fr 1fr}.email-test-summary{grid-column:1/-1}}@media(max-width:560px){.email-settings-hero h2{font-size:28px}.email-filters,.email-form-grid{grid-template-columns:1fr}.email-form-grid .span-2,.email-form-grid .span-4{grid-column:span 1}.email-modal{padding:0}.email-dialog{width:100%;height:100%;max-height:none;border-radius:0}.email-config-form{padding-left:17px;padding-right:17px}.email-modal-operations{grid-template-columns:1fr}.email-modal-operations form,.email-modal-operations button{width:100%}}