/* The authenticated inbox is independent of the account menu and page content. */
.club-notifications{position:relative;display:flex;align-items:center;flex-shrink:0;z-index:110}
.club-notification-bell{position:relative;display:inline-flex;align-items:center;justify-content:center;width:38px;height:40px;padding:0;border:1px solid #5e514b;border-radius:6px;background:#171419;color:#d8c5b2;cursor:pointer}
.club-notification-bell>svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.club-notification-bell:hover,.club-notification-bell[aria-expanded="true"]{border-color:#d5a46f;color:#f0bd86;background:#2a201c}
.club-notification-badge{position:absolute;top:-6px;right:-6px;min-width:18px;height:18px;display:flex;align-items:center;justify-content:center;padding:0 4px;border:2px solid #101013;border-radius:20px;background:#f2a35d;color:#20140a;font-size:9px;font-weight:800;line-height:1}
.club-notification-panel{position:fixed;display:flex;flex-direction:column;min-height:170px;max-width:calc(100vw - 24px);padding:0;border:1px solid #6c5547;border-radius:9px;background:#151319;color:#f2eae4;box-shadow:0 18px 60px #000a,0 4px 16px #0006;text-align:left;overflow:hidden}
.club-notifications [hidden]{display:none!important}
.club-notification-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 15px 12px;border-bottom:1px solid #44373e;flex-shrink:0}
.club-notification-heading h2{margin:0;color:#f3e9df;font:inherit;font-size:15px;font-weight:700;line-height:1.5;letter-spacing:0}
.club-notification-heading>div{display:flex;align-items:center;gap:10px}
.club-notification-read-all,.club-notification-notice button,.club-notification-footer button{min-height:30px;padding:4px 0;border:0;background:none;color:#e4b484;font:inherit;font-size:10px;font-weight:600;line-height:1.5;cursor:pointer}
.club-notifications [aria-disabled="true"]{opacity:.45;cursor:default}
.club-notifications [aria-busy="true"]{cursor:wait}
.club-notification-close{width:29px;height:29px;padding:0;border:1px solid #56444c;border-radius:4px;background:none;color:#bfb0c1;font:inherit;font-size:20px;line-height:1;cursor:pointer}
.club-notification-notice{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-shrink:0;margin:0;padding:10px 15px;background:#353025;color:#dfcba6;font-size:10px;line-height:1.7}
.club-notification-notice.is-error{background:#38282b;color:#f1b9aa}
.club-notification-notice button{flex-shrink:0}
.club-notification-list{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;list-style:none;margin:0;padding:0;scrollbar-width:thin;scrollbar-color:#6d566f #211a27}
.club-notification-list>li{margin:0;padding:0;list-style:none}
.club-notification-item{position:relative;display:flex;align-items:flex-start;gap:11px;min-width:0;padding:14px 23px 14px 15px;border-bottom:1px solid #302933;background:#151319;color:#b6a9bd;text-decoration:none;line-height:1.7;overflow-wrap:anywhere}
.club-notification-item.is-unread{background:#34251e6b;color:#e2d5d8}
.club-notification-item.is-unread:after{content:"";position:absolute;right:12px;top:21px;width:5px;height:5px;border-radius:50%;background:#edb479}
.club-notification-item:hover,.club-notification-item:focus-visible{background:#3a2b34;outline:0;box-shadow:inset 0 0 0 1px #bb8c5d77}
.club-notification-item[aria-busy="true"]{cursor:wait;opacity:.7}
.club-notification-avatar{position:relative;display:inline-flex;align-items:center;justify-content:center;flex:0 0 34px;width:34px;height:34px;overflow:hidden;border-radius:50%;background:#3a2b48;color:#f0c79f;font-size:12px;font-weight:700}
.club-notification-avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.club-notification-content{display:block;min-width:0}
.club-notification-message{display:block;font-size:11px;line-height:1.85}
.club-notification-message strong{color:#f2e5da;font-weight:600}
.club-notification-lineup{display:block;margin-top:3px;color:#d3bda9;font-size:11px;font-weight:600;line-height:1.7}
.club-notification-content time{display:block;margin-top:5px;color:#8e8398;font-size:9px;line-height:1.5}
.club-notification-empty{display:flex!important;flex-direction:column;justify-content:center;gap:9px;min-height:185px;padding:28px 22px!important;text-align:center}
.club-notification-empty strong{color:#e1d3d9;font-size:12px;font-weight:500;line-height:1.8}
.club-notification-empty span{color:#9c8da5;font-size:10px;line-height:1.9}
.club-notification-footer{display:flex;flex-direction:column;align-items:center;gap:5px;flex-shrink:0;padding:9px 15px;border-top:1px solid #40313d;background:#17121c}
.club-notification-footer>span{color:#8e7e98;font-size:9px;line-height:1.6}
.club-notifications button:focus-visible{outline:2px solid #e3ad79;outline-offset:3px}
.club-comment:target{outline:1px solid #d7a87699;outline-offset:5px;scroll-margin-block:32px}
@media(max-width:600px){.club-notification-bell{width:34px;height:36px}.club-header.has-notifications .club-brand{width:clamp(132px,44vw,180px)}.club-header.has-notifications .club-header-actions{gap:10px}.club-notification-heading{padding:13px 12px 10px}.club-notification-heading>div{gap:8px}.club-notification-item{padding-left:12px;gap:10px}.club-notification-notice{padding-inline:12px}}