.settings-layout{grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:22px;display:grid}.settings-main{gap:16px;min-width:0;display:grid}.settings-aside{gap:16px;display:grid;position:sticky;top:96px}.settings-card{padding:6px 24px 24px;overflow:visible}.settings-card.compact{padding:20px 22px}.settings-card.compact h2{color:#132d3c;margin:0 0 12px;font-size:16px}.password-form{gap:16px;max-width:560px;padding:24px;display:grid}.settings-section{border-bottom:1px solid var(--border);gap:14px;padding:22px 0;display:grid}.settings-section:last-child{border-bottom:0;padding-bottom:0}.settings-section-head h2{color:#132d3c;margin:0;font-size:18px}.settings-section-head p{color:#61717c;margin:4px 0 0;font-size:14px}.settings-card label{color:#334b59;align-content:start;gap:6px;font-size:13px;font-weight:800;display:grid}.label-row{align-items:baseline;gap:8px;display:flex}.settings-card input{color:#14202b;width:100%;font:inherit;background:#fff;border:1px solid #c9d5db;border-radius:9px;padding:11px 12px;font-size:15px;font-weight:400;transition:border-color .15s}.settings-card input:hover{border-color:#a9bac3}.settings-card input:focus{border-color:#ed6a32;outline:3px solid #ed6a322e}.settings-card input::placeholder{color:#97a6ae}.settings-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.settings-grid.server{grid-template-columns:minmax(0,1fr) 130px}.settings-card label small{color:#71818a;align-items:center;gap:5px;margin:0;font-size:12px;font-weight:500;display:flex}.optional{color:#8a98a1;font-size:12px;font-weight:600}.field-group{gap:6px;display:grid}.field-label{color:#334b59;font-size:13px;font-weight:800}.smtp-status{background:#fff;border:1px solid;border-radius:16px;align-items:center;gap:14px;padding:16px 18px;display:flex}.smtp-status strong,.smtp-status span{display:block}.smtp-status>div>span{opacity:.9;margin-top:2px;font-size:14px}.smtp-status-icon{border-radius:12px;flex:none;place-items:center;width:42px;height:42px;display:grid}.smtp-status-icon svg{width:21px;height:21px}.smtp-status.missing{color:#75530a;background:#fffaf0;border-color:#ecd396}.smtp-status.missing .smtp-status-icon{background:#fcefc9}.smtp-status.untested,.smtp-status.env{color:#1f4b63;background:#f2f8fb;border-color:#b9d4e1}.smtp-status.untested .smtp-status-icon,.smtp-status.env .smtp-status-icon{background:#dcebf3}.smtp-status.ok{color:#16643d;background:#f0faf4;border-color:#9bd2b3}.smtp-status.ok .smtp-status-icon{background:#d6f0e1}.smtp-status.error{color:#8d241b;background:#fff4f2;border-color:#f0b4ab}.smtp-status.error .smtp-status-icon{background:#fde0db}.settings-callout{border:1px solid;border-radius:14px;align-items:flex-start;gap:12px;padding:15px 17px;display:flex}.settings-callout svg{flex:none;width:20px;height:20px;margin-top:1px}.settings-callout strong,.settings-callout span{display:block}.settings-callout span{margin-top:3px;font-size:14px}.settings-callout.warning{color:#75530a;background:#fff8e5;border-color:#e7cc83}.settings-callout.welcome{color:#fff;background:linear-gradient(120deg,#132d3c,#1f4b63);border-color:#132d3c;box-shadow:0 10px 30px #132d3c2e}.settings-callout.welcome svg{color:#ffb38f}.settings-callout.welcome span{color:#d7e5ec}.settings-hint{color:#40586a;background:#f3f7f9;border-radius:10px;align-items:flex-start;gap:8px;margin:0;padding:11px 13px;font-size:13px;display:flex}.settings-hint svg{color:#ed6a32;flex:none;width:16px;height:16px;margin-top:1px}.preset-grid{flex-wrap:wrap;gap:8px;display:flex}.preset{color:#334b59;font:inherit;cursor:pointer;background:#fff;border:1px solid #c9d5db;border-radius:999px;padding:8px 14px;font-size:13px;font-weight:800;transition:border-color .15s,background .15s,color .15s}.preset:hover{color:#132d3c;border-color:#ed6a32}.preset.active{color:#fff;background:#132d3c;border-color:#132d3c}.segmented{background:#edf2f5;border-radius:12px;grid-template-columns:repeat(3,1fr);gap:4px;padding:4px;display:grid}.segmented button{color:#40586a;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:9px;padding:9px 8px;font-size:13px;font-weight:800;transition:background .15s,box-shadow .15s}.segmented button small{color:#71818a;margin-top:1px;font-size:11px;font-weight:600;display:block}.segmented button.active{color:#132d3c;background:#fff;box-shadow:0 2px 8px #142b381a}.password-field{display:block;position:relative}.password-field input{padding-right:46px}.password-toggle{color:#61717c;cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;width:34px;height:34px;display:grid;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.password-toggle:hover{color:#132d3c;background:#edf2f5}.password-toggle svg{width:18px;height:18px}.strength-meter{gap:6px;margin-top:-6px;display:grid}.strength-meter>span{grid-template-columns:repeat(3,1fr);gap:5px;display:grid}.strength-meter i{background:#e2e9ed;border-radius:99px;height:5px;transition:background .2s}.strength-meter small{color:#71818a;margin:0;font-size:12px}.strength-meter.level-1 i:nth-child(-n+1){background:#e0663a}.strength-meter.level-2 i:nth-child(-n+2){background:#e8a93a}.strength-meter.level-3 i{background:#2f9b62}.rule-list{gap:6px;margin:0;padding:0;list-style:none;display:grid}.rule-list li{color:#71818a;align-items:center;gap:8px;font-size:13px;display:flex}.rule-list svg{color:#fff;background:#e2e9ed;border-radius:99px;width:16px;height:16px;padding:2px}.rule-list li.ok{color:#16643d}.rule-list li.ok svg{background:#2f9b62}.success-card{align-items:center;gap:14px;max-width:560px;padding:24px;display:flex}.success-card>svg{color:#2f9b62;width:34px;height:34px}.success-card h2{margin:0;font-size:19px}.success-card p{color:#61717c;margin:2px 0 0}.settings-section.actions .form-actions{margin-top:2px}.settings-result{margin:0}.button-ghost{color:#132d3c;background:#fff;border:1px solid #c9d5db}.button-ghost:hover:not(:disabled){border-color:#132d3c}.spin{animation:1s linear infinite settings-spin}@keyframes settings-spin{to{transform:rotate(360deg)}}.uses-list,.tips-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.uses-list li{color:#334b59;align-items:center;gap:10px;font-size:14px;font-weight:700;display:flex}.uses-list li>span{color:#ed6a32;background:#fff1ea;border-radius:9px;flex:none;place-items:center;width:32px;height:32px;display:grid}.uses-list svg{width:16px;height:16px}.tips-list li{color:#536873;padding-left:14px;font-size:13px;line-height:1.45;position:relative}.tips-list li:before{content:"";background:#ed6a32;border-radius:99px;width:5px;height:5px;position:absolute;top:7px;left:0}.tips-list code{background:#edf2f5;border-radius:5px;padding:1px 5px;font-size:12px}.settings-shortcuts{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:18px;display:grid}.shortcut{color:#14202b;align-items:center;gap:12px;padding:16px 18px;text-decoration:none;transition:border-color .15s,transform .15s;display:flex}.shortcut:hover{border-color:#ed6a32;transform:translateY(-1px)}.shortcut>svg{color:#24495c;background:#eaf1f4;border-radius:10px;flex:none;width:38px;height:38px;padding:9px}.shortcut strong,.shortcut small{display:block}.shortcut small{color:#71818a;margin:2px 0 0;font-size:13px;font-weight:500}.smtp-banner{color:#75530a;background:#fff8e5;border-bottom:1px solid #ecd396}.smtp-banner.error{color:#8d241b;background:#fff4f2;border-color:#f0b4ab}.smtp-banner-inner{align-items:center;gap:12px;padding-block:10px;display:flex}.smtp-banner-inner>svg{flex:none;width:19px;height:19px}.smtp-banner p{flex:1;margin:0;font-size:14px}.smtp-banner-link{color:#fff;background:#132d3c;border-radius:9px;flex:none;align-items:center;gap:6px;padding:7px 12px;font-size:13px;font-weight:800;text-decoration:none;display:inline-flex}.smtp-banner-link:hover{background:#1f4b63}.email-provider-link{background:#132d3c;flex:none;align-self:center;text-decoration:none;color:#fff!important;margin:0 0 0 auto!important}@media (max-width:900px){.settings-layout{grid-template-columns:1fr}.settings-aside{position:static}}@media (max-width:640px){.settings-card{padding:4px 16px 18px}.password-form{padding:18px}.settings-grid,.settings-grid.server,.settings-shortcuts{grid-template-columns:1fr}.smtp-banner-inner{flex-wrap:wrap}.smtp-banner p{flex-basis:calc(100% - 32px)}}@media (prefers-reduced-motion:reduce){.spin{animation:none}.shortcut:hover{transform:none}}