/* ===== Home page in the new Hexi theme (loads after games-newsite.css, which supplies the header + shared tokens) ===== */

/* notifications bell lives in a header pill now */
.ns-pill.hx-notif-wrap{height:36px;width:36px;justify-content:center;transition:background .15s}
.ns-pill.hx-notif-wrap:hover{background:var(--pill-hover)}
.ns-pill .hx-notif-btn{width:34px;height:34px;border-radius:9px}
.ns-pill .hx-notif-btn:hover{opacity:1}
.ns-pill .hx-notif-bell-icon{width:17px;height:17px;fill:#fff}
.ns-pill .hx-notif-badge{box-shadow:0 0 0 2px var(--bg-page,#14121c)}
.hx-notif-panel{background:var(--bg-panel,#1d1a28);border:1px solid var(--border-color,#3d3852);border-radius:12px;box-shadow:0 10px 40px rgba(0,0,0,.5)}
.hx-notif-item:hover{background:var(--input-bg,#2a2638)}
.hx-notif-item.unread{background:rgba(var(--accent-rgb,139,63,224),.18)}
.hx-notif-item-dot{background:var(--accent,#a35cf0)}
@media(max-width:760px){.hx-notif-panel{top:60px}}

/* greeting + avatar */
html[data-theme] .home-greeting-heading{color:#fff}
html[data-theme] .home-avatar-circle{background-color:var(--bg-panel,#1d1a28);border:1px solid var(--border-color,#3d3852)}
html[data-theme] .home-panel-title{color:#fff}
html[data-theme] .home-panel{background-color:var(--bg-panel,#1d1a28);border-color:var(--border-color,#3d3852);border-radius:12px}
html[data-theme] .home-panel.home-friends-panel,
html[data-theme] .home-panel.home-recent-panel{background:none;border:none;border-radius:0}

/* friends row */
html[data-theme] .friend-chip-avatar{background-color:var(--bg-panel,#1d1a28);border:1px solid var(--border-color,#3d3852)}
html[data-theme] .friend-chip:hover .friend-chip-avatar{border-color:var(--accent,#6b4fb0)}
html[data-theme] .friend-chip-name{color:#fff}
html[data-theme] .friends-empty{color:var(--text-muted,#9a94b0)}
html[data-theme] .friends-row-more{background:linear-gradient(90deg,rgba(var(--bg-rgb,20,18,28),0),rgba(var(--bg-rgb,20,18,28),.9) 55%)}
html[data-theme] .friends-row-more:hover{background:linear-gradient(90deg,rgba(var(--bg-rgb,20,18,28),0),rgba(var(--bg-rgb,20,18,28),1) 55%)}

/* recently played row (cards are styled by games-newsite.css) */
html[data-theme] .recent-row-more,html[data-theme] .recent-row-back{--row-fade:20,18,28;--row-arrow-icon:#fff}
html[data-theme] .recent-games-empty{color:var(--text-muted,#9a94b0)}