.inbox-root{align-items:center;gap:4px;margin-right:4px}
/* The absolutely positioned drawer trigger occupies the rightmost 44px. */
@media(max-width:1023px){.inbox-root{margin-right:56px}}
.inbox-root[hidden]{display:none!important}
.inbox-menu{position:relative}
.inbox-button{list-style:none;position:relative;display:grid;place-items:center;width:40px;height:40px;border-radius:10px;border:1px solid transparent;background:transparent;color:#bbc9cf;cursor:pointer;transition:background .15s,color .15s,border-color .15s}
.inbox-button::-webkit-details-marker{display:none}
.inbox-button:hover,.inbox-menu[open]>.inbox-button{background:#272a34;color:#a5e7ff;border-color:#00d2ff33}
.inbox-button:focus-visible{outline:2px solid #69f6b9;outline-offset:2px}
.inbox-button .material-symbols-outlined{font-size:22px}
.inbox-badge{position:absolute;top:3px;right:2px;min-width:17px;height:17px;padding:0 4px;border-radius:999px;background:#ffb4ab;color:#690005;font:700 10px/17px "JetBrains Mono",monospace;text-align:center;box-shadow:0 0 0 2px #0b0e17}
.inbox-badge[hidden]{display:none}
.inbox-panel{position:absolute;right:-48px;top:calc(100% + 10px);z-index:60;width:min(380px,calc(100vw - 24px));background:#10131cf7;border:1px solid #00d2ff40;border-radius:14px;box-shadow:0 16px 48px #000a;backdrop-filter:blur(14px);overflow:hidden}
.inbox-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-bottom:1px solid #ffffff12}
.inbox-head h2{margin:0;font:700 17px/1.2 "Space Grotesk",sans-serif;color:#e0e2ef}
.inbox-action{display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:0 12px;border-radius:8px;border:1px solid #ffffff14;background:#232936;color:#c5d4e0;font:600 12px/1 Inter,system-ui,sans-serif;text-decoration:none}
.inbox-action:hover{border-color:#00d2ff66;color:#a5e7ff}
.inbox-action .material-symbols-outlined{font-size:16px}
.inbox-list{max-height:min(420px,60vh);overflow-y:auto;overscroll-behavior:contain}
.inbox-item{display:flex;gap:12px;align-items:flex-start;padding:12px 16px;border-bottom:1px solid #ffffff0a;color:#e0e2ef;text-decoration:none;position:relative}
.inbox-item:hover,.inbox-item:focus-visible{background:#ffffff08}
.inbox-item.is-unread{background:#00d2ff0a}
.inbox-item.is-unread::before{content:"";position:absolute;left:5px;top:50%;width:6px;height:6px;margin-top:-3px;border-radius:50%;background:#00d2ff}
.inbox-avatar{flex:0 0 auto;width:34px;height:34px;border-radius:9px;object-fit:cover;background:#272a34;display:grid;place-items:center;color:#a5e7ff;font:700 14px "Space Grotesk",sans-serif;overflow:hidden}
.inbox-text{min-width:0;flex:1}
.inbox-title{display:block;font:600 13px/1.4 Inter,system-ui,sans-serif;color:#e0e2ef;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.inbox-snippet{display:block;margin-top:2px;font:12px/1.4 Inter,system-ui,sans-serif;color:#9eafbe;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.inbox-meta{display:block;margin-top:3px;font:500 11px/1.3 "JetBrains Mono",monospace;color:#859399}
.inbox-state{padding:34px 16px;text-align:center;color:#9eafbe;font:14px/1.5 Inter,system-ui,sans-serif}
.inbox-foot{display:block;padding:13px 16px;border-top:1px solid #ffffff12;text-align:center;color:#9eafbe;font:600 13px/1.2 Inter,system-ui,sans-serif;text-decoration:none}
.inbox-foot:hover,.inbox-foot:focus-visible{background:#ffffff08;color:#a5e7ff}
@media(prefers-reduced-motion:reduce){.inbox-button{transition:none}}
.inbox-action[hidden],.inbox-foot[hidden]{display:none}

/* Shared navigation must not inherit different portal and IPS text metrics. */
.shell-navigation.shell-navigation > a{display:inline-flex;align-items:center;min-height:32px;padding:4px 8px;border-radius:6px;font:500 12px/16px "JetBrains Mono",monospace;letter-spacing:.06em;text-transform:uppercase;color:#bbc9cf;text-decoration:none;white-space:nowrap}
.shell-navigation.shell-navigation > a:hover{color:#a5e7ff}
.shell-navigation.shell-navigation > a[aria-current="page"]{background:#00d2ff;color:#003543;font-weight:700}
/* Forum sections dropdown in the shared header nav. */
.shell-menu{position:relative;display:inline-block}
.shell-menu-button{list-style:none;display:grid;place-items:center;width:28px;height:32px;margin-left:-6px;border-radius:6px;color:#bbc9cf;cursor:pointer}
.shell-menu-button::-webkit-details-marker{display:none}
.shell-menu-button:hover,.shell-menu[open]>.shell-menu-button{background:#272a34;color:#a5e7ff}
.shell-menu-button:focus-visible{outline:2px solid #69f6b9;outline-offset:2px}
.shell-menu-button .material-symbols-outlined{font-size:20px;transition:transform .15s}
.shell-menu[open] .material-symbols-outlined{transform:rotate(180deg)}
.shell-menu-panel{position:absolute;left:0;top:calc(100% + 10px);z-index:60;min-width:220px;padding:6px;background:#10131cf7;border:1px solid #00d2ff40;border-radius:12px;box-shadow:0 16px 48px #000a;backdrop-filter:blur(14px)}
.shell-menu-panel a{display:block;padding:9px 12px;border-radius:8px;color:#d8e4ee;font:600 13px/1.3 Inter,system-ui,sans-serif;text-decoration:none}
.shell-menu-panel a:hover,.shell-menu-panel a:focus-visible{background:#00d2ff12;color:#a5e7ff}
.mobile-navigation a.drawer-sub{padding-left:34px;min-height:44px}
@media(prefers-reduced-motion:reduce){.shell-menu-button .material-symbols-outlined{transition:none}}

/* Header sign-in form: error line and busy state. */
.login-error{margin:0;padding:8px 10px;border:1px solid #ffb4ab55;border-radius:8px;background:#93000a40;color:#ffdad6;font:500 12px/1.4 Inter,system-ui,sans-serif}
.login-error[hidden]{display:none}
.login-error a{color:inherit;text-decoration:underline}
[data-login-form][aria-busy="true"] button[type="submit"]{opacity:.7;cursor:progress}
.drawer-guest .login-error{color:#ffdad6;font-size:12px}
[data-admin-only][hidden]{display:none!important}