.mail-workspace{width:100%;max-width:1440px;color:var(--product-text);margin-inline:auto}.mail-workspace *,.mail-workspace :before,.mail-workspace :after{box-sizing:border-box}.mail-workspace :is(button,input,select,textarea){font:inherit}.mail-workspace :is(button,a,input,select,textarea):focus-visible{outline:2px solid var(--product-pink-hi);outline-offset:3px}.mail-workspace button{cursor:pointer;-webkit-tap-highlight-color:transparent}.mail-workspace button:disabled{cursor:not-allowed;opacity:.48}.mail-workspace svg{flex-shrink:0;width:17px;height:17px}.mail-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:26px;display:flex}.mail-intro>p{color:var(--product-pink-hi);letter-spacing:.17em;margin:0 0 8px;font-size:10px;font-weight:850}.mail-intro h1{letter-spacing:-.045em;margin:0;font:680 38px/1.12 Bricolage Grotesque Variable,sans-serif}.mail-intro>span{color:var(--product-muted);margin-top:9px;font-size:13px;line-height:1.6;display:block}.mail-heading-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.mail-button{border:1px solid var(--product-line);min-height:44px;color:var(--product-text);background:var(--product-panel-hi);border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:10px 15px;line-height:1.4;transition:background .15s,border-color .15s;display:inline-flex;font-size:12px!important;font-weight:760!important}.mail-button:hover:not(:disabled){border-color:var(--product-line-hi);background:var(--product-panel)}.mail-button.is-primary{color:#fff;background:var(--product-pink);border-color:#0000}.mail-button.is-primary:hover:not(:disabled){background:#e8105c;border-color:#0000}.mail-button.is-quiet{color:var(--product-muted);background:0 0;border-color:#0000}.mail-inline-button{min-height:30px;color:var(--product-pink-hi);text-underline-offset:3px;background:0 0;border:0;align-items:center;gap:6px;padding:3px 0;text-decoration:underline;display:inline-flex;font-size:12px!important;font-weight:750!important}.mail-inline-button svg{width:14px;height:14px}.mail-section-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex}.mail-section-heading>div>p,.mail-sender-summary>p{color:var(--product-muted);letter-spacing:.13em;margin:0 0 6px;font-size:9px;font-weight:800}.mail-section-heading h2,.mail-config-toolbar h2{letter-spacing:-.025em;margin:0;font-size:19px;font-weight:720}.mail-section-heading>span{color:var(--product-muted);font-size:11px}.mail-provider-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.mail-provider{border:1px solid var(--product-line);background:var(--product-panel);border-radius:14px;min-width:0;padding:20px;position:relative}.mail-provider.is-selected{border-color:color-mix(in srgb, var(--product-pink) 52%, var(--product-line));background:color-mix(in srgb, var(--product-pink) 5%, var(--product-panel));box-shadow:inset 0 3px 0 color-mix(in srgb, var(--product-pink) 80%, transparent)}.mail-provider-icon{border:1px solid var(--product-line);width:38px;height:38px;color:var(--product-muted);background:var(--product-panel-hi);border-radius:10px;place-items:center;margin-bottom:18px;display:inline-grid}.mail-provider.is-selected .mail-provider-icon{color:var(--product-pink-hi);background:color-mix(in srgb, var(--product-pink) 9%, var(--product-panel))}.mail-provider-icon svg{width:20px;height:20px}.mail-provider-badge{border:1px solid var(--product-line);color:var(--product-muted);border-radius:6px;align-items:center;gap:4px;padding:4px 7px;font-size:9px;font-weight:750;display:inline-flex;position:absolute;top:22px;right:18px}.is-selected .mail-provider-badge{color:var(--product-pink-hi);background:color-mix(in srgb, var(--product-pink) 10%, transparent);border-color:#0000}.mail-provider-badge svg{width:12px;height:12px}.mail-provider h3{margin:0 0 8px;font-size:15px;font-weight:760}.mail-provider p{max-width:310px;min-height:38px;color:var(--product-muted);margin:0;font-size:12px;line-height:1.7}.mail-provider-foot{border-top:1px solid var(--product-line);color:var(--product-muted);margin-top:17px;padding-top:12px;font-size:10px;line-height:1.5;display:block}.mail-provider.is-selected .mail-provider-foot{color:var(--product-pink-hi)}.mail-config-toolbar{justify-content:space-between;align-items:center;gap:18px;margin-top:32px;margin-bottom:16px;display:flex}.mail-config-toolbar p{color:var(--product-muted);margin:6px 0 0;font-size:12px;line-height:1.6}.mail-account-switch{align-items:center;gap:8px;max-width:48%;display:flex}.mail-account-switch>select{border:1px solid var(--product-line);width:min(250px,100%);min-width:0;min-height:42px;color:var(--product-text);background:var(--product-panel);border-radius:10px;padding:0 30px 0 12px;font-size:12px}.mail-config-grid,.mail-compose-grid{grid-template-columns:minmax(0,1fr) minmax(260px,310px);align-items:start;gap:20px;display:grid}.mail-card{border:1px solid var(--product-line);background:var(--product-panel);border-radius:15px;min-width:0}.mail-form{gap:18px;display:grid}.mail-smtp-form,.mail-compose-form{padding:24px}.mail-form fieldset{border:0;gap:18px;min-width:0;margin:0;padding:0;display:grid}.mail-form fieldset+fieldset{border-top:1px solid var(--product-line);margin-top:7px;padding-top:23px}.mail-form legend{align-items:center;gap:10px;width:100%;margin-bottom:20px;padding:0;font-size:13px;font-weight:780;display:flex}.mail-form legend>span{border:1px solid var(--product-line);width:28px;height:26px;color:var(--product-muted);background:var(--product-panel-hi);border-radius:7px;place-items:center;font-size:10px;display:grid}.mail-form label{min-width:0;color:var(--product-text);font-size:12px;font-weight:700;line-height:1.5;display:block}.mail-form label>:is(input,select,textarea){border:1px solid var(--product-line);outline-offset:2px;width:100%;min-width:0;min-height:44px;color:var(--product-text);background:var(--product-bg);border-radius:9px;margin-top:8px;padding:11px 12px;font-size:13px;font-weight:450;line-height:1.5;display:block}.mail-form label>:is(input,select,textarea):hover:not(:disabled){border-color:var(--product-line-hi)}.mail-form label>:is(input,textarea)::placeholder{color:var(--product-muted);opacity:.75}.mail-form input[type=number]{appearance:textfield}.mail-form select{padding-right:28px}.mail-workspace option{color:var(--product-text);background:var(--product-panel)}.mail-form textarea{resize:vertical;min-height:240px}.mail-field-row{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:16px;min-width:0;display:grid}.mail-discover-row{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:10px}.mail-server-row{grid-template-columns:minmax(0,1fr) 108px}.mail-optional{color:var(--product-muted);margin-left:4px;font-size:10px;font-weight:450}.mail-field-help{color:var(--product-muted);margin:-7px 0 0;font-size:11px;line-height:1.7}.mail-discovery{border:1px solid var(--product-line);background:var(--product-panel-hi);border-radius:10px;padding:14px}.mail-discovery>strong{font-size:12px;font-weight:740}.mail-discovery p{color:var(--product-muted);margin:6px 0 0;font-size:11px;line-height:1.6}.mail-candidates{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.mail-candidates .mail-button{overflow-wrap:anywhere;text-align:left;flex-wrap:wrap;justify-content:flex-start;font-size:10px!important}.mail-candidate-source{width:100%;color:var(--product-muted);font-size:10px;font-weight:450;display:block}.mail-form-footer{border-top:1px solid var(--product-line);flex-wrap:wrap;gap:10px;margin-top:5px;padding-top:20px;display:flex}.mail-setup-aside{gap:18px;min-width:0;display:grid}.mail-readiness{padding:23px}.mail-feature-icon{border:1px solid color-mix(in srgb, var(--product-pink) 16%, var(--product-line));width:48px;height:48px;color:var(--product-pink-hi);background:color-mix(in srgb, var(--product-pink) 8%, var(--product-panel));border-radius:14px 14px 14px 5px;place-items:center;margin-bottom:19px;display:inline-grid}.mail-feature-icon>svg{stroke-width:1.5px;width:24px;height:24px}.mail-readiness h3{letter-spacing:-.02em;margin:0 0 9px;font-size:17px;font-weight:740}.mail-readiness>p{color:var(--product-muted);margin:0;font-size:12px;line-height:1.75}.mail-readiness ol{gap:0;margin:21px 0 0;padding:0;list-style:none;display:grid}.mail-readiness li{border-top:1px solid var(--product-line);align-items:flex-start;gap:11px;padding:15px 0;display:flex}.mail-readiness li>span{border:1px solid var(--product-line);width:24px;height:24px;color:var(--product-muted);border-radius:50%;flex-shrink:0;place-items:center;font-size:10px;font-weight:750;display:grid}.mail-readiness li.is-done>span{color:var(--product-green);background:color-mix(in srgb, var(--product-green) 12%, transparent);border-color:#0000}.mail-readiness li.is-done svg{width:13px;height:13px}.mail-readiness li strong{padding-top:2px;font-size:12px;display:block}.mail-readiness li small{color:var(--product-muted);margin-top:5px;line-height:1.6;display:block}.mail-readiness>.mail-button{width:100%;margin-top:18px}.mail-status{color:var(--product-muted);align-items:center;gap:6px;font-size:10px;font-weight:650;line-height:1.5;display:inline-flex}.mail-status svg{width:13px;height:13px}.mail-status.is-accepted{color:var(--product-green)}.mail-status.is-failed,.mail-status.is-uncertain{color:#eb8695}html[data-color-mode=light] .mail-status.is-failed,html[data-color-mode=light] .mail-status.is-uncertain{color:#ae2845}.mail-account-result{border-top:1px solid var(--product-line);padding-top:16px}.mail-account-result>small{color:var(--product-muted);margin-top:6px;line-height:1.7;display:block}.mail-account-result>p{color:var(--product-muted);margin:8px 0 0;font-size:11px;line-height:1.7}.mail-setup-note{color:var(--product-muted);align-items:flex-start;gap:10px;padding-inline:5px;display:flex}.mail-setup-note>svg{width:17px;height:17px;margin-top:3px}.mail-setup-note p{margin:0;font-size:11px;line-height:1.8}.mail-notice{border:1px solid var(--product-line);color:var(--product-muted);background:var(--product-panel-hi);overflow-wrap:anywhere;border-radius:10px;align-items:flex-start;gap:10px;margin:0;padding:13px 14px;font-size:12px;line-height:1.7;display:flex}.mail-notice>svg{width:17px;height:17px;margin-top:2px}.mail-notice p{margin:5px 0}.mail-notice.is-success{border-color:color-mix(in srgb, var(--product-green) 24%, var(--product-line))}.mail-notice.is-success>svg{color:var(--product-green)}.mail-notice.is-error{border-color:color-mix(in srgb, var(--product-pink) 28%, var(--product-line))}.mail-notice.is-error>svg{color:var(--product-pink-hi)}.mail-loading{min-height:260px;color:var(--product-muted);justify-content:center;align-items:center;gap:10px;font-size:12px;display:flex}.mail-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:380px;padding:50px 24px;display:flex}.mail-empty .mail-feature-icon{border-radius:19px 19px 19px 7px;width:62px;height:62px}.mail-empty .mail-feature-icon svg{width:29px;height:29px}.mail-empty h2{letter-spacing:-.035em;margin:0;font:670 28px/1.2 Bricolage Grotesque Variable,sans-serif}.mail-empty>p{max-width:350px;color:var(--product-muted);margin:13px 0 23px;font-size:12px;line-height:1.85}.mail-compose-form .mail-section-heading{margin-bottom:7px}.mail-compose-mark{background:color-mix(in srgb, var(--product-pink) 8%, transparent);border-radius:11px;place-items:center;width:40px;height:40px;display:grid;color:var(--product-pink-hi)!important}.mail-compose-mark svg{width:20px;height:20px}.mail-compose-footer{border-top:1px solid var(--product-line);justify-content:space-between;align-items:center;gap:15px;padding-top:17px;display:flex}.mail-compose-footer>span{color:var(--product-muted);align-items:center;gap:6px;font-size:10px;display:inline-flex}.mail-compose-footer>span svg{width:13px;height:13px}.mail-sender-summary{padding:22px}.mail-sender-summary>p{margin-bottom:21px}.mail-sender-summary .mail-feature-icon{margin-bottom:12px}.mail-sender-summary h3{overflow-wrap:anywhere;margin:0 0 5px;font-size:16px;font-weight:740}.mail-sender-summary>span:not(.mail-feature-icon):not(.mail-status){color:var(--product-muted);overflow-wrap:anywhere;margin-bottom:15px;font-size:12px;display:block}.mail-sender-summary dl,.mail-message-detail dl{border-top:1px solid var(--product-line);gap:13px;margin:20px 0;padding-top:18px;display:grid}.mail-sender-summary dl>div,.mail-message-detail dl>div{grid-template-columns:65px minmax(0,1fr);align-items:baseline;gap:12px;display:grid}.mail-sender-summary dt,.mail-message-detail dt{color:var(--product-muted);font-size:10px}.mail-sender-summary dd,.mail-message-detail dd{overflow-wrap:anywhere;margin:0;font-size:11px;line-height:1.6}.mail-outbox{gap:18px;display:grid}.mail-outbox>.mail-section-heading{margin-bottom:0}.mail-history-scope{color:var(--product-muted);margin:-6px 0 0;font-size:11px;line-height:1.7}.mail-list-toolbar{justify-content:space-between;align-items:center;gap:16px;display:flex}.mail-list-toolbar>span{color:var(--product-muted);flex-shrink:0;font-size:11px}.mail-search{border:1px solid var(--product-line);width:min(420px,100%);min-width:0;min-height:44px;color:var(--product-muted);background:var(--product-panel);border-radius:10px;align-items:center;gap:9px;padding:0 12px;display:flex}.mail-search:focus-within{outline:2px solid var(--product-pink-hi);outline-offset:2px}.mail-search input{width:100%;min-width:0;min-height:42px;color:var(--product-text);background:0 0;border:0;font-size:12px;outline:0!important}.mail-search input::placeholder{color:var(--product-muted)}.mail-history-grid{align-items:start;gap:16px;display:grid}.mail-history-grid.has-selection{grid-template-columns:minmax(0,1.05fr) minmax(300px,.95fr)}.mail-message-list{padding:5px;overflow:hidden}.mail-message-row{border:1px solid #0000;border-bottom-color:var(--product-line);width:100%;color:var(--product-text);text-align:left;background:0 0;border-radius:0;align-items:center;gap:12px;padding:17px 15px;display:flex}.mail-message-row:last-child{border-bottom-color:#0000}.mail-message-row:hover{background:var(--product-panel-hi)}.mail-message-row.is-selected{border-color:color-mix(in srgb, var(--product-pink) 25%, var(--product-line));background:color-mix(in srgb, var(--product-pink) 6%, var(--product-panel));border-radius:10px}.mail-row-icon{border:1px solid var(--product-line);width:37px;height:37px;color:var(--product-muted);background:var(--product-panel-hi);border-radius:10px;flex-shrink:0;place-items:center;display:grid}.mail-row-icon svg{width:17px;height:17px}.mail-row-content{flex:1;gap:5px;min-width:0;display:grid}.mail-row-content>strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:720;overflow:hidden}.mail-row-content>span:not(.mail-status){text-overflow:ellipsis;white-space:nowrap;color:var(--product-muted);font-size:11px;overflow:hidden}.mail-message-row time{color:var(--product-muted);flex-shrink:0;font-size:10px}.mail-row-arrow{color:var(--product-muted);width:15px!important;height:15px!important}.has-selection .mail-message-row time{text-align:right;max-width:90px;font-size:9px;line-height:1.6}.mail-message-detail{overflow-wrap:anywhere;padding:22px}.mail-message-detail>header{justify-content:space-between;align-items:center;gap:10px;display:flex}.mail-message-detail>header>span{color:var(--product-muted);letter-spacing:.11em;font-size:9px;font-weight:800}.mail-message-detail h3{letter-spacing:-.02em;margin:17px 0 0;font-size:20px;font-weight:720;line-height:1.5}.mail-message-detail>.mail-notice,.mail-message-detail>.mail-field-help{margin-top:14px}.mail-message-body{border-top:1px solid var(--product-line);white-space:pre-wrap;margin-top:20px;padding-top:20px;font-size:13px;line-height:1.85}.mail-no-results{color:var(--product-muted);text-align:center;margin:0;padding:40px 20px;font-size:12px}.mail-load-more{justify-self:center}.mail-auth{padding-top:8px}.mail-login{gap:18px;width:min(450px,100%);margin:38px auto;padding:30px;display:grid}.mail-login>.mail-feature-icon{margin-bottom:0}.mail-login h2{letter-spacing:-.025em;margin:0;font-size:23px;font-weight:730}.mail-login>p{color:var(--product-muted);margin:-6px 0 2px;font-size:12px;line-height:1.8}.mail-spin{animation:.9s linear infinite mail-spin}@keyframes mail-spin{to{transform:rotate(360deg)}}@media (max-width:1150px){.mail-config-grid,.mail-compose-grid{grid-template-columns:minmax(0,1fr) 255px;gap:16px}.mail-smtp-form,.mail-compose-form{padding:20px}.mail-discover-row{grid-template-columns:minmax(0,1fr)}.mail-discover-row>.mail-button{justify-self:start}.mail-readiness,.mail-sender-summary{padding:19px}.mail-provider{padding:17px}.mail-provider-badge{right:13px}.mail-history-grid.has-selection{grid-template-columns:1fr}.mail-message-detail{grid-row:1}}@media (max-width:850px){.mail-heading{align-items:flex-start}.mail-heading-actions{justify-content:flex-end}.mail-heading-actions .is-quiet>span{display:none}.mail-heading-actions .is-quiet{padding-inline:11px}.mail-config-grid,.mail-compose-grid{grid-template-columns:minmax(0,1fr)}.mail-setup-aside{grid-template-columns:minmax(0,1fr) minmax(200px,.8fr)}.mail-setup-note{padding-top:10px}.mail-provider-grid{gap:10px}.mail-provider{padding:15px}.mail-provider-badge{padding:4px 5px;font-size:8px;top:19px}.mail-provider h3{font-size:14px}.mail-provider p{font-size:11px}.mail-provider-foot{font-size:9px}.mail-discover-row{grid-template-columns:minmax(0,1fr) auto}}@media (max-width:620px){.mail-intro h1{font-size:30px}.mail-intro>span{font-size:12px}.mail-heading{flex-direction:column;gap:17px;margin-bottom:19px}.mail-heading-actions{flex-direction:row-reverse;justify-content:space-between;width:100%}.mail-heading-actions .is-quiet>span{display:inline}.mail-section-heading{align-items:flex-start}.mail-section-heading>span:not(.mail-compose-mark){display:none}.mail-section-heading h2,.mail-config-toolbar h2{font-size:18px}.mail-provider-grid{grid-template-columns:minmax(0,1fr);gap:9px}.mail-provider{min-height:108px;padding:16px 16px 14px 67px}.mail-provider-icon{width:34px;height:34px;margin-bottom:0;position:absolute;top:17px;left:16px}.mail-provider-icon svg{width:18px;height:18px}.mail-provider-badge{float:right;margin:-1px 0 5px 10px;font-size:8px;position:static}.mail-provider h3{margin-top:1px;margin-bottom:8px}.mail-provider p{max-width:none;min-height:0;font-size:11px}.mail-provider-foot{margin-top:10px;padding-top:9px}.mail-provider.is-upcoming{min-height:96px}.mail-provider.is-upcoming .mail-provider-foot{display:none}.mail-config-toolbar{flex-direction:column;align-items:stretch;margin-top:26px}.mail-account-switch{width:100%;max-width:none}.mail-account-switch>select{width:100%}.mail-smtp-form,.mail-compose-form{padding:18px 15px}.mail-field-row{grid-template-columns:minmax(0,1fr);gap:18px}.mail-server-row{grid-template-columns:minmax(0,1fr) 85px;gap:12px}.mail-discover-row{grid-template-columns:minmax(0,1fr);gap:10px}.mail-discover-row>.mail-button{width:100%}.mail-form label>:is(input,select,textarea){font-size:16px}.mail-form-footer{flex-direction:column}.mail-form-footer .mail-button{width:100%}.mail-setup-aside{grid-template-columns:minmax(0,1fr);gap:12px}.mail-setup-note{padding:3px 4px}.mail-readiness{padding:20px}.mail-readiness>.mail-feature-icon{display:none}.mail-login{margin-top:25px;padding:24px}.mail-empty{min-height:360px;padding:35px 20px}.mail-empty h2{font-size:25px}.mail-compose-footer{gap:10px}.mail-compose-footer>span{font-size:9px}.mail-list-toolbar{gap:10px}.mail-search{padding-inline:10px}.mail-search input{font-size:12px}.mail-list-toolbar>span{font-size:10px}.mail-message-row{align-items:flex-start;gap:10px;padding:15px 8px 31px;position:relative}.mail-row-icon{border-radius:8px;width:31px;height:34px}.mail-message-row time,.has-selection .mail-message-row time{max-width:none;font-size:9px;position:absolute;bottom:8px;right:12px}.mail-row-arrow{margin-top:4px}.mail-message-detail{padding:18px}.mail-message-detail h3{font-size:18px}.mail-status{font-size:9px}.mail-row-content .mail-status{white-space:normal}}@media (prefers-reduced-motion:reduce){.mail-button{transition:none}.mail-spin{animation-duration:2s}}