.mailbox-selection-panel .selector-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}
.select-mode-toggle{border:0;background:transparent;color:var(--ui-accent);font:inherit;font-size:13px;font-weight:650;padding:9px;border-radius:9px;cursor:pointer}
.select-mode-toggle:hover,.select-mode-toggle:focus-visible{background:var(--ui-accent-soft)}
.mailbox-bulk-toolbar:not([hidden]){display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 0 12px;animation:selection-appear .16s ease-out}
.mailbox-select-all{display:flex;align-items:center;gap:7px;color:var(--ui-text);font-size:13px;font-weight:600;cursor:pointer}
.mailbox-select input,.mailbox-select-all input{width:18px;height:18px;accent-color:var(--ui-accent);cursor:pointer}
.mailbox-bulk-delete{display:inline-flex;align-items:center;gap:6px;border:0;border-radius:10px;padding:9px 12px;background:var(--ui-accent-soft);color:var(--ui-accent);font:inherit;font-size:13px;font-weight:650;cursor:pointer;transition:background .16s ease,transform .16s ease}
.mailbox-bulk-delete .icon{width:17px;height:17px}.mailbox-bulk-delete:hover:not(:disabled){background:#dcece5}.mailbox-bulk-delete:active:not(:disabled){transform:scale(.97)}.mailbox-bulk-delete:disabled{opacity:.45;cursor:default}
.mailbox-select:not([hidden]){display:grid;place-items:center;flex:none;width:36px;min-height:44px;cursor:pointer;animation:selection-appear .16s ease-out}
.is-selecting .box-row-action{display:none}.is-selecting .box-row .box{padding-right:8px}.is-selecting .box-row .arrow{display:none}
@keyframes selection-appear{from{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.mailbox-bulk-toolbar:not([hidden]),.mailbox-select:not([hidden]){animation:none}.mailbox-bulk-delete{transition:none}}
.topbar .brand-mail{font-family:'Arial Black','Segoe UI',system-ui,sans-serif;font-size:24px;font-weight:900;letter-spacing:-1.25px;line-height:1;color:var(--ui-accent)}
.multi-select-heading{display:flex;justify-content:flex-end}.multi-select-item:not([hidden]){display:grid;place-items:center;flex:none;width:36px;min-height:44px;cursor:pointer;animation:selection-appear .16s ease-out}.multi-select-item input{width:18px;height:18px;accent-color:var(--ui-accent);cursor:pointer}.multi-select-section .trash-item{display:flex;align-items:center}.multi-select-section .trash-address{flex:1;min-width:0}.multi-select-section.is-selecting .trash-actions,.multi-select-section.is-selecting .message-actions{display:none}.multi-select-section .message-row{display:flex;align-items:center}.multi-select-section .message-row .message{flex:1;min-width:0}@media(prefers-reduced-motion:reduce){.multi-select-item:not([hidden]){animation:none}}

/* Global label styles must never override the hidden selection controls. */
.mailbox-bulk-toolbar[hidden],.mailbox-select[hidden],.multi-select-item[hidden]{display:none!important}
.select-mode-toggle{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:6px 12px;border:1px solid #dce9e3;border-radius:999px;background:#fff;color:var(--ui-accent);font-size:12px;font-weight:650;line-height:1;white-space:nowrap;transition:background .16s ease,border-color .16s ease}
.select-mode-toggle:hover,.select-mode-toggle:focus-visible,.select-mode-toggle[aria-expanded="true"]{border-color:#c6ddd1;background:var(--ui-accent-soft);color:var(--ui-accent)}
.mailbox-bulk-toolbar:not([hidden]){margin:10px 0 12px;padding:10px 12px;border:1px solid #e1ebe6;border-radius:12px;background:#f7faf8}
.mailbox-select-all{margin:0;white-space:nowrap}.mailbox-select input,.mailbox-select-all input,.multi-select-item input{margin:0;flex:none}
.multi-select-heading{margin:10px 0 2px}
@media(prefers-reduced-motion:reduce){.select-mode-toggle{transition:none}}

/* Keep bulk actions quiet and aligned with the list rather than in a card. */
.mailbox-bulk-toolbar:not([hidden]){min-height:48px;margin:2px 0 4px;padding:6px 2px;border:0;border-radius:0;border-bottom:1px solid #edf2ef;background:transparent;gap:12px}
.mailbox-select-all{display:inline-flex;align-items:center;gap:9px;min-height:36px;color:#53695f;font-size:13px;font-weight:600;line-height:1;white-space:nowrap}
.mailbox-select-all input,.mailbox-select input,.multi-select-item input{appearance:none;-webkit-appearance:none;display:inline-grid;place-items:center;width:18px;height:18px;margin:0;padding:0;border:1.5px solid #9db4a9;border-radius:5px;background:#fff;outline-offset:2px;flex:none}
.mailbox-select-all input:checked,.mailbox-select input:checked,.multi-select-item input:checked,.mailbox-select-all input:indeterminate{border-color:var(--ui-accent);background:var(--ui-accent)}
.mailbox-select-all input:checked::after,.mailbox-select input:checked::after,.multi-select-item input:checked::after{content:'';width:8px;height:4px;border:solid #fff;border-width:0 0 2px 2px;transform:translateY(-1px) rotate(-45deg)}
.mailbox-select-all input:indeterminate::after{content:'';width:8px;height:2px;border-radius:2px;background:#fff}
.mailbox-bulk-delete{min-height:36px;padding:7px 10px;background:transparent;color:var(--ui-accent);font-size:13px;font-weight:650;white-space:nowrap}
.mailbox-bulk-delete:hover:not(:disabled),.mailbox-bulk-delete:focus-visible{background:var(--ui-accent-soft)}
.mailbox-bulk-delete:disabled{opacity:.38}
.mailbox-bulk-toolbar [data-selection-count],.mailbox-bulk-toolbar [data-multi-count]{color:#7b8e84;font-weight:500}
.mailbox-selection-panel .selector-heading{gap:8px}.multi-select-heading{margin:4px 0 0}
.select-mode-toggle{width:38px;height:38px;min-height:38px;padding:0;border:0;border-radius:50%;background:transparent;color:#617970}
.select-mode-toggle .icon{width:20px;height:20px}
.select-mode-toggle:hover,.select-mode-toggle:focus-visible,.select-mode-toggle[aria-expanded="true"]{background:var(--ui-accent-soft);color:var(--ui-accent)}
/* Compact, accessible selection actions alongside the selection toggle. */
.selection-actions{display:inline-flex;align-items:center;gap:2px;flex:none}
.mailbox-bulk-toolbar:not([hidden]){display:inline-flex;align-items:center;justify-content:flex-start;gap:2px;min-height:0;margin:0;padding:0;border:0;background:transparent;animation:selection-appear .16s ease-out}
.mailbox-select-all,.mailbox-bulk-delete{position:relative;display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;min-height:38px;margin:0;padding:0;border:0;border-radius:50%;background:transparent;color:#617970;cursor:pointer}
.mailbox-select-all .icon,.mailbox-bulk-delete .icon{width:20px;height:20px}
.mailbox-select-all input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}
.mailbox-select-all:hover,.mailbox-select-all:has(input:focus-visible),.mailbox-select-all:has(input:checked),.mailbox-select-all:has(input:indeterminate),.mailbox-bulk-delete:hover:not(:disabled),.mailbox-bulk-delete:focus-visible{background:var(--ui-accent-soft);color:var(--ui-accent)}
.mailbox-select-all:has(input:focus-visible){outline:2px solid var(--ui-accent);outline-offset:1px}
.mailbox-bulk-delete:disabled{opacity:.38;cursor:default}
.selection-count{font-size:12px;color:#7b8e84;font-weight:600;white-space:nowrap}
.multi-select-heading{margin:4px 0 0}
@media(prefers-reduced-motion:reduce){.mailbox-bulk-toolbar:not([hidden]){animation:none}}

/* Keep selection controls in the heading in both selection modes. */
.inboxhead>.selection-actions,.trash-heading>.selection-actions{display:inline-flex;flex:0 0 auto;align-items:center;gap:0;margin-left:auto}
.inboxhead>.selection-actions .select-mode-toggle,.trash-heading>.selection-actions .select-mode-toggle{width:40px;height:40px;min-height:40px;padding:0;background:transparent}
.inboxhead>.selection-actions .select-mode-toggle:hover,.inboxhead>.selection-actions .select-mode-toggle:focus-visible,.inboxhead>.selection-actions .select-mode-toggle[aria-expanded="true"],.trash-heading>.selection-actions .select-mode-toggle:hover,.trash-heading>.selection-actions .select-mode-toggle:focus-visible,.trash-heading>.selection-actions .select-mode-toggle[aria-expanded="true"]{background:var(--ui-accent-soft)}
.trash-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.trash-heading-copy{min-width:0;flex:1}
@media(max-width:800px){.inboxhead,.trash-heading{align-items:center;gap:6px}.trash-heading h1{font-size:21px}.selection-actions .selection-count:empty{display:none}}