.connect-mail-overlay{position:fixed;inset:0;z-index:5000;display:grid;place-items:center;padding:20px;background:rgba(15,23,42,.58);backdrop-filter:blur(5px)}.connect-mail-wizard{display:flex;flex-direction:column;width:min(820px,100%);max-height:94vh;border-radius:18px;overflow:hidden;background:var(--surface,#fff);color:var(--text-primary,#101828);box-shadow:0 30px 90px rgba(16,24,40,.3)}.connect-mail-wizard>header{display:flex;justify-content:space-between;gap:18px;padding:24px 28px 19px;border-bottom:1px solid var(--border-color,#e4e7ec)}.connect-mail-wizard>header span,.connect-mail-copy>span{color:#6d5ce7;font-size:10px;font-weight:800;letter-spacing:.12em}.connect-mail-wizard>header h2{margin:5px 0 4px;font-size:22px}.connect-mail-wizard>header p,.connect-mail-copy p{margin:0;color:var(--text-muted,#667085);font-size:12px}.connect-mail-wizard>header>button{align-self:flex-start;border:0;background:transparent;color:inherit;font-size:26px;cursor:pointer}.connect-mail-progress{display:grid;grid-template-columns:repeat(4,1fr);padding:15px 28px;background:var(--surface-subtle,#fafafa);border-bottom:1px solid var(--border-color,#e4e7ec)}.connect-mail-progress>div{position:relative;display:flex;align-items:center;gap:8px;color:#98a2b3;font-size:11px;font-weight:700}.connect-mail-progress>div:not(:last-child):after{content:"";position:absolute;left:34px;right:10px;top:13px;height:2px;background:#e4e7ec}.connect-mail-progress i{position:relative;z-index:1;display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#e4e7ec;font-style:normal}.connect-mail-progress .active{color:#5d4ec7}.connect-mail-progress .active i{background:#6d5ce7;color:#fff}.connect-mail-progress .active:after{background:#b8acf7!important}.connect-mail-body{min-height:360px;padding:24px 28px;overflow:auto}.connect-mail-copy h3{margin:6px 0;font-size:20px}.connect-provider-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:22px}.connect-provider-grid>button{position:relative;display:flex;flex-direction:column;align-items:flex-start;min-height:145px;padding:18px;border:1px solid var(--border-color,#e4e7ec);border-radius:13px;background:transparent;color:inherit;text-align:left;cursor:pointer}.connect-provider-grid>button:hover,.connect-provider-grid>button.selected,.connect-choice-grid>button.selected{border-color:#7566db;box-shadow:0 0 0 3px rgba(117,102,219,.11)}.connect-provider-grid i,.oauth-connect-card>i{display:grid;place-items:center;width:42px;height:42px;margin-bottom:18px;border-radius:10px;background:#f2f4f7;font-size:18px;font-style:normal;font-weight:900}.connect-provider-grid i.google,.oauth-connect-card>i.google{color:#d93025}.connect-provider-grid i.microsoft,.oauth-connect-card>i.microsoft{color:#0078d4}.connect-provider-grid i.other,.oauth-connect-card>i.other{color:#6d5ce7}.connect-provider-grid strong,.connect-provider-grid small{display:block}.connect-provider-grid small{margin-top:4px;color:var(--text-muted,#667085);font-size:11px}.connect-provider-grid>button>b{display:none;position:absolute;right:12px;top:12px;color:#6d5ce7}.connect-provider-grid>button.selected>b{display:block}.connect-choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:20px}.connect-choice-grid>button{display:grid;grid-template-columns:38px 1fr;column-gap:10px;padding:15px;border:1px solid var(--border-color,#e4e7ec);border-radius:12px;background:transparent;color:inherit;text-align:left}.connect-choice-grid>button:disabled{opacity:.45}.connect-choice-grid i{grid-row:1/3;display:grid;place-items:center;width:38px;height:38px;border-radius:9px;background:#f3f0ff;color:#6d5ce7;font-style:normal}.connect-choice-grid small{margin-top:3px;color:var(--text-muted,#667085);font-size:11px}.connect-filter{margin-top:20px;padding:17px;border:1px solid var(--border-color,#e4e7ec);border-radius:12px}.connect-filter h4{margin:0 0 11px}.connect-filter label{display:flex;gap:10px;padding:10px;border-radius:9px;cursor:pointer}.connect-filter label:has(input:checked){background:#f8f7ff}.connect-filter input{margin-top:3px;accent-color:#6d5ce7}.connect-filter b,.connect-filter small{display:block}.connect-filter small{margin-top:3px;color:var(--text-muted,#667085);font-size:11px}.oauth-connect-card{display:flex;align-items:center;gap:14px;margin-top:20px;padding:17px;border:1px solid var(--border-color,#e4e7ec);border-radius:12px}.oauth-connect-card>i{flex:0 0 42px;margin:0}.oauth-connect-card b,.oauth-connect-card small{display:block}.oauth-connect-card small{margin-top:3px;color:var(--text-muted,#667085);font-size:11px}.oauth-connect-card>span{margin-left:auto;padding:6px 9px;border-radius:99px;font-size:9px;font-weight:800}.oauth-connect-card .ready{background:#ecfdf3;color:#027a48}.oauth-connect-card .required{background:#fffaeb;color:#b54708}.oauth-admin-setup{margin-top:14px;padding:17px;border-radius:12px;background:var(--surface-subtle,#fafafa)}.oauth-admin-setup h4{margin:0 0 4px}.oauth-admin-setup>p{margin:0 0 12px;color:var(--text-muted,#667085);font-size:11px}.oauth-redirect{display:flex;align-items:center;gap:8px;padding:9px 11px;margin-bottom:12px;border:1px solid var(--border-color,#e4e7ec);border-radius:8px;background:var(--surface,#fff)}.oauth-redirect code{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.oauth-redirect button{margin-left:auto;border:0;background:transparent;color:#5d4ec7;font-weight:700}.connect-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.connect-form-grid label.wide{grid-column:1/-1}.connect-form-grid label>span{display:block;margin-bottom:6px;font-size:11px;font-weight:700}.connect-form-grid input,.connect-form-grid select{width:100%;padding:10px;border:1px solid var(--border-color,#e4e7ec);border-radius:8px;background:var(--surface,#fff);color:inherit;outline:0}.connect-form-grid input:focus,.connect-form-grid select:focus{border-color:#7566db;box-shadow:0 0 0 3px rgba(117,102,219,.1)}.oauth-admin-setup>.btn{margin-top:12px}.mail-server-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:17px}.mail-server-pair section{padding:15px;border:1px solid var(--border-color,#e4e7ec);border-radius:12px}.mail-server-pair h4{margin:0 0 12px}.connect-security-note,.connect-help-warning{margin-top:14px;padding:11px 13px;border-radius:9px;background:#f8f7ff;color:#5146a5;font-size:11px}.connect-mail-notice{display:flex;justify-content:space-between;margin-bottom:16px;padding:11px 13px;border-radius:9px;background:#fef3f2;color:#b42318;font-size:12px}.connect-mail-notice.success{background:#ecfdf3;color:#027a48}.connect-mail-notice button{border:0;background:transparent;color:inherit}.connect-mail-success{display:grid;justify-items:center;place-content:center;min-height:310px;text-align:center}.connect-mail-success>i{display:grid;place-items:center;width:60px;height:60px;margin-bottom:14px;border-radius:50%;background:#ecfdf3;color:#12b76a;font-size:28px;font-style:normal}.connect-mail-success>span{color:#027a48;font-size:10px;font-weight:800;letter-spacing:.12em}.connect-mail-success h3{margin:7px 0}.connect-mail-success p{max-width:480px;margin:0 0 18px;color:var(--text-muted,#667085);line-height:1.6}.connect-mail-wizard>footer{display:flex;justify-content:flex-end;gap:10px;padding:16px 28px;border-top:1px solid var(--border-color,#e4e7ec);background:var(--surface-subtle,#fafafa)}body.dark-mode .connect-filter label:has(input:checked),body.dark-mode .connect-security-note{background:rgba(117,102,219,.13)}
@media(max-width:680px){.connect-mail-overlay{padding:0}.connect-mail-wizard{height:100%;max-height:none;border-radius:0}.connect-mail-wizard>header,.connect-mail-body,.connect-mail-wizard>footer{padding-left:18px;padding-right:18px}.connect-mail-progress{padding-left:18px;padding-right:18px}.connect-mail-progress span{display:none}.connect-provider-grid,.connect-choice-grid,.mail-server-pair,.connect-form-grid{grid-template-columns:1fr}.connect-form-grid label.wide{grid-column:auto}.connect-provider-grid>button{min-height:105px}.connect-mail-wizard>footer .btn{flex:1}}