/* Compact mailbox surfaces inherit the site's light and dark palettes. */
.mail-workspace{--mail-surface:var(--panel,#fff);--mail-subtle:var(--panel2,#f7f7fa);--mail-line:var(--line,#dedee7);--mail-text:var(--text,#25252f);--mail-muted:var(--muted,#707080);color:var(--mail-text);min-width:0}
.mail-workspace button,.mail-workspace input,.mail-workspace textarea{font:inherit}
.mail-workspace button{cursor:pointer}
.mail-workspace button:disabled{cursor:default;opacity:.5}
.mail-workspace button:focus-visible,.mail-workspace a:focus-visible,.mail-workspace summary:focus-visible,.mail-editor:focus-visible{outline:2px solid var(--theme-accent,#d72a3c);outline-offset:3px}
.mail-workspace [hidden]{display:none!important}
.mail-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:20px}
.mail-heading>div{min-width:0}
.mail-kicker{display:block;font-size:9px;letter-spacing:1.5px;font-weight:700;color:var(--mail-muted);margin-bottom:6px}
.mail-heading h2{font-size:25px;font-weight:650;letter-spacing:-.8px;margin:0;overflow-wrap:anywhere}
.mail-heading p{font-size:11px;margin:7px 0 0;color:var(--mail-muted)}
.mail-heading-actions{display:flex;gap:8px;flex-shrink:0}
.mail-heading-actions .btn{min-height:38px}
.mail-notice{padding:11px 14px;margin-bottom:14px;background:var(--mail-subtle);border:1px solid var(--mail-line);border-left:3px solid var(--theme-accent,#d72a3c);font-size:12px;line-height:1.6;border-radius:4px;overflow-wrap:anywhere}
.mail-notice.is-error{color:var(--theme-danger-text,#a31535);border-color:var(--theme-danger-border,#c66d83);background:var(--theme-danger-bg,#fff0f3)}
.mail-navigation{display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid var(--mail-line);padding-bottom:12px}
.mail-navigation nav{display:flex;gap:2px;flex-wrap:wrap;min-width:0}
.mail-navigation nav button{background:none;border:0;border-bottom:2px solid transparent;color:var(--mail-muted);padding:9px 12px;min-height:38px;font-size:12px;font-weight:550;border-radius:0;white-space:nowrap}
.mail-navigation nav button[aria-current=page]{color:var(--mail-text);border-bottom-color:var(--theme-accent,#d72a3c);font-weight:700}
.mail-navigation nav button:hover{background:var(--mail-subtle);color:var(--mail-text)}
.mail-navigation nav button span:not(:empty){margin-left:6px;font-size:10px;color:var(--mail-muted);font-variant-numeric:tabular-nums}
.mail-search{display:flex;align-items:center;gap:6px;min-width:170px;max-width:280px;margin:0}
.mail-search input{min-width:0;width:100%;font-size:12px;padding:9px 11px;min-height:38px;border-radius:5px}
.mail-search button{font-size:11px;min-height:38px;background:none;color:var(--mail-text);padding:6px}
.mail-layout{display:grid;grid-template-columns:minmax(255px,32%) minmax(0,1fr);border:1px solid var(--mail-line);border-top:0;background:var(--mail-surface);min-height:540px;max-height:880px;border-radius:0 0 7px 7px;overflow:hidden}
.mail-list-pane{border-right:1px solid var(--mail-line);overflow:auto;min-width:0;overscroll-behavior:contain}
.mail-list{display:flex;flex-direction:column}
.mail-list[aria-busy=true]{opacity:.65}
.mail-row{display:block;position:relative;width:100%;min-width:0;padding:17px 16px;background:transparent;text-align:left;border:0;border-bottom:1px solid var(--mail-line);border-left:3px solid transparent;color:var(--mail-text);border-radius:0;transition:background .12s}
.mail-row:hover{background:var(--mail-subtle)}
.mail-row.is-selected{background:var(--mail-subtle);border-left-color:var(--theme-accent,#d72a3c)}
.mail-row.is-unread .mail-row-subject,.mail-row.is-unread .mail-row-top strong{font-weight:750}
.mail-row-top{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:7px;min-width:0}
.mail-row-top strong{font-size:11px;font-weight:500;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mail-row time{font-size:9px;color:var(--mail-muted);flex-shrink:0;font-variant-numeric:tabular-nums}
.mail-row-subject{display:flex;gap:6px;align-items:center;font-size:12px;line-height:1.5;font-weight:550;overflow-wrap:anywhere}
.mail-row-subject small{font-size:9px;color:var(--mail-muted);font-weight:500}
.mail-unread-dot{display:inline-block;width:5px;height:5px;background:var(--theme-accent,#d72a3c);border-radius:50%;flex-shrink:0}
.mail-preview{font-size:11px;line-height:1.6;color:var(--mail-muted);margin-top:5px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}
.mail-row-meta{display:block;margin-top:8px;color:var(--mail-muted);font-size:9px;text-transform:capitalize}
.mail-load-more{display:block;width:100%;padding:14px;background:var(--mail-subtle);color:var(--mail-text);font-size:11px;border:0;border-radius:0}
.mail-detail-pane{min-width:0;overflow:auto;overscroll-behavior:contain}
.mail-empty{text-align:center;color:var(--mail-muted);padding:55px 22px;font-size:12px;line-height:1.7}
.mail-empty h3{font-size:16px;letter-spacing:-.3px;margin:0 0 7px;color:var(--mail-text);font-weight:600}
.mail-empty p{font-size:12px;margin:0;max-width:290px;margin-inline:auto}
.mail-reader-empty{min-height:470px;display:flex;flex-direction:column;justify-content:center}
.mail-envelope{font-size:36px;line-height:1;margin-bottom:20px;color:var(--theme-accent,#d72a3c);font-weight:300}
.mail-conversation-head{padding:22px 24px 16px;border-bottom:1px solid var(--mail-line);position:relative;background:var(--mail-surface)}
.mail-conversation-title{display:flex;align-items:flex-start;gap:15px;justify-content:space-between}
.mail-conversation-title h3{margin:0;font-size:21px;letter-spacing:-.5px;line-height:1.35;overflow-wrap:anywhere;color:var(--mail-text)}
.mail-conversation-title>span{white-space:nowrap;font-size:10px;color:var(--mail-muted);margin-top:5px}
.mail-thread-actions{display:flex;gap:12px;margin-top:15px;align-items:center;flex-wrap:wrap}
.mail-thread-actions>button,.mail-more summary,.mail-message-actions button{border:0;border-radius:0;background:none;padding:5px 0;font-size:11px;color:var(--mail-muted);min-height:30px}
.mail-thread-actions>button:hover,.mail-message-actions button:hover{color:var(--mail-text);text-decoration:underline;text-underline-offset:4px}
.mail-more{position:relative;margin:0;border:0;padding:0}
.mail-more summary{list-style:none;cursor:pointer}
.mail-more>div{display:flex;flex-direction:column;position:absolute;top:100%;right:0;background:var(--mail-surface);border:1px solid var(--mail-line);border-radius:5px;padding:5px;min-width:170px;box-shadow:0 8px 25px #0002;z-index:3}
.mail-more button{padding:10px;text-align:left;font-size:11px;background:none;color:var(--mail-text);white-space:nowrap;border-radius:2px}
.mail-more button:hover{background:var(--mail-subtle)}
.mail-more .mail-danger,.mail-error{color:var(--theme-danger-text,#a31535)}
.mail-message{padding:0 24px;border-bottom:1px solid var(--mail-line)}
.mail-message>details{padding:0;margin:0;border:0}
.mail-message>details>summary{display:flex;gap:10px;align-items:center;list-style:none;padding:19px 0;cursor:pointer;min-width:0}
.mail-message>details>summary::-webkit-details-marker{display:none}
.mail-avatar{display:grid;place-items:center;flex:0 0 30px;width:30px;height:30px;border:1px solid var(--mail-line);border-radius:6px;color:var(--mail-muted);background:var(--mail-subtle);font-size:12px}
.mail-message-summary{display:flex;flex-direction:column;min-width:0;flex:1;gap:4px}
.mail-message-summary strong{font-size:12px;line-height:1.5;font-weight:600;overflow-wrap:anywhere}
.mail-message-summary small{font-size:10px;line-height:1.4;color:var(--mail-muted);overflow-wrap:anywhere}
.mail-message-time{display:flex;flex-direction:column;gap:5px;align-items:flex-end;flex-shrink:0;font-size:9px;color:var(--mail-muted)}
.mail-message-time .mail-delivery{font-size:9px;text-transform:capitalize}
.mail-delivery.is-error{color:var(--theme-danger-text,#a31535)}
.mail-message-content{padding:0 0 18px}
.mail-addresses{padding:0;margin:0 0 12px;border:0;font-size:10px}
.mail-addresses>summary{color:var(--mail-muted);cursor:pointer}
.mail-addresses dl{margin:10px 0;display:grid;gap:6px}
.mail-addresses dl>div{display:grid;grid-template-columns:55px minmax(0,1fr);gap:8px;line-height:1.5}
.mail-addresses dt{color:var(--mail-muted)}
.mail-addresses dd{margin:0;overflow-wrap:anywhere}
.mail-body-toggle{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:12px 0}
.mail-body-toggle button{background:none;border:0;border-bottom:1px solid transparent;font-size:10px;padding:5px 0;color:var(--mail-muted);border-radius:0}
.mail-body-toggle button[aria-pressed=true]{border-color:var(--theme-accent,#d72a3c);color:var(--mail-text)}
.mail-body-toggle .mail-image-toggle{display:inline-flex;align-items:center;gap:7px;margin-left:auto;min-height:32px;max-width:100%;text-align:left}
.mail-image-switch{width:26px;height:16px;flex-shrink:0;background:var(--theme-border,#737384);border-radius:10px;position:relative}
.mail-image-switch::after{content:"";position:absolute;left:3px;top:3px;width:10px;height:10px;background:#fff;border-radius:50%}
.mail-image-toggle[aria-checked=true] .mail-image-switch{background:var(--theme-accent,#d72a3c)}
.mail-image-toggle[aria-checked=true] .mail-image-switch::after{left:13px}
.mail-body-toggle .mail-image-toggle:focus-visible{outline:2px solid var(--theme-accent,#d72a3c);outline-offset:3px}
.mail-body-toggle .mail-image-toggle:disabled{opacity:.55;cursor:default}
.mail-html{width:100%;height:350px;border:1px solid var(--mail-line);background:#fff;border-radius:3px;display:block;color-scheme:light}
.mail-plain{font-family:inherit;font-size:13px;line-height:1.85;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;color:var(--mail-text);background:transparent;border:0;margin:8px 0 16px;padding:0;max-width:100%}
.mail-message-actions{display:flex;gap:18px;margin-top:12px}
.mail-conversation-footer{padding:21px 24px;display:flex;gap:8px;flex-wrap:wrap}
.mail-mobile-back{display:none}
.mail-settings{margin-top:16px;border:0;border-top:1px solid var(--mail-line);padding:13px 0 0;color:var(--mail-muted)}
.mail-settings>summary{font-size:11px;cursor:pointer}
.mail-settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;padding:17px 0 8px;min-width:0}
.mail-settings-grid>div,.mail-settings-grid>form{min-width:0}
.mail-settings dl{margin:0 0 10px}
.mail-settings dl>div{display:flex;gap:14px;justify-content:space-between;padding:7px 0;border-bottom:1px solid var(--mail-line);font-size:11px}
.mail-settings dt{color:var(--mail-muted)}
.mail-settings dd{margin:0;text-align:right;color:var(--mail-text);overflow-wrap:anywhere}
.mail-settings p{font-size:10px;line-height:1.7;margin:9px 0 12px}
.mail-settings label{font-size:11px;font-weight:600}
.mail-settings textarea{font-size:12px;margin-top:7px;padding:11px;width:100%;resize:vertical;min-height:85px}
.mail-settings .mail-signature-logo-option{display:flex;align-items:center;gap:8px;margin-top:10px;font-weight:400;cursor:pointer;color:var(--mail-text)}
.mail-signature-logo-option input{width:16px;height:16px;min-height:0;margin:0;accent-color:var(--theme-accent,#d72a3c)}
.mail-signature-preview{margin:14px 0;padding:16px;background:var(--mail-subtle);border-left:2px solid var(--mail-line);color:var(--mail-text);font-size:12px;line-height:1.7;overflow-wrap:anywhere}
.mail-signature-preview p,.mail-signature-preview div{font-size:inherit;line-height:inherit;margin:0 0 12px}
.mail-signature-preview>:last-child{margin-bottom:0}
.mail-signature-preview a{color:var(--theme-accent,#d72a3c);text-decoration:underline}
.mail-signature-empty{color:var(--mail-muted);font-size:11px}
.mail-signature-preview img,.mail-editor img{display:block;width:96px;height:96px;max-width:100%;object-fit:contain}
.mail-settings pre{font-size:10px;white-space:pre-wrap;overflow-wrap:anywhere;max-height:160px;overflow:auto;background:var(--mail-subtle);padding:10px}
[data-mail-signature-status]{font-size:11px;margin-left:10px}
.mail-composer{margin:0;min-width:0;display:flex;flex-direction:column;min-height:540px}
.mail-composer>header{padding:21px 24px 15px;display:flex;gap:12px;justify-content:space-between;align-items:flex-start}
.mail-composer>header h3{font-size:19px;letter-spacing:-.4px;margin:0;color:var(--mail-text)}
.mail-close-compose{font-size:24px!important;line-height:1;min-width:32px;height:32px;padding:3px;background:transparent;color:var(--mail-muted);border:0}
.mail-compose-addresses{padding:0 24px}
.mail-compose-addresses>label,.mail-compose-addresses details>label{display:flex;gap:13px;align-items:center;border-bottom:1px solid var(--mail-line);font-size:11px;margin:0;min-width:0}
.mail-compose-addresses label>span{flex:0 0 45px;color:var(--mail-muted)}
.mail-compose-addresses input{min-width:0;width:100%;border:0!important;box-shadow:none!important;border-radius:0;background:transparent!important;padding:11px 0;font-size:12px;color:var(--mail-text);outline-offset:0}
.mail-compose-addresses input[readonly]{color:var(--mail-muted)!important}
.mail-compose-addresses details{border:0;padding:0;margin:6px 0}
.mail-compose-addresses summary{font-size:10px;color:var(--mail-muted);cursor:pointer;min-height:25px;padding-top:5px}
.mail-compose-addresses p{font-size:9px;color:var(--mail-muted);margin:7px 0}
.mail-format-bar{padding:10px 20px;display:flex;gap:3px;flex-wrap:wrap;align-items:center;margin-top:10px;border-bottom:1px solid var(--mail-line);border-top:1px solid var(--mail-line);background:var(--mail-subtle)}
.mail-format-bar button{font-size:11px;min-width:31px;min-height:30px;background:transparent;border:0;color:var(--mail-text);padding:6px 9px;border-radius:3px}
.mail-format-bar button:hover{background:var(--mail-surface)}
.mail-editor{padding:20px 24px;min-height:230px;max-height:450px;overflow:auto;outline:none;font-size:13px;line-height:1.85;color:var(--mail-text);word-break:break-word;overflow-wrap:anywhere;flex:1}
.mail-editor p{font-size:inherit;line-height:inherit;margin:0 0 12px}
.mail-editor ul,.mail-editor ol{padding-left:24px}
.mail-editor a{color:var(--theme-accent,#d72a3c);text-decoration:underline}
.mail-editor blockquote{margin:22px 0 0;padding:10px 15px;border-left:2px solid var(--mail-line);color:var(--mail-muted)}
.mail-editor[contenteditable=false]{opacity:.65}
.mail-composer>footer{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px 24px 9px;border-top:1px solid var(--mail-line)}
.mail-compose-primary{display:flex;align-items:center;gap:13px;flex-wrap:wrap;min-width:0}
.mail-attach-button{position:relative;cursor:pointer;font-size:11px!important;overflow:hidden;min-height:35px;display:inline-flex;align-items:center}
.mail-attach-button input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;padding:0}
.mail-attach-button:focus-within{outline:2px solid var(--theme-accent,#d72a3c);outline-offset:3px}
.mail-save-state{font-size:10px;color:var(--mail-muted);max-width:190px;line-height:1.5}
.mail-save-state.is-error{color:var(--theme-danger-text,#a31535)}
.mail-discard{background:transparent;color:var(--mail-muted);font-size:11px!important;min-height:35px;padding:4px}
.mail-discard:hover{color:var(--theme-danger-text,#a31535)}
.mail-compose-limits{font-size:9px!important;margin:0!important;padding:0 24px 15px;color:var(--mail-muted);line-height:1.6}
.mail-attachments{list-style:none;margin:14px 0 0;padding:0;display:flex;flex-direction:column;gap:6px}
.mail-attachments li{display:flex;gap:9px;align-items:center;background:var(--mail-subtle);border:1px solid var(--mail-line);border-radius:4px;padding:9px 11px;min-width:0;font-size:11px}
.mail-attachments li>span:first-child{color:var(--mail-muted)}
.mail-attachment-name{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1;overflow-wrap:anywhere}
.mail-attachment-name a{color:var(--mail-text);text-decoration:underline;text-underline-offset:3px}
.mail-attachment-name small{font-size:9px;color:var(--mail-muted)}
.mail-attachments button{background:transparent;color:var(--mail-muted);padding:3px 7px;font-size:20px;border:0}
.mail-compose-attachments{padding:0 24px 12px}
.mail-compose-attachments:empty{display:none}
.mail-upload-progress{padding:0 24px;font-size:11px;color:var(--mail-muted);margin-bottom:10px;overflow-wrap:anywhere}
.mail-upload-progress:empty{display:none}
.mail-draft-conflict{margin:10px 24px;padding:12px;background:var(--theme-warning-bg,#fff3dd);color:var(--theme-warning-text,#77500b);border:1px solid var(--theme-warning-border,#ad843b);font-size:11px}
.mail-draft-conflict p{font-size:11px;margin:0 0 8px;line-height:1.6}
.mail-draft-conflict button{background:transparent;color:inherit;border-bottom:1px solid currentColor;border-radius:0;margin:3px 12px 3px 0;padding:3px 0;font-size:11px}
.mail-link-editor{display:flex;align-items:center;flex-wrap:wrap;gap:8px;background:var(--mail-subtle);border-bottom:1px solid var(--mail-line);padding:11px 24px;font-size:11px}
.mail-link-editor input{font-size:12px;padding:8px;min-width:110px;flex:1}
.mail-link-editor button{font-size:11px;background:none;color:var(--mail-text);padding:5px}
.ops-tabs [data-mail-nav-unread]:not(:empty){display:inline-block;margin-left:5px;font-size:9px;font-weight:700;color:var(--theme-accent,#d72a3c)}
@media(min-width:1200px){.ops:has(.mail-workspace) .ops-head{margin-bottom:18px}.ops:has(.mail-workspace) .ops-head .page-title{font-size:32px}.ops:has(.mail-workspace) .ops-tabs{margin-bottom:20px}}
@media(max-width:1000px){.mail-navigation{flex-wrap:wrap;gap:8px}.mail-search{max-width:none;flex:1}.mail-navigation nav{flex:1 1 100%}.mail-layout{grid-template-columns:minmax(220px,35%) minmax(0,1fr)}.mail-row{padding:14px 12px}.mail-row-top{display:block}.mail-row time{display:block;margin-top:4px}.mail-conversation-head,.mail-message,.mail-composer>header{padding-left:18px;padding-right:18px}.mail-conversation-title{display:block}.mail-conversation-title>span{display:block;margin-top:6px}.mail-message>details>summary{gap:8px}.mail-avatar{display:none}.mail-message-time{max-width:90px;text-align:right}.mail-compose-addresses,.mail-editor,.mail-compose-attachments{padding-left:18px;padding-right:18px}.mail-composer>footer{padding-left:18px;padding-right:18px}}
@media(max-width:700px){.mail-heading{align-items:flex-start;flex-wrap:wrap;gap:13px;margin-bottom:16px}.mail-heading h2{font-size:22px}.mail-heading-actions{width:100%;justify-content:space-between}.mail-heading-actions .btn{min-height:40px}.mail-heading-actions [data-mail-action=compose]{flex:1;max-width:200px}.mail-navigation nav{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));width:100%;gap:0}.mail-navigation nav button{padding:8px 2px;font-size:10px;min-height:40px}.mail-navigation nav button span:not(:empty){display:block;margin:2px 0 0;font-size:9px}.mail-navigation{padding-bottom:9px}.mail-search input{min-height:40px}.mail-search button{min-height:40px}.mail-layout{display:block;min-height:400px;max-height:none;border-radius:0 0 5px 5px}.mail-list-pane{border-right:0;max-height:none}.mail-detail-pane{display:none;overflow:visible}.mail-detail-open .mail-list-pane{display:none}.mail-detail-open .mail-detail-pane{display:block}.mail-row{padding:17px 14px}.mail-row-top{display:flex}.mail-row-top strong{font-size:12px}.mail-row time{display:inline;margin:0;font-size:9px}.mail-row-subject{font-size:13px}.mail-preview{font-size:12px}.mail-empty{padding:45px 20px}.mail-mobile-back{display:inline-block;background:transparent;color:var(--mail-muted);padding:0 0 13px;min-height:32px;font-size:11px!important;border:0;align-self:flex-start}.mail-conversation-head{padding:15px 16px}.mail-conversation-title h3{font-size:20px}.mail-thread-actions{gap:17px;margin-top:11px}.mail-thread-actions>button,.mail-more summary{min-height:35px}.mail-message{padding:0 16px}.mail-message>details>summary{padding:17px 0}.mail-message-time{max-width:82px}.mail-html{height:360px}.mail-message-summary strong{font-size:11px}.mail-message-summary small{font-size:9px}.mail-body-toggle>span{margin-left:0;flex-basis:100%}.mail-conversation-footer{padding:18px 16px}.mail-conversation-footer .btn{min-height:40px}.mail-settings-grid{grid-template-columns:1fr;gap:18px}.mail-composer>header{padding:15px 16px;flex-wrap:wrap;gap:6px}.mail-composer>header>.mail-mobile-back{flex:1 1 100%;order:0}.mail-composer>header>div{order:1}.mail-composer>header>.mail-close-compose{order:2}.mail-compose-addresses,.mail-editor,.mail-compose-attachments{padding-left:16px;padding-right:16px}.mail-format-bar{padding:8px 10px;gap:0}.mail-format-bar button{min-height:36px;font-size:10px;padding:6px 8px}.mail-editor{min-height:180px;max-height:none}.mail-composer>footer{padding:14px 16px 9px;align-items:flex-start;gap:5px}.mail-compose-primary{gap:10px}.mail-save-state{flex-basis:100%;max-width:100%}.mail-compose-primary .btn{min-height:40px}.mail-attach-button{min-height:40px}.mail-compose-limits{padding:0 16px 14px}.mail-draft-conflict{margin-inline:16px}.mail-link-editor{padding-inline:16px}.mail-more>div{right:auto;left:0}.mail-search{max-width:100%;width:100%}}
@media(prefers-reduced-motion:reduce){.mail-row{transition:none}}

.ops.ops-mail>.ops-head{display:none}.ops.ops-mail>.ops-tabs{display:flex;flex-wrap:nowrap;overflow-x:auto;gap:3px;padding:4px;margin-bottom:22px;border-radius:6px}.ops.ops-mail>.ops-tabs button{flex:1 0 auto;min-height:38px;padding:9px 13px;font-size:11px;border-radius:3px}@media(max-width:700px){.ops.ops-mail>.ops-tabs{margin-bottom:20px;padding:3px;border-radius:5px}.ops.ops-mail>.ops-tabs button{flex:0 0 auto;min-width:82px;min-height:40px;padding:8px 12px;font-size:10px}}

.mail-mobile-back{text-align:left}

/* Inbox owns only the space between the app chrome and its bottom navigation. */
html.mail-viewport-active,body.mail-viewport-active{height:100%;overflow:hidden;overscroll-behavior:none}
body.mail-viewport-active{padding-bottom:0!important}
body.mail-viewport-active>.wrap>.sandbox{display:none}
body.mail-viewport-active>.wrap>.nav{height:68px;min-height:0;margin-bottom:0}
body.mail-viewport-active>.wrap>.nav .brand img{width:96px;height:64px;object-fit:contain}
body.mail-viewport-active .ops.ops-mail{padding-top:8px;padding-bottom:0;margin-bottom:0}
body.mail-viewport-active .ops.ops-mail>.ops-tabs{margin-bottom:8px;padding:2px;border-radius:4px}
body.mail-viewport-active .ops.ops-mail>.ops-tabs button{min-height:32px;padding:6px 11px}
.mail-workspace{height:var(--mail-workspace-height,calc(100dvh - 180px));min-height:0;display:flex;flex-direction:column;overflow:hidden;position:relative;top:var(--mail-viewport-shift,0px)}
.mail-heading{flex:none;gap:12px;margin-bottom:10px;min-height:44px}
.mail-heading .mail-kicker{display:none}
.mail-heading h2{font-size:20px;letter-spacing:-.5px}
.mail-heading p{font-size:10px;margin-top:3px;line-height:1.4}
.mail-heading-actions{gap:6px;align-items:center}
.mail-heading-actions .btn{min-height:34px;padding:6px 10px;font-size:11px}
.mail-heading-actions .mail-refresh-button{font-size:21px;line-height:1;min-width:34px;padding:4px}
.mail-compose-short{display:none}
.mail-navigation{flex:none;gap:12px;padding-bottom:7px}
.mail-navigation nav button{min-height:34px;padding:7px 10px;font-size:11px}
.mail-search{max-width:250px}
.mail-search input,.mail-search button{min-height:32px;padding-block:6px}
.mail-notice{flex:none;margin-bottom:8px;padding:7px 10px;font-size:11px;max-height:74px;overflow:auto}
.mail-layout{flex:1;min-height:0;max-height:none;border-radius:0 0 5px 5px}
.mail-list-pane,.mail-detail-pane{min-height:0;height:100%;overflow:auto;scrollbar-width:thin;scroll-padding:12px}
.mail-detail-pane:has(.mail-composer){overflow:hidden}
.mail-reader-empty{min-height:100%;padding:24px}
.mail-row{padding:13px 14px}
.mail-row-top{margin-bottom:4px}
.mail-row-meta{margin-top:5px}
.mail-conversation-head{position:sticky;top:0;z-index:3;padding:13px 18px 10px}
.mail-conversation-title h3{font-size:18px;line-height:1.3;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.mail-thread-actions{margin-top:6px;gap:14px}
.mail-message{padding-inline:18px}
.mail-message>details>summary{padding:13px 0}
.mail-conversation-footer{padding:14px 18px}
.mail-composer{height:100%;min-height:0;overflow:hidden}
.mail-composer>header{flex:none;padding:10px 16px;gap:10px;border-bottom:1px solid var(--mail-line);align-items:center}
.mail-composer>header .mail-kicker{display:none}
.mail-composer>header h3{font-size:15px;letter-spacing:-.2px;line-height:1.3}
.mail-close-compose{height:30px;min-width:30px}
.mail-compose-scroll{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scroll-padding:50px 12px 12px}
.mail-compose-addresses{padding-inline:16px}
.mail-compose-addresses label>input{margin-top:0}
.mail-compose-addresses input{padding-block:7px;min-height:33px}
.mail-compose-addresses details{margin:2px 0}
.mail-compose-addresses summary{min-height:25px;padding-top:3px}
.mail-compose-addresses p{margin:4px 0;font-size:9px}
.mail-format-bar{position:sticky;top:0;z-index:1;padding:4px 10px;margin-top:6px;gap:2px;flex-wrap:nowrap}
.mail-format-bar button{min-height:30px;padding:5px 8px;white-space:nowrap;font-size:10px}
.mail-editor{min-height:210px;max-height:none;overflow:visible;flex:none;padding:14px 16px;font-size:13px;line-height:1.7}
.mail-compose-attachments{padding:0 16px 10px}
.mail-upload-progress{padding-inline:16px}
.mail-draft-conflict{margin-inline:16px}
.mail-composer>footer{flex:none;background:var(--mail-surface);padding:9px 16px;gap:8px;align-items:center}
.mail-compose-primary{gap:11px;flex:1}
.mail-compose-primary .btn{min-height:34px;padding:7px 11px;font-size:11px}
.mail-save-state{font-size:9px;max-width:180px}
.mail-attach-button,.mail-discard{min-height:34px}
.mail-compose-limits{padding:0 16px 10px}
.mail-settings{position:fixed;inset:var(--mail-visible-top,0px) 0 auto;margin:18px auto;width:min(760px,calc(100% - 32px));max-width:none;max-height:calc(var(--mail-visible-height,100dvh) - 36px);padding:0;border:1px solid var(--mail-line);border-radius:8px;background:var(--mail-surface);color:var(--mail-text);box-shadow:0 18px 70px #0005;overflow:hidden}
.mail-settings:not([open]){display:none}
.mail-settings[open]{display:flex;flex-direction:column}
.mail-settings::backdrop{background:#10101880;backdrop-filter:blur(3px)}
.mail-settings>header{display:flex;align-items:center;justify-content:space-between;gap:14px;flex:none;padding:12px 18px;border-bottom:1px solid var(--mail-line)}
.mail-settings>header h3{font-size:15px;margin:0;line-height:1.4;letter-spacing:-.2px}
.mail-settings>header button{width:34px;min-height:34px;background:transparent;font-size:24px;color:var(--mail-muted);padding:0}
.mail-settings-grid{padding:18px;gap:24px;overflow:auto;min-height:0;overscroll-behavior:contain;scrollbar-width:thin}
.mail-settings-grid [data-mail-diagnostics]{order:1}
.mail-settings-grid [data-mail-signature]{order:0}
.mail-signature-preview{margin-block:12px}
@media(max-width:1000px){.mail-navigation{gap:4px}.mail-navigation nav{flex:1 1 100%}.mail-search{max-width:none}.mail-layout{grid-template-columns:minmax(210px,34%) minmax(0,1fr)}}
@media(max-width:820px){
 body.mail-viewport-active.app-shell>.wrap>.nav{height:calc(52px + env(safe-area-inset-top,0px));gap:8px}
 body.mail-viewport-active.app-shell>.wrap>.nav .brand img{width:70px;height:auto}
 .mail-workspace input:not([type=checkbox]):not([readonly]),.mail-settings textarea{font-size:16px}
 .mail-compose-addresses input{min-height:36px}
}
@media(max-width:700px),(max-height:540px){
 body.mail-viewport-active .ops.ops-mail>.ops-tabs{margin-bottom:6px}
 body.mail-viewport-active .ops.ops-mail>.ops-tabs button{min-height:30px;min-width:68px;padding:5px 9px;font-size:10px}
 body.mail-viewport-active .ops.ops-mail:has(.mail-detail-open)>.ops-tabs{display:none}
 .mail-heading{flex-wrap:nowrap;align-items:center;gap:6px;margin-bottom:7px;min-height:42px}
 .mail-heading h2{font-size:14px;letter-spacing:-.35px;white-space:nowrap}
 .mail-heading p{font-size:8px;max-width:145px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
 .mail-heading-actions{width:auto;gap:4px;flex-shrink:0}
 .mail-heading-actions .btn{min-height:32px;padding:5px 7px;font-size:10px}
 .mail-heading-actions .mail-refresh-button{min-width:28px;padding:3px;font-size:20px}
 .mail-heading-actions .mail-settings-button{font-size:0;width:28px;padding:3px}
 .mail-settings-button::before{content:'⚙';font-size:17px;line-height:1}
 .mail-compose-label{display:none}.mail-compose-short{display:inline}
 .mail-heading-actions [data-mail-action=compose]{flex:none;max-width:none}
 .mail-navigation{flex-wrap:wrap;gap:4px;padding-bottom:5px}
 .mail-navigation nav{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));flex:1 1 100%;width:100%;gap:0}
 .mail-navigation nav button{font-size:10px;padding:5px 1px;min-height:30px}
 .mail-navigation nav button span:not(:empty){display:inline;margin:0 0 0 3px;font-size:8px}
 .mail-search{max-width:none;min-width:0;width:100%}
 .mail-search input,.mail-search button{min-height:32px;padding-block:4px}
 .mail-layout{display:block;min-height:0;max-height:none}
 .mail-list-pane{height:100%;border-right:0;overflow:auto}
 .mail-detail-pane{display:none;height:100%;overflow:auto}
 .mail-detail-open .mail-list-pane{display:none}
 .mail-detail-open .mail-detail-pane{display:block}
 .mail-detail-open .mail-navigation{display:none}
 .mail-detail-open .mail-heading{position:absolute;inset:0 0 auto;margin:0;min-height:0;height:0;z-index:4}
 .mail-detail-open .mail-heading>div:first-child{display:none}
 .mail-detail-open .mail-heading-actions{position:absolute;right:6px;top:5px}
 .mail-detail-open .mail-heading-actions>:not(.mail-settings-button){display:none}
 .mail-mobile-back{display:inline-flex;align-items:center;min-height:32px;padding:0;font-size:11px!important;flex:none}
 .mail-conversation-head{padding:8px 42px 8px 12px}
 .mail-conversation-head>.mail-mobile-back{margin-bottom:3px}
 .mail-conversation-title{display:flex;gap:10px}
 .mail-conversation-title h3{font-size:15px}
 .mail-conversation-title>span{font-size:9px;margin-top:2px}
 .mail-thread-actions{gap:14px;margin-top:3px}
 .mail-thread-actions>button,.mail-more summary{min-height:28px;font-size:10px}
 .mail-row{padding:12px}
 .mail-row-top{display:flex}
 .mail-row time{display:inline;margin:0}
 .mail-row-subject{font-size:12px}
 .mail-preview{font-size:11px}
 .mail-message{padding-inline:12px}
 .mail-message>details>summary{padding:11px 0}
 .mail-message-content{padding-bottom:12px}
 .mail-body-toggle{gap:10px;margin-block:8px}
 .mail-body-toggle>span{flex-basis:auto;margin-left:auto;font-size:8px}
 .mail-conversation-footer{padding:12px}
 .mail-conversation-footer .btn{min-height:34px;padding:7px 10px;font-size:11px}
 .mail-composer>header{padding:6px 42px 6px 10px;flex-wrap:nowrap;gap:8px}
 .mail-composer>header>.mail-mobile-back{flex:none;order:0}
 .mail-composer>header>div{order:1;flex:1;min-width:0}
 .mail-composer>header h3{font-size:13px;text-align:right}
 .mail-composer>header>.mail-close-compose{display:none}
 .mail-compose-addresses,.mail-editor,.mail-compose-attachments{padding-inline:12px}
 .mail-format-bar{padding:3px 6px;gap:0}
 .mail-format-bar button{min-height:30px;min-width:27px;padding:4px 7px;font-size:10px}
 .mail-editor{min-height:190px;max-height:none}
 .mail-composer>footer{padding:7px 10px;align-items:center;gap:5px}
 .mail-compose-primary{gap:8px}
 .mail-save-state{flex-basis:auto;margin-left:auto;font-size:9px;max-width:110px}
 .mail-compose-primary .btn{min-height:34px;padding:7px 10px;font-size:11px}
 .mail-attach-button{min-height:34px;font-size:10px!important}
 .mail-discard{font-size:10px!important;min-height:34px}
 .mail-settings{width:calc(100% - 16px);margin-top:8px;max-height:calc(var(--mail-visible-height,100dvh) - 16px);border-radius:6px}
 .mail-settings>header{padding:8px 12px}
 .mail-settings-grid{grid-template-columns:1fr;padding:14px;gap:20px}
}