/* Mobile overlays leave the desktop sidebar and reader layout unchanged. */
#mail-sidebar-shade{display:none}
#read-view #delete{display:none!important}
#read-view #reply{display:block;width:max-content;max-width:100%;margin:20px 0}
.mail-empty{min-height:180px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;text-align:center;color:var(--text)}
.mail-empty p{margin:0}.mail-empty a{color:var(--mint);text-decoration:underline}
.mail-pull-refresh{height:0;overflow:hidden;display:grid;place-items:center;color:var(--mint);transition:height .2s ease;flex:none}
.mail-pull-refresh svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2}
.mail-pull-refresh.refreshing svg{animation:mail-refresh-spin .8s linear infinite}
@keyframes mail-refresh-spin{to{transform:rotate(360deg)}}
.message-swipe-label{display:none}
@media(max-width:760px){
 html:has(.mail-session){overscroll-behavior-y:none}
 .mail-session .mail-workspace,.mail-session.sidebar-collapsed .mail-workspace{position:relative;grid-template-columns:0 minmax(0,1fr)!important;overflow:visible}
 .mail-session .mail-workspace>.mail-content,.mail-session.sidebar-collapsed .mail-workspace>.mail-content{grid-column:2;width:100%;min-width:0}
 .mail-session.settings-email .mail-workspace,.mail-session.settings-email.sidebar-collapsed .mail-workspace{grid-template-columns:44px minmax(0,1fr)!important}
 body.mail-session .mail-workspace>.mail-sidebar,body.mail-session.sidebar-collapsed .mail-workspace>.mail-sidebar{position:fixed!important;left:0!important;top:0!important;bottom:0!important;width:75vw!important;max-width:75vw!important;height:100dvh!important;min-width:0!important;padding:calc(var(--mobile-sidebar-top,98px) + 12px) 16px 12px!important;display:flex!important;flex-direction:column;background:var(--mail-sidebar,var(--panel))!important;border:0;border-right:1px solid var(--line);z-index:1204;overflow:hidden!important;transform:translateX(0);transition:transform .25s cubic-bezier(.2,.7,.25,1);pointer-events:auto;visibility:visible}
 body.mail-session.sidebar-collapsed .mail-workspace>.mail-sidebar{transform:translateX(-100%);visibility:hidden;transition:transform .25s cubic-bezier(.2,.7,.25,1),visibility 0s .25s}
 body.mail-session .mail-sidebar>.sidebar-scroll{display:flex!important;overflow-y:auto!important;min-height:0;flex:1 1 0;scrollbar-width:none}
 body.mail-session .mail-sidebar .sidebar-bottom,body.mail-session.sidebar-collapsed .mail-sidebar .sidebar-bottom{position:static!important;display:flex!important;flex-direction:column;width:100%!important;bottom:auto!important;left:auto!important;margin-top:auto!important;background:transparent;pointer-events:auto;flex-shrink:0}
 body.mail-session .mail-sidebar .sidebar-bottom>*{display:block!important}
 body.mail-session .mail-sidebar .folders{display:flex!important;flex-direction:column}
 body.mail-session .mail-sidebar .sidebar-text{display:initial!important}
 body.mail-session .mail-sidebar .folders button,body.mail-session .mail-sidebar .label-item{width:100%}
 body.mail-session #sidebar-collapse,body.mail-session #settings-sidebar-collapse{position:fixed!important;left:8px;bottom:var(--mail-sidebar-arrow-bottom,57px);width:36px!important;height:36px;z-index:1210;background:var(--panel);color:var(--mint);border:1px solid var(--line);pointer-events:auto;visibility:visible;transform:none}
 body.mail-session .mail-sidebar #sidebar-collapse,body.mail-session .mail-sidebar #settings-sidebar-collapse{position:static!important;align-self:flex-start}
 body.mail-session.sidebar-collapsed:not(.settings-email) #sidebar-collapse{position:fixed!important;transform:none!important;right:auto!important;left:8px!important;bottom:var(--mail-sidebar-arrow-bottom,57px)}
 body.settings-email.sidebar-collapsed .mail-workspace>.mail-sidebar{width:44px!important;max-width:44px!important;padding-left:4px!important;padding-right:4px!important;transform:none;visibility:visible;transition:width .25s ease,max-width .25s ease}
 body.settings-email.sidebar-collapsed .mail-sidebar>.folders{display:flex!important;width:36px}
 body.settings-email.sidebar-collapsed .mail-sidebar .folders button{width:36px;min-width:0;padding:10px 7px;font-size:0;gap:0;justify-content:center;overflow:hidden}
 body.settings-email.sidebar-collapsed .mail-sidebar .folders button svg{width:20px;height:20px;flex:0 0 20px}
 body.settings-email.sidebar-collapsed .mail-sidebar .sidebar-text,body.settings-email.sidebar-collapsed .mail-sidebar .folder-count,body.settings-email.sidebar-collapsed .mail-sidebar .folder-selection-indicator{display:none!important}
 body.settings-email.sidebar-collapsed .mail-sidebar .sidebar-bottom{width:36px!important}
 body.settings-email.sidebar-collapsed .mail-sidebar .sidebar-bottom>:not(#settings-sidebar-collapse){display:none!important}
 #mail-sidebar-shade:not([hidden]){display:block;position:fixed;inset:0;z-index:1203;background:#0009;animation:mail-shade-in .2s ease;touch-action:none}
 .mail-session #sidebar-swipe-edge{top:0!important;bottom:0!important;width:32px!important;z-index:1202}
 .mail-session #refresh{display:none!important}
 .mail-session #list-view,.mail-session .mail-content{overscroll-behavior-y:none}
 #read-back{font-size:0!important;min-width:40px;min-height:40px;display:grid;place-items:center}
 #read-back::before{content:'←';font:24px Arial,sans-serif}
 .message-row.message-swiping{overflow:hidden}
 .message-swipe-label{position:absolute;inset:0;display:flex;align-items:center;padding:0 14px;pointer-events:none;opacity:0;font-weight:bold;font-size:13px;color:var(--text);z-index:3;max-width:130px}
 .message-swipe-label.swipe-delete-label{left:auto;right:0;justify-content:flex-end}
 .message-swipe-label.swipe-archive-label{right:auto;left:0;justify-content:flex-start}
 .swipe-left .swipe-delete-label,.swipe-right .swipe-archive-label{opacity:1}
 .message-swiping .message-row-layout{position:relative;z-index:2;background:var(--panel);transform:translateX(var(--message-swipe))}
 .message-swiping .message-hover-actions{display:none!important}
 .message-row:not(.message-swiping) .message-row-layout{transition:transform .18s ease}
}
@keyframes mail-shade-in{from{opacity:0}to{opacity:1}}
@media(prefers-reduced-motion:reduce){body.mail-session .mail-workspace>.mail-sidebar,.mail-pull-refresh,.message-row-layout{transition:none!important}#mail-sidebar-shade{animation:none!important}}

@media(max-width:760px){
 .message-row{transform:none!important}
 body.mail-session:not(.sidebar-collapsed) .mail-workspace{z-index:1300}
 body.mail-session #sidebar-collapse,body.mail-session #settings-sidebar-collapse{z-index:1310}
}

@media(max-width:760px){
 body.mail-session.sidebar-collapsed:not(.settings-email) .mail-sidebar>.sidebar-scroll{display:flex!important;visibility:inherit}
}

@media(max-width:760px){
 body.mail-session .mail-sidebar .sidebar-bottom #sidebar-collapse,
 body.mail-session .mail-sidebar .sidebar-bottom #settings-sidebar-collapse{position:static!important;transform:none!important;left:auto!important;right:auto!important;width:100%!important;min-height:36px;height:36px;padding:6px;border:0;background:transparent;text-align:center;font:bold 18px Arial,sans-serif;align-self:stretch}
 body.mail-session.sidebar-collapsed>#sidebar-collapse{transform:none!important;left:8px!important;right:auto!important;border:0;background:var(--mail-sidebar,var(--panel));font:bold 18px Arial,sans-serif}
 .mail-session #sidebar-swipe-edge{width:20px!important;touch-action:pan-y}
 #mail-sidebar-shade:not([hidden]){touch-action:pan-y}
}

@media(max-width:760px){.mail-session .mail-content{touch-action:pan-y pinch-zoom}}

@media(max-width:760px){.mail-session .mail-content{overflow-x:hidden}}

@media(max-width:760px){.mobile-reader-overlay>#read-view{position:fixed;top:var(--reader-overlay-top);left:var(--reader-overlay-left);width:var(--reader-overlay-width);height:var(--reader-overlay-height);box-sizing:border-box;padding:inherit;overflow:auto;z-index:10;background:var(--bg);overscroll-behavior:contain}}