/* xFame LOBBY notification bell — V8 */
.lobby-notifications{position:relative;display:inline-flex;align-items:center;z-index:1205}
.lobby-notifications__bell{position:relative;width:46px;height:46px;border:1px solid rgba(255,107,0,.35);border-radius:14px;background:#11100f;color:#fff;display:grid;place-items:center;cursor:pointer;box-shadow:0 10px 28px rgba(0,0,0,.16);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.lobby-notifications__bell:hover,.lobby-notifications__bell[aria-expanded="true"]{transform:translateY(-1px);border-color:#ff6500;box-shadow:0 12px 30px rgba(255,92,0,.22)}
.lobby-notifications__bell svg{width:22px;height:22px;fill:currentColor}
.lobby-notifications__badge{position:absolute;top:-6px;right:-6px;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:#ff5c00;color:#fff;border:2px solid #fff;font:800 11px/16px Inter,Arial,sans-serif;text-align:center;box-sizing:border-box;box-shadow:0 3px 12px rgba(255,92,0,.38)}
.lobby-notifications__panel{position:absolute;right:0;top:calc(100% + 12px);width:min(390px,92vw);max-height:min(620px,76vh);overflow:hidden;border:1px solid rgba(255,100,0,.32);border-radius:20px;background:rgba(17,15,13,.985);color:#fff;box-shadow:0 24px 70px rgba(0,0,0,.32),0 0 0 1px rgba(255,255,255,.04);backdrop-filter:blur(16px)}
.lobby-notifications__head{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:18px 18px 14px;border-bottom:1px solid rgba(255,255,255,.08)}
.lobby-notifications__head strong{font-size:18px;line-height:1.1}
.lobby-notifications__eyebrow{margin-bottom:3px;color:#ff6a00;font:800 10px/1.1 Inter,Arial,sans-serif;letter-spacing:.18em}
.lobby-notifications__read-all,.lobby-notifications__item-read{border:0;border-radius:999px;background:#ff5c00;color:#fff;font:800 11px/1 Inter,Arial,sans-serif;padding:9px 12px;cursor:pointer;white-space:nowrap;transition:opacity .15s ease,transform .15s ease}
.lobby-notifications__read-all:hover,.lobby-notifications__item-read:hover{transform:translateY(-1px)}
.lobby-notifications__read-all:disabled{opacity:.42;cursor:default;transform:none}
.lobby-notifications__list{max-height:475px;overflow:auto;overscroll-behavior:contain}
.lobby-notifications__item{display:flex;gap:12px;align-items:flex-start;padding:15px 16px;border-bottom:1px solid rgba(255,255,255,.07);background:transparent;transition:background .18s ease}
.lobby-notifications__item.is-unread{background:linear-gradient(90deg,rgba(255,92,0,.17),rgba(255,92,0,.035));box-shadow:inset 3px 0 0 #ff5c00}
.lobby-notifications__item-copy{min-width:0;flex:1}
.lobby-notifications__item-copy strong{display:block;color:#fff;font-size:14px;line-height:1.25;margin-bottom:5px}
.lobby-notifications__item-copy p{margin:0;color:rgba(255,255,255,.7);font-size:12px;line-height:1.42;word-break:break-word}
.lobby-notifications__item-copy time{display:block;margin-top:7px;color:rgba(255,255,255,.38);font-size:10px}
.lobby-notifications__item-read{flex:0 0 auto;padding:8px 10px;font-size:10px;margin-top:1px}
.lobby-notifications__empty{padding:30px 20px;text-align:center;color:rgba(255,255,255,.55);font-size:13px}
.lobby-notifications__all{display:block;padding:14px 18px;text-align:center;color:#ff7518;text-decoration:none;font-weight:800;font-size:12px;letter-spacing:.03em;background:rgba(255,255,255,.025)}
.lobby-notifications__all:hover{background:rgba(255,92,0,.08);color:#ff8a3d}

/* Full profile notification list */
.notifications-section .notification-item{position:relative;display:flex;align-items:flex-start;gap:12px}
.notifications-section .notification-item.is-unread,.notifications-section .notification-item.unread{box-shadow:inset 4px 0 0 #ff5c00;background:linear-gradient(90deg,rgba(255,92,0,.08),rgba(255,255,255,.96))}
.notifications-section .notification-item__copy{min-width:0;flex:1}.notifications-section .notification-item__state{display:flex;align-items:center;gap:8px;margin-left:auto;color:#8a817b;font-size:11px}
.notifications-section [data-notification-read]{border:1px solid rgba(255,92,0,.35);border-radius:999px;background:#fff6ef;color:#e65300;font-weight:800;padding:8px 11px;cursor:pointer;white-space:nowrap}
.notifications-section [data-notification-read]:hover{background:#ff5c00;color:#fff;border-color:#ff5c00}
.notifications-section .notification-item.is-read [data-notification-read]{display:none}

@media(max-width:760px){
  .lobby-notifications__bell{width:42px;height:42px;border-radius:12px}
  .lobby-notifications__panel{position:fixed;top:76px;right:10px;left:10px;width:auto;max-height:72vh}
  .lobby-notifications__item{padding:13px}
  .lobby-notifications__item-read{padding:7px 9px}
}

/* V12 placement hardening: the bell is a first-class top-panel action. */
.home-commandbar__actions>.lobby-notifications,.lobby-floating-actions>.lobby-notifications{display:inline-flex!important;visibility:visible!important;opacity:1!important;flex:0 0 auto!important}
.home-commandbar__actions>.lobby-notifications .lobby-notifications__bell,.lobby-floating-actions>.lobby-notifications .lobby-notifications__bell{display:grid!important}
.welcome-user-chrome{position:absolute;z-index:40;top:max(14px,env(safe-area-inset-top));right:max(14px,env(safe-area-inset-right));display:flex;align-items:center;gap:7px;padding:6px;border:1px solid rgba(255,126,45,.38);border-radius:17px;background:rgba(15,12,9,.88);box-shadow:0 16px 42px rgba(0,0,0,.28);backdrop-filter:blur(14px)}
.welcome-user-avatar{width:46px;height:46px;border-radius:13px;display:grid;place-items:center;overflow:hidden;background:#fff2e8;color:#ef5b00;font-weight:950;text-decoration:none}.welcome-user-avatar img{width:100%;height:100%;object-fit:cover}
@media(max-width:720px){
  body.page-home .home-commandbar__actions>.lobby-notifications .lobby-notifications__bell{width:42px!important;height:42px!important;border-radius:11px!important}
  body.page-home .home-commandbar__actions>.lobby-notifications{width:42px!important;min-width:42px!important}
  .lobby-floating-actions>.lobby-notifications .lobby-notifications__bell{width:42px!important;height:42px!important;border-radius:11px!important}
  .welcome-user-chrome{top:max(9px,env(safe-area-inset-top));right:9px;padding:5px;border-radius:14px}.welcome-user-avatar{width:42px;height:42px;border-radius:11px}
}
@media(max-width:370px){body.page-home .home-commandbar__actions>.lobby-notifications{width:38px!important;min-width:38px!important}body.page-home .home-commandbar__actions>.lobby-notifications .lobby-notifications__bell{width:38px!important;height:40px!important}}

/* V15: dropdown is portaled to <body>, so command bars/backdrop filters cannot clip it. */
.lobby-notifications__panel[data-notification-portal="1"]{position:fixed!important;z-index:50000!important;right:auto!important;top:auto;left:auto;width:min(390px,calc(100vw - 20px));max-height:min(620px,calc(100dvh - 100px));overflow:hidden;isolation:isolate;transform:none!important;visibility:visible}
body.notification-panel-open .lobby-notifications__panel[data-notification-portal="1"]{filter:none}
@media(max-width:760px){.lobby-notifications__panel[data-notification-portal="1"]{left:10px!important;right:10px!important;width:auto!important;max-height:calc(100dvh - 92px)!important}}

/* Stable avatar endpoint visuals */
.profile-avatar>img,.home-avatar>img,.avatar-btn>img,.welcome-user-avatar>img{display:block;width:100%;height:100%;object-fit:cover;border-radius:inherit}