html[data-mailtransit-free]{--mf-accent:#2457d5;--mf-deep:#172b76;--mf-light:#87b8ff;--mf-tint:#edf3ff;--mt-header-height:64px}
html[data-mailtransit-free][data-secmail-palette=chestnut]{--mf-accent:#cb4d12;--mf-deep:#712403;--mf-light:#ffb77e;--mf-tint:#fff0e2}
html[data-mailtransit-free][data-secmail-palette=seagull]{--mf-accent:#a27b23;--mf-deep:#5f480a;--mf-light:#f6e49c;--mf-tint:#faf4df}
html[data-mailtransit-free][data-secmail-mode]{--sc-accent:var(--mf-accent);--sc-mid:var(--mf-light);--sc-soft:var(--mf-tint);--sc-pale:var(--mf-tint);--ws-bg:#f6f5f1;--ws-aside:#f6f5f1;--ws-panel:#fff;--ws-selected:var(--mf-tint);--ws-hover:#f7f8fa;--ws-border:#e3e5e9;--ws-strong:#151d2b;--ws-text:#374151;--ws-muted:#808999;--ws-button:var(--mf-accent);--ws-button-text:#fff;--ws-field:#fff;--ws-accent-on:#fff}
html[data-mailtransit-free][data-secmail-mode=dark]{--ws-bg:#101217;--ws-aside:#101217;--ws-panel:#191c23;--ws-selected:color-mix(in srgb,var(--mf-accent) 19%,#191c23);--ws-hover:#252932;--ws-border:#303541;--ws-strong:#f0f2f7;--ws-text:#d6dbe5;--ws-muted:#9da5b4;--ws-field:#20242d;--mf-tint:color-mix(in srgb,var(--mf-accent) 18%,#171a21)}
html[data-mailtransit-free] .sc-masthead{height:64px;padding:0 20px;gap:18px;background:var(--ws-bg)!important;border-bottom:0}
html[data-mailtransit-free] .sc-wordmark{font-size:16px;letter-spacing:-.5px;gap:9px;color:var(--ws-strong)!important}
html[data-mailtransit-free] .sc-mark{background:linear-gradient(120deg,var(--mf-deep),var(--mf-accent),var(--mf-light));color:#fff!important;border:0;width:32px;height:32px;border-radius:8px}
.mf-domain-label{font-size:10px;letter-spacing:1.5px;margin-left:2px;font-weight:650;color:var(--mf-accent)}
html[data-mailtransit-free] #layout-menu{width:240px!important;background:var(--ws-bg)!important;border-right:0!important;padding:0 12px 18px!important}
html[data-mailtransit-free] #layout-sidebar{background:var(--ws-bg)!important;border:0!important}
html[data-mailtransit-free] #layout-sidebar .header{background:var(--ws-bg)!important}
html[data-mailtransit-free] :is(#layout-list,#layout-content){border:1px solid var(--ws-border)!important;border-radius:12px!important;background:var(--ws-panel)!important;overflow:hidden}
html[data-mailtransit-free] #layout-content{margin-right:12px}
html[data-mailtransit-free] #taskmenu a{border-radius:7px;color:var(--ws-text)!important;background:none!important;font-weight:500}
html[data-mailtransit-free] #taskmenu a.selected,html[data-mailtransit-free] #mailboxlist li.selected>a{background:var(--ws-selected)!important;color:var(--mf-accent)!important}
html[data-mailtransit-free] #taskmenu a.compose{background:linear-gradient(115deg,var(--mf-deep),var(--mf-accent),var(--mf-light))!important;color:#fff!important;border:0;border-radius:8px}
html[data-mailtransit-free] :is(.btn-primary,button.mt-primary,.mt-password-submit,.sc-mfa-primary){background:linear-gradient(115deg,var(--mf-deep),var(--mf-accent),var(--mf-light))!important;color:#fff!important;border:0!important;border-radius:6px!important}
html[data-mailtransit-free] #mailboxlist li>a{border-radius:6px;margin:3px 0;font-size:13px}
html[data-mailtransit-free] #messagelist tr.selected td{background:var(--ws-selected)!important}
html[data-mailtransit-free] #messagelist td{border-color:var(--ws-border)!important}
html[data-mailtransit-free] :is(input,textarea,select){border-radius:5px!important;border-color:var(--ws-border)!important;box-shadow:none!important}
html[data-mailtransit-free] :is(.mt-settings-card,.mt-native-group){box-shadow:none!important;border-radius:8px!important}
html[data-mailtransit-free] .sc-appearance-toggle{font-size:12px}
.mf-settings-toggle{width:32px;height:32px;display:grid;place-items:center;background:transparent;color:var(--ws-muted);font-size:21px;border:0;border-radius:6px;margin-left:auto;cursor:pointer}
.mf-settings-dialog{box-sizing:border-box;padding:24px;border:1px solid var(--ws-border);border-radius:12px;background:var(--ws-panel);color:var(--ws-text);width:min(1280px,calc(100vw - 48px));height:calc(100dvh - 48px);max-width:none;max-height:none;box-shadow:0 24px 90px #0004;overflow:hidden}
.mf-settings-dialog[open]{display:flex;flex-direction:column;gap:16px}
.mf-settings-dialog::backdrop{background:#0009;backdrop-filter:blur(2px)}
.mf-settings-dialog>header{display:flex;align-items:center;justify-content:space-between;height:30px;margin-bottom:18px;background:none;padding:0;border:0}
.mf-settings-dialog h2{font-size:19px;font-weight:600;margin:0;color:var(--ws-strong)}
.mf-settings-dialog>header>button{border:0;background:none;color:var(--ws-muted);font-size:24px;padding:0 5px;cursor:pointer}
.mf-settings-dialog>nav{display:flex;gap:4px;background:var(--ws-bg);border-radius:6px;padding:3px;width:max-content;max-width:100%;margin-bottom:16px;overflow:auto}
.mf-settings-dialog>nav>button{border:0;background:none;color:var(--ws-muted);font-size:12px;padding:7px 11px;border-radius:4px;white-space:nowrap;cursor:pointer}
.mf-settings-dialog>nav>button[aria-current=page]{background:var(--ws-panel);color:var(--ws-strong);box-shadow:0 1px 4px #0001}
.mf-settings-dialog>iframe{border:0;width:100%;height:auto;flex:1;min-height:0;background:var(--ws-panel)}
.mf-settings-dialog>header,.mf-settings-dialog>nav{flex-shrink:0;margin-bottom:0}
html[data-mailtransit-free].iframe .sc-masthead,html[data-mailtransit-free].iframe #layout-menu{display:none!important}
html[data-mailtransit-free].iframe #layout{padding-top:0!important;top:0!important}
html[data-mailtransit-free].iframe :is(.mt-settings-content,.formcontent){padding:16px!important}
html[data-mailtransit-free] body.task-login{background:radial-gradient(ellipse at 5% 0%,color-mix(in srgb,var(--mf-accent) 22%,transparent),transparent 40%),var(--ws-panel)!important}
.mf-login-heading h1{font-size:27px;font-weight:650;letter-spacing:-1px;color:var(--ws-strong);line-height:1.2;margin:0 0 30px}
.mf-address-input{display:flex;align-items:stretch;min-width:0;width:100%}
.mf-address-input input{min-width:0;border-radius:5px 0 0 5px!important}
.mf-address-input select{max-width:190px;border-radius:0 5px 5px 0!important;font:11px Consolas,monospace;background:var(--ws-bg)!important;margin-left:-1px}
.mf-signup-link{font-size:12px;color:var(--ws-muted);margin:24px 0 0}.mf-signup-link a{color:var(--mf-accent);font-weight:550}
@media(min-width:1100px){html[data-mailtransit-free] body.task-login:before{content:"Mail Transit";position:fixed;inset:0 auto 0 0;width:33.333%;padding:48px;color:#fff;font-size:17px;font-weight:650;background:radial-gradient(ellipse at 100% 0%,color-mix(in srgb,var(--mf-accent) 34%,transparent),transparent 55%),#090b0f;box-sizing:border-box}html[data-mailtransit-free] .task-login #login-form{margin-left:calc(33.333vw + (66.667vw - 450px)/2)!important;width:450px;max-width:450px;background:none!important;border:0!important;box-shadow:none!important;padding:0!important}html[data-mailtransit-free] .task-login .sc-masthead{display:none!important}}
@media(max-width:900px){html[data-mailtransit-free] #layout-menu{width:64px!important}html[data-mailtransit-free] .sc-masthead{padding:0 12px}.mf-domain-label{font-size:9px}.mf-settings-dialog{padding:16px}.mf-settings-dialog>nav>button{font-size:11px;padding:7px 9px}}
@media(max-width:600px){html[data-mailtransit-free] #layout-menu{width:auto!important}html[data-mailtransit-free] :is(#layout-list,#layout-content){border-radius:0!important;margin-right:0}.mf-settings-dialog{width:calc(100vw - 16px);height:calc(100dvh - 24px)}html[data-mailtransit-free] .sc-wordmark{font-size:14px}.mf-address-input select{max-width:165px;font-size:10px}}
html[data-mailtransit-free] body.task-login::after{display:none!important}
html[data-mailtransit-free] body.task-login::before{transform:none!important;border-radius:0!important;z-index:0;top:0!important;left:0!important;height:100dvh!important}
html[data-mailtransit-free] .task-login #layout{inset:0!important;padding:0!important;min-height:100dvh!important}
html[data-mailtransit-free] .task-login #layout-content{margin:0!important;border:0!important;border-radius:0!important;padding:40px 24px!important;display:flex!important;align-items:center;justify-content:center;background:transparent!important;overflow:auto!important}
html[data-mailtransit-free] .task-login #layout-content::before,html[data-mailtransit-free] .task-login #layout-content::after{display:none!important}
html[data-mailtransit-free] .task-login #login-form{background:none!important;border:0!important;box-shadow:none!important;margin:0!important;padding:0!important;position:relative;width:450px!important;max-width:100%!important}
html[data-mailtransit-free] .task-login #logo{display:none!important}
html[data-mailtransit-free] .task-login #login-form input{min-height:44px;background:var(--ws-field)!important;color:var(--ws-strong)!important;font-size:14px!important}
html[data-mailtransit-free] .task-login #login-form label{color:var(--ws-text)!important;font-size:12px}
html[data-mailtransit-free] .task-login #login-form .formbuttons button{width:100%;background:linear-gradient(115deg,var(--mf-deep),var(--mf-accent),var(--mf-light))!important;min-height:44px;border:0;border-radius:6px}
@media(min-width:1100px){html[data-mailtransit-free] .task-login #layout-content{padding-left:calc(33.333% + 24px)!important}}
.mf-login-aside{display:none}.mf-login-field-label{display:block;margin:22px 0 8px;text-align:left!important;font-size:12px}
html[data-mailtransit-free] .task-login .input-group{display:block!important;margin-bottom:0}
html[data-mailtransit-free] .task-login :is(.input-group-prepend,.input-group-text){display:none!important}
html[data-mailtransit-free] .task-login .input-group>.form-control{width:100%!important}
html[data-mailtransit-free] .task-login #layout{border:0!important;border-radius:0!important}
html[data-mailtransit-free] .task-login #login-form{max-height:none!important;text-align:left!important}
html[data-mailtransit-free] .task-login .formbuttons{margin-top:22px!important}
@media(min-width:1100px){html[data-mailtransit-free] body.task-login::before{content:""}.mf-login-aside{position:fixed;inset:0 auto 0 0;width:33.333%;z-index:2;display:flex;flex-direction:column;align-items:stretch;padding:48px;color:#f7f8fa;background:none;box-sizing:border-box}.mf-login-brand{color:#fff!important;font-size:17px;display:flex;gap:10px;align-items:center;text-decoration:none!important}.mf-login-brand>strong{font-size:16px}.mf-login-story{margin:auto 0;padding:50px 0}.mf-login-story h2{font-size:60px;letter-spacing:-3px;color:var(--mf-light);font-weight:650;margin:0 0 22px}.mf-login-domains{display:flex;flex-direction:column;align-items:flex-start;gap:7px}.mf-login-domains button{border:0;background:none;color:#7d8796;padding:0;font:12px Consolas,monospace}.mf-login-domains button[aria-pressed=true]{color:var(--mf-light)}.mf-login-story dl{margin:40px 0 0}.mf-login-story dt{font-size:13px;margin-top:26px;font-weight:550}.mf-login-story dd{margin:6px 0 0;color:#8d97a7;font:12px Consolas,monospace}.mf-login-aside>small{font-size:11px;color:#7c8696}}
html[data-mailtransit-free] body.sc-mfa::before{display:none!important}html[data-mailtransit-free] .sc-mfa-card{background:var(--ws-panel)!important;color:var(--ws-text)!important;border-color:var(--ws-border)!important;border-radius:12px!important;box-shadow:0 16px 50px #00000012!important}html[data-mailtransit-free] .sc-mfa-card button{background:linear-gradient(115deg,var(--mf-deep),var(--mf-accent),var(--mf-light))!important;border:0!important;color:#fff!important;border-radius:6px!important}
html[data-mailtransit-free] .mf-unified-sidebar #layout{inset:64px 0 12px!important;width:auto!important;height:auto!important;padding:0 12px!important;gap:12px;background:transparent!important;border:0!important;border-radius:0!important}
html[data-mailtransit-free] .mf-unified-sidebar #layout-menu{width:232px!important;min-width:232px!important;flex:0 0 232px!important;display:flex!important;flex-direction:column;position:relative!important;padding:0!important;height:auto!important}
html[data-mailtransit-free] .mf-unified-sidebar #layout-menu>#layout-sidebar{width:100%!important;min-width:0!important;flex:1 1 auto!important;position:relative!important;height:auto!important;padding:0!important;background:transparent!important;box-shadow:none!important}
html[data-mailtransit-free] .mf-unified-sidebar #layout-sidebar>.header,html[data-mailtransit-free] .mf-unified-sidebar #layout-sidebar>.column-resizer{display:none!important}
html[data-mailtransit-free] .mf-unified-sidebar #taskmenu{display:flex!important;flex-direction:row!important;align-items:center;flex-wrap:wrap;width:100%;padding:8px 0!important;height:auto!important;position:static!important;background:transparent!important}
html[data-mailtransit-free] .mf-unified-sidebar #taskmenu a.mail,html[data-mailtransit-free] .mf-unified-sidebar #taskmenu a.settings{display:none!important}
html[data-mailtransit-free] .mf-unified-sidebar #taskmenu a{width:auto!important;min-width:0!important;padding:8px 10px!important;display:inline-flex!important;gap:6px;align-items:center;font-size:11px!important}
html[data-mailtransit-free] .mf-unified-sidebar #taskmenu a::before{font-size:14px!important;display:inline!important;float:none!important;margin:0!important}
html[data-mailtransit-free] .mf-unified-sidebar #taskmenu .special-buttons{position:static!important;margin-left:auto}
.mf-compose-slot{margin:4px 0 18px;flex-shrink:0}
html[data-mailtransit-free] .mf-compose-slot a.compose{display:flex!important;flex-direction:row!important;align-items:center;gap:10px;width:100%!important;min-height:44px!important;padding:10px 14px!important;margin:0!important;border-radius:8px;color:#fff!important;background:linear-gradient(115deg,var(--mf-deep),var(--mf-accent),var(--mf-light))!important;text-decoration:none;font-size:13px!important;font-weight:550;text-align:left}
html[data-mailtransit-free] .mf-compose-slot a.compose::before{display:inline!important;float:none!important;font-size:17px!important;margin:0!important}
html[data-mailtransit-free] .mf-unified-sidebar #layout-list{flex:0 0 clamp(320px,28vw,420px)!important;min-width:300px!important}
html[data-mailtransit-free] .mf-unified-sidebar #layout-content{flex:1 1 auto!important;min-width:0!important;margin-right:0!important}
html[data-mailtransit-free] .mf-unified-sidebar #mailboxlist li>a{padding:11px 12px!important;font-size:13px!important}
html[data-mailtransit-free] .sc-masthead>.searchbar{height:40px;flex:1;margin:0 16px 0 35px;max-width:700px;background:var(--ws-panel)!important;border:1px solid var(--ws-border);border-radius:7px;padding:0 12px}
html[data-mailtransit-free] .sc-masthead>.searchbar input{height:38px!important;background:transparent!important;border:0!important;font-size:13px!important}
html[data-mailtransit-free] .mf-unified-sidebar #messagelist-header{height:52px!important;min-height:52px;padding:0 14px!important;gap:10px}
.mf-folder-title{font-size:13px;color:var(--ws-strong);font-weight:600;white-space:nowrap;margin-right:auto}
html[data-mailtransit-free] .mf-unified-sidebar #messagelist-header :is(.select,.threads){display:none!important}
html[data-mailtransit-free] .mf-unified-sidebar #messagelist-header a{font-size:0!important;min-width:28px!important;padding:6px!important}
html[data-mailtransit-free] .mf-unified-sidebar #messagelist-header a::before{font-size:15px!important;margin:0!important}
html[data-mailtransit-free] .mf-reader-empty #layout-content>.header{display:none!important}
html[data-mailtransit-free] .mf-unified-sidebar #layout-menu>#layout-sidebar{max-width:none!important}
html[data-mailtransit-free] .sc-masthead{display:flex!important;gap:12px!important;padding:0 12px!important}
html[data-mailtransit-free] .sc-masthead>.sc-wordmark{order:0;flex:0 0 232px;min-width:0}
html[data-mailtransit-free] .sc-masthead>.searchbar{order:1;flex:1 1 auto;min-width:100px;width:auto;max-width:none;margin:0}
html[data-mailtransit-free] .sc-masthead>.sc-pilot-notice{order:2;flex-shrink:0;font-size:10px}
html[data-mailtransit-free] .sc-masthead>.sc-appearance-toggle{order:3;flex-shrink:0}
html[data-mailtransit-free] .sc-masthead>.mf-settings-toggle{order:4;flex:0 0 32px;margin:0}
html[data-mailtransit-free] .mf-domain-label{display:inline!important;flex-shrink:0}
@media(max-width:999px){html[data-mailtransit-free] .sc-masthead>.sc-wordmark{flex:1 1 auto}html[data-mailtransit-free] .sc-masthead>.sc-pilot-notice{display:none!important}}
html[data-mailtransit-free].iframe .task-settings #layout-sidebar{display:none!important}
html[data-mailtransit-free].iframe .task-settings :is(#layout-content,#layout-list){min-width:0!important;max-width:none!important;margin:0!important;border:0!important;border-radius:0!important}
html[data-mailtransit-free].iframe :is(.action-plugin-mailtransit-settings,.action-plugin-mailtransit-security) #layout-content{display:flex!important;position:absolute!important;inset:0!important;width:100%!important;height:100%!important;flex:1!important}
html[data-mailtransit-free].iframe :is(.action-plugin-mailtransit-settings,.action-plugin-mailtransit-security) #layout-content>.header{display:none!important}
html[data-mailtransit-free].iframe .mt-settings-grid{grid-template-columns:1fr!important}
html[data-mailtransit-free] .mf-unified-sidebar #mailboxlist li{border-bottom:0!important}
html[data-mailtransit-free] .mf-unified-sidebar #mailboxlist li>a{height:42px!important;min-height:42px!important;padding:9px 12px!important;line-height:24px!important}
html[data-mailtransit-free] .mf-unified-sidebar #mailboxlist li>a::before{font-size:16px!important;margin-right:10px!important}
.mf-quota-label{font-size:10px;color:var(--ws-muted);display:block;padding:0 12px 7px}
@media(max-width:999px){.mf-folder-title{display:none!important}}
html[data-mailtransit-free].iframe :is(.action-plugin-mailtransit-free-account,.action-plugin-mailtransit-free-more) #layout-content{display:flex!important;position:absolute!important;inset:0!important;width:100%!important;height:100%!important;flex:1!important}
html[data-mailtransit-free].iframe :is(.action-plugin-mailtransit-free-account,.action-plugin-mailtransit-free-more) #layout-content>.header{display:none!important}
.mf-account-form{display:flex;flex-direction:column;gap:18px;padding:4px 0}.mf-account-form label{display:flex;flex-direction:column;gap:8px;font-size:12px;color:var(--ws-text)}.mf-account-form input,.mf-account-form textarea{width:100%;padding:10px 12px;border:1px solid var(--ws-border);background:var(--ws-field);color:var(--ws-text);font-size:13px}.mf-account-form input{min-height:40px}.mf-account-form p{font-size:11px;color:var(--ws-muted);margin:0}.mf-account-form button{align-self:flex-start;padding:10px 20px}.mf-preference-links{display:grid;gap:10px}.mf-preference-links a{display:flex;justify-content:space-between;align-items:center;padding:17px;border:1px solid var(--ws-border);border-radius:7px;color:var(--ws-text);background:var(--ws-panel);font-size:13px;text-decoration:none}.mf-preference-links a:hover{background:var(--ws-selected)}
.mf-compose-dialog{inset:auto 20px 0 auto;margin:0;padding:0;width:min(760px,calc(100vw - 32px));height:min(620px,calc(100dvh - 80px));border:1px solid var(--ws-border);border-radius:12px 12px 0 0;overflow:hidden;background:var(--ws-panel);color:var(--ws-text);box-shadow:0 12px 70px #0003}
.mf-compose-dialog::backdrop{background:#080b121a}
.mf-compose-dialog>header{height:44px;display:flex;align-items:center;gap:12px;padding:0 16px;background:linear-gradient(115deg,var(--mf-deep),#111216);color:#fff;border:0}
.mf-compose-dialog>header>strong{margin-right:auto;font-size:12px;font-weight:550}
.mf-compose-dialog>header>button{background:none;border:0;color:#fff;font-size:20px;padding:0 4px;cursor:pointer}
.mf-compose-dialog>iframe{width:100%;height:calc(100% - 44px);border:0;background:var(--ws-panel)}
html[data-mailtransit-free].iframe .action-compose #layout{padding:0!important;inset:0!important;height:100dvh!important;width:100%!important}
@media(max-width:700px){.mf-compose-dialog{inset:8px 8px 0;width:calc(100vw - 16px);height:calc(100dvh - 8px)}}

/* A saved full email address already includes its domain. */
html[data-mailtransit-free] .mf-address-input.mf-full-address select { display: none; }

/* Consumer mailbox chrome: appearance lives inside Settings. */
html[data-mailtransit-free] .sc-masthead :is(.sc-header-actions,.sc-appearance-button,.sc-pilot-status,.sc-pilot-notice){display:none!important}
html[data-mailtransit-free] .mf-unified-sidebar #layout-menu>#layout-sidebar{display:flex!important;flex-direction:column;min-height:0!important;overflow:auto!important}
html[data-mailtransit-free] .mf-unified-sidebar #layout-menu>#taskmenu{flex-shrink:0}
.mf-quota-slot{flex:0 0 auto;margin-top:auto;padding:14px 12px 10px;border-top:1px solid var(--ws-border);background:var(--ws-bg)}
.mf-quota-slot .mf-quota-label{padding:0 0 10px;font-size:11px}
.mf-quota-slot #quotadisplay{background:transparent!important;margin:0!important;padding:0!important}
@media(max-width:999px){.mf-quota-slot{display:none}}
@media(max-width:600px){.mf-settings-dialog{padding:12px;width:calc(100vw - 12px);height:calc(100dvh - 12px)}.mf-settings-dialog[open]{gap:10px}}