/* Shared MailTemp shell: compact navigation, canvas, utility rail and settings. */
body.mt-workspace {
    --mt-accent: #4833ad; --mt-accent-hover: #39268e; --mt-soft: #eeecf8;
    --mt-canvas: #ffffff; --mt-line: #d2d2d2; --mt-text: #191919; --mt-muted: #666666;
    --mt-sidebar: 256px; --mt-rail: 44px; --mt-header: 60px;
    --mail-blue: var(--mt-accent); --mail-blue-soft: var(--mt-soft); --mail-canvas: var(--mt-canvas);
    --acct-blue: var(--mt-accent); --acct-blue-soft: var(--mt-soft); --acct-canvas: var(--mt-canvas);
    --foreground: var(--mt-text); --mail-text: var(--mt-text); --acct-text: var(--mt-text);
    --border: var(--mt-line); --mail-line: var(--mt-line); --acct-line: var(--mt-line);
    background: var(--mt-canvas); color: var(--mt-text); font-family: Arial, -apple-system, BlinkMacSystemFont, sans-serif;
    font-size: .875rem; line-height: 1.45;
}
.mt-workspace :is(button,input,select,textarea) { font-family: inherit; }
.mt-workspace :is(a,button,input,select):focus-visible { outline: 2px solid var(--mt-accent); outline-offset: 3px; }
/* Auth inputs share the rounded focus ring drawn by their containing control. */
.mt-workspace .mail-auth-control input:focus-visible { outline: none; }
.mt-workspace .mt-shell-icon { display:inline-flex; flex:0 0 36px; width:36px; height:36px; align-items:center; justify-content:center; padding:8px; border:0; border-radius:8px; color:var(--mt-text); background:transparent; cursor:pointer; text-decoration:none; }
.mt-workspace .mt-shell-icon:hover { background:var(--mt-soft); color:var(--mt-accent); }
.mt-shell-icon svg, .mt-panel-links svg, .mt-panel-apps svg, .mt-settings-panel footer svg, .mt-back-inbox svg { width:20px; height:20px; flex:0 0 20px; }
.mt-workspace .layout-navbar.mailtopbar, .mt-workspace .acct-topbar { position:relative; top:0; width:100%; height:var(--mt-header); min-height:var(--mt-header); margin:0; padding:0 12px; border:0; border-radius:0; background:var(--mt-canvas)!important; box-shadow:none; backdrop-filter:none; gap:8px; z-index:1030; }
.mt-workspace .layout-navbar.mailtopbar { border-inline-start:0!important; }
.mt-workspace .mailtopbar-brand, .mt-workspace .acct-topbar-brand { position:static; flex:0 0 164px; width:164px; max-width:none; height:var(--mt-header); padding:0 12px; margin:0; border:0; background:transparent; }
.mt-workspace :is(.mailtopbar-theme-logo,.acct-theme-logo) { width:auto; height:30px; max-width:142px; object-fit:contain; }
.mt-workspace .mailtopbar-search { display:flex; align-items:center; height:40px; min-height:40px; width:min(560px,44vw); max-width:560px; margin:0 12px 0 0; padding:0 14px; background:var(--mt-surface-soft); border:1px solid transparent; border-radius:8px; box-shadow:none; }
.mt-workspace .mailtopbar-search:focus-within { background:var(--mt-surface); border-color:var(--mt-accent); }
.mt-workspace .mailtopbar-search-input { font-size:.875rem; background:transparent; }
.mt-workspace .mailtopbar-actions { margin-inline-start:auto; gap:6px; }
.mt-workspace :is(.mailtopbar-account-status,.acct-topbar-account-status) { border-color:var(--mt-line); border-radius:8px; background:transparent; }
.mt-workspace :is(.mailtopbar-plan,.acct-topbar-plan) { color:var(--mt-accent); background:var(--mt-soft); }
.mt-workspace .content-wrapper > .container-fluid { padding:0 var(--mt-rail) 0 0!important; }
.mt-workspace .mailtemp-inbox.app-email { border:0; border-radius:0; background:transparent; box-shadow:none; }
.mt-workspace .mailtemp-inbox .row.g-0.h-100 { grid-template-columns:var(--mt-sidebar) minmax(0,1fr); }
.mt-workspace .mailtemp-inbox #app-email-sidebar { width:var(--mt-sidebar); max-width:var(--mt-sidebar); border:0!important; background:var(--mt-canvas); }
.mt-workspace .mailtemp-inbox .app-emails-list,
.mt-workspace .domain-library .domain-marketplace-content { border:1px solid var(--mt-line); border-radius:12px 12px 0 0; overflow:hidden; background:var(--mt-surface); }
.mt-workspace .mailtemp-inbox .btn-compost-wrapper { padding:12px!important; }
.mt-workspace .mailtemp-inbox .btn-compose { min-height:40px; padding:10px 12px; border:0; border-radius:8px; background:var(--mt-accent)!important; color:white!important; font-size:.875rem; font-weight:600; box-shadow:none; }
.mt-workspace .mailtemp-inbox .btn-compose:hover { background:var(--mt-accent-hover)!important; }
.mt-workspace .email-filters { padding-top:8px!important; }
.mt-workspace .email-filter-folders { padding:0 8px; }
.mt-workspace .email-filter-folders li { border-radius:7px; min-height:36px; margin:0 0 2px!important; }
.mt-workspace .email-filter-folders li :is(a,button) { min-height:36px; padding:8px 12px; font-size:.875rem; color:var(--mt-text); }
.mt-workspace .email-filter-folders li.active { background:var(--mt-soft)!important; }
.mt-workspace .email-filter-folders li.active :is(a,button) { color:var(--mt-accent); }
.mt-workspace .email-filter-labels { padding-top:16px!important; }
.mt-workspace .mail-history-heading { margin-inline:16px!important; }
.mt-workspace .mail-history-heading p { font-size:.75rem; text-transform:none!important; letter-spacing:0; }
.mt-workspace .mailtemp-inbox .emails-list-header { padding:8px 12px!important; min-height:0; }
.mt-workspace .emails-list-header > .d-flex:first-child { margin:0!important; padding:0!important; }
.mt-workspace .mailtemp-inbox .mail-select { margin:0 0 6px!important; }
.mt-workspace .mailtemp-inbox .mail-select .input-group { min-height:38px; border-radius:6px; box-shadow:none; }
.mt-workspace .mailtemp-inbox .mail-select .form-control { font-size:.875rem; }
.mt-workspace .emails-list-header .btn { width:32px; height:32px; min-height:32px; padding:6px; }
.mt-workspace .mailtemp-inbox .email-list-item { min-height:44px; padding:8px 14px!important; border-bottom:1px solid var(--mt-line); border-radius:0; }
.mt-workspace .mailtemp-inbox :is(.email-list-item-username,.email-list-item-subject) { font-size:.875rem; line-height:1.4; }
.mt-workspace .mailtemp-inbox .email-list-item-time { font-size:.75rem; }
.mt-workspace .mailtemp-inbox .email-list-item:hover { background:var(--mt-surface-soft); }
.mt-workspace .mail-empty-title { font-size:1rem; }
.mt-workspace .mail-empty-description { font-size:.875rem; }
.mt-workspace .mail-guest-upgrade-card { margin:16px 12px; padding:14px; border:1px solid var(--mt-line); border-radius:8px; background:transparent; box-shadow:none; }
.mt-workspace .mail-guest-upgrade-card h3 { font-size:1rem; }
.mt-workspace .mail-guest-upgrade-card p { font-size:.8125rem; }
.mt-workspace .mail-storage-card { margin:12px; border-radius:8px; }
.mt-workspace .mail-client-footer { margin:0; background:var(--mt-canvas); border:0; border-top:1px solid var(--mt-line); border-radius:0; box-shadow:none; }
.mt-workspace .mail-client-footer.is-collapsed { min-height:30px; }
.mt-workspace .mail-footer-toggle { border-radius:5px; }
/* Account pages share the same frame and navigation density. */
.mt-workspace .acct-shell { display:grid; grid-template-columns:var(--mt-sidebar) minmax(0,1fr); width:100%; max-width:none; min-height:calc(100dvh - var(--mt-header)); margin:0; padding:0 var(--mt-rail) 0 0; gap:0; align-items:stretch; }
.mt-workspace .acct-shell--standalone { grid-template-columns:minmax(0,1fr); }
.mt-workspace .acct-sidebar { position:sticky; top:0; width:var(--mt-sidebar); min-width:0; height:calc(100dvh - var(--mt-header)); max-height:none; padding:12px 8px; overflow-y:auto; border:0; border-radius:0; background:transparent; }
.mt-workspace .acct-sidebar-link { display:flex; min-height:38px; margin:2px 0; padding:9px 12px; gap:12px; border:0; border-radius:7px; font-size:.875rem; color:var(--mt-text); }
.mt-workspace .acct-sidebar-link.active { background:var(--mt-soft); color:var(--mt-accent); }
.mt-workspace .acct-sidebar-link-icon { width:20px; height:20px; flex:0 0 20px; }
.mt-workspace .acct-sidebar-link-icon svg { width:20px; height:20px; }
.mt-workspace .acct-content { padding:28px 32px 0; background:var(--mt-surface); border:1px solid var(--mt-line); border-bottom:0; border-radius:12px 12px 0 0; min-width:0; }
.mt-workspace .acct-content :is(.acct-dashboard,.acct-wallet,.acct-settings) { max-width:1200px; }
.mt-workspace .acct-content :is(h1,h2,h3,h4,h5) { font-family:inherit; letter-spacing:-.02em; }
.mt-workspace .acct-content h1 { font-size:1.5rem; }
.mt-workspace .acct-content :is(h2,h3) { font-size:1.25rem; }
.mt-workspace .acct-content :is(.box,.card,.acct-dashboard-hero) { border-radius:8px; box-shadow:none; background:var(--mt-surface); }
.mt-workspace .acct-dashboard-hero { padding:20px; margin-bottom:16px; gap:16px; }
.mt-workspace .acct-dashboard-avatar { width:56px; height:56px; outline:0; background:var(--mt-accent); box-shadow:none; font-size:1.5rem; }
.mt-workspace .acct-dashboard-stats .acct-stat-card { min-height:106px; padding:16px; }
.mt-workspace .acct-dashboard-stats .acct-stat-card>.counter { min-height:70px; gap:10px; }
.mt-workspace .acct-dashboard-stats .counter-amount { font-size:1.625rem; }
.mt-workspace .acct-content :is(.btn,.form-control,.form-select) { font-size:.875rem; border-radius:6px; }
.mt-workspace .acct-content :is(.table th,.table td) { padding:10px 12px; font-size:.875rem; }
.mt-workspace .acct-sidebar-plan { margin:24px 4px 8px; padding:14px; border:1px solid var(--mt-line); border-radius:8px; background:transparent; }
.mt-back-inbox { display:flex; align-items:center; gap:8px; min-height:40px; padding:8px 12px; margin-bottom:24px; border:1px solid var(--mt-line); border-radius:8px; color:var(--mt-text); text-decoration:none; font-size:.875rem; }
.mt-account-label { font-size:1rem; font-weight:600; }
/* The utility rail attaches to the canvas, with its collapse control at the foot. */
.mt-utility-rail { position:fixed; inset-block-start:var(--mt-header); inset-block-end:0; inset-inline-end:0; width:var(--mt-rail); display:flex; flex-direction:column; align-items:center; padding:8px 4px; background:var(--mt-canvas); z-index:1020; }
.mt-rail-items { display:flex; flex-direction:column; align-items:center; gap:10px; }
.mt-rail-items[hidden] { display:none; }
.mt-rail-divider { width:24px; height:1px; background:var(--mt-line); margin:4px 0; }
.mt-rail-toggle { margin-top:auto; }
.mt-rail-toggle svg { transform:rotate(180deg); }
.mt-rail-hidden { --mt-rail:0px!important; }
.mt-rail-hidden .mt-utility-rail { top:auto; width:40px; height:40px; padding:2px; border:1px solid var(--mt-line); border-radius:8px 0 0 0; }
.mt-rail-hidden .mt-rail-toggle svg { transform:none; }
.mt-settings-panel { position:fixed; inset:var(--mt-header) 0 0 auto; width:min(360px,100vw); max-width:100vw; height:calc(100dvh - var(--mt-header)); max-height:none; margin:0; padding:20px; color:var(--mt-text); background:var(--mt-surface); border:0; border-inline-start:1px solid var(--mt-line); box-shadow:-8px 0 30px #29253515; font:inherit; overflow-y:auto; }
.mt-settings-panel::backdrop { background:#19132924; }
.mt-settings-panel header { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:20px; }
.mt-settings-panel h2 { margin:0; font-size:1.125rem; font-weight:600; }
.mt-settings-panel h3 { font-size:.875rem; font-weight:600; margin:24px 0 10px; }
.mt-panel-primary { display:flex; justify-content:space-between; align-items:center; padding:11px 14px; border-radius:7px; background:var(--mt-accent); color:white; text-decoration:none; font-weight:600; }
.mt-panel-primary:hover { background:var(--mt-accent-hover); color:white; }
.mt-panel-links { display:grid; gap:2px; }
.mt-panel-links a { display:flex; align-items:center; gap:12px; padding:10px 8px; color:var(--mt-text); border-radius:6px; text-decoration:none; }
.mt-panel-links a>span:first-of-type { flex:1; }
.mt-panel-links a:hover,.mt-panel-links a[aria-current] { background:var(--mt-canvas); color:var(--mt-accent); }
.mt-panel-links small { display:block; margin-top:4px; font-size:.75rem; color:var(--mt-muted); }
.mt-panel-app-disabled { display:flex; align-items:center; gap:12px; padding:10px 8px; color:var(--mt-muted); opacity:.72; }
.mt-panel-app-disabled > span { flex:1; }
.mt-panel-choice { display:flex; align-items:center; justify-content:space-between; gap:12px; min-height:44px; border-bottom:1px solid var(--mt-line); cursor:pointer; }
.mt-panel-choice input { width:18px; height:18px; accent-color:var(--mt-accent); }
.mt-panel-apps { display:flex; align-items:center; gap:12px; width:100%; padding:14px 10px; margin-top:24px; border:1px solid var(--mt-line); border-radius:8px; background:var(--mt-canvas); color:var(--mt-text); font:inherit; text-align:start; cursor:pointer; }
.mt-settings-panel footer { margin-top:24px; padding-top:16px; border-top:1px solid var(--mt-line); }
.mt-settings-panel footer a { display:flex; align-items:center; gap:10px; color:var(--mt-accent); text-decoration:none; }
@media(min-width:992px) {
    .mt-sidebar-compact { --mt-sidebar:64px!important; }
    .mt-sidebar-compact .mailtemp-inbox .btn-compose { font-size:0; gap:0; padding:10px; }
    .mt-sidebar-compact .mailtemp-inbox .btn-compose i { font-size:20px; margin:0!important; }
    .mt-sidebar-compact :is(.email-filter-labels,.mail-guest-upgrade-card,.mail-storage-card,.acct-sidebar-plan,.mail-saved-quota) { display:none!important; }
    .mt-sidebar-compact .email-filter-folders li :is(a,button) { padding:10px; justify-content:center; }
    .mt-sidebar-compact .email-filter-folders li :is(span,.badge), .mt-sidebar-compact .email-filter-folders li>.badge { display:none!important; }
    .mt-sidebar-compact .acct-sidebar-link { gap:0; justify-content:center; padding:10px; }
    .mt-sidebar-compact .acct-sidebar-link>span:not(.acct-sidebar-link-icon), .mt-sidebar-compact .mt-back-inbox span { display:none; }
    .mt-sidebar-compact .mt-back-inbox { justify-content:center; padding:8px; }
}
@media(max-width:991.98px) {
    .mt-sidebar-toggle--desktop { display:none!important; }
    body.mt-workspace { --mt-sidebar:224px; --mt-rail:40px; }
    .mt-workspace .mailtemp-inbox .row.g-0.h-100 { grid-template-columns:minmax(0,1fr); }
    .mt-workspace .mailtemp-inbox #app-email-sidebar { position:absolute!important; inset-inline-start:-240px; z-index:30; }
    .mt-workspace .mailtemp-inbox #app-email-sidebar.show { inset-inline-start:0!important; }
    .mt-workspace .acct-shell { grid-template-columns:minmax(0,1fr); }
    .mt-workspace .acct-sidebar { display:none; position:fixed; top:var(--mt-header); bottom:0; inset-inline-start:0; z-index:1040; background:var(--mt-canvas); box-shadow:8px 0 30px #29253520; }
    .mt-workspace.mt-account-menu-open .acct-sidebar { display:block; }
    .mt-workspace .acct-content { padding:20px 16px 0; }
    .mt-account-label { display:none; }
    .mt-workspace .mailtopbar-brand,.mt-workspace .acct-topbar-brand { flex:0 0 140px; width:140px; padding:0 8px; }
    .mt-workspace .mailtopbar-search { width:auto; flex:1; }
}
@media(max-width:600px) {
    body.mt-workspace { --mt-header:60px; --mt-rail:0px; }
    .mt-workspace .layout-navbar.mailtopbar { height:auto; min-height:60px; }
    .mt-workspace .mailtopbar>.navbar-nav-right { flex-wrap:wrap; padding-bottom:8px; }
    .mt-workspace .mailtopbar-search { display:flex!important; order:3; flex:0 0 100%; width:100%; max-width:none; margin:0; height:38px; }
    .mt-workspace :is(.mailtopbar-account-status,.acct-topbar-account-status) { display:none; }
    .mt-workspace .acct-topbar { gap:3px; padding:0 8px; }
    .mt-workspace .mt-utility-rail { display:none; }
    .mt-workspace .mailtopbar-actions { gap:2px; }
    .mt-workspace .content-wrapper>.container-fluid { padding:0!important; }
    .mt-workspace .acct-content { padding:16px 12px 0; }
    .mt-workspace .acct-dashboard-hero { flex-wrap:wrap; padding:14px; }
    .mt-workspace .acct-dashboard-hero-actions { flex-wrap:wrap; }
    .mt-settings-panel { inset:0 0 0 auto; height:100dvh; }
}
@media(prefers-reduced-motion:reduce) { .mt-workspace *, .mt-workspace *::before, .mt-workspace *::after { scroll-behavior:auto!important; } }
/* Override legacy framework offsets and logical dimensions as well as physical ones. */
.mt-workspace .layout-page { padding-inline-start:0!important; padding-block-start:0!important; }
.mt-workspace .layout-navbar.mailtopbar { flex:0 0 auto; }
.mt-workspace .acct-topbar { position:sticky; top:0; }
.mt-workspace .acct-sidebar { top:var(--mt-header); }
.mt-workspace .mailtemp-inbox .app-email-sidebar .email-filter-folders li { padding:0; border-radius:7px; }
.mt-workspace .mailtemp-inbox .app-emails-list .email-list li.email-list-item { min-block-size:44px; }
.mt-workspace .mailtemp-inbox .app-email-sidebar .email-filter-labels>.mail-history-heading { margin-inline:16px!important; }
.mt-workspace .mailtemp-inbox .email-filter-folders li :is(a,button) { width:100%; }
.mt-workspace .mailtemp-inbox .email-filter-folders li>.badge { margin-inline-end:8px; }
.mt-workspace .mail-client-footer { max-width:none; }
.mt-workspace .mail-client-footer :is(small,p) { font-size:.75rem; }
.mt-workspace .mail-client-footer-links a { font-size:.8125rem; }
@media(min-width:992px) {
    .mt-workspace .mailtemp-inbox .app-email-view { inline-size:calc(100% - var(--mt-sidebar)); }
    .mt-workspace .mailtemp-inbox #app-email-sidebar { position:static; inline-size:var(--mt-sidebar); }
}
@media(min-width:768px) and (max-width:991.98px) {
    .mt-workspace .mailtemp-inbox .app-email-view { inline-size:100%; }
}
@media(max-width:600px) {
    .mt-workspace .mailtopbar-search { padding:0 12px; }
    .mt-workspace .mailtemp-inbox .email-list-item>.d-flex { min-height:44px; }
}
/* Reference-aligned shell: one shared left edge for search, toolbar and messages. */
.mt-workspace .layout-navbar.mailtopbar { inset:0!important; inset-inline-start:0!important; padding:0!important; }
.mt-workspace .mailtopbar>.navbar-nav-right { width:100%; min-width:0; gap:0; }
.mt-brand-area { display:flex; align-items:center; justify-content:space-between; flex:0 0 var(--mt-sidebar); width:var(--mt-sidebar); height:var(--mt-header); padding:0 14px 0 18px; border-inline-end:1px solid var(--mt-line); box-sizing:border-box; }
.mt-workspace .mt-brand-area :is(.mailtopbar-brand,.acct-topbar-brand) { width:auto; flex:0 1 auto; height:100%; padding:0; max-width:176px; overflow:hidden; }
.mt-workspace .mt-brand-area :is(.mailtopbar-theme-logo,.acct-theme-logo) { max-width:150px; height:30px; width:auto!important; }
.mt-compact-logo { display:none; }
.mt-workspace .mt-brand-area .mail-apps-wrap { display:block!important; flex:0 0 32px; }
.mt-workspace .mt-brand-area .mail-apps-trigger { width:32px; height:32px; }
.mt-workspace .mt-brand-area .mail-apps-panel { inset-inline-start:8px; inset-inline-end:auto; top:54px; }
.mt-workspace .mailtopbar-search { flex:0 1 510px; min-width:120px; height:36px; min-height:36px; margin:0 20px 0 22px; background:var(--mt-surface-soft); border-radius:8px; }
.mt-workspace .mailtopbar-search>svg { width:16px; height:16px; fill:none; stroke:currentColor; stroke-width:1.5; flex:0 0 16px; }
.mt-workspace .mailtopbar-actions { flex:0 0 auto; margin:0 10px 0 auto; gap:8px; }
.mt-workspace .mailtopbar>.navbar-nav-right>.navbar-nav { flex:0 0 auto; padding-inline-end:12px; }
.mt-workspace .mailtemp-profile-trigger { display:flex; align-items:center; gap:10px; }
.mt-user-identity { display:flex; flex-direction:column; text-align:end; min-width:0; max-width:180px; font-size:.75rem; line-height:1.35; color:var(--mt-text); }
.mt-user-identity strong { font-weight:400; }
.mt-user-identity small { color:var(--mt-muted); font-size:.75rem; }
.mt-user-identity :is(strong,small) { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.mt-workspace .mailtemp-profile-trigger :is(.avatar,.avatar img,.avatar-initial), .mt-workspace .acct-topbar-avatar { width:30px; height:30px; min-width:30px; border-radius:7px!important; font-size:.8125rem; }
.mt-workspace .mailtemp-guest-trigger { width:30px; height:30px; border:1px solid var(--mt-line); border-radius:7px; }
.mt-workspace .mailtemp-inbox #app-email-sidebar { border-inline-end:1px solid var(--mt-line)!important; padding-bottom:40px; }
.mt-workspace .mailtemp-inbox .app-emails-list,
.mt-workspace .domain-library .domain-marketplace-content { border-inline-start:0; border-radius:0 12px 0 0; }
.mt-workspace .mailtemp-inbox .email-list { background:var(--mt-surface-soft)!important; background-image:none!important; }
.mt-workspace .mailtemp-inbox .email-list-item { background:var(--mt-surface); }
.mt-workspace .mailtemp-inbox .btn-compost-wrapper { padding:0 12px 18px!important; }
.mt-workspace .mailtemp-inbox .btn-compose { height:44px; margin:0; font-weight:400; }
.mt-workspace .mailtemp-inbox .email-filter-folders li.active { background:var(--mt-surface-soft)!important; }
.mt-workspace .mailtemp-inbox .email-filter-folders li.active :is(button,a) { color:var(--mt-text); font-weight:600; }
.mt-workspace .email-filters :is(p,span,small), .mt-workspace :is(.mail-empty-title,.mailbox-content-loader,.mail-guest-upgrade-card h3) { font-family:inherit!important; }
.mt-workspace .mail-guest-upgrade-card h3 { line-height:1.4; margin:10px 0; }
.mt-workspace .mailtemp-inbox .mail-select { max-width:none; width:100%; }
.mt-workspace .mailtemp-inbox .mail-select .input-group { background:var(--mt-surface); border:0; padding-inline:0; }
.mt-workspace .mailtemp-inbox .mail-select .form-control { background:var(--mt-surface); color:var(--mt-text); font-weight:600!important; }
.mt-workspace .mailtemp-inbox .emails-list-header { padding:10px 18px 6px!important; }
.mt-workspace .mailtemp-inbox .mail-empty-title { font-weight:500; }
.mt-workspace .acct-topbar { padding-inline:0 12px; gap:12px; }
.mt-workspace .acct-content { border-inline-start:0; border-radius:0 12px 0 0; }
.mt-workspace .acct-sidebar { border-inline-end:1px solid var(--mt-line); padding-top:0; }
.mt-workspace .mt-utility-rail { background:var(--mt-surface); }
.mt-workspace .mt-rail-items { gap:18px; }
.mt-workspace .mail-client-footer { background:var(--mt-surface); }
@media(min-width:992px) {
    .mt-workspace .mt-sidebar-toggle { position:fixed; inset-inline-start:calc(var(--mt-sidebar) - 36px); bottom:32px; z-index:1035; width:32px; height:32px; border-radius:6px 0 0 6px; background:var(--mt-surface-soft); }
    .mt-sidebar-compact .mt-brand-area { justify-content:center; padding:0 8px; }
    .mt-sidebar-compact .mt-brand-area .mailtopbar-theme-logo { display:none; }
    .mt-sidebar-compact .mt-compact-logo { display:block; width:28px; height:28px; }
    .mt-sidebar-compact .mt-brand-area .mail-apps-wrap { display:none!important; }
    .mt-workspace .acct-shell .acct-sidebar { padding-bottom:64px; }
}
@media(max-width:1199px) { .mt-workspace .mt-user-identity { max-width:130px; } .mt-workspace .mailtopbar-search { flex-shrink:1; } }
@media(max-width:991.98px) {
    .mt-workspace .mt-brand-area { flex:0 0 175px; width:175px; padding:0 8px; border:0; }
    .mt-workspace .mailtopbar-search { margin-inline:10px; }
    .mt-workspace .mailtopbar>.navbar-nav-right>[data-mail-sidebar-toggle] { margin-inline-start:8px; }
    .mt-workspace .mt-user-identity { display:none; }
    .mt-workspace .acct-topbar>[data-shell-sidebar] { margin-inline-start:8px; }
}
@media(max-width:600px) {
    .mt-workspace .mailtopbar-search { flex:0 0 calc(100% - 24px); margin:0 12px; max-width:none; min-width:0; }
    .mt-workspace .mailtopbar>.navbar-nav-right { padding-bottom:10px; }
    .mt-workspace .mt-brand-area { flex-basis:148px; width:148px; }
    .mt-workspace .mt-brand-area .mailtopbar-theme-logo { max-width:108px; }
    .mt-workspace .mt-brand-area .mail-apps-wrap { display:none!important; }
    .mt-workspace .acct-topbar { gap:4px; }
}
.mt-workspace .mt-brand-area .mailtopbar-theme-logo { width:136px!important; height:36px; max-width:150px; }
.mt-workspace .mailtemp-inbox .mail-dot-icon { stroke-dasharray:none; stroke-width:1.65; width:19px; height:19px; }
.mt-workspace .mailtemp-inbox .mail-dot-icon * { stroke-dasharray:none; }
.mt-workspace .mailtemp-inbox .btn-compose { font-family:inherit!important; background-image:none!important; }
.mt-workspace .mailtemp-inbox .mail-history-heading p { font-size:.8125rem!important; }
.mt-workspace .mailtopbar-search-input { font-weight:400; }
@media(max-width:600px) { .mt-workspace .mt-brand-area .mailtopbar-theme-logo { width:108px!important; height:30px; } }
.mt-workspace .mailtemp-inbox .mail-select .form-control,
.mt-workspace .mailtemp-inbox .mail-select .form-control::placeholder { font-family:Arial,-apple-system,BlinkMacSystemFont,sans-serif!important; font-size:.875rem!important; letter-spacing:normal; }
/* Small edge controls, matching the supplied Proton reference. */
.mt-workspace .mt-sidebar-toggle .mt-mobile-menu-glyph { display:none; }
.mt-workspace .mt-sidebar-toggle .mt-collapse-glyph { width:16px; height:16px; stroke-width:1.4; }
.mt-workspace .mt-rail-toggle { width:32px; height:32px; flex-basis:32px; padding:8px; border:0; border-radius:0; color:var(--mt-muted); background:transparent; }
.mt-workspace .mt-rail-toggle svg { width:14px; height:14px; stroke-width:1.5; }
.mt-workspace.mt-rail-hidden .mt-utility-rail { width:44px; height:32px; padding:0 6px; border:0; border-radius:0; background:var(--mt-surface); }
.mt-workspace .mt-rail-toggle:hover { color:var(--mt-text); background:var(--mt-surface-soft); border-radius:4px; }
@media(min-width:992px) {
    .mt-workspace .mt-sidebar-toggle { inset-inline-start:calc(var(--mt-sidebar) - 33px); bottom:32px; width:32px; height:32px; padding:8px; border:0; border-radius:10px 0 0 10px; background:var(--mt-surface-soft); color:var(--mt-muted); }
    .mt-workspace .mt-sidebar-toggle:hover { background:#dedede; color:var(--mt-text); }
    .mt-sidebar-compact .mt-collapse-glyph { transform:rotate(180deg); }
}
@media(max-width:991.98px) {
    .mt-workspace .mt-sidebar-toggle .mt-collapse-glyph { display:none; }
    .mt-workspace .mt-sidebar-toggle .mt-mobile-menu-glyph { display:block; }
}
/* Existing notifications retain their behavior; only their presentation changes. */
.mt-workspace .fl-main-container { top:auto!important; bottom:32px!important; left:32px!important; right:auto!important; width:min(440px,calc(100vw - 64px))!important; font-family:Arial,sans-serif; }
.mt-workspace .fl-main-container .fl-container.fl-flasher { margin:8px 0 0; border:0!important; border-radius:12px!important; background:var(--mt-action)!important; color:white!important; box-shadow:0 8px 28px #0002; backdrop-filter:none; }
.mt-workspace .fl-main-container .fl-container.fl-flasher::after { content:none; }
.mt-workspace .fl-main-container .fl-container.fl-flasher .fl-content { min-height:44px; gap:8px; padding:10px 38px 10px 14px; }
.mt-workspace .fl-main-container .fl-container.fl-flasher .fl-icon { display:none; }
.mt-workspace .fl-main-container .fl-container.fl-flasher .fl-title { color:white!important; font-size:14px; font-weight:600; letter-spacing:0; }
.mt-workspace .fl-main-container .fl-container.fl-flasher .fl-message { margin:0; color:white!important; font-size:14px; line-height:1.4; }
.mt-workspace .fl-main-container .fl-container .fl-progress-bar { background:#444!important; height:1px; }
.mt-workspace .fl-main-container .fl-container .fl-progress-bar .fl-progress { background:#aaa!important; }
.mt-workspace .fl-main-container :is(.fl-close,.fl-close-button) { color:white!important; opacity:1; }
.mt-workspace .notyf { justify-content:flex-end!important; align-items:flex-start!important; padding:32px!important; }
.mt-workspace .notyf__toast { border:0; border-radius:12px!important; background:var(--mt-action)!important; color:white!important; }
.mt-workspace .notyf__wrapper { padding:12px 14px!important; }
.mt-workspace .notyf__message { color:white!important; font:400 14px/1.4 Arial,sans-serif; }
.mt-workspace .notyf__icon { display:none; }
@media(max-width:600px) { .mt-workspace .fl-main-container { left:12px!important; right:12px!important; bottom:20px!important; width:auto!important; } .mt-workspace .notyf { padding:20px 12px!important; } }
/* With the footer removed, the inbox and both edge controls reach the viewport foot. */
.mt-workspace .mailtemp-inbox #app-email-sidebar { padding-bottom:32px; }
@media(min-width:992px) {
    .mt-workspace .mt-sidebar-toggle { bottom:0; }
}
.mt-workspace .mt-utility-rail { padding-bottom:0; }
/* Inbox refresh and recent addresses replace the old toolbar. */
.mt-workspace #mailbox-nav { position:relative; }
.mt-workspace #mailbox-nav .mail-folder-button { padding-inline-end:44px; }
.mt-workspace #mailbox-nav .mt-inbox-refresh { position:absolute; inset-inline-end:4px; top:3px; width:30px; min-height:30px; height:30px; display:grid; place-items:center; padding:6px; border:0; border-radius:5px; background:transparent; color:var(--mt-muted); }
.mt-workspace #mailbox-nav .mt-inbox-refresh:hover { background:#ddd; }
.mt-inbox-refresh svg { width:17px; height:17px; fill:none; stroke:currentColor; stroke-width:1.6; }
.mt-inbox-refresh.is-refreshing svg { animation:mt-refresh-spin 1s linear infinite; }
@keyframes mt-refresh-spin { to { transform:rotate(360deg); } }
.mt-address-strip { display:flex; align-items:stretch; min-width:0; gap:8px; margin:0 -12px -6px; }
.mt-address-tabs { display:flex; gap:4px; flex:1; min-width:0; overflow-x:auto; scrollbar-width:thin; }
.mt-address-tab { flex:0 0 auto; max-width:240px; padding:12px 14px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; border:0; border-bottom:3px solid transparent; background:transparent; color:var(--mt-muted); font-size:14px; }
.mt-address-tab:hover { background:transparent; }
.mt-address-tab.is-current { border-bottom-color:#7752ff; color:var(--mt-text); font-weight:600; }
.mt-address-tabs-empty { padding:12px 14px; color:var(--mt-muted); font-size:14px; }
.mt-address-strip>.mt-shell-icon { align-self:center; }
.mt-legacy-mail-toolbar[hidden] { display:none!important; }
.mt-workspace .mail-history-drawer { top:var(--mt-header); height:calc(100dvh - var(--mt-header)); width:min(400px,100vw); border-radius:0; box-shadow:-8px 0 30px #0001; }
.mt-workspace .mail-history-drawer-header { padding:20px; }
.mt-workspace .mail-history-title-wrap h5 { font:600 18px/1.4 Arial,sans-serif; }
.mt-workspace .mail-history-search { margin:0 20px 12px; }
.mt-workspace .mail-history-item { border-radius:6px; }
@media(min-width:992px) { .mt-workspace.mt-sidebar-compact #mailbox-nav .mt-inbox-refresh { position:static; margin:4px auto; } .mt-sidebar-compact #mailbox-nav { flex-direction:column; } .mt-workspace.mt-sidebar-compact #mailbox-nav .mail-folder-button { padding:10px; } }
@media(max-width:600px) { .mt-workspace .mail-history-drawer { top:0; height:100dvh; } .mt-address-tab { max-width:180px; } }
@media(prefers-reduced-motion:reduce) { .mt-inbox-refresh.is-refreshing svg { animation:none; } }
/* Category-like address tabs from the supplied reference. */
.mt-workspace .mt-address-strip { margin-inline:-10px; gap:0; min-height:44px; }
.mt-workspace .mt-address-tabs { gap:0; }
.mt-workspace .mt-address-tab { display:inline-flex; align-items:center; gap:14px; min-height:44px; padding:10px 16px 9px; border-bottom:3px solid transparent; color:var(--mt-muted); font:400 14px/1.4 Arial,sans-serif; }
.mt-workspace .mt-address-tab>svg { width:16px; height:16px; flex:0 0 16px; fill:currentColor; }
.mt-workspace .mt-address-tab>span { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.mt-workspace .mt-address-tab.is-current { border-bottom-color:#7752ff; color:var(--mt-text); font-weight:600; }
.mt-workspace .mt-address-tab.is-current>svg { color:#7752ff; }
.mt-workspace .mt-address-primary { min-width:120px; }
/* MailTemp's primary address action uses the black brand color. */
.mt-workspace .mailtemp-inbox .btn-compose { background:var(--mt-action)!important; color:#fff!important; }
.mt-workspace .mailtemp-inbox .btn-compose:hover { background:var(--mt-action)!important; }
.mt-workspace .mailtemp-inbox .btn-compose:active { background:var(--mt-action)!important; }
.mt-workspace .mailtemp-inbox .btn-compose:focus-visible { outline-color:var(--mt-line); outline-offset:3px; }
/* Address history is a docked workspace panel, not a dimmed modal overlay. */
.mt-workspace #history.mail-history-drawer { inset-block:0; inset-inline-end:0; height:100dvh; width:300px; max-width:100vw; background:var(--mt-surface-soft); border-inline-start:1px solid #d2d2d2; box-shadow:none; border-radius:0; }
.mt-workspace #history .mail-history-drawer-header { padding:16px 12px; border:0; background:transparent; min-height:60px; }
.mt-workspace #history .mail-history-title-icon, .mt-workspace #history .mail-history-title-wrap p { display:none; }
.mt-workspace #history .mail-history-title-wrap { gap:0; }
.mt-workspace #history #history-title { margin:0; color:var(--mt-text); font:600 16px/1.4 Arial,sans-serif; }
.mt-workspace #history .btn-close { width:16px; height:16px; padding:6px; margin:0; opacity:.8; }
.mt-workspace #history .mail-history-search { margin:0 12px 12px; padding:10px 12px; min-height:38px; border:1px solid var(--mt-line); border-radius:8px; background:var(--mt-surface); box-shadow:none; }
.mt-workspace #history .mail-history-search input { font:400 14px/1.4 Arial,sans-serif; }
.mt-workspace #history .offcanvas-body { padding:0 12px 16px!important; background:transparent; }
.mt-workspace #history .mail-results-info { margin:0 0 12px; padding:14px 12px; border:0; border-radius:12px; background:var(--mt-surface); box-shadow:0 2px 4px #0000000c; font-size:14px; text-transform:none; letter-spacing:0; }
.mt-workspace #history .mail-history-quota { background:transparent; color:var(--mt-muted); }
.mt-workspace #history .mail-history-empty { margin:0; padding:24px 16px; border-radius:12px; background:var(--mt-surface); box-shadow:0 2px 4px #0000000c; }
.mt-workspace #history .mail-history-empty-icon { display:none; }
.mt-workspace #history .mail-history-empty h5 { margin:0 0 8px; font:600 14px/1.4 Arial,sans-serif; }
.mt-workspace #history .mail-history-empty p { margin:0; font:400 14px/1.5 Arial,sans-serif; color:var(--mt-muted); }
.mt-workspace #history .mail-history-item { grid-template-columns:18px minmax(0,1fr); gap:8px; padding:12px; margin-bottom:8px; border:0; border-radius:12px; background:var(--mt-surface); box-shadow:0 2px 4px #0000000c; }
.mt-workspace #history .mail-history-avatar { display:none; }
.mt-workspace #history .mail-history-address { min-width:0; }
.mt-workspace #history .mail-history-address strong { font-size:14px; }
.mt-workspace #history .mail-history-item :is(.mail-history-use,.mail-history-current) { grid-column:2; justify-self:start; }
.mt-workspace #history .mail-history-drawer-footer { position:static; display:flex; flex-direction:column; align-items:stretch; gap:10px; padding:12px; border:0; background:transparent; box-shadow:none; }
.mt-workspace #history .mail-history-drawer-footer button { min-width:0; width:100%; border-radius:8px; }
@media(min-width:992px) {
    .mt-workspace:has(#history.show,#history.showing) .layout-navbar.mailtopbar { width:calc(100% - 300px)!important; }
    .mt-workspace:has(#history.show,#history.showing) .content-wrapper>.container-fluid { padding-inline-end:calc(var(--mt-rail) + 300px)!important; }
    .mt-workspace:has(#history.show,#history.showing) .mt-utility-rail { inset-inline-end:300px; }
}
@media(max-width:991.98px) { .mt-workspace #history.mail-history-drawer { width:min(340px,100vw); box-shadow:-8px 0 24px #0002; } }
.mt-workspace #history .mail-history-drawer-header { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.mt-workspace #history .mail-history-title-wrap { flex:1; min-width:0; }
.mt-workspace #history .mail-history-search { border:0; padding:0; background:transparent; }
.mt-workspace #history .mail-history-search input { border-radius:8px; background:var(--mt-surface); }

/* Address filtering from Starred follows the compact message-list rhythm. */
.mt-workspace #history .mt-starred-address-list { overflow:hidden; border:1px solid var(--mt-line); border-radius:9px; background:var(--mt-surface); }
.mt-workspace #history .mt-starred-address-row { display:grid; grid-template-columns:28px minmax(0,1fr) auto; align-items:center; gap:9px; min-height:52px; padding:8px 10px; border-bottom:1px solid var(--mt-line); }
.mt-workspace #history .mt-starred-address-row:last-child { border-bottom:0; }
.mt-workspace #history .mt-starred-address-row:hover { background:transparent; }
.mt-workspace #history .mt-starred-address-row.is-current { background:var(--mt-surface-soft); }
.mt-workspace #history .mt-starred-address-avatar { display:grid; width:28px; height:28px; place-items:center; border-radius:7px; background:var(--mt-surface-soft); color:var(--mt-muted); font:500 11px/1 InterVariable,system-ui,sans-serif; }
.mt-workspace #history .mt-starred-address-copy { min-width:0; }
.mt-workspace #history .mt-starred-address-copy strong,.mt-workspace #history .mt-starred-address-copy small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.mt-workspace #history .mt-starred-address-copy strong { color:var(--mt-text); font-size:12px; font-weight:500; }
.mt-workspace #history .mt-starred-address-copy small { margin-top:2px; color:var(--mt-muted); font-size:10px; }
.mt-workspace #history .mt-starred-address-filter { padding:5px 8px; border:0; border-radius:6px; background:transparent; color:#4f3bc4; font-size:11px; font-weight:600; }
.mt-workspace #history .mt-starred-address-filter:hover { background:var(--mt-surface-soft); }
.mt-workspace #history .mt-starred-address-current { color:var(--mt-muted); font-size:11px; }

/* Compact mailbox controls and integrated storage footer. */
.mt-workspace #app-email-sidebar { position:relative; }
.mt-workspace #app-email-sidebar .email-filters { padding-bottom:100px!important; }
.mt-workspace #app-email-sidebar #mail-storage-card { position:absolute; bottom:32px; left:12px; right:12px; width:auto; margin:0; padding:10px 0 8px; border:0; border-radius:0; background:transparent; box-shadow:none; }
.mt-workspace #mail-storage-card .mail-storage-summary { display:flex; align-items:center; gap:4px; margin-top:6px; }
.mt-workspace #mail-storage-card .mail-storage-summary :is(strong,b,small) { font-size:11px; font-weight:400; color:var(--mt-muted); }
.mt-workspace #mail-storage-card .mail-storage-manage { margin-top:3px; font-size:11px; color:var(--mt-muted); }
.mt-workspace #mailbox-nav .mail-folder-button { min-width:0; flex:1; width:auto!important; }
.mt-workspace .mt-inbox-count { flex:none; min-width:17px; margin-right:6px; padding:1px 4px; border-radius:4px; background:#4833ad; color:#fff; text-align:center; font-size:11px; line-height:18px; }
.mt-workspace .mailtemp-profile-trigger .avatar { display:grid; place-items:center; overflow:hidden; padding:0!important; border:1px solid var(--mt-line)!important; background:var(--mt-surface)!important; box-shadow:none!important; }
.mt-workspace .mailtemp-profile-trigger .avatar::before,.mt-workspace .mailtemp-profile-trigger .avatar::after,.mt-workspace .mailtemp-profile-trigger .mailtemp-premium-crown,.mt-workspace .mailtemp-profile-trigger .mailtemp-premium-dot { display:none!important; }
.mt-workspace .mailtemp-profile-trigger .avatar img { width:100%!important; height:100%!important; min-width:0!important; object-fit:cover; border:0!important; padding:0!important; }
.mt-workspace .mt-address-tabs { flex:0 1 auto; max-width:calc(100% - 36px); overflow:hidden; }
.mt-workspace .mt-address-strip>[data-address-history] { flex:0 0 36px; margin:0; }
.mt-address-entry { display:flex; align-items:center; flex:0 0 auto; max-width:280px; border-bottom:3px solid transparent; }
.mt-address-entry[hidden] { display:none!important; }
.mt-address-entry.is-current { border-bottom-color:#7752ff; }
.mt-workspace .mt-address-entry .mt-address-tab { min-width:0; min-height:41px; border-bottom:0; padding-right:6px; }
.mt-address-copy { display:grid; place-items:center; flex:0 0 26px; width:26px; height:26px; margin-right:8px; border:0; border-radius:4px; background:transparent; color:var(--mt-muted); }
.mt-address-copy:hover,.mt-address-copy.is-copied { background:var(--mt-surface-soft); color:var(--mt-text); }
.mt-address-copy i { font-size:14px; }
@media(min-width:992px) { .mt-sidebar-compact .mt-inbox-count { display:none; } }
@media(min-width:992px) { .mt-workspace .mailtemp-inbox #app-email-sidebar { position:relative; } }
.mt-workspace #mailbox-nav .mt-inbox-refresh { position:static; flex:0 0 28px; width:28px; margin:0; }
.mt-workspace #mail-storage-card .mail-storage-summary { flex-direction:row; }
@media(min-width:992px) { .mt-workspace .mailtemp-inbox #app-email-sidebar { inset-inline-start:0!important; } }

/* Keep the mailbox heading separate from its explicit action. */
.mt-workspace .mt-mail-heading,.mt-workspace .mt-mail-heading:hover { cursor:default; background:transparent!important; box-shadow:none!important; }
.mt-workspace .mt-mail-heading .input-group-text,.mt-workspace .mt-mail-heading:hover .input-group-text { background:transparent!important; color:var(--mt-muted)!important; }
.mt-workspace .mt-mail-heading .mail-input-copy { position:static; display:flex; align-items:center; gap:8px; width:auto; min-width:32px; height:30px; padding:4px 8px; border:0; border-radius:5px; background:transparent; color:var(--mt-muted); }
.mt-workspace .mt-mail-heading .mail-input-copy:is(:hover,:active,.is-copied) { background:transparent!important; box-shadow:none!important; color:var(--mt-text)!important; }
.mt-manage-label { display:none; font:400 12px Arial,sans-serif; white-space:nowrap; }
.mail-input-copy.is-unified .mt-manage-label { display:inline; }
.mt-workspace .mail-input-copy:not(.is-unified) .unified-trigger-icon,.mt-workspace .mail-input-copy.is-unified .mail-copy-icon { display:none!important; }
.mt-workspace .mt-mail-heading input { min-width:0; cursor:default; }
.mt-workspace .email-filter-folders li :is(a,button,span) { font-weight:400!important; }
.mt-workspace .email-filter-folders li.active .mail-folder-button>span { font-weight:600!important; }
.mt-workspace .email-filter-folders li:hover { background:var(--mt-surface-soft)!important; border-radius:6px; }
.mt-workspace .email-filter-folders li.active { background:var(--mt-surface-soft)!important; }
.mt-workspace .email-filter-folders .icon-base { font-size:18px; }
.mt-workspace .mt-mail-heading .input-group { display:flex; flex-wrap:nowrap; }
.mt-workspace .mt-mail-heading .mail-input-copy { flex:0 0 auto!important; width:auto!important; max-width:none!important; transform:none!important; overflow:visible; }
.mt-workspace .mt-mail-heading #mainEmail { flex:1 1 0!important; width:0!important; }

/* Settings shares the workspace instead of covering it with a modal. */
.mt-workspace .mt-settings-panel { inset:0 0 0 auto; width:300px; height:100dvh; max-height:100dvh; padding:16px 12px; background:var(--mt-surface-soft); box-shadow:none; border-radius:0; z-index:1040; }
.mt-settings-panel header { margin-bottom:16px; }
.mt-settings-panel h2 { font-size:16px; }
.mt-settings-panel .mt-panel-links { padding:8px; background:var(--mt-surface); border-radius:12px; box-shadow:0 1px 4px #00000012; }
.mt-settings-panel .mt-panel-choice { margin-top:10px; padding:12px; border:0; background:var(--mt-surface); border-radius:12px; box-shadow:0 1px 4px #00000012; font-size:14px; }
.mt-settings-panel .mt-panel-primary { justify-content:center; gap:8px; font-weight:400; }
@media(min-width:600px) {
    .mt-workspace:has(#mt-settings-panel[open]) :is(.layout-navbar.mailtopbar,.acct-topbar) { width:calc(100% - 300px)!important; }
    .mt-workspace:has(#mt-settings-panel[open]) .content-wrapper>.container-fluid,
    .mt-workspace:has(#mt-settings-panel[open]) .acct-shell { padding-inline-end:calc(var(--mt-rail) + 300px)!important; }
    .mt-workspace:has(#mt-settings-panel[open]) .mt-utility-rail { inset-inline-end:300px; }
}
@media(max-width:991px) { .mt-workspace .mt-settings-panel { width:min(300px,100vw); box-shadow:-4px 0 18px #00000012; } }
.mt-workspace .mailtemp-inbox .mt-mail-heading .input-group,
.mt-workspace .mailtemp-inbox .mt-mail-heading:hover .input-group,
.mt-workspace .mailtemp-inbox .mt-mail-heading:active .input-group { background:transparent!important; border-color:transparent!important; box-shadow:none!important; transform:none!important; }
.mt-workspace .mailtemp-inbox .mt-mail-heading .mail-input-copy { pointer-events:auto; cursor:pointer; line-height:1.3; color:var(--mt-muted)!important; }
.mt-workspace .mailtemp-inbox .mt-mail-heading .mail-input-copy.is-unified .unified-trigger-icon { display:block!important; }
.mt-workspace .mailtemp-inbox .mt-mail-heading .input-group-text { cursor:default; }
.mt-workspace .mailtemp-inbox .mail-select,
.mt-workspace .mailtemp-inbox .mail-select .form-control { cursor:default!important; }
.mt-workspace .mailtemp-inbox .mt-mail-heading .mail-input-copy { cursor:pointer!important; }
.mt-workspace .mailtemp-inbox .mt-mail-heading button.mail-input-copy { position:relative!important; z-index:2; pointer-events:auto!important; }
.mt-workspace .mailtemp-inbox .mt-mail-heading button.mail-input-copy * { pointer-events:none!important; }

/* Address management uses the same dock as settings. */
.mt-workspace #unifiedInbox { top:0; bottom:0; width:300px; height:100dvh; max-width:100vw; border:0; border-left:1px solid var(--mt-line); border-radius:0; background:var(--mt-surface-soft); box-shadow:none; }
.mt-workspace #unifiedInbox .unified-inbox-head { padding:16px 12px 12px; }
.mt-workspace #unifiedInbox .unified-inbox-eyebrow { display:none; }
.mt-workspace #unifiedInbox h5 { font-size:16px; color:var(--mt-text); }
.mt-workspace #unifiedInbox .unified-inbox-head p { font-size:12px; margin:8px 0 0; }
.mt-workspace #unifiedInbox .unified-inbox-search { margin:0 12px; background:var(--mt-surface); }
.mt-workspace #unifiedInbox .unified-inbox-summary { padding:12px; font-size:12px; }
.mt-workspace #unifiedInbox .unified-inbox-summary-actions { display:flex; align-items:center; gap:8px; }
.mt-workspace #unifiedInbox .offcanvas-body { margin:0 12px; padding:8px; border-radius:12px; background:var(--mt-surface); }
.mt-workspace #unifiedInbox .unified-inbox-footer { margin:12px; padding:12px; background:var(--mt-surface); font-size:12px; }
@media(min-width:992px) {
    .mt-workspace:has(#unifiedInbox.show,#unifiedInbox.showing) .layout-navbar.mailtopbar { width:calc(100% - 300px)!important; }
    .mt-workspace:has(#unifiedInbox.show,#unifiedInbox.showing) .content-wrapper>.container-fluid { padding-inline-end:calc(var(--mt-rail) + 300px)!important; }
    .mt-workspace:has(#unifiedInbox.show,#unifiedInbox.showing) .mt-utility-rail { inset-inline-end:300px; }
}
.mt-workspace #unifiedInbox { width:300px!important; --bs-offcanvas-width:300px; }
.mt-workspace #unifiedInbox .unified-address-avatar { width:32px; height:32px; flex:0 0 32px; }
/* Compact, centered feedback above the bottom edge. */
.mt-workspace .fl-main-container { left:50%!important; right:auto!important; bottom:26px!important; width:max-content!important; max-width:calc(100vw - 32px)!important; transform:translateX(-50%)!important; }
.mt-workspace .fl-main-container .fl-container.fl-flasher { width:max-content!important; min-width:0!important; max-width:min(560px,calc(100vw - 32px))!important; margin:8px auto 0; border-radius:12px!important; }
.mt-workspace .fl-main-container .fl-container.fl-flasher .fl-title { display:none!important; }
.mt-workspace .fl-main-container .fl-container.fl-flasher .fl-content { min-height:36px; padding:8px 38px 8px 12px; gap:0; }
.mt-workspace .fl-main-container .fl-container.fl-flasher .fl-message { font:400 14px/20px Arial,sans-serif; overflow-wrap:anywhere; }
.mt-workspace .fl-main-container .fl-progress-bar { display:none!important; }
.mt-workspace .fl-main-container { top:auto!important; bottom:26px!important; transform:translateX(-50%)!important; }
.mt-workspace .fl-main-container .fl-container.fl-flasher { margin:0!important; animation:mt-notice-appear 140ms ease-out!important; }
.mt-workspace .fl-main-container .mt-notice-replaced { display:none!important; }
@keyframes mt-notice-appear { from { opacity:0; } to { opacity:1; } }
@media(prefers-reduced-motion:reduce) { .mt-workspace .fl-main-container .fl-container.fl-flasher { animation:none!important; } }
/* Keep the heading action beside its label, not at the far edge. */
.mt-workspace .mt-mail-heading #mainEmail { display:none!important; }
.mt-workspace .mt-mail-heading .input-group { justify-content:flex-start; align-items:center; gap:8px; }
.mt-workspace #mail-heading-label { flex:0 1 auto; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font:600 14px/20px Arial,sans-serif; color:var(--mt-text); }
.mt-workspace .mailtemp-inbox .mt-mail-heading button.mail-input-copy { display:inline-flex!important; align-items:center; justify-content:center; margin:0!important; padding:6px!important; height:30px!important; min-width:30px!important; border-radius:5px; }
.mt-workspace .mt-mail-heading .mail-copy-icon { width:17px; height:17px; stroke:currentColor; stroke-width:1.6; fill:none; }
.mt-workspace .mt-mail-heading .mt-manage-label { display:none!important; }
.mt-workspace .mt-mail-heading .input-group-text { flex:0 0 auto; margin:0!important; }
/* The mailbox title is informational; only its chevron opens the address panel. */
.mt-workspace .mailtemp-inbox .mt-mail-heading,
.mt-workspace .mailtemp-inbox .mt-mail-heading .input-group,
.mt-workspace .mailtemp-inbox .mt-mail-heading #mail-heading-label,
.mt-workspace .mailtemp-inbox .mt-mail-heading #mainEmail,
.mt-workspace .mailtemp-inbox .mt-mail-heading .mail-copy-feedback {
    cursor:default!important;
}
.mt-workspace .mailtemp-inbox .mt-mail-heading .mail-input-copy,
.mt-workspace .mailtemp-inbox .mt-mail-heading .mail-input-copy .unified-trigger-icon {
    cursor:pointer!important;
}
/* Fade in place; keep opacity transition for Flasher's dismissal cleanup. */
.mt-workspace .fl-main-container { transition:none!important; }
.mt-workspace .fl-main-container .fl-container.fl-flasher { transform:none!important; animation:none!important; opacity:0; transition:opacity 120ms ease-out!important; }
.mt-workspace .fl-main-container .fl-container.fl-flasher.fl-show { transform:none!important; opacity:1; }
/* Storage stays flush with the sidebar footer, with its action above the meter. */
.mt-workspace #app-email-sidebar #mail-storage-card { bottom:0; display:flex; flex-direction:column; gap:6px; padding:8px 0 7px; }
.mt-workspace #mail-storage-card .mail-storage-manage { order:-1; margin:0; }
.mt-workspace #mail-storage-card .mail-storage-track { flex:none; margin:0; }
.mt-workspace #mail-storage-card .mail-storage-summary { margin:0; padding-inline-end:24px; gap:4px; }
.mt-workspace #mail-storage-card .mail-storage-summary small { margin-inline-start:4px; }
@media(min-width:992px) {
    .mt-workspace:not(.mt-sidebar-compact):has(#mail-storage-card) .mt-sidebar-toggle { bottom:34px!important; }
}

.mt-workspace #new_email_btn { display:flex; align-items:center; justify-content:center; text-align:center; gap:0; }
@media(min-width:992px) { .mt-workspace.mt-sidebar-compact #new_email_btn { font-size:10px; line-height:1.2; white-space:normal; padding:4px; } }
.mt-workspace .mt-rail-toggle { width:36px; height:36px; flex-basis:36px; margin-bottom:12px; padding:8px; }
.mt-workspace .mt-rail-toggle svg { width:18px; height:18px; }
.mt-workspace.mt-rail-hidden .mt-utility-rail { height:48px; padding:0 4px; }

.mt-workspace .mailtemp-profile-trigger .mt-name-avatar { width:32px!important; height:32px!important; min-width:32px!important; border-radius:9px!important; border:1px solid var(--mt-line)!important; background:var(--mt-surface-soft)!important; }
.mt-workspace .mailtemp-profile-trigger .mt-name-avatar .avatar-initial { position:static; display:grid; place-items:center; width:100%; height:100%; min-width:0; border-radius:inherit!important; background:transparent!important; color:var(--mt-text)!important; font:500 15px/1 Arial,sans-serif; }
.mt-workspace .mailtemp-profile-trigger:hover .mt-name-avatar { background:var(--mt-surface-soft)!important; border-color:var(--mt-line)!important; }
/* Keep the reopen control visible and clickable when the rail is collapsed. */
.mt-workspace.mt-rail-hidden .mt-utility-rail { z-index:1040; }
.mt-workspace.mt-rail-hidden .mt-rail-toggle { background:var(--mt-surface-soft); border-radius:8px; color:var(--mt-text); }
.mt-workspace .mt-rail-items[hidden] { display:none!important; }
/* Collapsed rail becomes a small edge tab with no white container. */
.mt-workspace.mt-rail-hidden .mt-utility-rail { width:32px; height:36px; padding:0; bottom:16px; background:transparent!important; border:0; box-shadow:none; }
.mt-workspace.mt-rail-hidden .mt-rail-toggle { width:32px; height:36px; flex:0 0 36px; margin:0; padding:7px; border-radius:10px 0 0 10px; background:var(--mt-surface-soft); }
.mt-settings-panel .mt-panel-language { margin-top:14px; }
.mt-panel-language select { max-width:165px; min-width:0; padding:5px 22px 5px 8px; border:0; border-radius:5px; background-color:transparent; color:var(--mt-accent); font:inherit; cursor:pointer; }
.mt-panel-language select:focus-visible { outline:2px solid var(--mt-accent); outline-offset:2px; }
.mt-workspace .emails-list-header { position:relative; }
.mt-workspace .mt-mail-heading { padding-inline-end:82px; }
#mt-unread-filter { position:absolute; top:16px; right:14px; padding:5px 10px; border:1px solid var(--mt-line); border-radius:6px; background:var(--mt-surface); color:var(--mt-text); font:400 12px Arial,sans-serif; }
#mt-unread-filter:hover { background:var(--mt-surface-soft); }
#mt-unread-filter.is-active { background:var(--mt-surface-soft); border-color:#7752ff; color:var(--mt-link); }
.mt-workspace #mailbox .email-list-item { min-height:42px!important; padding:5px 12px!important; }
.mt-workspace #mailbox .mt-message-avatar { display:grid!important; place-items:center; width:28px; height:28px; flex:0 0 28px; margin:0 6px 0 0; overflow:hidden; border-radius:7px; background:var(--mt-surface-soft); color:var(--mt-muted); font:500 11px/1 InterVariable,system-ui,sans-serif; letter-spacing:.02em; }
.mt-workspace #mailbox .mt-message-avatar .avatar { width:28px!important; height:28px!important; min-width:28px!important; margin:0!important; }
.mt-workspace #mailbox .mt-message-avatar .avatar-initial { display:grid!important; place-items:center; width:100%!important; height:100%!important; background:transparent!important; color:inherit!important; font:inherit!important; }
.mt-workspace #mailbox .mail-favorite-item { width:26px!important; height:26px!important; flex:0 0 26px; margin:0 8px 0 0!important; }
.mt-workspace #mailbox .email-list-item.email-marked-read .mail-favorite-item { color:var(--mt-muted)!important; }
.mt-workspace #mailbox .email-list-item:not(.email-marked-read) .mail-favorite-item { color:var(--mt-text)!important; }
.mt-workspace #mailbox .email-list-item:not(.email-marked-read) .mail-favorite-item .tabler-star { transform:scale(1.045); transform-origin:center; }
.mt-workspace #mailbox .email-list-item-content { display:flex!important; align-items:center; gap:10px; min-width:0; overflow:hidden; font-size:14px; white-space:nowrap; }
.mt-workspace #mailbox .email-list-item-username { flex:0 1 180px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.mt-workspace #mailbox .email-list-item-subject { flex:1 1 auto; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.mt-workspace #mailbox .mail-recipient-badge { display:inline-flex!important; flex:0 1 160px; max-width:160px; overflow:hidden; text-overflow:ellipsis; border:0; border-radius:4px; background:var(--mt-surface-soft); color:var(--mt-link); font-weight:500; padding:1px 6px!important; white-space:nowrap; }
.mt-workspace #mailbox .mail-recipient-badge i { display:none; }
.mt-workspace #mailbox .email-list-item:not(.email-marked-read) .email-list-item-subject { font-weight:600; color:var(--mt-text); }
.mt-message-attachment { font-size:16px; margin-inline:6px; }
@media(max-width:800px) { .mt-workspace #mailbox .email-list-item-username { flex-basis:110px; } .mt-workspace #mailbox .mail-recipient-badge { display:none; } }
#mt-unread-filter { z-index:3; pointer-events:auto; }
/* Reading mode starts at the top edge and uses the full viewport. */
.mt-workspace.mail-reader-open .layout-navbar.mailtopbar { display:none!important; }
.mt-workspace.mail-reader-open #app-email-view.show { position:fixed!important; inset:0 var(--mt-rail) 0 0!important; width:auto!important; inline-size:auto!important; height:100dvh!important; max-height:100dvh!important; z-index:1035; border-radius:0!important; background:var(--mt-surface); }
.mt-workspace.mail-reader-open .mt-utility-rail { top:0; }
.mt-workspace.mail-reader-open #app-email-view-content { height:100%; overflow-y:auto; }
.mt-workspace.mail-reader-open:has(#mt-settings-panel[open],#history.show,#unifiedInbox.show) #app-email-view.show { right:calc(var(--mt-rail) + 300px)!important; }
.mt-shared-reader-toolbar { --mt-reader-control-size:36px; }
.mt-reader-action { display:inline-grid; place-items:center; width:36px; height:36px; flex:0 0 36px; border:0; border-radius:5px; background:transparent; color:var(--mt-text); }
/* Geometry and Premium markers belong to controls, independent of viewport. */
.mt-workspace .mt-shared-reader-toolbar :is(.mt-reader-action,.mail-reader-navigation button) { position:relative; display:inline-grid; place-items:center; box-sizing:border-box; width:var(--mt-reader-control-size)!important; min-width:var(--mt-reader-control-size)!important; height:var(--mt-reader-control-size)!important; min-height:var(--mt-reader-control-size)!important; flex:0 0 var(--mt-reader-control-size)!important; padding:0!important; }
.mt-workspace .mail-reader-navigation.is-premium-locked::after { display:none!important; }
.mt-workspace .mail-reader-navigation.is-premium-locked button::after { content:""; position:absolute; top:3px; inset-inline-end:3px; width:6px; height:6px; box-sizing:border-box; border:1px solid var(--mt-line); border-radius:50%; background:#e1a400; }
@media(max-width:1199.98px) { .mt-shared-reader-toolbar { --mt-reader-control-size:30px; } }
@media(max-width:767.98px) { .mt-shared-reader-toolbar { --mt-reader-control-size:28px; } }
.mt-reader-action i { font-size:18px; }
.mt-reader-action:hover:not(:disabled) { background:var(--mt-surface-soft); }
.mt-reader-action:disabled { opacity:.45; cursor:default; }
.mt-reader-divider { height:24px; width:1px; background:#ddd; margin:0 8px; flex:none; }
.mt-workspace .mt-reader-subject-title { margin:0; padding:24px 28px 8px; font:600 20px/1.4 Arial,sans-serif; color:var(--mt-text); }
.mt-workspace .mail-reader-navigation { margin:0 4px; }
.mt-workspace .mail-reader-navigation>span { display:none; }
.mt-reader-account-slot { display:flex; align-items:center; gap:12px; margin-left:auto; padding-left:16px; flex:0 0 auto; }
.mt-workspace .mt-reader-account-slot .mailtopbar-actions { display:flex; align-items:center; margin:0!important; gap:12px; }
.mt-reader-account-slot>.navbar-nav { display:flex; flex-direction:row; margin:0; padding:0; list-style:none; }
.mt-reader-account-slot .mailtemp-profile-trigger { display:flex; align-items:center; gap:10px; }
.mt-reader-account-slot .dropdown-menu { position:absolute; }
.mt-reader-account-slot .mt-user-identity { display:flex; flex-direction:column; text-align:right; font-size:12px; line-height:1.4; }
.mt-reader-account-slot .mt-user-identity strong { font-weight:400; }
.mt-reader-account-slot .mt-user-identity small { color:var(--mt-muted); }
@media(max-width:900px) { .mt-reader-account-slot .mailtopbar-account-status,.mt-reader-account-slot .mt-user-identity { display:none!important; } .mt-reader-account-slot { gap:4px; padding-left:4px; } }
/* Reader account occupies the top-right corner; shortcuts start below it. */
.mt-workspace.mail-reader-open .mt-utility-rail { top:var(--mt-header); }
.mt-workspace.mail-reader-open #app-email-view.show { right:0!important; }
.mt-workspace.mail-reader-open #app-email-view-content>.app-email-view-content,
.mt-workspace.mail-reader-open #app-email-view-content>.mt-reader-subject-title { margin-inline-end:var(--mt-rail); }
.mt-workspace.mail-reader-open:has(#mt-settings-panel[open],#history.show,#unifiedInbox.show) #app-email-view.show { right:300px!important; }
.mt-workspace.mail-reader-open .mt-utility-rail { z-index:1036; }
/* Reading keeps the same sidebar and brand as the inbox shell. */
@media(min-width:992px) {
    .mt-workspace.mail-reader-open .layout-navbar.mailtopbar { display:flex!important; width:var(--mt-sidebar)!important; overflow:visible; }
    .mt-workspace.mail-reader-open .layout-navbar.mailtopbar .mailtopbar-search { display:none!important; }
    .mt-workspace.mail-reader-open #app-email-view.show { left:var(--mt-sidebar)!important; }
    .mt-workspace.mail-reader-open #app-email-sidebar { visibility:visible!important; display:flex!important; }
}
/* Continuous rounded edge around the reading surface, beneath the toolbar. */
.mt-workspace.mail-reader-open #app-email-view-content { position:relative; background:var(--mt-surface); }
.mt-workspace.mail-reader-open #app-email-view-content::before { content:""; position:absolute; top:var(--mt-header); right:var(--mt-rail); left:0; bottom:0; border:1px solid var(--mt-line); border-bottom:0; border-left:0; border-radius:0 14px 0 0; background:var(--mt-surface); pointer-events:none; z-index:0; }
.mt-workspace.mail-reader-open #app-email-view-content>.mt-reader-subject-title,
.mt-workspace.mail-reader-open #app-email-view-content>.app-email-view-content { position:relative; z-index:1; background:transparent!important; }
.mt-workspace.mail-reader-open #app-email-view-content>.mt-reader-subject-title { border-top-right-radius:14px; }
.mt-workspace.mail-reader-open #app-email-view-content>.card:first-child { position:relative; z-index:2; height:var(--mt-header); min-height:var(--mt-header); box-sizing:border-box; background:var(--mt-surface)!important; }
.mt-workspace.mail-reader-open #app-email-view-content>.card:first-child+hr { display:none; }
.mt-workspace.mail-reader-open .mt-utility-rail { background:var(--mt-surface); }
/* The sidebar supplies the left divider; the reader must not duplicate it. */
.mt-workspace.mail-reader-open #app-email-view.show { border:0!important; box-shadow:none!important; }
.mt-workspace.mail-reader-open .email-card-last { box-shadow:none!important; }
.mt-workspace .email-card-last .card-header { padding:18px 22px!important; align-items:flex-start!important; gap:12px; background:var(--mt-surface)!important; }
.mt-workspace .mt-reader-sender-avatar { display:none; }
.mt-workspace .mail-reader-header-meta { display:flex!important; flex-direction:row!important; align-items:center!important; gap:7px; margin-left:auto; }
.mt-workspace .mail-reader-header-meta .mail-favorite-item { display:grid; place-items:center; width:24px!important; height:24px!important; padding:3px!important; margin:0!important; }
.mt-workspace .mail-reader-header-meta .icon-base { font-size:16px!important; color:var(--mt-text); }
.mt-workspace .mail-reader-header-meta .is-favorite .icon-base { color:#f0ad00; }
.mt-workspace .mail-reader-header-meta .mail-reader-date { font:400 12px/20px Arial,sans-serif; color:var(--mt-text); }
.mt-message-actions { display:inline-flex; flex-basis:auto; margin:10px calc(100% - 182px) 0 0; border:1px solid var(--mt-line); border-radius:7px; padding:3px; white-space:nowrap; }
.mt-message-actions button { display:grid; place-items:center; width:34px; height:28px; border:0; border-right:1px solid var(--mt-line); background:transparent; color:var(--mt-text); }
.mt-message-actions button:last-child { border-right:0; }
.mt-message-actions button:hover:not(:disabled) { background:var(--mt-surface-soft); }
.mt-message-actions button:disabled { opacity:.45; }
.mt-message-actions i,.mt-reader-action i { font-size:16px; }
.mt-workspace .mt-fine-icon { display:block; width:16px; height:16px; flex:0 0 16px; vertical-align:middle; }
.mt-workspace .mail-reader-header-meta { gap:6px!important; height:28px; }
.mt-workspace .mail-reader-header-meta .mail-favorite-item { border:0!important; border-radius:4px!important; background:transparent; }
.mt-workspace .mail-reader-header-meta .is-favorite .mt-fine-icon { fill:currentColor; }
.mt-workspace .mt-message-actions { padding:3px; align-items:center; }
.mt-workspace .mt-message-actions button { padding:6px 9px; }

/* Thin SVG masks preserve icon classes used by copy/favorite handlers. */
.mt-workspace i.tabler-star { display:inline-block!important; width:16px!important; height:16px!important; min-width:16px; background:currentColor; -webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.35%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m12%203%202.8%205.7%206.2.9-4.5%204.4%201.1%206.2-5.6-3-5.6%203%201.1-6.2L3%209.6l6.2-.9Z%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat; mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.35%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m12%203%202.8%205.7%206.2.9-4.5%204.4%201.1%206.2-5.6-3-5.6%203%201.1-6.2L3%209.6l6.2-.9Z%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat; vertical-align:middle; }
.mt-workspace i.tabler-star::before { content:none!important; }
.mt-workspace i.tabler-star-filled { display:inline-block!important; width:16px!important; height:16px!important; min-width:16px; background:currentColor; -webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22currentColor%22%20stroke%3D%22black%22%20stroke-width%3D%221.35%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m12%203%202.8%205.7%206.2.9-4.5%204.4%201.1%206.2-5.6-3-5.6%203%201.1-6.2L3%209.6l6.2-.9Z%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat; mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22currentColor%22%20stroke%3D%22black%22%20stroke-width%3D%221.35%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m12%203%202.8%205.7%206.2.9-4.5%204.4%201.1%206.2-5.6-3-5.6%203%201.1-6.2L3%209.6l6.2-.9Z%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat; vertical-align:middle; }
.mt-workspace i.tabler-star-filled::before { content:none!important; }
.mt-workspace i.tabler-mail { display:inline-block!important; width:16px!important; height:16px!important; min-width:16px; background:currentColor; -webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.35%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%205h16v14H4Z%20M4%206l8%206%208-6%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat; mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.35%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%205h16v14H4Z%20M4%206l8%206%208-6%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat; vertical-align:middle; }
.mt-workspace i.tabler-mail::before { content:none!important; }
.mt-workspace i.tabler-trash { display:inline-block!important; width:16px!important; height:16px!important; min-width:16px; background:currentColor; -webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.35%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%206h16%20M9%206V3h6v3%20M6%206l1%2015h10l1-15%20M10%2010v7%20M14%2010v7%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat; mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.35%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%206h16%20M9%206V3h6v3%20M6%206l1%2015h10l1-15%20M10%2010v7%20M14%2010v7%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat; vertical-align:middle; }
.mt-workspace i.tabler-trash::before { content:none!important; }
.mt-workspace i.tabler-archive { display:inline-block!important; width:16px!important; height:16px!important; min-width:16px; background:currentColor; -webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.35%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%204h18v4H3Z%20M5%208v12h14V8%20M9%2012h6%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat; mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.35%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%204h18v4H3Z%20M5%208v12h14V8%20M9%2012h6%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat; vertical-align:middle; }
.mt-workspace i.tabler-archive::before { content:none!important; }
.mt-workspace i.tabler-folder { display:inline-block!important; width:16px!important; height:16px!important; min-width:16px; background:currentColor; -webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.35%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%206h7l2%203h9v11H3Z%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat; mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.35%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%206h7l2%203h9v11H3Z%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat; vertical-align:middle; }
.mt-workspace i.tabler-folder::before { content:none!important; }
.mt-workspace i.tabler-tag { display:inline-block!important; width:16px!important; height:16px!important; min-width:16px; background:currentColor; -webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.35%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%203h8l10%2010-8%208L3%2011Z%20M7%207h.01%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat; mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.35%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%203h8l10%2010-8%208L3%2011Z%20M7%207h.01%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat; vertical-align:middle; }
.mt-workspace i.tabler-tag::before { content:none!important; }
.mt-workspace i.tabler-inbox { display:inline-block!important; width:16px!important; height:16px!important; min-width:16px; background:currentColor; -webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.35%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M6%204h12l3%2010v6H3v-6Z%20M3%2014h5l2%203h4l2-3h5%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat; mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.35%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M6%204h12l3%2010v6H3v-6Z%20M3%2014h5l2%203h4l2-3h5%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat; vertical-align:middle; }
.mt-workspace i.tabler-inbox::before { content:none!important; }
.mt-workspace i.tabler-paperclip { display:inline-block!important; width:16px!important; height:16px!important; min-width:16px; background:currentColor; -webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.35%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m8%2012%207-7a4%204%200%200%201%206%206L10%2022a6%206%200%200%201-8-8L13%203%20M6%2014l9-9%20M6%2014a2%202%200%200%200%203%203l9-9%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat; mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.35%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m8%2012%207-7a4%204%200%200%201%206%206L10%2022a6%206%200%200%201-8-8L13%203%20M6%2014l9-9%20M6%2014a2%202%200%200%200%203%203l9-9%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat; vertical-align:middle; }
.mt-workspace i.tabler-paperclip::before { content:none!important; }
.mt-workspace i.tabler-arrow-up { display:inline-block!important; width:16px!important; height:16px!important; min-width:16px; background:currentColor; -webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.35%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%2020V4%20M6%2010l6-6%206%206%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat; mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.35%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%2020V4%20M6%2010l6-6%206%206%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat; vertical-align:middle; }
.mt-workspace i.tabler-arrow-up::before { content:none!important; }
.mt-workspace i.tabler-arrow-down { display:inline-block!important; width:16px!important; height:16px!important; min-width:16px; background:currentColor; -webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.35%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%204v16%20M6%2014l6%206%206-6%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat; mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.35%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%204v16%20M6%2014l6%206%206-6%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat; vertical-align:middle; }
.mt-workspace i.tabler-arrow-down::before { content:none!important; }
.mt-workspace i.tabler-copy { display:inline-block!important; width:16px!important; height:16px!important; min-width:16px; background:currentColor; -webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.35%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M8%208h12v12H8Z%20M16%208V4H4v12h4%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat; mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.35%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M8%208h12v12H8Z%20M16%208V4H4v12h4%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat; vertical-align:middle; }
.mt-workspace i.tabler-copy::before { content:none!important; }
.mt-workspace i.tabler-check { display:inline-block!important; width:16px!important; height:16px!important; min-width:16px; background:currentColor; -webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.35%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m5%2012%204%204L19%206%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat; mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.35%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m5%2012%204%204L19%206%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat; vertical-align:middle; }
.mt-workspace i.tabler-check::before { content:none!important; }
.mt-workspace i.tabler-chevron-right { display:inline-block!important; width:16px!important; height:16px!important; min-width:16px; background:currentColor; -webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.35%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m9%205%207%207-7%207%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat; mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.35%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m9%205%207%207-7%207%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat; vertical-align:middle; }
.mt-workspace i.tabler-chevron-right::before { content:none!important; }
.mt-workspace i.tabler-chevron-left { display:inline-block!important; width:16px!important; height:16px!important; min-width:16px; background:currentColor; -webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.35%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m15%205-7%207%207%207%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat; mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.35%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m15%205-7%207%207%207%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat; vertical-align:middle; }
.mt-workspace i.tabler-chevron-left::before { content:none!important; }
.mt-workspace i.tabler-chevron-down { display:inline-block!important; width:16px!important; height:16px!important; min-width:16px; background:currentColor; -webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.35%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m5%209%207%207%207-7%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat; mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.35%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m5%209%207%207%207-7%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat; vertical-align:middle; }
.mt-workspace i.tabler-chevron-down::before { content:none!important; }
.mt-workspace i.tabler-arrow-right { display:inline-block!important; width:16px!important; height:16px!important; min-width:16px; background:currentColor; -webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.35%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%2012h16%20m-6-6%206%206-6%206%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat; mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.35%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%2012h16%20m-6-6%206%206-6%206%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat; vertical-align:middle; }
.mt-workspace i.tabler-arrow-right::before { content:none!important; }
.mt-workspace i.tabler-lock { display:inline-block!important; width:16px!important; height:16px!important; min-width:16px; background:currentColor; -webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.35%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M6%2010h12v11H6Z%20M8%2010V6a4%204%200%200%201%208%200v4%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat; mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.35%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M6%2010h12v11H6Z%20M8%2010V6a4%204%200%200%201%208%200v4%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat; vertical-align:middle; }
.mt-workspace i.tabler-lock::before { content:none!important; }
.mt-workspace i.tabler-user { display:inline-block!important; width:16px!important; height:16px!important; min-width:16px; background:currentColor; -webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.35%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M16%207a4%204%200%201%201-8%200%204%204%200%200%201%208%200%20M4%2021v-3a8%205%200%200%201%2016%200v3%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat; mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.35%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M16%207a4%204%200%201%201-8%200%204%204%200%200%201%208%200%20M4%2021v-3a8%205%200%200%201%2016%200v3%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat; vertical-align:middle; }
.mt-workspace i.tabler-user::before { content:none!important; }
.mt-workspace i.tabler-mail-opened { display:inline-block!important; width:16px!important; height:16px!important; min-width:16px; background:currentColor; -webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.35%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%2010l9-7%209%207v11H3Z%20M3%2010l9%206%209-6%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat; mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.35%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%2010l9-7%209%207v11H3Z%20M3%2010l9%206%209-6%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat; vertical-align:middle; }
.mt-workspace i.tabler-mail-opened::before { content:none!important; }
.mt-workspace i.tabler-bookmark { display:inline-block!important; width:16px!important; height:16px!important; min-width:16px; background:currentColor; -webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.35%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M6%203h12v18l-6-4-6%204Z%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat; mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.35%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M6%203h12v18l-6-4-6%204Z%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat; vertical-align:middle; }
.mt-workspace i.tabler-bookmark::before { content:none!important; }
.mt-workspace i.tabler-calendar { display:inline-block!important; width:16px!important; height:16px!important; min-width:16px; background:currentColor; -webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.35%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%205h16v16H4Z%20M8%202v6%20M16%202v6%20M4%2010h16%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat; mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.35%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%205h16v16H4Z%20M8%202v6%20M16%202v6%20M4%2010h16%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat; vertical-align:middle; }
.mt-workspace i.tabler-calendar::before { content:none!important; }
.mt-workspace i.tabler-search { display:inline-block!important; width:16px!important; height:16px!important; min-width:16px; background:currentColor; -webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.35%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M16%2010a6%206%200%201%201-12%200%206%206%200%200%201%2012%200%20m-2%204%207%207%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat; mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.35%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M16%2010a6%206%200%201%201-12%200%206%206%200%200%201%2012%200%20m-2%204%207%207%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat; vertical-align:middle; }
.mt-workspace i.tabler-search::before { content:none!important; }
.mt-workspace i.tabler-menu-2 { display:inline-block!important; width:16px!important; height:16px!important; min-width:16px; background:currentColor; -webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.35%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%206h16%20M4%2012h16%20M4%2018h16%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat; mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.35%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%206h16%20M4%2012h16%20M4%2018h16%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat; vertical-align:middle; }
.mt-workspace i.tabler-menu-2::before { content:none!important; }
.mt-workspace :is(.mt-shell-icon,.mt-panel-links,.mt-panel-apps,.mt-back-inbox) svg { stroke-width:1.35; }
.mt-workspace .mt-inbox-refresh svg { stroke-width:1.35; }
.mt-workspace .mt-address-tab>svg { fill:none; stroke:currentColor; stroke-width:1.35; stroke-linecap:round; stroke-linejoin:round; }
.mt-workspace .email-filter-folders :is(a,button) { align-items:center; }
.mt-workspace .mt-reader-addresses { display:grid; grid-template-columns:42px auto minmax(0,1fr); align-items:center; column-gap:8px; row-gap:4px; min-width:0; }
.mt-workspace .mt-reader-addresses .mail-reader-from-label { margin:0; color:var(--mt-text); font:600 13px/20px Arial,sans-serif; letter-spacing:0; text-transform:none; }
.mt-workspace .mt-reader-addresses h6 { font:400 13px/20px Arial,sans-serif; white-space:nowrap; }
.mt-workspace .mt-reader-addresses .mail-reader-sender-email { font:400 12px/20px Arial,sans-serif; margin:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.mt-workspace .mt-reader-addresses .mail-reader-recipient { grid-column:1/-1; display:flex; align-items:center; gap:8px; margin:0; padding:0; background:transparent; border:0; min-height:22px; }
.mt-workspace .mt-reader-addresses .mail-reader-recipient small { width:42px; flex:0 0 42px; font:600 13px/20px Arial,sans-serif; letter-spacing:0; text-transform:none; color:var(--mt-text); }
.mt-workspace .mt-reader-addresses .mail-reader-recipient strong { font:400 12px/20px Arial,sans-serif; color:var(--mt-muted); }
.mt-workspace .mt-reader-addresses .mail-reader-copy-recipient { width:24px; height:24px; padding:4px; border:0; background:transparent; }
.mt-workspace .email-card-last .card-header { padding:14px 22px!important; gap:8px; }
.mt-workspace .mt-message-actions { margin-top:6px; }
@media(max-width:700px) { .mt-workspace .mt-reader-addresses { grid-template-columns:38px minmax(0,1fr); } .mt-workspace .mt-reader-addresses .mail-reader-sender-email { grid-column:2; } }
@font-face { font-family:InterVariable; font-style:normal; font-weight:100 900; font-display:swap; src:url('/assets/fonts/inter/InterVariable.woff2') format('woff2'); }
.mt-workspace #mailbox .email-list-item { font-family:InterVariable,system-ui,sans-serif; font-size:14px; }
.mt-workspace #mailbox .email-list-item-content { flex:1 1 auto; width:0; font-family:InterVariable,system-ui,sans-serif; font-size:14px; gap:16px; }
.mt-workspace #mailbox .email-list-item-username,.mt-workspace #mailbox .email-list-item-subject { font-family:inherit; font-size:14px; line-height:20px; }
.mt-workspace #mailbox .mail-recipient-badge { display:block; flex:0 0 auto; max-width:260px; margin:0!important; padding:0 2px!important; font-family:inherit; font-size:12px; line-height:20px; text-align:left; text-overflow:ellipsis; }
.mt-workspace #mailbox .mail-recipient-badge i { display:none!important; }
@media(max-width:1000px) { .mt-workspace #mailbox .mail-recipient-badge { max-width:190px; } }
@media(max-width:800px) { .mt-workspace #mailbox .mail-recipient-badge { display:none; } }
.mt-workspace #mailbox .email-list-item,
.mt-workspace #mailbox .email-list-item-content,
.mt-workspace #mailbox .email-list-item-username,
.mt-workspace #mailbox .email-list-item-subject { font-size:13px; line-height:18px; }
.mt-workspace #mailbox .email-list-item:not(.email-marked-read) :is(.email-list-item-username,.email-list-item-subject) { font-weight:550!important; }
.mt-workspace #mailbox .mail-recipient-badge { font-size:11px; line-height:18px; }
.mt-workspace #mailbox .email-list-item-time { font-size:11px; }
/* Only unread messages use bold text. */
.mt-workspace #mailbox .email-list-item.email-marked-read :is(.email-list-item-username,.email-list-item-subject) { font-weight:400!important; }
.mt-workspace #mailbox .email-list-item:not(.email-marked-read) :is(.email-list-item-username,.email-list-item-subject) { font-weight:600!important; }
/* Row actions appear on hover without shifting the message text. */
@media(hover:hover) and (pointer:fine) {
    .mt-workspace #mailbox .email-list-item .email-list-item-meta button { opacity:0; pointer-events:none; transition:opacity 100ms ease; }
    .mt-workspace #mailbox .email-list-item:hover .email-list-item-meta button,
    .mt-workspace #mailbox .email-list-item:focus-within .email-list-item-meta button { opacity:1; pointer-events:auto; }
}
.mt-list-controls { position:absolute; top:14px; right:12px; display:flex; align-items:center; gap:12px; z-index:3; }
.mt-list-controls #mt-unread-filter { position:static; }
.mt-workspace .mt-list-controls .mailbox-pagination { display:flex; align-items:center; gap:6px; padding:0; }
.mt-workspace .mt-list-controls .mailbox-pagination button { display:grid; place-items:center; width:26px; height:28px; padding:5px; border:0; background:transparent; }
.mt-list-controls .mailbox-pagination svg { width:16px; height:16px; stroke:currentColor; stroke-width:1.35; fill:none; }
.mt-list-controls #mailbox-page-status { font-size:12px; color:var(--mt-muted); min-width:28px; text-align:center; }
.mt-workspace .mt-mail-heading { padding-inline-end:180px; }
@media(hover:hover) and (pointer:fine) {
    .mt-workspace #mailbox .email-list-item .email-list-item-meta button { display:none; }
    .mt-workspace #mailbox .email-list-item:hover .email-list-item-meta button,
    .mt-workspace #mailbox .email-list-item:focus-within .email-list-item-meta button { display:inline-grid; }
}
.mt-selection { display:flex; align-items:center; flex:none; margin-right:12px; gap:2px; }
.mt-selection input,.mt-row-select { appearance:none; width:18px; height:18px; margin:0; border:1px solid #a6a6a6; border-radius:3px; background:var(--mt-surface,#fff); cursor:pointer; flex:none; position:relative; vertical-align:middle; }
.mt-selection input:checked,.mt-row-select:checked,.mt-selection input:indeterminate { background:#4833ad; border-color:#4833ad; }
.mt-selection input:checked::after,.mt-row-select:checked::after { content:"";position:absolute;left:5px;top:2px;width:5px;height:9px;border:solid #fff;border-width:0 1.5px 1.5px 0;transform:rotate(45deg); }
.mt-selection input:indeterminate::after { content:"";position:absolute;left:3px;right:3px;top:7px;height:2px;background:#fff; }
.mt-selection input:focus-visible,.mt-row-select:focus-visible { outline:2px solid var(--mt-accent);outline-offset:3px; }
.mt-selection>button { display:grid; place-items:center; width:22px; height:30px; padding:3px; border:0; background:transparent; }
.mt-selection .dropdown-menu { min-width:222px; padding:4px; border:1px solid var(--mt-line); border-radius:8px; background:var(--mt-surface); box-shadow:0 8px 24px #0002; }
.mt-selection .dropdown-item { display:flex; align-items:center; gap:10px; min-height:36px; padding:8px 12px; font-size:14px; font-weight:400; color:var(--mt-text); border-radius:4px; }
.mt-selection .dropdown-item svg { width:16px; height:16px; flex:0 0 16px; }
.mt-selection .dropdown-item:is(:hover,:focus) { background:var(--mt-surface-soft); color:var(--mt-text); }
.mt-bulk-actions { display:flex; align-items:center; gap:6px; }
.mt-bulk-actions[hidden] { display:none!important; }
.mt-bulk-actions button { display:grid; place-items:center; width:32px; height:30px; border:0; border-radius:4px; background:transparent; }
.mt-bulk-actions button:hover:not(:disabled) { background:var(--mt-surface-soft); }
.mt-bulk-actions button:disabled { opacity:.4; }
.mt-row-select { margin:0 8px 0 0; }
.mt-workspace #mailbox .mt-message-selected { background:var(--mt-surface-soft)!important; }
/* Selection swaps controls without moving the header or address tabs. */
.mt-workspace .emails-list-header>.d-flex:first-child>.d-flex { min-height:46px; }
.mt-workspace .mt-bulk-actions { min-height:32px; gap:4px; }
.mt-workspace .mt-bulk-actions button .icon-base { width:18px!important;height:18px!important;font-size:18px!important;line-height:18px!important;display:block;margin:0; }
.mt-workspace .mt-bulk-actions button:is([data-mail-bulk="delete"],[data-mail-bulk="move"]) { margin-inline-start:9px;position:relative; }
.mt-workspace .mt-bulk-actions button:is([data-mail-bulk="delete"],[data-mail-bulk="move"])::before { content:"";position:absolute;inset-inline-start:-7px;top:5px;height:22px;border-inline-start:1px solid var(--mt-line); }
.mt-workspace .mt-mail-heading #mail-copy-status { display:none!important; }
.mt-workspace .mt-mail-heading .mail-input-copy:not(.is-unified) .unified-trigger-icon { display:none!important; }
.mt-workspace .mt-mail-heading .mt-copy-separator { flex:none;font-size:14px;color:var(--mt-muted);pointer-events:none; }
.mt-workspace .mt-mail-heading:has(.mail-input-copy.is-unified) .mt-copy-separator { display:none; }
.mt-workspace #mt-selected-count { display:inline-block; min-width:24px; text-align:center; font-variant-numeric:tabular-nums; }
.mt-workspace .mt-bulk-actions button { display:grid; place-items:center; flex:0 0 32px; width:32px; height:32px; padding:8px; line-height:0; box-sizing:border-box; }
.mt-workspace .mt-bulk-actions button { color:var(--mt-text); border-radius:8px; padding:7px; }
.mt-workspace .mt-bulk-actions button svg { display:block!important; width:18px!important; height:18px!important; min-width:18px!important; flex:none; margin:0!important; transform:none!important; stroke-width:1.45; }
.mt-workspace .mt-address-tab>.mt-address-initial { display:grid; place-items:center; flex:0 0 22px; width:22px; height:22px; border-radius:6px; background:var(--mt-surface-soft); color:var(--mt-muted); font:500 12px/1 InterVariable,system-ui,sans-serif; overflow:visible; }
.mt-workspace .mt-address-tab.is-current>.mt-address-initial { background:var(--mt-surface-soft); color:#6546d7; }
/* Align selection, mailbox icon and title on one vertical center. */
.mt-workspace .mailtemp-inbox .emails-list-header .mt-mail-heading { margin-block:0!important; }
/* Right-hand controls share the header row's center with selection and title. */
.mt-workspace .mt-list-controls { top:19px; }
.mt-workspace #mailbox .email-list-item:not(.email-marked-read) :is(.email-list-item-username,.email-list-item-subject) { color:var(--mt-text)!important; opacity:1!important; font-weight:600!important; }

/* Attachments follow the message, with compact individual download cards. */
.mt-workspace .mt-reader-attachments { margin-top:0; padding:16px 24px 20px; border-top:1px solid var(--mt-line); background:var(--mt-surface); }
.mt-workspace .mt-reader-attachments h2 { margin:0 0 10px; font:500 12px/18px InterVariable,system-ui,sans-serif; color:var(--mt-text); }
.mt-workspace .mt-attachment-grid { display:flex; flex-wrap:wrap; align-items:flex-start; gap:8px; }
.mt-workspace .mt-reader-attachments .mail-attachment-download { display:flex; align-items:center; gap:10px; width:252px; max-width:100%; min-width:0; min-height:50px; box-sizing:border-box; padding:8px 10px; border:1px solid var(--mt-line); border-color:var(--mt-line)!important; border-radius:6px!important; color:var(--mt-text); text-decoration:none; background:var(--mt-surface); }
.mt-workspace .mt-reader-attachments .mail-attachment-download:hover { background:var(--mt-surface-soft); border-color:var(--mt-line)!important; transform:none; }
.mt-workspace .mt-reader-attachments .mail-attachment-download:focus-visible { outline:2px solid #7355dc; outline-offset:2px; }
.mt-workspace .mail-attachment-download svg { flex:0 0 16px; width:16px; height:16px; display:block; margin:0; }
.mt-workspace .mt-attachment-info { display:flex; flex:1; min-width:0; flex-direction:column; gap:1px; font:400 12px/16px InterVariable,system-ui,sans-serif; }
.mt-workspace .mt-attachment-info>span { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.mt-workspace .mt-attachment-info small { color:var(--mt-muted); font-size:11px; }

/* One reader scroll area includes the complete body and its attachments. */
.mt-workspace.mail-reader-open #app-email-view-content>.card:first-child { position:sticky; top:0; }
.mt-workspace.mail-reader-open #app-email-view-content>.app-email-view-content { height:auto!important; overflow:visible!important; flex:none!important; }
.mt-workspace.mail-reader-open #app-email-view-content .email-card-last { height:auto!important; min-height:calc(100dvh - 160px); flex:none!important; }
.mt-workspace.mail-reader-open #app-email-view-content .email-card-last>.card-body { display:block!important; flex:none!important; }
.mt-workspace.mail-reader-open #app-email-view-content .mail-message-frame { flex:none!important; min-height:320px; }
.mt-workspace .mt-reader-attachments .mt-attachment-info>span { font-weight:400!important; margin:0!important; text-align:left!important; }
.mt-workspace .mt-reader-attachments .mt-attachment-info>small { margin:0!important; text-align:left!important; align-self:flex-start; }

/* Inbox and reader share one shell and the same account header. */
.mt-shared-reader-toolbar { display:none; }
.mt-workspace.mail-reader-open .layout-navbar.mailtopbar { display:flex!important; width:100%!important; }
.mt-workspace.mail-reader-open .mailtopbar-search { display:none!important; }
.mt-workspace.mail-reader-open .mt-shared-reader-toolbar { display:flex; align-items:center; min-width:0; height:var(--mt-header); }
.mt-workspace.mail-reader-open #app-email-view.show { position:absolute!important; inset:0 0 0 var(--mt-sidebar)!important; height:100%!important; max-height:100%!important; z-index:2; }
.mt-workspace.mail-reader-open:has(#mt-settings-panel[open],#history.show,#unifiedInbox.show) #app-email-view.show { right:0!important; }
.mt-workspace.mail-reader-open #app-email-view-content>.app-email-view-header { display:none!important; }
.mt-workspace.mail-reader-open #app-email-view-content>.app-email-view-content,
.mt-workspace.mail-reader-open #app-email-view-content>.mt-reader-subject-title { margin-inline-end:0; }
.mt-workspace.mail-reader-open #app-email-view-content::before { top:0; right:0; }
.mt-workspace .mt-reader-subject-title { font-family:InterVariable,system-ui,sans-serif; font-weight:600; }
.mt-workspace .mail-reader-date { font-family:InterVariable,system-ui,sans-serif!important; }
.mt-workspace .mt-shared-reader-toolbar :is(button,.mail-reader-navigation) { margin-block:0!important; align-self:center; }
.mt-workspace .mt-shared-reader-toolbar svg { display:block; width:16px; height:16px; flex:none; }
.mt-workspace .mt-shell-icon svg { width:18px; height:18px; flex-basis:18px; stroke-width:1.35; }
.mt-workspace :is(.mt-reader-divider,.emails-list-header-hr) { border-color:var(--mt-line); }
.mt-workspace .email-card-last { border-color:var(--mt-line)!important; }
.mt-workspace .email-card-last>.card-header { border-bottom:1px solid var(--mt-line)!important; }
@media(max-width:991px) {
 .mt-workspace.mail-reader-open #app-email-view.show { left:0!important; }
 .mt-workspace .mt-shared-reader-toolbar .mt-reader-divider { margin-inline:3px; }
}
.mt-workspace.mail-reader-open .app-emails-list { visibility:hidden; pointer-events:none; }
.mt-workspace .mt-reader-subject-title { white-space:normal!important; overflow-wrap:anywhere; }

/* The shared frame does not add another layout or scrolling layer. */
.mt-workspace-shell { display:contents; }
.mt-organization-nav { display:grid; gap:4px; padding:8px 12px; }
.mt-organization-nav button { border:0; border-radius:5px; padding:7px 12px; background:none; text-align:left; font:400 13px/18px InterVariable,system-ui,sans-serif; color:inherit; overflow:hidden; text-overflow:ellipsis; }
.mt-organization-nav button:hover,.mt-organization-nav button.active { background:var(--mt-soft); }
.mt-organization-nav small { padding:8px 12px 2px; color:var(--mt-muted); }
.mt-organize-dialog { width:min(320px,calc(100vw - 32px)); padding:14px; border:1px solid var(--mt-line); border-radius:10px; color:var(--mt-text); box-shadow:0 12px 28px #0002; }
.mt-organize-dialog::backdrop { background:#0003; }
.mt-organize-dialog header { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:12px; }
.mt-organize-dialog h2 { font-size:15px; margin:0; }
.mt-organize-dialog header button { display:grid; width:32px; height:32px; place-items:center; border:0; border-radius:8px; background:#087cf0; color:#fff; }
.mt-organize-dialog .mt-organize-search { display:flex; align-items:center; gap:7px; margin:0 0 10px; padding:0 9px; border:2px solid #087cf0; border-radius:8px; color:var(--mt-muted); }
.mt-organize-dialog .mt-organize-search input { width:100%; min-width:0; padding:8px 0; border:0; outline:0; }
.mt-organize-options { max-height:220px; overflow:auto; margin:0 -4px; }
.mt-organize-option { display:flex; width:100%; align-items:center; gap:8px; min-height:36px; padding:5px 4px; border:0; background:transparent; text-align:left; }
.mt-organize-check { display:grid; width:20px; height:20px; place-items:center; border:1px solid var(--mt-line); border-radius:50%; }
.mt-organize-option.is-selected .mt-organize-check { border-color:#6750d4; background:#6750d4; color:#fff; }
.mt-organize-option .tabler-circle-filled { font-size:10px; }.mt-organize-option .tabler-folder { font-size:16px; }
.mt-organize-extra { display:flex; align-items:center; gap:8px; margin:10px -14px 0; padding:12px 14px; border-top:1px solid var(--mt-line); font-size:13px; }
.mt-organize-extra input { width:20px; height:20px; margin:0; }
.mt-organize-empty { padding:12px 4px; color:var(--mt-muted); }
.mt-organize-dialog p { font-size:12px; margin:10px 0; }
.mt-organize-dialog footer { display:flex; justify-content:flex-end; gap:8px; margin-top:14px; }
.mt-organize-dialog button { border:1px solid var(--mt-line); background:var(--mt-surface); padding:7px 14px; border-radius:5px; }
.mt-organize-dialog button[type=submit] { background:var(--mt-accent); color:#fff; }
#mt-organize-error { color:#a12626; }
#mt-trash-undo { position:fixed; z-index:1090; left:50%; bottom:24px; transform:translateX(-50%); display:flex; align-items:center; gap:12px; padding:10px 12px 10px 16px; border:1px solid var(--mt-line); border-radius:12px; background:var(--mt-surface); color:var(--mt-text); box-shadow:0 8px 24px #0002; font:500 13px/1.3 InterVariable,system-ui,sans-serif; }
#mt-trash-undo button { border:0; border-radius:7px; padding:5px 9px; background:var(--mt-surface-soft); color:#4d38b5; font:600 12px/1.2 InterVariable,system-ui,sans-serif; }
#mt-trash-undo i { cursor:pointer; color:var(--mt-muted); font-style:normal; font-size:18px; }
.mt-workspace .mailtemp-inbox.mt-collection-view .mt-address-strip,
.mt-workspace .mailtemp-inbox.mt-collection-view .mt-mail-heading .mail-input-copy { display:none!important; }
.mt-workspace .mt-organization-nav { padding:0 8px 16px; gap:4px; }
.mt-organization-nav svg { display:block; width:16px; height:16px; flex:0 0 16px; }
.mt-workspace .mt-org-item,.mt-workspace .mt-org-more { display:flex; align-items:center; gap:10px; width:100%; min-height:34px; padding:7px 12px; }
.mt-org-item span { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.mt-org-group { margin-top:8px; }
.mt-org-group-header { display:flex; align-items:center; gap:0; }
.mt-workspace .mt-org-group-header>button:first-child { display:flex; align-items:center; gap:10px; flex:1; min-width:0; }
.mt-workspace .mt-org-group-header>button:not(:first-child),.mt-org-group-header>a { display:grid; place-items:center; width:28px; height:30px; flex:0 0 28px; padding:6px; color:inherit; border-radius:4px; }
.mt-org-group-header>a:hover { background:var(--mt-soft); }
.mt-organization-nav [aria-expanded=true]>svg:first-child { transform:rotate(90deg); }
.mt-org-empty { margin:4px 0 10px 38px; color:var(--mt-muted); font-size:12px; }
.mt-collection-settings { max-width:960px; margin:0 auto; }
.mt-collection-settings h1 { font-size:24px; }
.mt-collection-settings section { margin:24px 0; padding:20px; border:1px solid var(--mt-line); border-radius:10px; }
.mt-collection-settings h2 { font-size:18px; }
.mt-collection-create,.mt-collection-row,.mt-collection-row form { display:flex; align-items:center; gap:10px; flex-wrap:wrap; }
.mt-collection-create { margin:18px 0; }
.mt-collection-settings input { min-width:0; max-width:100%; padding:8px 10px; border:1px solid var(--mt-line); border-radius:5px; }
.mt-collection-settings button { padding:8px 12px; border:1px solid var(--mt-line); border-radius:5px; background:var(--mt-surface); }
.mt-collection-row { padding:12px 0; border-top:1px solid var(--mt-line); }
.mt-collection-row>form:first-child { flex:1; }
/* The same compact creation dialog is used from navigation and settings. */
.mt-collection-editor { width:392px; max-width:calc(100vw - 32px); max-height:calc(100dvh - 40px); padding:24px; border:0; border-radius:12px; background:var(--mt-surface); color:var(--mt-text); box-shadow:0 16px 56px #0002; font:400 14px/20px InterVariable,system-ui,sans-serif; }
.mt-collection-editor::backdrop { background:rgb(0 0 0 / 34%); }
.mt-collection-editor header { display:flex; align-items:center; justify-content:space-between; margin-bottom:18px; }
.mt-collection-editor h2 { margin:0; font:650 20px/28px InterVariable,system-ui,sans-serif; }
.mt-collection-editor header button { display:grid; place-items:center; width:24px; height:28px; padding:3px; border:0; background:none; color:inherit; }
.mt-collection-editor header svg { width:16px; height:16px; }
.mt-collection-editor label:not(.mt-color-option) { display:block; margin-bottom:6px; font-weight:600; }
.mt-collection-editor #mt-collection-description { margin:0 0 18px; font:400 14px/20px InterVariable,system-ui,sans-serif; }
.mt-collection-editor #mt-collection-name { display:block; width:100%; height:36px; padding:7px 12px; border:1px solid var(--mt-line); border-radius:8px; font:400 14px/20px InterVariable,system-ui,sans-serif; background:var(--mt-surface); color:inherit; }
.mt-collection-editor #mt-collection-name:focus { outline:2px solid #7061b5; outline-offset:1px; border-color:#7061b5; }
.mt-collection-editor fieldset { border:0; padding:0; margin:20px 0 0; }
.mt-collection-editor [hidden] { display:none!important; }
.mt-collection-editor legend { float:none; width:auto; font:600 14px/20px InterVariable,system-ui,sans-serif; margin:0 0 6px; }
.mt-collection-editor legend span { font-weight:400; color:var(--mt-muted); margin-left:4px; }
.mt-color-palette { display:grid; grid-template-columns:repeat(5,44px); justify-content:space-between; gap:8px; }
.mt-color-option { position:relative; width:44px; height:44px; margin:0; cursor:pointer; }
.mt-color-option input { position:absolute; opacity:0; width:100%; height:100%; margin:0; cursor:pointer; }
.mt-color-option span { display:block; width:44px; height:44px; border-radius:50%; background:var(--swatch); pointer-events:none; }
.mt-color-option input:checked+span { box-shadow:inset 0 0 0 3px #0002; }
.mt-color-option input:checked+span::after { content:''; position:absolute; inset:16px; border-radius:50%; background:var(--mt-surface); }
.mt-color-option input:focus-visible+span { outline:2px solid #4833ad; outline-offset:3px; }
.mt-collection-editor footer { display:flex; justify-content:space-between; gap:12px; margin-top:40px; }
.mt-collection-editor footer button { padding:7px 16px; min-height:36px; border:1px solid var(--mt-line); border-radius:8px; font:400 14px/20px InterVariable,system-ui,sans-serif; background:var(--mt-surface); color:var(--mt-text); }
.mt-collection-editor footer .mt-collection-save { border-color:var(--mt-accent); background:var(--mt-accent); color:#fff; }
.mt-collection-editor footer .mt-collection-save:hover { background:var(--mt-accent-hover); }
.mt-collection-editor button:disabled { opacity:.5; }
#mt-collection-error:empty { display:none; }
#mt-collection-error { color:#a12626; margin:12px 0 0; }
.mt-collection-settings { max-width:960px; padding:16px 0; }
.mt-collection-settings h1 { font:650 32px/40px InterVariable,system-ui,sans-serif; margin-bottom:24px; }
.mt-collection-settings section { margin:30px 0 64px; padding:0; border:0; }
.mt-collection-settings h2 { font:600 24px/32px InterVariable,system-ui,sans-serif; margin-bottom:18px; }
.mt-collection-settings .mt-add-collection { background:var(--mt-accent); color:#fff; border:0; border-radius:7px; padding:8px 16px; margin-bottom:20px; }
.mt-org-glyph { display:inline-flex; flex:0 0 16px; }
@media(max-width:380px) { .mt-color-palette { grid-template-columns:repeat(5,36px); } .mt-color-option,.mt-color-option span { width:36px; height:36px; } .mt-color-option input:checked+span::after { inset:13px; } }
.mt-collection-controls { display:flex; align-items:center; gap:16px; margin:26px 0 18px; }
.mt-collection-controls .mt-add-collection { margin:0; }
.mt-collection-controls>button { min-height:36px; padding:7px 16px; border-radius:8px; font-size:14px; }
.mt-collection-table { max-width:660px; font:400 14px/20px InterVariable,system-ui,sans-serif; }
.mt-collection-table-head,.mt-collection-item { display:grid; grid-template-columns:minmax(180px,1fr) 180px 84px; align-items:center; gap:16px; padding:10px 0; border-bottom:1px solid var(--mt-line); }
.mt-collection-table.is-labels .mt-collection-table-head,.mt-collection-table.is-labels .mt-collection-item { grid-template-columns:minmax(180px,1fr) 84px; }
.mt-collection-table-head { font-weight:600; padding-left:32px; }
.mt-collection-item-name { display:flex; align-items:center; gap:10px; min-width:0; }
.mt-collection-item-name>span:last-child { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.mt-collection-item-name svg { display:block; width:16px; height:16px; }
.mt-collection-settings .mt-drag-handle { padding:0; width:22px; flex:0 0 22px; border:0; color:var(--mt-muted); cursor:grab; background:transparent; }
.mt-collection-item-actions { display:flex; border:1px solid var(--mt-line); border-radius:7px; height:28px; }
.mt-collection-settings .mt-collection-item-actions>button { font-size:14px; padding:2px 8px; border:0; border-radius:7px 0 0 7px; }
.mt-collection-item-actions details { position:relative; }
.mt-collection-item-actions summary { display:grid; place-items:center; height:26px; width:24px; border-left:1px solid var(--mt-line); cursor:pointer; list-style:none; }
.mt-collection-item-actions summary::-webkit-details-marker { display:none; }
.mt-collection-item-actions summary svg { width:12px; height:12px; }
.mt-collection-action-menu { position:absolute; right:0; top:32px; width:150px; padding:4px; border:1px solid var(--mt-line); border-radius:8px; background:var(--mt-surface); box-shadow:0 6px 18px #0002; z-index:10; }
.mt-collection-settings .mt-collection-action-menu button { display:block; width:100%; padding:8px 12px; text-align:left; border:0; border-radius:4px; background:var(--mt-surface); }
.mt-collection-action-menu button:hover { background:var(--mt-soft); }
.mt-notification-switch { position:relative; display:inline-flex!important; flex:0 0 40px; width:40px; height:24px; margin:0!important; vertical-align:middle; }
.mt-notification-switch input { position:absolute; width:40px!important; height:24px!important; min-width:0; padding:0; margin:0; opacity:0; cursor:pointer; z-index:1; }
.mt-notification-switch>span { display:block; width:40px; height:24px; border:1px solid var(--mt-line); border-radius:20px; background:var(--mt-surface); }
.mt-notification-switch>span::after { content:''; position:absolute; top:1px; left:1px; width:22px; height:22px; border-radius:50%; background:#777; }
.mt-notification-switch input:checked+span::after { left:17px; background:var(--mt-accent); }
.mt-notification-switch input:checked+span::before { content:'✓'; position:absolute; top:1px; right:6px; z-index:1; color:white; font-size:13px; }
.mt-notification-switch input:focus-visible+span { outline:2px solid var(--mt-accent); outline-offset:3px; }
.mt-folder-colors-option { display:flex; align-items:center; gap:24px; font-size:14px; font-weight:600; margin:8px 0 28px; }
.mt-editor-notifications { display:flex!important; align-items:center; justify-content:space-between; margin-top:24px!important; }
.mt-editor-notifications[hidden] { display:none!important; }
.mt-notification-note { font-size:12px; color:var(--mt-muted); max-width:660px; margin-top:16px; }
.mt-collection-settings .mt-notification-note button { border:0; padding:0; color:var(--mt-text); background:transparent; font-size:12px; text-decoration:underline; }
#mt-collection-status:empty { display:none; }
@media(max-width:600px) { .mt-collection-table { overflow-x:auto; } .mt-collection-table-head,.mt-collection-item { grid-template-columns:minmax(150px,1fr) 90px 84px; gap:8px; } }

/* Account mode keeps the same frame, without the mailbox utility rail. */
.mt-workspace:is(.mailtemp-account,.mt-account-chrome):not(.mt-domain-workspace) { --mt-rail:0px; }
.mt-workspace.mailtemp-account .acct-topbar { border-bottom:0; }
.mt-workspace.mailtemp-account .acct-topbar::after { content:""; position:absolute; inset-inline-start:var(--mt-sidebar); inset-inline-end:0; bottom:0; height:1px; background:var(--mt-line); pointer-events:none; }
.mt-workspace.mt-account-chrome .layout-navbar.mailtopbar::after { content:""; position:absolute; inset-inline-start:0; inset-inline-end:0; bottom:0; height:1px; background:var(--mt-line); pointer-events:none; }
@media(max-width:991px) { .mt-workspace.mailtemp-account .acct-topbar::after { inset-inline-start:0; } }
@media(max-width:991px) { .mt-workspace.mt-account-chrome .layout-navbar.mailtopbar::after { inset-inline-start:0; } }

/* Keep mailbox rows on a single visual plane. Hover is an understated surface
   cue, matching the interaction of the Proton list instead of elevation. */
.mt-workspace .mailtemp-inbox .app-emails-list .email-list li.email-list-item {
    position:relative;
    z-index:0;
    box-shadow:none!important;
    transform:none!important;
    transition:background-color 120ms ease;
}
@media(hover:hover) and (pointer:fine) {
    .mt-workspace .mailtemp-inbox .app-emails-list .email-list li.email-list-item:hover {
        z-index:0;
        background:transparent!important;
        box-shadow:none!important;
        transform:none!important;
    }
}

/* Reserve the same right-hand space for the timestamp and row actions so a
   hover never makes adjacent messages or content jump. */
.mt-workspace #mailbox .email-list-item-meta {
    position:relative;
    min-width:116px;
    justify-content:flex-end;
}

/* Navigation labels share one compact type scale, regardless of whether the
   entry is rendered as a link (Destacados) or as the inbox button. */
.mt-workspace .mailtemp-inbox .email-filter-folders li :is(a,button) > span {
    font-family:InterVariable,system-ui,sans-serif!important;
    font-size:14px!important;
    line-height:20px!important;
    font-weight:400!important;
}
.mt-workspace .mailtemp-inbox .email-filter-folders li.active :is(a,button) > span {
    font-weight:600!important;
}
.mt-workspace .mailtemp-inbox .email-filter-folders .icon-base {
    width:16px;
    height:16px;
    font-size:16px;
}
.mt-workspace #mailbox .mt-row-actions {
    position:absolute;
    inset-inline-end:0;
    top:50%;
    display:flex;
    align-items:center;
    gap:2px;
    padding-inline-start:6px;
    transform:translateY(-50%);
    opacity:0;
    pointer-events:none;
    background:transparent;
    transition:opacity 120ms ease;
}

/* Reading state remains visible independently of hover and selection. */
.mt-workspace #mailbox .email-list-item {
    background:var(--mt-surface)!important;
    border-block-end:1px solid var(--mt-line)!important;
    box-shadow:none!important;
}
.mt-workspace #mailbox { border-block-start:1px solid var(--mt-line); }
.mt-workspace #mailbox .email-list-item.email-marked-read {
    background:color-mix(in srgb,var(--mt-text) 4%,var(--mt-surface))!important;
}
.mt-workspace #mailbox .email-list-item:hover,
.mt-workspace #mailbox .email-list-item:focus-within {
    position:relative;
    z-index:1;
    /* A read row is softly gray; hovering it restores the clean canvas and
       reveals its action strip, matching the rest of the mailbox hierarchy. */
    background:var(--mt-surface)!important;
    box-shadow:inset 0 1px 0 var(--mt-line), inset 0 -1px 0 var(--mt-line)!important;
}
.mt-workspace #mailbox .mt-row-action {
    display:grid!important;
    width:26px!important;
    height:26px!important;
    min-height:26px!important;
    place-items:center;
    margin:0!important;
    padding:5px!important;
    border:0!important;
    border-radius:5px!important;
    color:var(--mt-muted)!important;
    background:transparent!important;
    opacity:1!important;
    pointer-events:auto!important;
}
.mt-workspace #mailbox .mt-row-action > svg { width:16px!important; height:16px!important; display:block; flex:none; }
.mt-workspace #mailbox .mt-row-action:hover,
.mt-workspace #mailbox .mt-row-action:focus-visible {
    color:var(--mt-text)!important;
    background:var(--mt-surface-soft)!important;
    outline:0;
}
@media(hover:hover) and (pointer:fine) {
    .mt-workspace #mailbox .email-list-item:hover .mt-row-actions,
    .mt-workspace #mailbox .email-list-item:focus-within .mt-row-actions { opacity:1!important; pointer-events:auto!important; }
    .mt-workspace #mailbox .email-list-item:hover .email-list-item-time,
    .mt-workspace #mailbox .email-list-item:focus-within .email-list-item-time { visibility:hidden; }
}
.mt-workspace #mailbox .email-list-item:focus-within .mt-row-actions { opacity:1!important; pointer-events:auto!important; }

/* Desktop mailbox rows: one quiet divider for every state, a soft read state,
   and an action strip that only replaces the timestamp while hovering. */
@media(hover:hover) and (pointer:fine) {
    .mt-workspace .mt-brand-area { border-inline-end:1px solid var(--mt-line)!important; }
    .mt-workspace #mailbox { border-block-start:1px solid var(--mt-line)!important; }
    .mt-workspace #mailbox .email-list-item {
        border-block-end:1px solid var(--mt-line)!important;
        background:var(--mt-surface)!important;
        transition:background-color 120ms ease!important;
    }
    .mt-workspace #mailbox .email-list-item.email-marked-read { background:var(--mt-message-read,#f5f5f5)!important; }
    .mt-workspace #mailbox .email-list-item:hover,
    .mt-workspace #mailbox .email-list-item:focus-within {
        z-index:1;
        background:var(--mt-surface)!important;
        box-shadow:0 4px 12px rgb(0 0 0 / 10%)!important;
    }
    .mt-workspace #mailbox .email-list-item .mt-row-actions {
        opacity:0!important;
        pointer-events:none!important;
        background:inherit!important;
    }
    .mt-workspace #mailbox .email-list-item:hover .mt-row-actions,
    .mt-workspace #mailbox .email-list-item:focus-within .mt-row-actions { opacity:1!important; pointer-events:auto!important; }
    .mt-workspace #mailbox .email-list-item:hover .email-list-item-time,
    .mt-workspace #mailbox .email-list-item:focus-within .email-list-item-time { visibility:hidden!important; }
}

/* Match the observed light Proton row states, including their hover elevation. */
html[data-bs-theme="light"] .mt-workspace #mailbox{border-block-start-color:#d1cfcd!important}
html[data-bs-theme="light"] .mt-workspace #mailbox .email-list-item{border-block-end-color:#d1cfcd!important}
html[data-bs-theme="light"] .mt-workspace #mailbox .email-list-item.email-marked-read{background:#f5f5f5!important}
html[data-bs-theme="light"] .mt-workspace #mailbox .email-list-item.email-marked-read :is(.email-list-item-username,.email-list-item-subject){color:#393939!important;font-weight:400!important}
html[data-bs-theme="light"] .mt-workspace #mailbox .email-list-item:not(.email-marked-read) :is(.email-list-item-username,.email-list-item-subject){color:#000!important;font-weight:600!important}
.mt-workspace.mailtemp-account .acct-content { border:0; border-radius:0; padding-bottom:32px; }
.mt-workspace .mt-account-credit { display:flex; flex-direction:column; justify-content:center; align-items:center; align-self:stretch; gap:2px; height:var(--mt-header); min-height:var(--mt-header); margin-inline:8px 16px; padding:0 20px; border:0; border-inline:1px solid var(--mt-line); border-radius:0; color:var(--mt-text); text-align:center; text-decoration:none; background:transparent; }
.mt-workspace .mt-account-credit span { font-size:11px; line-height:14px; color:var(--mt-muted); }
.mt-workspace .mt-account-credit strong { font-family:inherit; font-size:15px; line-height:18px; font-weight:600; font-variant-numeric:tabular-nums; }
.mt-workspace .mt-account-credit:hover { background:transparent; }
.mt-workspace .mt-account-credit:focus-visible { outline:2px solid #191919; outline-offset:3px; }
@media(max-width:575px) { .mt-workspace .mt-account-credit { margin-inline:0; padding-inline:8px; } .mt-workspace .mt-account-credit span { font-size:10px; } }

/* Domains lives in the same shell as Mail and Account. Keep its content
   surfaces calm and flat so changing sections does not introduce another
   visual language. */
.mt-workspace .domain-marketplace-workspace { border:0; border-radius:0; background:var(--mt-surface); }
.mt-workspace .domain-marketplace-workspace .app-email-sidebar { background:var(--mt-surface); }
.mt-workspace .domain-marketplace-content,
.mt-workspace .domain-shop .domain-marketplace-content,
.mt-workspace .domain-shop-catalog,
.mt-workspace .domain-inventory-market.domain-shop-panel { background-color:var(--mt-surface); background-image:none; }
.mt-workspace .domain-marketplace-side-note { background:var(--mt-surface); box-shadow:none; }
.mt-workspace .managed-domain-card { box-shadow:none; transform:none!important; }
.mt-workspace .managed-domain-card:hover { border-color:var(--mt-line); box-shadow:none; transform:none; background:var(--mt-surface); }
.mt-workspace .domain-shop { min-height:calc(100dvh - var(--mt-header)); }
.mt-workspace .domain-shop .domain-marketplace-content { display:flex; flex-direction:column; min-height:calc(100dvh - var(--mt-header)); }
.mt-workspace .domain-shop-grid { flex:1 1 auto; height:calc(100dvh - var(--mt-header) - 84px); min-height:calc(100dvh - var(--mt-header) - 84px); }
.mt-workspace .domain-shop-header { flex:0 0 auto; border-bottom-color:var(--mt-line); }
.mt-workspace .domain-shop-cart { min-height:100%; background:var(--mt-surface); border-inline-start:1px solid var(--mt-line); }
.mt-workspace .domain-shop-catalog { border-inline-end:0; }
.mt-workspace .domain-shop-catalog-heading { margin:24px 0 14px; padding-bottom:14px; border-bottom:1px solid var(--mt-line); }

/* Keep the message subject as the primary readable field in the all-addresses
   list. The receiving address remains available as a compact reference. */
.mt-workspace #mailbox .email-list-item-content { gap:10px!important; }
.mt-workspace #mailbox .email-list-item-username { flex:0 1 170px!important; }
.mt-workspace #mailbox .mail-recipient-badge { display:inline-flex!important; flex:0 1 140px!important; max-width:140px!important; }

/* Address tabs should reveal the actual mailbox address, not a row of
   ellipses. Share the available width before falling back to truncation. */
.mt-workspace .mt-address-tabs { flex:0 1 auto!important; max-width:calc(100% - 36px)!important; overflow:hidden!important; }
.mt-workspace .mt-address-entry { display:flex; min-width:0; flex:0 0 auto!important; max-width:280px!important; }
.mt-workspace .mt-address-entry .mt-address-tab { min-width:0; flex:0 1 auto; gap:8px; padding-inline:8px 4px; font-size:12px; }
.mt-workspace .mt-address-entry .mt-address-tab>span { min-width:0; }
.mt-workspace .mt-address-copy { width:22px; height:22px; flex:0 0 22px; margin-right:3px; }

/* The address manager is a working panel, not a narrow tooltip. Give the
   mailbox name room and make the surrounding controls compact. */
.mt-workspace #unifiedInbox { width:360px!important; --bs-offcanvas-width:360px!important; }
.mt-workspace #unifiedInbox .unified-address-row { gap:8px; padding:9px 6px; }
.mt-workspace #unifiedInbox .unified-address-avatar { width:30px; height:30px; flex:0 0 30px; border-radius:9px; font-size:12px; }
.mt-workspace #unifiedInbox .unified-address-copy strong { font-size:13px; line-height:16px; }
.mt-workspace #unifiedInbox .unified-address-copy small { font-size:11px; line-height:14px; }
.mt-workspace #unifiedInbox .unified-address-copy { flex:0 1 auto; max-width:170px; margin-inline-end:auto; }
.mt-workspace #unifiedInbox .unified-address-row:hover,
.mt-workspace .mt-address-entry:hover .mt-address-tab { background:transparent!important; }
.mt-workspace #unifiedInbox .unified-address-copy-button { width:28px; height:28px; flex:0 0 28px; border-radius:8px; }
.mt-workspace #unifiedInbox .offcanvas-body { display:flex; flex-direction:column; min-height:0; }
.mt-workspace #unifiedInbox .unified-address-pagination { display:flex; align-items:center; justify-content:center; gap:10px; margin:14px 6px 2px; margin-top:auto; padding-top:14px; color:var(--mt-muted); font-size:12px; font-variant-numeric:tabular-nums; }
.mt-workspace #unifiedInbox .unified-address-page { display:grid; width:28px; height:28px; place-items:center; padding:0; border:0; border-radius:7px; color:var(--mt-text); background:transparent; }
.mt-workspace #unifiedInbox .unified-address-page:hover:not(:disabled) { background:var(--mt-surface-soft); color:var(--mt-text); }
.mt-workspace #unifiedInbox .unified-address-page:disabled { color:var(--mt-muted); cursor:default; }
.mt-workspace #unifiedInbox .unified-switch span { width:36px; height:22px; }
.mt-workspace #unifiedInbox .unified-switch span:after { width:16px; height:16px; }
.mt-workspace #unifiedInbox .unified-switch input:checked + span:after { transform:translateX(14px); }
.mt-workspace .mt-address-tab>.mt-address-initial.is-new,
.mt-workspace #unifiedInbox .unified-address-avatar.is-new { background:var(--mt-surface-soft); color:#d85a18; }
.mt-workspace .mt-address-tab>.mt-address-initial.is-new .icon-base { font-size:14px; }
.mt-workspace #unifiedInbox .unified-address-avatar.is-new .icon-base { font-size:16px; }
.mt-workspace #unifiedInbox .unified-address-new { display:inline-flex; margin-left:6px; padding:1px 5px; border-radius:4px; background:var(--mt-surface-soft); color:#c34d12; font-size:9px; font-style:normal; font-weight:700; line-height:14px; vertical-align:1px; }
@media(max-width:480px) { .mt-workspace #unifiedInbox { width:100vw!important; --bs-offcanvas-width:100vw!important; } }

/* Address management follows the same compact rhythm as the address filter. */
.mt-workspace #history .mt-manage-address-list { overflow:hidden; border:1px solid var(--mt-line); border-radius:9px; background:var(--mt-surface); }
.mt-workspace #history .mt-manage-address-tabs { display:flex; gap:4px; padding:0 12px 10px; }
.mt-workspace #history .mt-manage-address-tabs button { padding:5px 8px; border:0; border-radius:5px; background:transparent; color:var(--mt-muted); font-size:12px; }
.mt-workspace #history .mt-manage-address-tabs button.is-active { background:var(--mt-surface-soft); color:var(--mt-link); font-weight:600; }
.mt-workspace #history .mt-manage-address-row { display:grid; grid-template-columns:18px 28px minmax(0,1fr) auto auto; align-items:center; gap:8px; min-height:52px; padding:8px 10px; border-bottom:1px solid var(--mt-line); }
.mt-workspace #history .mt-manage-address-row:last-child { border-bottom:0; }
.mt-workspace #history .mt-manage-address-row.is-current { background:var(--mt-surface-soft); }
.mt-workspace #history .mt-manage-address-avatar { display:grid; width:28px; height:28px; place-items:center; border-radius:7px; background:var(--mt-surface-soft); color:var(--mt-muted); font:500 11px/1 InterVariable,system-ui,sans-serif; }
.mt-workspace #history .mt-manage-address-copy { min-width:0; }
.mt-workspace #history .mt-manage-address-copy strong,.mt-workspace #history .mt-manage-address-copy small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.mt-workspace #history .mt-manage-address-copy strong { color:var(--mt-text); font-size:12px; font-weight:500; }
.mt-workspace #history .mt-manage-address-copy small { margin-top:2px; color:var(--mt-muted); font-size:10px; }
.mt-workspace #history .mt-manage-address-action { display:grid; width:28px; height:28px; place-items:center; padding:0; border:0; border-radius:5px; background:transparent; color:var(--mt-muted); }
.mt-workspace #history .mt-manage-address-action:hover { background:var(--mt-surface-soft); color:var(--mt-text); }
.mt-workspace #history .mt-manage-address-current { color:var(--mt-muted); font-size:11px; white-space:nowrap; }
.mt-workspace #history .mt-manage-address-grip { display:grid; width:18px; height:28px; place-items:center; padding:0; border:0; background:transparent; color:var(--mt-muted); cursor:grab; }
.mt-workspace #history .mt-manage-address-grip-spacer { display:block; width:18px; height:28px; }
.mt-workspace #history .mt-manage-address-grip:active { cursor:grabbing; }
.mt-workspace #history .mt-manage-address-row.is-dragging { opacity:.45; }
.mt-workspace #history .mt-manage-address-row.is-drag-over { box-shadow:inset 0 2px 0 #7655d8; }
.mt-workspace #history .offcanvas-body { display:flex; flex-direction:column; min-height:0; }
.mt-workspace #history .mail-history { display:flex; flex:1 1 auto; min-height:0; flex-direction:column; }
.mt-workspace #history .mt-manage-address-pagination { display:flex; align-items:center; justify-content:center; gap:10px; margin:14px 0 2px; margin-top:auto; padding-top:14px; color:var(--mt-muted); font-size:12px; font-variant-numeric:tabular-nums; }
.mt-workspace #history .mt-manage-address-pagination button { display:grid; width:28px; height:28px; place-items:center; padding:0; border:0; border-radius:7px; color:var(--mt-text); background:transparent; }
.mt-workspace #history .mt-manage-address-pagination button:hover:not(:disabled) { background:var(--mt-surface-soft); color:var(--mt-text); }
.mt-workspace #history .mt-manage-address-pagination button:disabled { color:var(--mt-muted); cursor:default; }
#mt-manage-address-context-menu { position:absolute; z-index:1085; min-width:198px; padding:5px; border:1px solid var(--mt-line); border-radius:8px; background:var(--mt-surface); box-shadow:0 8px 24px #0000001a; }
#mt-manage-address-context-menu[hidden] { display:none; }
#mt-manage-address-context-menu button { display:flex; width:100%; align-items:center; gap:9px; padding:8px 9px; border:0; border-radius:5px; background:transparent; color:var(--mt-text); font:400 13px/1.35 InterVariable,system-ui,sans-serif; text-align:left; }
#mt-manage-address-context-menu button:hover { background:var(--mt-surface-soft); }
#mt-manage-address-context-menu .icon-base { color:var(--mt-muted); font-size:16px; }

/* The address manager is a full-height workspace column. The shared header,
   message area and utility rail all reserve its width while it is open. */
@media(min-width:992px) {
    .mt-workspace #unifiedInbox { top:0; bottom:0; height:100dvh; max-height:100dvh; }
    .mt-workspace:has(#unifiedInbox.show,#unifiedInbox.showing) .layout-navbar.mailtopbar { width:calc(100% - 360px)!important; }
    .mt-workspace:has(#unifiedInbox.show,#unifiedInbox.showing) .content-wrapper>.container-fluid { padding-inline-end:calc(var(--mt-rail) + 360px)!important; }
    .mt-workspace:has(#unifiedInbox.show,#unifiedInbox.showing) .mt-utility-rail { inset-inline-end:360px; }
}
/* Folder groups need a visible pause between the header controls and their rows. */
.mt-workspace .mt-org-group { margin-top:14px; }
.mt-workspace .mt-org-group > div:last-child { margin-top:5px; }
.mt-workspace .mt-org-group-header > button:first-child { min-height:32px; padding:6px 8px; border-radius:6px; }
.mt-workspace .mt-org-group-header > button:first-child:hover { background:var(--mt-surface-soft); }

/* Folder and label management follows the monochrome account controls. */
.mt-collection-settings { --mt-accent:#19191d; --mt-accent-hover:#303036; --mt-soft:#f3f3f4; }
.mt-collection-settings .mt-add-collection,
.mt-collection-editor footer .mt-collection-save { background:var(--mt-action); border-color:var(--mt-line); }
.mt-collection-settings .mt-add-collection:hover,
.mt-collection-editor footer .mt-collection-save:hover { background:var(--mt-action); border-color:var(--mt-line); }
.mt-collection-settings .mt-notification-switch input:checked + span::after { background:var(--mt-action); }
.mt-collection-editor #mt-collection-name:focus,
.mt-collection-editor .mt-color-option input:focus-visible + span { outline-color:var(--mt-line); border-color:var(--mt-line); }

/* The active account section is part of the black account navigation, not a purple control. */
.mt-workspace.mailtemp-account .acct-sidebar-link.active { background:var(--mt-surface-soft); color:var(--mt-text); }
.mt-workspace.mailtemp-account .acct-sidebar-link.active .acct-sidebar-link-icon { color:var(--mt-text); }
.mt-workspace.mailtemp-account .acct-sidebar-link:hover { background:var(--mt-surface-soft); color:var(--mt-text); }
.mt-workspace.mailtemp-account .mt-back-inbox > .icon-base { display:grid; place-items:center; width:22px; height:22px; border-radius:7px; background:var(--mt-action); color:#fff; }
/* Reader controls keep a safe inset from the edge of the reading pane. */
.mt-workspace .mail-reader-pane-back { margin:-5px 8px -5px 8px; }

/* The move/label chooser has separate, comfortably sized destinations. */
.mt-organize-dialog { --mt-accent:#19191d; --mt-accent-hover:#303036; }
.mt-organize-dialog header button { background:var(--mt-action); }
.mt-organize-dialog header button svg { width:18px; height:18px; fill:none; stroke:currentColor; stroke-width:1.5; stroke-linecap:round; stroke-linejoin:round; }
.mt-organize-dialog .mt-organize-search { border-color:var(--mt-line); }
.mt-organize-options { display:grid; gap:7px; margin:0; }
.mt-organize-option { min-height:42px; padding:8px 10px; border:1px solid var(--mt-line); border-radius:7px; }
.mt-organize-option:hover { background:var(--mt-surface-soft); }
.mt-organize-option.is-selected { border-color:var(--mt-line); background:var(--mt-surface-soft); }
.mt-organize-option.is-selected .mt-organize-check { border-color:var(--mt-line); background:var(--mt-action); }


/* Workspace appearance choices. Theme state is stored locally and can follow the device setting. */
.mt-panel-theme-copy { margin:0 0 10px; color:var(--mt-muted); font-size:12px; line-height:1.45; }
.mt-theme-options { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; }
.mt-theme-option { display:flex; min-height:102px; flex-direction:column; align-items:flex-start; gap:8px; padding:8px; border:1px solid var(--mt-line); border-radius:10px; color:var(--mt-text); background:var(--mt-canvas); text-align:start; transition:border-color .15s ease, box-shadow .15s ease, transform .15s ease; }
.mt-theme-option:hover { border-color:var(--mt-accent); transform:translateY(-1px); }
.mt-theme-option.is-selected { border-color:var(--mt-accent); box-shadow:0 0 0 1px var(--mt-accent); }
.mt-theme-option strong,.mt-theme-option small { display:block; line-height:1.2; }
.mt-theme-option strong { font-size:12px; }
.mt-theme-option small { margin-top:2px; color:var(--mt-muted); font-size:10px; }
/* Preview palettes are fixed so each choice remains recognizable in every active theme. */
.mt-theme-preview { display:grid; grid-template-columns:31% 1fr; width:100%; height:47px; overflow:hidden; border:1px solid #c9cbd3; border-radius:6px; background:#ffffff; }
.mt-theme-preview i { display:block; background:#eef0f5; border-inline-end:1px solid #dedce5; }
.mt-theme-preview b { display:block; margin:8px; border-radius:3px; background:#e9ebf1; }
.mt-theme-preview-ebony { border-color:#565861; background:#17181d; }
.mt-theme-preview-ebony i { background:#0e0f13; border-color:#393b45; }
.mt-theme-preview-ebony b { background:#30323c; }
.mt-theme-preview-sidebar i { background:#17181d; border-color:#393b45; }
.mt-theme-preview-sidebar b { background:#e9ebf1; }
.mt-panel-theme-system { align-items:center; }
.mt-panel-theme-system > span { display:flex; flex-direction:column; }
.mt-panel-theme-system small { margin-top:2px; color:var(--mt-muted); font-size:10px; line-height:1.3; }

/* Language picker: localized links with an explicit current choice. */
.mt-language-picker { margin-top:16px; border:1px solid var(--mt-line); border-radius:10px; background:var(--mt-surface); color:var(--mt-text); }
.mt-language-picker summary { display:flex; align-items:center; gap:12px; padding:13px; cursor:pointer; list-style:none; }
.mt-language-picker summary::-webkit-details-marker { display:none; }
.mt-language-picker summary>span { display:flex; flex:1; flex-direction:column; gap:3px; }
.mt-language-picker summary small { color:var(--mt-muted); font-size:11px; }
.mt-language-picker summary strong { font-size:14px; font-weight:600; }
.mt-language-picker summary>.icon-base { font-size:19px; }
.mt-language-picker[open] summary>.icon-base:last-child { transform:rotate(180deg); }
.mt-language-body { padding:0 9px 9px; }
.mt-language-body input { width:100%; padding:10px 11px; border:1px solid var(--mt-line); border-radius:7px; background:var(--mt-surface-soft); font-size:13px; }
.mt-language-options { max-height:236px; overflow-y:auto; margin-top:8px; }
.mt-language-options a { display:flex; align-items:center; gap:10px; padding:10px 8px; border-radius:7px; color:var(--mt-text); text-decoration:none; font-size:13px; }
.mt-language-options a[hidden] { display:none; }
.mt-language-options a:hover,.mt-language-options a[aria-current] { background:var(--mt-surface-soft); }
.mt-language-code { display:grid; place-items:center; min-width:30px; height:26px; border:1px solid var(--mt-line); border-radius:5px; color:var(--mt-muted); font-size:10px; }
.mt-language-check { margin-inline-start:auto; font-weight:700; }
.mt-language-body p { padding:12px 4px; color:var(--mt-muted); font-size:12px; }

/* Compact navigation includes the dynamically rendered organization groups. */
@media(min-width:992px) {
 .mt-workspace.mt-sidebar-compact #mt-organization-nav { padding:8px; }
 .mt-sidebar-compact #mt-organization-nav button { width:40px; min-height:36px; padding:8px; justify-content:center; }
 .mt-sidebar-compact #mt-organization-nav .mt-org-item>span:not(.mt-org-glyph),
 .mt-sidebar-compact #mt-organization-nav [data-org-toggle]>span,
 .mt-sidebar-compact .mt-org-group-header>button:not(:first-child),
 .mt-sidebar-compact .mt-org-group-header>a,
 .mt-sidebar-compact .mt-org-empty,
 .mt-sidebar-compact .domain-marketplace-side-note { display:none; }
 .mt-sidebar-compact .mt-org-group-header { justify-content:center; }
 .mt-sidebar-compact .mt-org-group { margin-top:6px; }
 .mt-workspace.mt-sidebar-compact #new_email_btn { font-size:0; min-height:40px; }
 .mt-workspace.mt-sidebar-compact #new_email_btn::before { content:'+'; font-size:25px; font-weight:400; line-height:1; }
 .mt-sidebar-compact .mt-brand-area .acct-theme-logo { max-width:38px; object-fit:cover; object-position:left; }
}

/* Phone inbox: preserve the compact, single-purpose rhythm used by mobile mail
   clients. The sender and subject remain visible; the repeated recipient does
   not take a third line. */
@media(max-width:767.98px) {
 body.mt-workspace { --mt-header:52px; }
 .mt-workspace .mailtopbar .mt-plan-trigger-label { display:none!important; }
 .mt-workspace .mailtopbar .mt-plan-trigger { width:36px!important; min-width:36px!important; height:36px!important; padding:0!important; justify-content:center!important; }
 .mt-workspace .layout-navbar.mailtopbar { min-height:52px!important; height:52px!important; }
 .mt-workspace .mailtemp-inbox .emails-list-header { padding:4px 12px 0!important; }
 .mt-workspace .emails-list-header>.d-flex:first-child>.d-flex { min-height:44px!important; }
 .mt-workspace .mt-list-controls { top:12px!important; right:10px!important; gap:6px!important; }
 .mt-workspace .mt-list-controls .mailbox-pagination { gap:2px!important; }
 .mt-workspace .mt-list-controls #mailbox-page-status { display:none!important; }
 .mt-workspace .mt-address-strip { min-height:42px!important; }
 .mt-workspace .mt-address-strip .mt-address-directory { box-sizing:border-box!important; flex:0 0 42px!important; width:42px!important; padding:0!important; justify-content:center!important; }
 .mt-workspace .mt-address-directory span { display:none!important; }
 .mt-workspace #mailbox .email-list-item { min-height:60px!important; padding:7px 12px!important; }
 .mt-workspace[data-inbox-density=compact] #mailbox .email-list-item { min-height:52px!important; padding-block:4px!important; }
 .mt-workspace #mailbox .mt-message-avatar,
 .mt-workspace #mailbox .mail-recipient-badge { display:none!important; }
 .mt-workspace #mailbox .email-list-item-username,
 .mt-workspace #mailbox .email-list-item-subject { overflow:hidden!important; text-overflow:ellipsis!important; white-space:nowrap!important; line-height:17px!important; }
 .mt-workspace #mailbox .email-list-item-time { font-size:10px!important; white-space:nowrap; }
 .mt-workspace .mt-bulk-actions { gap:6px!important; max-width:calc(100vw - 64px); overflow:visible; }
 .mt-workspace.mt-mail-selection-active:not(.mail-reader-open) .mt-bulk-actions { position:fixed; top:10px; inset-inline-start:56px; height:32px; z-index:1031; background:var(--mt-surface); }
 .mt-workspace.mt-mail-selection-active:not(.mail-reader-open) .mailtopbar :is(.mt-mobile-title,.mt-mobile-search-toggle,.mt-plan-offer) { visibility:hidden; }
 .mt-workspace.mt-mail-selection-active #mt-selected-count { min-width:20px; text-align:center; }
 .mt-workspace .mt-bulk-actions button { flex:0 0 30px!important; width:30px!important; height:30px!important; padding:6px!important; }
 .mt-workspace .mt-bulk-actions button:is([data-mail-bulk="move"],[data-mail-bulk="labels"]) { display:none!important; }
 .mt-workspace .mt-bulk-actions button:is([data-mail-bulk="delete"],[data-mail-bulk="move"]) { margin-inline-start:5px!important; }
 .mt-workspace .mt-bulk-actions button:is([data-mail-bulk="delete"],[data-mail-bulk="move"])::before { inset-inline-start:-4px!important; top:5px!important; height:20px!important; }
 .mt-workspace .app-emails-list { position:relative; }
 .mt-workspace .unified-premium-banner-wrap { position:relative!important; margin:8px 12px!important; }
 .mt-workspace .unified-premium-banner-wrap:has(> .d-none) { display:none!important; }
 .mt-workspace #unified-premium-banner { position:relative!important; display:flex!important; align-items:center!important; gap:9px!important; width:100%!important; min-height:84px!important; margin:0!important; padding:12px 54px 12px 12px!important; }
 .mt-workspace #unified-premium-banner .unified-premium-banner-icon { flex:0 0 36px!important; width:36px!important; height:36px!important; }
 .mt-workspace #unified-premium-banner>div { flex:1 1 auto!important; min-width:0!important; }
 .mt-workspace #unified-premium-banner>div small { display:none!important; }
 .mt-workspace #unified-premium-banner>div strong { display:-webkit-box!important; overflow:hidden; font-size:13px!important; line-height:18px!important; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
 .mt-workspace #unified-premium-banner .unified-premium-banner-action { position:absolute!important; inset-inline-end:12px!important; bottom:10px!important; display:grid!important; place-items:center!important; width:30px!important; min-width:30px!important; height:30px!important; margin:0!important; padding:6px!important; font-size:0!important; }
 .mt-workspace #unified-premium-banner .unified-premium-banner-action .icon-base { margin:0!important; font-size:17px!important; }
 .mt-workspace .unified-premium-banner-dismiss { position:absolute!important; z-index:4; top:8px!important; inset-inline-end:8px!important; display:grid!important; width:20px!important; height:20px!important; place-items:center!important; padding:0!important; border:0!important; border-radius:50%!important; background:var(--mt-surface-soft)!important; color:var(--mt-muted)!important; font-size:14px!important; }
 .mt-workspace #unified-premium-banner.d-none + .unified-premium-banner-dismiss { display:none!important; }
 /* Reader: one 52px toolbar, compact subject and a full-width sender block. */
 .mt-workspace.mail-reader-open #app-email-view.show { top:0!important; height:100dvh!important; }
 .mt-workspace.mail-reader-open .mt-shared-reader-toolbar { height:52px!important; }
 .mt-workspace .mt-reader-primary-actions { width:100%!important; overflow:visible!important; }
 .mt-workspace .mt-shared-reader-toolbar [data-reader-organize="move"],
 .mt-workspace .mt-shared-reader-toolbar [data-reader-organize="labels"],
 .mt-workspace .mt-reader-primary-actions>.mt-reader-divider:last-of-type { display:none!important; }
 .mt-workspace #mt-reader-navigation-region { display:block!important; margin-inline-start:6px!important; }
 .mt-workspace .mail-reader-navigation { margin:0!important; padding:0!important; border:0!important; }
 .mt-workspace .mail-reader-navigation button { display:grid!important; place-items:center!important; padding:0!important; border:0!important; border-radius:6px!important; background:var(--mt-surface-soft)!important; }
 .mt-workspace .mt-reader-subject-title { margin:0!important; padding:10px 12px 6px!important; font-size:18px!important; line-height:24px!important; }
 .mt-workspace.mail-reader-open #app-email-view-content>.app-email-view-content { padding:0 12px!important; }
 .mt-workspace .mt-reader-sender-avatar { display:none!important; }
 .mt-workspace .email-card-last>.card-header { position:relative!important; display:flex!important; flex-wrap:wrap!important; align-items:flex-start!important; padding:10px 12px!important; }
 .mt-workspace .email-card-last>.card-header>.d-flex:first-child { flex:1 1 auto!important; width:calc(100% - 98px)!important; min-width:0!important; }
 .mt-workspace .mail-reader-header-meta { position:absolute!important; top:10px; inset-inline-end:12px; margin:0!important; }
 .mt-workspace .mt-reader-addresses { display:grid!important; grid-template-columns:30px minmax(0,1fr)!important; width:100%!important; margin:0!important; column-gap:6px!important; row-gap:4px!important; }
 .mt-workspace .mt-reader-addresses>.mail-reader-from-label { grid-column:1; width:auto!important; margin:0!important; font-size:11px!important; line-height:18px!important; color:var(--mt-muted)!important; }
 .mt-workspace .mt-reader-addresses>.mt-sender-anchor { grid-column:2; min-width:0!important; }
 .mt-workspace .mt-reader-addresses .mail-reader-recipient { grid-column:1/-1; display:grid!important; grid-template-columns:30px minmax(0,1fr)!important; align-items:start!important; gap:6px!important; min-height:22px!important; }
 .mt-workspace .mt-reader-addresses .mail-reader-recipient small { width:auto!important; flex:none!important; font-size:11px!important; line-height:18px!important; color:var(--mt-muted)!important; }
 .mt-workspace .mt-reader-addresses .mt-sender-trigger { min-width:0!important; overflow:hidden!important; text-overflow:ellipsis!important; white-space:nowrap!important; font-size:13px!important; line-height:18px!important; }
 .mt-workspace .mt-reader-addresses .mt-sender-email { display:none!important; }
 .mt-workspace .mt-reader-addresses .mail-reader-recipient .mt-sender-anchor { min-width:0!important; }
 /* The shared reader toolbar already contains these actions. Keeping a second
    group in the message header wastes a full mobile row and duplicates them. */
 .mt-workspace .mt-message-actions { display:none!important; }
 .mt-workspace .mt-message-actions button { display:grid!important; flex:0 0 32px!important; width:32px!important; height:30px!important; padding:6px!important; }
 .mt-workspace .mt-message-actions button:is([data-reader-organize="move"],[data-reader-organize="labels"]) { display:none!important; }
 .mt-workspace .mail-message-frame { min-height:360px!important; }
}

/* Settings is an independent full-height column on tablet and desktop. */
.mt-workspace .mt-settings-panel { box-sizing:border-box; overflow-y:auto; overscroll-behavior:contain; }
.mt-workspace .mt-settings-panel>header { position:sticky; top:-16px; z-index:1; margin: -16px -12px 16px; padding:12px; min-height:60px; background:var(--mt-surface-soft); }
.mt-workspace .mt-settings-panel>header h2 { font-size:18px; line-height:24px; }
.mt-workspace .mt-settings-panel>header [data-shell-close] { width:32px; height:32px; min-width:32px; border:0; box-shadow:none; }
@media(min-width:600px) and (max-width:991.98px) {
 .mt-workspace:has(#mt-settings-panel[open]) :is(.mailtopbar-account-status,.acct-topbar-account-status,.mt-account-credit,.mt-user-identity) { display:none!important; }
 .mt-workspace:has(#mt-settings-panel[open]) .mailtopbar-search { display:none!important; }
 .mt-workspace:has(#mt-settings-panel[open]) .mt-brand-area { flex:1; min-width:0; }
 .mt-workspace:has(#mt-settings-panel[open]) #mailbox .email-list-item>.d-flex { display:grid!important; grid-template-columns:18px 26px minmax(0,1fr); align-items:center; gap:6px; }
 .mt-workspace:has(#mt-settings-panel[open]) #mailbox :is(.mt-message-avatar,.email-list-item-meta) { display:none!important; }
 .mt-workspace:has(#mt-settings-panel[open]) #mailbox .email-list-item-content { grid-column:3; grid-row:1; min-width:0; width:auto; flex-direction:column; align-items:stretch; gap:3px!important; }
 .mt-workspace:has(#mt-settings-panel[open]) #mailbox .email-list-item-content>span { flex:none!important; width:auto; max-width:100%; }
 .mt-workspace:has(#mt-settings-panel[open]) #mailbox .mail-recipient-badge { display:block!important; align-self:flex-start; font-size:10px; white-space:normal; overflow-wrap:anywhere; }
}
@media(max-width:599.98px) {
 .mt-workspace .mt-settings-panel { inset:0; width:100%; max-width:100%; height:100dvh; max-height:100dvh; z-index:1100; }
}

/* Fit complete address/copy pairs to the actual space beside the directory. */
.mt-workspace .mt-address-tabs { flex:1 1 0!important; max-width:none!important; min-width:0; }
.mt-workspace .mt-address-entry { max-width:none!important; }
.mt-workspace .mt-address-entry .mt-address-tab { flex:0 0 auto; max-width:none!important; }
.mt-workspace .mt-address-entry .mt-address-tab>span { overflow:visible; text-overflow:clip; }
.mt-workspace .mt-address-copy { padding:3px; overflow:visible; }
.mt-workspace .mt-address-copy>svg { display:block; width:16px; height:16px; flex:none; }
.mt-workspace .mt-address-entry + .mt-address-entry { position:relative; }
.mt-workspace .mt-address-entry + .mt-address-entry::before { content:""; position:absolute; left:0; top:25%; bottom:25%; width:1px; background:var(--mt-line); pointer-events:none; }

/* Keep dividers clear of each complete address and its copy control. */
.mt-workspace .mt-address-entry { padding-inline:10px; }
.mt-workspace .mt-address-entry .mt-address-tab { padding-inline:8px; }
.mt-workspace .mt-address-copy { margin-inline:4px 2px; }
/* Keep the empty-mail symbol and bundled monochrome wordmark visible in dark mode. */
.mt-workspace .mail-empty-icon { background:var(--mt-surface, var(--mt-canvas)); color:var(--mt-text); border-color:var(--mt-line); }
html[data-bs-theme="dark"] .mt-workspace :is(.mailtopbar-theme-logo,.acct-theme-logo)[src$="/mailtemp-logo.svg"] { filter:invert(1) hue-rotate(180deg); }
/* Umbral: one dark navigation frame around the light workspace. */
body.mt-workspace[data-mt-theme="sidebar"] :is(#app-email-sidebar,.acct-sidebar,.layout-navbar.mailtopbar,.acct-topbar,.mt-utility-rail) {
 --mt-canvas:#191f32; --mt-surface:#191f32; --mt-surface-soft:#2b3247;
 --mt-text:#f1f2f7; --mt-muted:#bbc2d5; --mt-line:#353d53;
 --mt-link:#e4e7f1; --mt-action:#4d5671; --mt-action-text:#fff;
 --mt-accent:#e4e7f1; --mt-accent-hover:#626d8d; --mt-soft:#303950;
 color:var(--mt-text); background-color:var(--mt-canvas)!important;
}
body.mt-workspace[data-mt-theme="sidebar"] :is(.mailtopbar-theme-logo,.acct-theme-logo)[src$="/mailtemp-logo.svg"] { filter:invert(1) hue-rotate(180deg); }
body.mt-workspace[data-mt-theme="sidebar"] :is(.mailtopbar-search,.mailtopbar-search-input,.acct-topbar-search) { color:var(--mt-text); }
body.mt-workspace[data-mt-theme="sidebar"] :is(#app-email-sidebar,.acct-sidebar) .btn-compose { background:var(--mt-action)!important; color:#fff!important; }
/* Floating surfaces inside the header keep the same light palette as the reader. */
body.mt-workspace[data-mt-theme="sidebar"] :is(.layout-navbar.mailtopbar,.acct-topbar) :is(.dropdown-menu,.mail-apps-panel,.modal,.offcanvas) {
 --mt-surface:#fff; --mt-surface-soft:#f3f3f5; --mt-canvas:#fff;
 --mt-text:#19191d; --mt-muted:#64646e; --mt-line:#d6d6dc;
 --mt-link:#373740; --mt-action:#19191d; --mt-accent:#19191d; --mt-soft:#ededf0;
 color:var(--mt-text); background-color:var(--mt-surface);
}
.mt-theme-preview-sidebar { position:relative; border-color:#434b61; background:#fff; border-top:7px solid #191f32; border-right:5px solid #191f32; }
.mt-theme-preview-sidebar i { background:#191f32; border-color:#191f32; }
.mt-theme-preview-sidebar b { background:#e9ebf1; margin:5px; }

/* Continuous shell with breathing room and softly rounded inbox corners. */
.mt-workspace .mt-brand-area { border-inline-end:0; }
.mt-workspace .mailtemp-inbox #app-email-sidebar { border-inline-end:0!important; }
.mt-workspace .mailtemp-inbox .btn-compost-wrapper { padding:10px 12px 18px!important; border:0!important; }
.mt-workspace .mailtemp-inbox .app-emails-list { border:1px solid var(--mt-line)!important; border-bottom:0!important; border-radius:14px 14px 0 0; overflow:hidden; background-clip:padding-box; }
.mt-workspace .mailtemp-inbox .app-emails-list > .card { border-radius:13px 13px 0 0!important; background-clip:padding-box; }
/* Show the toolbar divider only when the address strip is present. The generic
   header border made Archive and Trash look doubled, while hiding it globally
   removed the useful separation in Inbox. */
.mt-workspace .mailtemp-inbox .emails-list-header { border-bottom:0!important; }
.mt-workspace .mailtemp-inbox .emails-list-header-hr { display:none!important; border:0!important; border-top:1px solid var(--mt-line)!important; }
.mt-workspace .mailtemp-inbox .emails-list-header:has(.mt-address-strip:not(.d-none)) .emails-list-header-hr { display:block!important; }
/* Keep the compose action level with the inbox and the frame completely flat. */
.mt-workspace .mailtemp-inbox .btn-compost-wrapper { padding-top:0!important; box-shadow:none!important; background:transparent!important; }
.mt-workspace .mailtemp-inbox .btn-compose,
.mt-workspace .mailtemp-inbox .btn-compose:is(:hover,:focus,:active),
.mt-workspace .layout-navbar.mailtopbar { box-shadow:none!important; filter:none; }
body.mt-workspace[data-mt-theme="sidebar"] #app-email-sidebar .email-filter-folders :is(a,button) { color:#eef0f7!important; }
/* The upstream fixed-navbar gradient is not part of the flat mail shell. */
.mt-workspace .layout-page::before { content:none!important; display:none!important; }
body.mt-workspace[data-mt-theme="sidebar"] .mt-workspace-shell { background:#191f32; }
/* The shell uses display:contents, so paint the frame on its actual layout box. */
body.mt-workspace[data-mt-theme="sidebar"] .layout-wrapper.layout-content-navbar { background:#191f32; }
.mt-inbox-preference{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:14px 0;font-size:13px}
.mt-inbox-preference>div{display:flex;border:1px solid var(--mt-line);padding:3px;border-radius:9px;gap:3px}
.mt-inbox-preference button{border:0;border-radius:6px;padding:8px 11px;min-height:40px;background:transparent;color:var(--mt-text);font-size:12px}
.mt-inbox-preference button[aria-pressed=true]{background:var(--mt-action);color:var(--mt-action-text,#fff)}
@media(min-width:768px){
 .mt-workspace[data-inbox-density=comfortable] #mailbox .email-list-item{min-height:54px!important;padding-block:11px!important}
 .mt-workspace[data-inbox-density=compact] #mailbox .email-list-item{min-height:40px!important;padding-block:4px!important}
}
@media(max-width:767.98px){
 .mt-workspace[data-inbox-density=comfortable] #mailbox .email-list-item{min-height:84px!important;padding-block:12px!important}
 .mt-workspace[data-inbox-density=compact] #mailbox .email-list-item{min-height:68px!important;padding-block:6px!important}
}
.mt-inbox-preference{min-height:44px;margin:4px 0;font-weight:400}
.mt-inbox-preference select{max-width:55%;min-height:40px;padding:6px 25px 6px 8px;border:0;border-radius:6px;background-color:transparent;color:var(--mt-text);font:inherit;cursor:pointer;text-align:end}
.mt-inbox-preference select:hover{background-color:var(--mt-surface-soft)}
.mt-inbox-preference select:focus-visible{outline:2px solid var(--mt-accent);outline-offset:2px}
.mt-inbox-preference select option{background:var(--mt-surface);color:var(--mt-text)}

.mt-preference-picker{position:relative;margin-inline-start:auto}.mt-preference-picker summary{display:flex;align-items:center;gap:6px;cursor:pointer;list-style:none;color:var(--mt-accent);font-size:13px;padding:8px 4px}.mt-preference-picker summary::-webkit-details-marker{display:none}.mt-preference-picker summary .ti{font-size:14px}.mt-preference-menu{position:absolute;inset-inline-end:0;top:100%;min-width:160px;padding:4px;background:var(--mt-surface,#fff);border:1px solid var(--mt-line);border-radius:8px;box-shadow:0 5px 18px #0002;z-index:5}.mt-preference-menu button{display:flex;align-items:center;gap:8px;width:100%;padding:9px 10px;border:0;border-radius:5px;background:transparent;color:var(--mt-text);font-size:13px;text-align:start}.mt-preference-menu button:hover{background:var(--mt-soft)}.mt-preference-menu button[aria-pressed=true]{background:var(--mt-accent);color:#fff}.mt-preference-check{margin-inline-start:auto;visibility:hidden}.mt-preference-menu button[aria-pressed=true] .mt-preference-check{visibility:visible}
/* Small preference menus share the workspace's restrained violet accent. */
.mt-inbox-preference{min-height:38px!important}
.mt-preference-picker summary{color:#7462cf;font-weight:500;padding:6px 4px;gap:5px}
.mt-preference-picker summary svg{width:13px;height:13px;flex:none}
.mt-preference-menu{min-width:144px;padding:3px;border-radius:6px;box-shadow:0 4px 12px #14102520}
.mt-preference-menu button{min-height:34px;padding:7px 9px;border-radius:3px;font-weight:400;gap:9px}
.mt-preference-menu button svg{width:16px;height:16px;flex:none}
.mt-preference-menu button[aria-pressed=true]{background:#7966d9;color:#fff}
.mt-preference-menu button:not([aria-pressed=true]):hover{background:#7966d914}
.mt-preference-check{width:13px!important;height:13px!important}
/* Compact navigation keeps actionable glyphs rather than disclosure arrows. */
@media(min-width:992px){
 .mt-sidebar-compact #mt-organization-nav .mt-org-more{display:none!important}
 .mt-sidebar-compact #mt-org-more{display:block!important}
 .mt-sidebar-compact #mt-organization-nav .mt-org-item{justify-content:center;padding:10px!important}
 .mt-sidebar-compact #mt-organization-nav .mt-org-item>.mt-org-glyph{display:block!important;overflow:visible}
 .mt-sidebar-compact #mt-organization-nav .mt-org-item>span:not(.mt-org-glyph){display:none!important}
 .mt-sidebar-compact #mt-organization-nav .mt-org-group-header{justify-content:center}
 .mt-sidebar-compact #mt-organization-nav .mt-org-group-header>button{display:none!important}
 .mt-sidebar-compact #mt-organization-nav .mt-org-group-header>a{width:40px;height:38px}
 .mt-sidebar-compact #mt-organization-nav .mt-org-empty{display:none!important}
}
@media(min-width:992px){
 .mt-workspace.mt-sidebar-compact #app-email-sidebar :is(.mail-folder-button,#starred-nav>a,.mt-org-item,.mt-inbox-refresh){width:44px!important;min-width:44px!important;height:44px!important;min-height:44px!important;padding:12px!important;margin:0 auto!important;display:flex!important;align-items:center!important;justify-content:center!important;position:relative!important;cursor:pointer}
 .mt-workspace.mt-sidebar-compact #app-email-sidebar :is(button,a) :is(svg,path,.mt-org-glyph){pointer-events:none!important}
 .mt-workspace.mt-sidebar-compact #mailbox-nav{width:48px!important;gap:2px}
 .mt-workspace.mt-sidebar-compact #starred-nav{width:48px!important}
 .mt-workspace.mt-sidebar-compact #mt-organization-nav{padding-inline:8px!important}
}
/* The legacy swipe catcher must never cover the workspace navigation. */
.mt-workspace .drag-target{display:none!important;pointer-events:none!important}
@media(min-width:992px){
 .mt-workspace.mt-sidebar-compact #app-email-sidebar .email-filter-folders{padding-inline:8px!important}
 .mt-workspace.mt-sidebar-compact #app-email-sidebar .email-filter-folders>li{width:48px!important;max-width:48px!important;padding:0!important;margin:0 0 4px!important;background:transparent!important;box-shadow:none!important}
 .mt-workspace.mt-sidebar-compact #mailbox-nav{display:flex!important;flex-direction:column!important;gap:4px!important;align-items:center!important}
 .mt-workspace.mt-sidebar-compact #app-email-sidebar :is(.mail-folder-button,#starred-nav>a,.mt-org-item,.mt-inbox-refresh){width:40px!important;min-width:40px!important;height:40px!important;min-height:40px!important;box-sizing:border-box!important;margin:2px auto!important;padding:12px!important;border-radius:7px!important;flex-shrink:0;inset:auto!important}
 .mt-workspace.mt-sidebar-compact #mt-organization-nav{width:64px!important;box-sizing:border-box;padding:8px!important}
 .mt-workspace.mt-sidebar-compact #mt-org-more{width:48px!important}
 .mt-workspace.mt-sidebar-compact #app-email-sidebar :is(.mail-folder-button,#starred-nav>a,.mt-org-item,.mt-inbox-refresh):hover{background:var(--mt-soft)!important}
}

.mt-workspace .mailbox-pagination #refresh{position:static!important;display:grid;place-items:center;width:30px;height:30px;margin-inline-end:4px;padding:6px;border:0;background:transparent;color:var(--mt-muted);border-radius:5px}.mt-workspace .mailbox-pagination #refresh svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.5}.mt-workspace .mailbox-pagination #refresh:hover{background:var(--mt-soft)}
.mt-workspace .mailbox-pagination #refresh{background:rgba(121,102,217,.07);color:#7966b7;box-shadow:inset 0 0 0 1px rgba(121,102,217,.12);transition:background .15s ease,box-shadow .15s ease,color .15s ease}
.mt-workspace .mailbox-pagination #refresh:hover{background:rgba(121,102,217,.14)!important;color:#6953bc;box-shadow:inset 0 0 0 1px rgba(121,102,217,.24)}
.mt-workspace .mailbox-pagination #refresh:focus-visible{outline:2px solid #9383d6;outline-offset:2px}
.mt-workspace .mailbox-pagination #refresh:disabled{opacity:.5;box-shadow:none}

/* Refresh belongs to its mailbox section; counts keep their own space. */
.mt-workspace #mailbox-nav,.mt-workspace #starred-nav{position:relative}
.mt-workspace :is(#mailbox-nav,#starred-nav) .mt-section-refresh{position:absolute!important;inset-inline-end:35px;top:50%;transform:translateY(-50%);display:grid!important;place-items:center;width:26px!important;height:26px!important;min-height:26px!important;padding:5px!important;border:0;border-radius:6px;background:transparent;color:var(--mt-muted);opacity:0;pointer-events:none;z-index:3}
.mt-workspace :is(#mailbox-nav,#starred-nav):is(.active,:hover,:focus-within) .mt-section-refresh{opacity:1;pointer-events:auto}
.mt-workspace :is(#mailbox-nav,#starred-nav) .mt-section-refresh:hover{background:var(--mt-surface-soft);color:var(--mt-text)}
.mt-workspace .mt-section-refresh svg{width:16px;height:16px;flex:none}
.mt-workspace .mt-section-refresh.is-refreshing svg{animation:mt-section-spin .8s linear infinite}
.mt-workspace :is(#mailbox-nav,#starred-nav)>:is(a,.mail-folder-button){padding-inline-end:64px!important}
.mt-workspace #refresh{display:none!important}
body:has(#mt-storage-central) :is(#mailbox-nav,#starred-nav):not(:hover):not(:focus-within) .mt-section-refresh{opacity:0;pointer-events:none}
@keyframes mt-section-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.mt-workspace .mt-section-refresh.is-refreshing svg{animation:none}}
.mt-workspace :is(#mailbox-nav,#starred-nav) .mt-section-refresh{inset-inline-end:8px}
.mt-workspace :is(#mailbox-nav,#starred-nav)>:is(a,.mail-folder-button){flex-wrap:nowrap!important;min-width:0;padding-inline-end:34px!important}
.mt-workspace :is(#mailbox-nav,#starred-nav)>:is(a,.mail-folder-button)>span:not(.mail-premium-pill){white-space:nowrap}
.mt-workspace :is(#mailbox-nav,#starred-nav):is(.active,:hover,:focus-within) :is(#inbox-count,#favorites-count){visibility:hidden}
@media(min-width:992px){
.mt-workspace.mt-sidebar-compact :is(#mailbox-nav,#starred-nav)>:is(a,.mail-folder-button){padding:10px!important}
.mt-workspace.mt-sidebar-compact :is(#mailbox-nav,#starred-nav) .mt-section-refresh{inset-inline-end:50%;transform:translate(50%,-50%)}
.mt-workspace.mt-sidebar-compact :is(#mailbox-nav,#starred-nav):is(.active,:hover,:focus-within)>:is(a,.mail-folder-button)>.mt-line-icon{opacity:0}
}
/* Keep the unread count alongside refresh, never replace it. */
.mt-workspace:not(.mt-sidebar-compact) :is(#mailbox-nav,#starred-nav){gap:4px}
.mt-workspace:not(.mt-sidebar-compact) :is(#mailbox-nav,#starred-nav)>:is(a,.mail-folder-button){flex:1!important;width:auto!important;min-width:0;padding-inline-end:0!important}
.mt-workspace:not(.mt-sidebar-compact) :is(#mailbox-nav,#starred-nav)>:is(a,.mail-folder-button)>span:not(.mail-premium-pill){overflow:hidden;text-overflow:ellipsis;font-size:13px}
.mt-workspace:not(.mt-sidebar-compact) :is(#mailbox-nav,#starred-nav) .mt-section-refresh{position:static!important;transform:none;flex:0 0 24px;width:24px!important;height:24px!important;order:3;margin-inline-end:4px!important}
.mt-workspace:not(.mt-sidebar-compact) :is(#inbox-count,#favorites-count){position:static!important;visibility:visible!important;flex:none;order:2;margin:0!important}
body:has(#mt-domains-central) :is(#mailbox-nav,#starred-nav):not(:hover):not(:focus-within) .mt-section-refresh{opacity:0;pointer-events:none}
/* Refresh is an action of the active section only. */
.mt-workspace :is(#mailbox-nav,#starred-nav,.mt-org-entry):not(.active) .mt-section-refresh{visibility:hidden!important;opacity:0!important;pointer-events:none!important}
body:has(#mt-storage-central) .mt-section-refresh,body:has(#mt-domains-central) .mt-section-refresh{visibility:hidden!important;pointer-events:none!important}
.mt-workspace.mt-sidebar-compact :is(#mailbox-nav,#starred-nav):not(.active)>:is(a,.mail-folder-button)>.mt-line-icon{opacity:1!important}
body:has(#mt-storage-central) [data-mobile-search],body:has(#mt-domains-central) [data-mobile-search],body:has(#mt-storage-central) [data-mobile-create],body:has(#mt-domains-central) [data-mobile-create]{display:none!important}

/* A refresh is an active-section action: use the same Tabler glyph and retain the unread badge. */
.mt-workspace .mt-section-refresh{box-sizing:border-box!important;width:24px!important;min-width:24px!important;height:24px!important;min-height:24px!important;padding:0!important}
.mt-workspace :is(#mailbox-nav,#starred-nav) .mt-section-refresh{min-height:24px!important}
.mt-workspace .mt-section-refresh .icon-base{font-size:16px!important;line-height:16px!important;width:16px!important;height:16px!important}
.mt-workspace .mt-section-refresh.is-refreshing .icon-base{animation:mt-section-spin .8s linear infinite}
@media(min-width:992px){
 .mt-workspace:not(.mt-sidebar-compact) :is(#mailbox-nav,#starred-nav) .mt-section-refresh{order:2;margin:0 2px!important;color:var(--mt-muted);background:transparent}
 .mt-workspace:not(.mt-sidebar-compact) :is(#inbox-count,#favorites-count){order:3}
}
.mt-workspace .mt-org-entry{display:flex;align-items:center;min-width:0;border-radius:7px}
 .mt-workspace .mt-org-entry.active{background:var(--mt-soft)}
 .mt-workspace .mt-org-entry .mt-org-item{flex:1;min-width:0;background:transparent!important}
 .mt-workspace .mt-org-entry.active .mt-org-item.active{background:transparent!important}
 .mt-workspace .mt-org-entry .mt-section-refresh{position:static!important;transform:none!important;display:grid!important;place-items:center;flex:0 0 24px;width:24px!important;height:24px!important;min-height:24px!important;margin-inline:0 2px!important;padding:0!important;border:0;border-radius:6px;background:transparent;color:var(--mt-muted);visibility:hidden;opacity:0;pointer-events:none}
 .mt-workspace .mt-org-entry.active .mt-section-refresh{visibility:visible;opacity:1;pointer-events:auto}
 .mt-workspace .mt-org-entry .mt-section-refresh:hover{background:var(--mt-surface-soft);color:var(--mt-text)}

/* The fixed sidebar and header share one continuous contour on tablet and desktop. */
@media(min-width:768px){
 html body.mt-workspace[data-mt-theme="sidebar"] .mt-brand-area,
 html body.mt-workspace[data-mt-theme="sidebar"] .mailtemp-inbox #app-email-sidebar{border-inline-end:1px solid #353d53!important}
 html body.mt-workspace[data-mt-theme="ebony"] .mt-brand-area,
 html body.mt-workspace[data-mt-theme="ebony"] .mailtemp-inbox #app-email-sidebar{border-inline-end:1px solid #484850!important}
 html body.mt-workspace[data-mt-theme="ebony"] .mailtemp-inbox .app-emails-list{border-color:#484850!important}
 html[data-bs-theme="dark"] .mt-workspace .mt-brand-area{border-inline-end:1px solid var(--mt-line)!important}
 html[data-bs-theme="dark"] .mt-workspace .mailtemp-inbox #app-email-sidebar{border-inline-end:1px solid var(--mt-line)!important}
 html[data-bs-theme="dark"] .mt-workspace .mailtemp-inbox .app-emails-list{border-inline-start:0!important;border-top:1px solid var(--mt-line)!important;border-inline-end:1px solid var(--mt-line)!important;border-radius:0 12px 0 0!important}
 html[data-bs-theme="light"] .mt-workspace .mt-brand-area{border-inline-end:1px solid #d1cfcd!important}
 html[data-bs-theme="light"] .mt-workspace .mailtemp-inbox #app-email-sidebar{border-inline-end:1px solid #d1cfcd!important}
html[data-bs-theme="light"] .mt-workspace .mailtemp-inbox .app-emails-list{border-inline-start:0!important;border-top:1px solid #d1cfcd!important;border-inline-end:1px solid #d1cfcd!important;border-radius:0 12px 0 0!important}
}

/* A phone inbox always uses the compact row rhythm, independently of the
   desktop density preference. */
@media(max-width:767.98px){
 .mt-workspace[data-inbox-density] #mailbox .email-list-item{min-height:60px!important;padding:7px 12px!important}
 .mt-workspace #mailbox .email-list-item .mt-message-avatar{display:none!important}
 .mt-workspace #mt-org-more .mt-org-entry{display:flex!important;align-items:center!important;min-width:0!important}
 .mt-workspace #mt-org-more .mt-org-item{flex:1 1 auto!important;min-width:0!important}
 .mt-workspace #mt-org-more .mt-section-refresh{display:grid!important;place-items:center!important;flex:0 0 32px!important;width:32px!important;height:32px!important;min-height:32px!important;margin:0 4px 0 0!important}
}