.email-server-shell{grid-column:1/-1;padding:0;overflow:hidden}.email-server-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding:26px 28px 20px;border-bottom:1px solid var(--border-color,#e8eaf0)}.email-server-heading h3{margin:4px 0 6px;font-size:22px}.email-server-heading p,.email-block-title p{margin:0;color:var(--text-muted,#667085);line-height:1.55}.email-kicker{font-size:11px;font-weight:800;letter-spacing:.12em;color:#6d5ce7}.email-status{display:inline-flex;align-items:center;gap:8px;white-space:nowrap;border-radius:999px;padding:8px 12px;background:#f1f3f8;color:#667085;font-size:12px;font-weight:700}.email-status i{width:8px;height:8px;border-radius:50%;background:#98a2b3}.email-status.connected{background:#ecfdf3;color:#027a48}.email-status.connected i{background:#12b76a}.email-status.saved{background:#fffaeb;color:#b54708}.email-status.saved i{background:#f79009}.email-status.failed{background:#fef3f2;color:#b42318}.email-status.failed i{background:#f04438}.email-provider-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;padding:22px 28px}.email-provider{position:relative;display:flex;align-items:center;gap:10px;min-height:72px;padding:12px;border:1px solid var(--border-color,#e4e7ec);border-radius:12px;background:var(--surface,#fff);color:inherit;text-align:left;cursor:pointer}.email-provider:hover,.email-provider.selected{border-color:#7f6ee8;box-shadow:0 0 0 3px rgba(127,110,232,.1)}.email-provider b{display:none;position:absolute;right:8px;top:7px;color:#6d5ce7}.email-provider.selected b{display:block}.email-provider strong,.email-provider small{display:block}.email-provider strong{font-size:12px;line-height:1.25}.email-provider small{font-size:10px;color:var(--text-muted,#667085);margin-top:3px}.provider-mark{display:grid;place-items:center;flex:0 0 34px;height:34px;border-radius:9px;background:#f2f4f7;font-weight:800}.provider-mark.gmail{color:#d93025}.provider-mark.microsoft{color:#0078d4}.provider-mark.yandex{color:#f33}.provider-mark.zoho{color:#1687e0}.email-provider-help,.email-notice{display:flex;gap:12px;margin:0 28px 20px;padding:13px 15px;border-radius:10px;background:#f8f7ff;color:#5146a5}.email-provider-help>span{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#7566db;color:#fff;font-weight:800}.email-provider-help strong{font-size:13px}.email-provider-help p{margin:2px 0 0;font-size:12px}.email-notice{display:block;background:#ecfdf3;color:#027a48;font-size:13px;font-weight:600}.email-notice.error{background:#fef3f2;color:#b42318}.email-settings-block,.email-incoming{padding:20px 28px;border-top:1px solid var(--border-color,#e8eaf0)}.email-block-title{margin-bottom:15px}.email-block-title h4{margin:0 0 3px}.email-block-title p{font-size:12px}.email-port-row{display:grid;grid-template-columns:1fr 1.5fr;gap:10px}.email-port-row label{display:block;margin-bottom:6px}.email-switch{display:flex;align-items:center;gap:12px;cursor:pointer}.email-switch input{position:absolute;opacity:0}.email-switch>span{position:relative;width:40px;height:22px;border-radius:99px;background:#d0d5dd;transition:.2s}.email-switch>span:after{content:"";position:absolute;left:3px;top:3px;width:16px;height:16px;border-radius:50%;background:#fff;transition:.2s}.email-switch input:checked+span{background:#7566db}.email-switch input:checked+span:after{transform:translateX(18px)}.email-switch strong,.email-switch small{display:block}.email-switch small{color:var(--text-muted,#667085);margin-top:2px}.email-imap-fields{margin-top:18px}.email-server-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:18px 28px;background:var(--surface-subtle,#fafafa);border-top:1px solid var(--border-color,#e8eaf0)}.email-server-actions>div{margin-right:auto;color:var(--text-muted,#667085)}.email-server-loading{padding:30px;color:var(--text-muted,#667085)}body.dark-mode .email-provider-help{background:rgba(117,102,219,.13)}body.dark-mode .email-notice{background:rgba(18,183,106,.12)}body.dark-mode .email-notice.error{background:rgba(240,68,56,.12)}
@media(max-width:900px){.email-provider-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.email-provider:last-child{grid-column:1/-1}.email-server-heading{flex-direction:column}.email-status{align-self:flex-start}}
@media(max-width:600px){.email-server-heading,.email-provider-grid,.email-settings-block,.email-incoming,.email-server-actions{padding-left:16px;padding-right:16px}.email-provider-help,.email-notice{margin-left:16px;margin-right:16px}.email-provider-grid{grid-template-columns:1fr}.email-provider:last-child{grid-column:auto}.email-server-actions{display:grid;grid-template-columns:1fr 1fr}.email-server-actions>div{grid-column:1/-1}.email-server-actions .btn{width:100%}.email-port-row{grid-template-columns:1fr}}
.gmail-oauth-panel{margin:0 28px 24px;border:1px solid var(--border-color,#e4e7ec);border-radius:14px;overflow:hidden}.gmail-oauth-intro{display:flex;align-items:center;gap:14px;padding:18px 20px;border-bottom:1px solid var(--border-color,#e4e7ec)}.gmail-oauth-intro h4,.gmail-inbox-preview h4{margin:0 0 4px}.gmail-oauth-intro p,.gmail-inbox-preview p{margin:0;color:var(--text-muted,#667085);font-size:12px}.gmail-connected{margin-left:auto;padding:7px 10px;border-radius:999px;background:#ecfdf3;color:#027a48;font-size:12px;font-weight:700}.gmail-setup-guide{padding:18px 20px;background:var(--surface-subtle,#fafafa)}.gmail-setup-guide ol{margin:8px 0 12px;padding-left:20px;color:var(--text-muted,#667085);font-size:13px;line-height:1.7}.gmail-redirect{display:flex;align-items:center;gap:8px;padding:9px 10px;border:1px solid var(--border-color,#e4e7ec);border-radius:8px;background:var(--surface,#fff)}.gmail-redirect code{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.gmail-redirect button{margin-left:auto;border:0;background:transparent;color:#6d5ce7;font-weight:700;cursor:pointer}.gmail-credentials{padding:18px 20px}.gmail-actions{display:flex;justify-content:flex-end;gap:10px;padding:16px 20px;border-top:1px solid var(--border-color,#e4e7ec)}.gmail-inbox-preview{margin:0 28px 26px;border:1px solid var(--border-color,#e4e7ec);border-radius:14px;overflow:hidden}.gmail-inbox-preview header{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:16px 18px;border-bottom:1px solid var(--border-color,#e4e7ec)}.gmail-inbox-preview header>span{font-size:11px;color:var(--text-muted,#667085)}.gmail-message-list article{display:grid;grid-template-columns:8px minmax(0,1fr) auto;gap:12px;padding:13px 18px;border-bottom:1px solid var(--border-color,#e4e7ec)}.gmail-message-list article:last-child{border-bottom:0}.gmail-message-list article>i{width:7px;height:7px;margin-top:5px;border-radius:50%;background:transparent}.gmail-message-list article.unread>i{background:#6d5ce7}.gmail-message-list strong,.gmail-message-list b,.gmail-message-list p{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gmail-message-list strong{font-size:11px;color:var(--text-muted,#667085)}.gmail-message-list b{font-size:13px;margin:2px 0}.gmail-message-list p{font-size:12px;margin:0;color:var(--text-muted,#667085)}.gmail-message-list time{font-size:11px;color:var(--text-muted,#667085)}
@media(max-width:600px){.gmail-oauth-panel,.gmail-inbox-preview{margin-left:16px;margin-right:16px}.gmail-oauth-intro{align-items:flex-start;flex-wrap:wrap}.gmail-connected{margin-left:0;max-width:100%;overflow:hidden;text-overflow:ellipsis}.gmail-actions{display:grid;grid-template-columns:1fr}.gmail-actions .btn{width:100%}.gmail-inbox-preview header{align-items:flex-start;flex-direction:column}.gmail-message-list article{grid-template-columns:8px minmax(0,1fr)}.gmail-message-list time{display:none}}