.mail-context-menu {
    position: fixed;
    z-index: 500;
    display: none;
    width: min(292px, calc(100vw - 16px));
    padding: 7px;
    color: var(--text);
    background: color-mix(in srgb, var(--surface) 96%, #111 4%);
    border: 1px solid var(--border);
    border-radius: 13px;
    box-shadow: 0 18px 48px rgb(0 0 0 / 28%);
}
.mail-context-menu.open { display: block; }
.mail-context-menu button {
    display: grid;
    grid-template-columns: 24px 1fr 12px;
    gap: 8px;
    align-items: center;
    width: 100%;
    min-height: 38px;
    padding: 7px 9px;
    color: inherit;
    font: inherit;
    text-align: left;
    border: 0;
    border-radius: 8px;
    background: transparent;
    cursor: pointer;
}
.mail-context-menu button:hover { background: var(--surface-hover, rgb(127 127 127 / 14%)); }
.mail-context-menu button i { color: var(--muted); font-style: normal; text-align: center; }
.mail-context-menu button[data-action="unread"] i { color: var(--primary); font-size: 20px; }
.mail-context-menu button[data-action="flag"] i { color: #ff3158; }
.mail-context-menu button[data-action="read-selected"] { display: none; }
.mail-context-menu.bulk-mode button[data-action="read-selected"] { display: grid; }
.mail-context-menu button b { color: var(--muted); font-size: 20px; font-weight: 400; }
.mail-context-menu hr { margin: 6px -7px; border: 0; border-top: 1px solid var(--border); }
.mail-context-submenu {
    position: absolute;
    top: 150px;
    left: calc(100% - 4px);
    display: none;
    width: 170px;
    padding: 6px;
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: 11px;
    box-shadow: 0 14px 38px rgb(0 0 0 / 24%);
}
.mail-context-submenu.open { display: block; }
.mail-context-submenu button { display: block; min-height: 34px; }
.mail-message-list > a.selected { background: color-mix(in srgb, var(--primary) 10%, var(--surface)); box-shadow: inset 3px 0 var(--primary); }
@media (max-width: 640px) {
    .mail-context-menu { width: min(292px, calc(100vw - 16px)); }
    .mail-context-submenu { left: auto; right: 8px; }
}