.connection-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.provider-card{min-height:210px;display:flex;flex-direction:column;align-items:flex-start;text-align:left;color:inherit;font:inherit;cursor:pointer;transition:border-color .16s,transform .16s,box-shadow .16s}
.provider-card:hover:not(:disabled),.provider-card:focus-visible{border-color:#8cad81;box-shadow:0 12px 25px #26412812;transform:translateY(-2px);outline:none}
.provider-card:disabled{cursor:not-allowed;opacity:.55}
.provider-card h2{margin:18px 0 5px}
.provider-card h2 small{display:inline;color:#89988a;font:500 11px 'DM Sans',sans-serif;letter-spacing:0;text-transform:none}
.provider-card p{min-height:0;margin:0;font-size:11px;line-height:1.55}
.provider-action{margin-top:auto;padding-top:21px;color:#527651;font-size:11px;font-weight:700}
.provider-icon{width:35px;height:35px;font-family:Arial,sans-serif;font-size:18px}
.brand-hostinger{background:#673de6;color:#fff;font-size:22px;font-weight:900}
.brand-zoho{background:linear-gradient(135deg,#f4b733 0 25%,#ef4d46 25% 50%,#3aaf69 50% 75%,#3789d1 75%);color:#fff}
.brand-neo{background:#e8e3ff;color:#543bb2;font-weight:900}
.brand-apple{background:#eef1f3;color:#555e63;font-size:25px}
.brand-yahoo{background:#6001d2;color:#fff;font-size:15px;font-weight:900}
.brand-yandex{background:#fc3f1d;color:#fff;font-weight:700}
.brand-custom{background:#e9eee8;color:#57745c}
.mail-provider-dialog{width:min(600px,calc(100vw - 30px))}
.mail-provider-dialog form[hidden]{display:none}
.mail-provider-dialog form label{display:block;margin:15px 0;color:#677566;font-size:11px;font-weight:600}
.mail-provider-dialog form input,.mail-provider-dialog form select{display:block;width:100%;margin-top:6px;padding:10px;border:1px solid #dce4d9;border-radius:6px;background:#fff;color:#283028;font-size:12px}
.mail-provider-dialog .connection-warning{margin:0 0 18px}
[data-theme="dark"] .mail-provider-dialog form label{color:#a6b3a3}
[data-theme="dark"] .mail-provider-dialog form input,[data-theme="dark"] .mail-provider-dialog form select{background:#121b15;border-color:#354637;color:#e7eee5}
@media(max-width:1050px){.connection-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.connection-grid{grid-template-columns:1fr}.provider-card{min-height:165px}}
.preview-connections{max-width:none}.preview-connections[hidden],#localConnections[hidden]{display:none}.connections-intro{color:#69786b;font-size:13px;margin:0 0 20px}.preview-connection-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:20px}.preview-connection{display:grid;grid-template-columns:36px minmax(0,1fr);grid-template-rows:1fr auto;gap:16px;background:#fff;border:1px solid #dfe7dd;border-radius:12px;padding:24px;min-width:0}.preview-connection img{width:34px;height:34px;object-fit:contain;margin-top:2px}.preview-connection-copy{min-width:0}.preview-connection-copy h2{margin:0 0 8px;font-size:17px;line-height:1.35}.preview-connection-copy p{margin:0;color:#728072;font-size:12px;line-height:1.6}.preview-connection-state{display:block;margin-top:12px;font-size:12px;line-height:1.5;font-weight:700;color:#557b4d;overflow-wrap:anywhere}.preview-connection-state.off{color:#8a9487}.preview-connection-actions{display:flex;gap:8px;flex-wrap:wrap;grid-column:2;margin-top:auto;align-self:end}.preview-connection-actions button{white-space:nowrap}.preview-connection:only-child{grid-column:1/-1}[data-theme="dark"] .preview-connection{background:#1b251e;border-color:#314034}[data-theme="dark"] .preview-connection-copy p,[data-theme="dark"] .preview-connection-state.off{color:#a6b3a3}[data-theme="dark"] .preview-connection-state:not(.off){color:#b8d3a9}@media(max-width:760px){.preview-connection-list{grid-template-columns:1fr}.preview-connection{padding:20px;gap:14px}}
.connection-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.provider-card{min-height:190px}@media(max-width:650px){.connection-grid{grid-template-columns:1fr}}
.account-health{color:#60785d}.account-row:has(.account-health){gap:12px}.account-row .account-health{margin-left:auto;max-width:220px;line-height:1.35}.account-row .secondary-btn{flex:none}@media(max-width:650px){.account-row:has(.account-health){flex-wrap:wrap}.account-row .account-health{margin-left:0;max-width:none}}
#accountsList .account-row{display:grid;grid-template-columns:35px minmax(0,1fr) 130px minmax(160px,220px) auto;gap:12px}
#accountsList .account-row>strong{min-width:0;overflow-wrap:anywhere}
#accountsList .account-row>small{margin-left:0;justify-self:start}
#accountsList .account-row>.account-health{justify-self:end;text-align:right}
#accountsList .provider-icon{width:35px;height:35px}
@media(max-width:700px){#accountsList .account-row{grid-template-columns:35px minmax(0,1fr) auto}#accountsList .account-row>small:not(.account-health){grid-column:2;grid-row:2}#accountsList .account-row>.account-health{grid-column:2;grid-row:3;justify-self:start;text-align:left;max-width:none}#accountsList .account-row>.secondary-btn{grid-column:3;grid-row:1/4}}