.inbox-menu { position:relative; }
.inbox-menu-mount:not(:empty)+.inbox-menu-fallback { display:none; }
.inbox-menu-fallback summary { list-style:none; }
.inbox-menu-fallback summary::-webkit-details-marker { display:none; }
.inbox-menu-trigger { position:relative;width:38px;height:38px;border:1px solid transparent;border-radius:8px;display:grid;place-items:center;color:var(--text-soft);background:var(--surface);cursor:pointer; }
.inbox-menu-trigger:hover,.inbox-menu-trigger[aria-expanded="true"] { color:var(--text-strong);border-color:var(--border);background:var(--surface-subtle); }
.inbox-menu-trigger:focus-visible { outline:3px solid color-mix(in srgb,var(--focus) 38%,transparent);outline-offset:2px; }
.inbox-menu-badge { position:absolute;right:-6px;top:-6px;min-width:20px;height:20px;padding:0 5px;border-radius:999px;display:grid;place-items:center;background:#ef476f;color:white;font-size:11px;font-weight:900;animation:motion-badge-pop var(--motion-panel) var(--motion-ease) both; }
.inbox-menu-panel { box-sizing:border-box;position:absolute;z-index:45;right:0;top:calc(100% + 10px);width:380px;padding:9px;border:1px solid var(--border);border-radius:18px;background:var(--surface-raised);box-shadow:0 20px 55px var(--shadow);opacity:1;transform:translateY(0) scale(1);transform-origin:calc(100% - 18px) -8px;transition:opacity var(--motion-fast) ease,transform var(--motion-control) var(--motion-ease),display var(--motion-control) allow-discrete; }
.inbox-menu-panel[hidden] { display:none;opacity:0;transform:translateY(-6px) scale(.97); }
@starting-style {.inbox-menu-panel:not([hidden]){opacity:0;transform:translateY(-6px) scale(.97)}}
.inbox-menu-header { min-height:42px;padding:7px 9px 10px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--border-soft); }
.inbox-menu-header span { color:var(--muted);font-size:12px; }
#home-inbox { --surface:var(--redding-control); --surface-subtle:var(--redding-hover); --surface-raised:var(--redding-raised); --surface-hover:var(--redding-hover); --text-soft:var(--redding-text); --text-strong:var(--redding-text); --border:var(--redding-border); --border-soft:var(--redding-border); --muted:var(--redding-muted); --accent:var(--redding-accent); --accent-text:var(--redding-text); --accent-soft:var(--redding-hover); --shadow:#0008; --focus:var(--redding-accent); }
#home-inbox .inbox-menu-trigger { border-color:var(--border); }
#home-inbox[hidden] { display:none; }
@media (max-width:600px) { .inbox-menu-panel { position:fixed;top:70px;right:16px;width:calc(100vw - 32px); } }
@media (prefers-reduced-motion:reduce) { .inbox-menu-panel,.inbox-menu-badge { animation:none; transition:none; } }

.inbox-menu-badge[hidden] { display:none; }

.inbox-menu-tabs { position:relative;display:flex; gap:8px; padding:8px 0; }
.inbox-menu-tabs::before { content:"";position:absolute;left:0;top:8px;bottom:8px;width:calc((100% - 8px)/2);border-radius:8px;background:var(--surface-hover);pointer-events:none;transition:transform 220ms cubic-bezier(.22,1,.36,1); }
.inbox-menu-tabs[data-selected="messages"]::before { transform:translateX(calc(100% + 8px)); }
.inbox-menu-tabs button { position:relative;flex:1;min-width:0; padding:8px; border:0; border-radius:8px; background:transparent; color:var(--muted); cursor:pointer; font:inherit;font-weight:700;transition:color 180ms ease; }
.inbox-menu-tabs button[aria-selected="true"] { color:var(--text-strong); }
.inbox-menu-content { max-height:min(440px, calc(100dvh - 240px)); overflow:auto; overscroll-behavior:contain; }
.inbox-menu-loader { display:grid;place-items:center;min-height:120px;color:var(--muted); }
.inbox-menu .inbox-menu-loader svg { width:28px;height:28px;animation:inbox-loader-spin 900ms linear infinite; }
@keyframes inbox-loader-spin { to { transform:rotate(360deg); } }
@media (prefers-reduced-motion:reduce) { .inbox-menu-tabs::before,.inbox-menu-tabs button { transition:none; }.inbox-menu .inbox-menu-loader svg { animation:none; } }
.inbox-preview { display:block; padding:12px; color:var(--text-soft); text-decoration:none; border-bottom:1px solid var(--border-soft); border-radius:8px; overflow-wrap:anywhere; }
.inbox-preview:hover { background:var(--surface-hover); }
.inbox-preview strong { font-size:14px; }
.inbox-preview.unread strong::after { content:""; display:inline-block; width:6px; height:6px; margin-left:7px; border-radius:50%; background:var(--accent); }
.inbox-preview-body { margin:7px 0; white-space:pre-wrap; font-size:14px; line-height:1.6; }
.inbox-preview small { color:var(--muted); font-size:12px; }
.inbox-menu-empty,.inbox-menu-status { padding:14px 9px; margin:0; color:var(--muted); font-size:13px; }
.inbox-menu-footer { display:block; text-align:center; padding:12px 4px 4px; color:var(--text-soft); font-size:13px; }
.inbox-menu-retry { margin:0 9px 8px; color:var(--text-soft); background:var(--surface-subtle); border:1px solid var(--border); border-radius:6px; cursor:pointer; }
.inbox-menu-tabs button:focus-visible,.inbox-preview:focus-visible,.inbox-menu-footer:focus-visible { outline:2px solid var(--focus); outline-offset:-2px; }