/* NOXER V17 — unified dark inbox, reference wallpaper, consistent gift tiles. */
.messenger-page{--nx17-violet:#7960ca;--nx17-dark:#111115;--nx17-muted:#85858e}
.messenger-page .app-topbar{display:none!important}
.messenger-page .messenger-shell{position:fixed!important;inset:0!important;margin:0!important;max-width:none!important;width:100vw!important;height:100dvh!important;border:0!important;border-radius:0!important;background:#0c0c11!important;box-shadow:none!important;overflow:hidden!important}
/* The chat pattern is sampled from the screenshot supplied by the project owner. */
.messenger-page .conversation-panel{background-color:#121018!important;background-image:url('/static/nx17-wallpaper.webp?v=17.0.0')!important;background-size:cover!important;background-position:center center!important;background-repeat:no-repeat!important}
.messenger-page .chat-empty{background:transparent!important;display:flex!important;justify-content:center!important;align-items:center!important}
.messenger-page .chat-empty .nx15-empty-hint{background:#100f15e9!important;color:#f6f6f7!important;border:0!important;box-shadow:0 3px 10px #0008;border-radius:999px!important;padding:9px 14px!important;font-size:11px!important;letter-spacing:-.01em}
.messenger-page .app-rail{width:58px!important;flex:0 0 58px!important;align-items:center!important;background:#08090c!important;border-right:0!important;padding:18px 5px 14px!important;z-index:4!important}
.messenger-page .rail-division,.messenger-page .app-rail .rail-top>.rail-btn,.messenger-page .app-rail .rail-bottom>.rail-btn{display:none!important}
.messenger-page .rail-top{width:100%;display:flex;flex-direction:column;align-items:center;gap:0!important;min-height:0!important}
.messenger-page .nx17-rail-nav{display:flex;flex-direction:column;align-items:center;width:100%;gap:5px;margin-top:clamp(36px,33vh,320px)}
.messenger-page .nx17-rail-btn,.messenger-page .nx17-bottom-menu{display:grid;place-items:center;width:39px;height:39px;border:0;border-radius:11px;background:transparent;color:#85868e;cursor:pointer;transition:background-color .15s ease,color .15s ease}
.messenger-page .nx17-rail-btn:hover,.messenger-page .nx17-bottom-menu:hover{background:#1c1c24;color:#fff}
.messenger-page .nx17-rail-btn.active{color:#fff}
.messenger-page .nx17-icon,#nx12 .nx17-icon{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;pointer-events:none}
.messenger-page .nx17-rail-btn.active svg{fill:#fff;stroke:#fff}
.messenger-page .rail-avatar{width:27px!important;height:27px!important;margin:7px auto 0!important;flex:0 0 27px!important;font-size:10px!important;border-radius:50%!important;box-shadow:none!important;cursor:pointer}
.messenger-page .rail-bottom{width:100%;margin-top:auto!important;display:flex;justify-content:center;align-items:center}
.messenger-page .nx17-bottom-menu{width:38px;height:38px}
.messenger-page .nx17-bottom-menu svg{width:15px;height:15px}
.messenger-page .chat-list-panel{width:294px!important;flex:0 0 294px!important;max-height:calc(100dvh - 16px)!important;margin:8px 0 8px 10px!important;border-radius:18px!important;background:#121216!important;border:1px solid #ffffff0e!important;box-shadow:0 10px 35px #0002!important;position:relative!important}
.messenger-page .list-panel-header{height:49px!important;padding:11px 11px 7px!important;display:flex;align-items:center!important;justify-content:space-between!important}
.messenger-page .panel-heading{color:#f6f6f9;font-size:17px!important;font-weight:780!important;text-transform:none!important;letter-spacing:-.045em!important}
.messenger-page #chatListPanel .search-field{margin:6px 12px 0!important;background:#26262b!important;border:1px solid #303038!important;border-radius:18px!important;height:33px!important}
.messenger-page #chatListPanel .search-field input{font-size:12px!important}
.messenger-page .nx15-story-strip{min-height:81px!important;align-items:start!important;padding:10px 11px 0!important;gap:13px!important}
.messenger-page .nx15-story-ring{width:44px!important;height:44px!important;border:2px solid #22c992!important;box-shadow:0 0 0 2px #101114 inset}
.messenger-page .nx15-story{font-size:10px!important;max-width:60px!important}
.messenger-page .list-tabs{display:flex!important;align-items:center!important;gap:3px!important;padding:8px 10px 9px!important;white-space:nowrap;overflow:visible!important}
.messenger-page .list-tab{padding:7px 10px!important;font-size:11px!important;font-weight:650!important;border-radius:20px!important;color:#83838c!important}
.messenger-page .list-tab.active{background:#342b51!important;color:#ddd0ff!important}
.messenger-page .nx17-tab-plus{margin-left:auto;flex:0 0 24px;height:26px;border:0;background:none;color:#9999a2;font-size:18px;font-weight:500;cursor:pointer}
.messenger-page .nx17-inbox-more{margin-left:auto;width:28px;height:28px;border:0;border-radius:8px;display:grid;place-items:center;background:transparent;color:#ededf4;font-size:21px;cursor:pointer}
.messenger-page .nx17-inbox-more:hover,.messenger-page .nx17-tab-plus:hover{color:#fff}
.messenger-page .chat-list-scroll{padding:0 8px 65px!important}
.messenger-page .chat-row{min-height:59px!important;border:0!important;border-radius:10px!important;background:transparent!important;padding:8px 8px!important;gap:9px!important}
.messenger-page .chat-row:hover{background:#25232d!important}
.messenger-page .chat-row.active{background:#725bc5!important;color:#fff!important}
.messenger-page .chat-row-title{font-weight:760!important;font-size:12px!important}
.messenger-page .chat-row-excerpt{color:#aaa9b4!important;font-size:10px!important}
.messenger-page .chat-row.active .chat-row-excerpt{color:#f1eafa!important}
.messenger-page #createChat{right:16px!important;bottom:14px!important;width:42px!important;height:42px!important;border-radius:50%!important;background:#8066d3!important;box-shadow:none!important}
.messenger-page .nx17-popover{position:absolute;z-index:1000;background:#1c1a24;border:1px solid #37313f;box-shadow:0 16px 45px #000a;border-radius:12px;padding:6px;min-width:175px}
.messenger-page .nx17-popover[hidden]{display:none!important}
.messenger-page .nx17-popover button{display:block;width:100%;padding:10px 12px;color:#f4f1fd;background:transparent;border:0;border-radius:8px;text-align:left;font-size:12px;font-weight:700;cursor:pointer}
.messenger-page .nx17-popover button:hover{background:#302c40}
.messenger-page .nx17-inbox-popover{right:10px;top:43px}
.messenger-page .nx17-rail-popover{position:fixed;left:52px;bottom:18px}
.messenger-page .nx17-filter-empty{padding:24px 10px;color:#8c8b96;text-align:center;font-size:12px;line-height:1.45}
.messenger-page .active-chat:not(.hidden){animation:nx17-open-chat .26s cubic-bezier(.2,.8,.2,1) both!important}
@keyframes nx17-open-chat{from{opacity:0;transform:translateX(13px)}to{opacity:1;transform:translateX(0)}}
/* Catalog preview: show still portrait without the edition-specific solid color from remote animation. */
.v3-section-list .gift-media-player,.v6-star-shop .gift-media-player,
#nx12 .nx12-gift-grid .gift-media-player,.v5-catalog-grid .gift-media-player{display:none!important}
.v3-section-list .gift-media-fallback,#nx12 .nx12-gift-grid .gift-media-fallback,
.v6-star-shop .gift-media-fallback,.v5-catalog-grid .gift-media-fallback{opacity:1!important;display:block!important;visibility:visible!important}
.v3-section-list .gift-media,.v6-star-shop .gift-media,.v5-catalog-grid .gift-media,
#nx12 .nx12-gift-grid .gift-media{background:transparent!important;border:0!important;box-shadow:none!important}
.v3-section-list .gift-media-progress,.v6-star-shop .gift-media-progress,
#nx12 .nx12-gift-grid .gift-media-progress,.v5-catalog-grid .gift-media-progress{display:none!important}
#nx12 .nx12-gift-card,.v3-section-gifts .v3-gift-tile{background:#111216!important;border:1px solid #373940!important;border-radius:16px!important}
#nx12 .nx12-gift-card .nx12-gift-art,#nx12 .nx12-gift-card img{background:transparent!important}
/* The public profile now has only clear vector icons, no decorative typographic symbols. */
#nx12 .nx12-profile-page .nx12-titlebar button[data-nx12="qr"]{background:transparent!important;color:#e8e9ed!important;border:0!important;box-shadow:none!important;width:34px!important;height:34px!important;display:grid!important;place-items:center!important}
#nx12 .nx12-profile-page .nx12-titlebar button[data-nx12="qr"]:hover{color:#fff!important}
#nx12 .nx12-profile-actions{gap:7px!important}
#nx12 .nx12-profile-actions button{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;min-width:0!important;min-height:60px!important;gap:4px!important;background:#1b1b21!important;border:1px solid rgba(255,255,255,.045)!important;border-radius:15px!important;color:#fff!important;box-shadow:none!important;font-weight:750!important;font-size:11px!important}
#nx12 .nx12-profile-actions button:hover{background:#24242c!important}
#nx12 .nx12-profile-actions button .nx17-icon{width:19px!important;height:19px!important;display:block!important}
#nx12 .nx12-profile-actions button .nx17-action-label{display:block!important;font-size:11px!important;white-space:nowrap!important}
#nx12 .nx12-profile-actions button>span:not(.nx17-action-label){display:none!important}
#nx12 .nx12-profile-page .nx12-role{display:none!important}
#nx12 .nx12-profile-page .nx12-titlebar{background:transparent!important}
/* Prevent a duplicate opaque gray button on QR page. */
#nx12 .nx12-qr-actions button{background:#1d1d22!important;border:0!important;box-shadow:none!important;border-radius:13px!important}
#nx12 .nx12-qr-actions button>.nx17-icon{display:block;width:19px;height:19px}
#nx12 .nx12-qr-actions button:hover{background:#292830!important}
@media(max-width:760px){
 .messenger-page .app-rail{display:none!important}
 .messenger-page .chat-list-panel{width:100%!important;max-height:calc(100dvh - 65px - env(safe-area-inset-bottom))!important;margin:0!important;border:0!important;border-radius:0!important}
 .messenger-page .nx17-popover{z-index:99999}
 .messenger-page .conversation-panel{background-size:cover!important}
 #nx12 .nx12-profile-actions button{min-height:60px!important;padding:8px 3px!important;font-size:10px!important}
 #nx12 .nx12-profile-actions button .nx17-action-label{font-size:10px!important}
}
@media(prefers-reduced-motion:reduce){.messenger-page .active-chat:not(.hidden){animation:none!important}.messenger-page .nx17-rail-btn{transition:none!important}}