/* Zaplat Gaming V3.2 — Social Inbox + Notification Center */

/* Notification Center */
.social-notification-center{width:min(470px,calc(100vw - 28px));overflow:hidden}
.notification-center-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 12px;border-bottom:1px solid #272730;background:#0d0d12}
.notification-center-toolbar>div{display:flex;gap:6px}.notification-center-toolbar button{border:1px solid #30303a;border-radius:999px;background:#111117;color:#aaaab5;padding:6px 11px;font:800 9px Cairo,Inter,Arial,sans-serif;cursor:pointer;transition:.16s ease}.notification-center-toolbar button:hover,.notification-center-toolbar button.active{color:#fff;border-color:rgba(239,35,60,.5);background:rgba(239,35,60,.1)}
.notification-center-toolbar>small{color:#767681;font-size:8px}.social-notification-center .member-center-body{padding:9px;max-height:min(520px,65vh);overflow:auto}
.social-notification-center .header-notification{grid-template-columns:42px minmax(0,1fr);align-items:start;gap:10px;padding:11px;border:1px solid transparent;border-radius:14px;cursor:pointer;transition:background .16s ease,border-color .16s ease,transform .16s ease}.social-notification-center .header-notification:hover{background:#14141a;border-color:#30303a;transform:translateY(-1px)}.social-notification-center .header-notification.unread{background:linear-gradient(135deg,rgba(239,35,60,.09),rgba(239,35,60,.025));border-color:rgba(239,35,60,.22)}
.notification-kind-icon{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:#17171f;border:1px solid #30303a;font-size:16px}.header-notification.unread .notification-kind-icon{border-color:rgba(239,35,60,.38);box-shadow:0 0 20px rgba(239,35,60,.08)}.notification-copy{min-width:0}.social-notification-center .header-notification-title b{font-size:11.5px}.social-notification-center .header-notification-title small{font-size:8px}.social-notification-center .header-notification p{font-size:10px;line-height:1.75;color:#bdbdc6}.social-notification-center .header-notification-actions{font-size:8px;color:#ff7182}.social-notification-center .header-notification-actions button{font-size:8.5px}

/* Unified Social Inbox */
.message-dock .social-inbox{width:min(900px,calc(100vw - 48px));height:min(690px,calc(100vh - 110px));max-height:none!important;overflow:hidden;display:flex;flex-direction:column;border-color:#34343f;background:rgba(9,9,13,.992);box-shadow:0 34px 100px rgba(0,0,0,.7),0 0 48px rgba(239,35,60,.08)}
.social-inbox .social-inbox-head{flex:0 0 auto;padding:15px 17px 12px;background:linear-gradient(135deg,rgba(239,35,60,.08),rgba(92,55,160,.035) 48%,transparent)}.social-inbox-head h3{font-size:23px!important}.social-inbox-head small{letter-spacing:.22em!important}
.social-inbox-search-wrap{position:relative;z-index:12;flex:0 0 auto;padding:10px 12px;border-bottom:1px solid #272730;background:#0c0c11}.social-inbox-search{position:relative;display:block}.social-inbox-search>span{position:absolute;inset-inline-start:14px;top:50%;transform:translateY(-52%);font:900 20px Inter,Arial,sans-serif;color:#bcbcc7;pointer-events:none}.social-inbox-search input{width:100%;height:48px;border:1px solid #363641;border-radius:14px;background:#111117;color:#fff;padding:0 14px;padding-inline-start:43px;font:700 12.5px Cairo,Inter,Arial,sans-serif;outline:none;transition:.16s ease}.social-inbox-search input::placeholder{color:#777783}.social-inbox-search input:focus{border-color:rgba(239,35,60,.68);box-shadow:0 0 0 3px rgba(239,35,60,.09),0 8px 28px rgba(0,0,0,.2)}
.social-search-results{position:absolute!important;left:12px;right:12px;top:66px;margin:0!important;z-index:30;max-height:310px!important;padding:7px!important;border:1px solid #383843!important;border-radius:15px!important;background:rgba(12,12,17,.995)!important;box-shadow:0 24px 60px rgba(0,0,0,.68)!important}.social-search-results[hidden]{display:none!important}.social-search-results .private-directory-row{min-height:54px;padding:7px 9px}.social-search-results .private-directory-avatar{width:40px!important;height:40px!important}.social-search-results .private-directory-copy b{font-size:11.5px!important}.social-search-results .private-directory-copy small{font-size:8.5px!important}

.social-inbox-layout{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 315px;direction:ltr}.social-inbox-main{grid-column:1;min-width:0;min-height:0;position:relative;display:flex;direction:rtl;background:radial-gradient(circle at 65% 0%,rgba(239,35,60,.035),transparent 36%),#09090d}.social-inbox-sidebar{grid-column:2;min-width:0;min-height:0;overflow:hidden;display:flex;flex-direction:column;direction:rtl;border-inline-start:1px solid #292932;background:#0d0d12}
.social-thread-list{flex:1;min-height:0;overflow:auto;padding:7px!important;display:flex!important;flex-direction:column!important;gap:5px!important}.social-thread-row{position:relative;width:100%;min-height:66px;display:grid;grid-template-columns:46px minmax(0,1fr) auto;gap:10px;align-items:center;direction:rtl;text-align:start;border:1px solid transparent;border-radius:14px;background:transparent;color:#fff;padding:9px 10px;cursor:pointer;transition:.16s ease}.social-thread-row:hover{background:#15151b;border-color:#30303a}.social-thread-row.active{background:linear-gradient(135deg,rgba(239,35,60,.13),rgba(239,35,60,.035));border-color:rgba(239,35,60,.42)}.social-thread-row.unread{background:linear-gradient(135deg,rgba(239,35,60,.11),rgba(239,35,60,.02));border-color:rgba(239,35,60,.26);animation:zgUnreadThreadPulse 2.8s ease-in-out infinite}.social-thread-row.blocked{opacity:.68}.social-thread-row .private-thread-avatar{width:44px!important;height:44px!important;border-radius:13px!important;background:#22222a;border:1px solid #30303a;overflow:visible!important}.social-thread-row .private-thread-avatar>img{width:100%;height:100%;object-fit:cover;border-radius:inherit}.social-thread-copy{display:grid;gap:4px;min-width:0}.social-thread-copy>b{display:flex!important;align-items:center;gap:6px;min-width:0;font-size:11.5px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.social-thread-copy>b>em{flex:0 0 auto;font:900 6.5px Inter,Arial,sans-serif;letter-spacing:.06em;color:#ff9bab;border:1px solid rgba(239,35,60,.28);background:rgba(239,35,60,.07);border-radius:999px;padding:2px 5px}.social-thread-copy>small{font-size:9px!important;color:#8f8f9a!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.social-thread-meta{display:grid;justify-items:end;align-self:stretch;align-content:center;gap:6px;min-width:38px}.social-thread-meta time{max-width:64px;font:700 7px Inter,Cairo,Arial,sans-serif;color:#6f6f7b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.social-thread-meta>em{min-width:19px;height:19px;padding:0 5px;border-radius:999px;display:grid;place-items:center;background:#ef233c;color:#fff;font:900 7px Inter,Arial,sans-serif;font-style:normal;box-shadow:0 0 13px rgba(239,35,60,.28)}
.official-thread-row{flex:0 0 auto;margin:8px 7px 3px;width:calc(100% - 14px);background:linear-gradient(135deg,rgba(239,35,60,.09),rgba(255,255,255,.018));border-color:rgba(239,35,60,.2);box-shadow:0 8px 22px rgba(0,0,0,.18)}.official-thread-row::after{content:'PIN';position:absolute;top:5px;inset-inline-end:7px;color:#79404a;font:900 5.5px Inter,Arial,sans-serif;letter-spacing:.12em}.official-avatar{position:relative}.official-avatar i{position:absolute;right:-4px;bottom:-4px;width:16px;height:16px;border-radius:50%;display:grid;place-items:center;background:#ef233c;border:2px solid #0d0d12;color:#fff;font:900 7px Inter,Arial,sans-serif;font-style:normal}.official-thread-row.unread .official-avatar{box-shadow:0 0 18px rgba(239,35,60,.22)}
@keyframes zgUnreadThreadPulse{0%,100%{box-shadow:0 0 0 rgba(239,35,60,0)}50%{box-shadow:0 0 22px rgba(239,35,60,.12)}}
@media(prefers-reduced-motion:reduce){.social-thread-row.unread{animation:none}}
.social-inbox-empty-list{padding:28px 16px;text-align:center;display:grid;justify-items:center;gap:5px;color:#777783}.social-inbox-empty-list>span{font-size:24px}.social-inbox-empty-list>b{font-size:11px;color:#b0b0ba}.social-inbox-empty-list>small{font-size:8.5px}

.social-inbox-empty{margin:auto;max-width:380px;padding:28px;text-align:center;color:#858590}.social-inbox-empty-mark{width:56px;height:56px;margin:auto auto 10px;border-radius:17px;display:grid;place-items:center;border:1px solid #30303a;background:#121218;color:#d7d7df;font-size:23px}.social-inbox-empty h4{margin:0 0 5px;color:#e8e8ed;font-size:16px}.social-inbox-empty p{margin:0;color:#888894;font-size:10px;line-height:1.8}.social-conversation-pane{width:100%;min-height:0;display:flex;flex-direction:column;padding:0 12px 10px}.social-conversation-pane[hidden]{display:none!important}
.social-conversation-head{flex:0 0 auto;min-height:68px;display:grid;grid-template-columns:auto 46px minmax(0,1fr) auto;align-items:center;gap:10px;padding:9px 2px;border-bottom:1px solid #272730}.social-inbox-back{display:none;width:34px;height:34px;border-radius:10px;border:1px solid #30303a;background:#121218;color:#fff;font-size:18px;cursor:pointer}.social-conversation-avatar{position:relative;width:44px;height:44px;border-radius:13px;display:grid;place-items:center;overflow:visible;background:#202028;border:1px solid #34343f;color:#fff;font:900 10px Inter,Arial,sans-serif}.social-conversation-avatar>img{width:100%;height:100%;border-radius:inherit;object-fit:cover}.social-conversation-avatar.official{box-shadow:0 0 20px rgba(239,35,60,.11)}.social-conversation-person{display:grid;gap:3px;min-width:0;text-align:start}.social-conversation-person>b{font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.social-conversation-person>small{font-size:8.5px;color:#858590;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.social-conversation-menu-wrap{position:relative}.social-conversation-menu-toggle{width:36px;height:36px;border-radius:11px;border:1px solid #30303a;background:#111117;color:#bdbdc7;cursor:pointer;font:900 12px Inter,Arial,sans-serif;letter-spacing:1px}.social-conversation-menu-toggle:hover{color:#fff;border-color:#4a4a55}.social-conversation-menu{position:absolute;top:42px;inset-inline-end:0;z-index:20;width:160px;padding:6px;border:1px solid #353540;border-radius:12px;background:#121217;box-shadow:0 18px 44px rgba(0,0,0,.6)}.social-conversation-menu[hidden]{display:none!important}.social-conversation-menu button{width:100%;border:0;border-radius:9px;background:transparent;color:#d0d0d8;text-align:start;padding:9px 10px;font:700 9px Cairo,Arial,sans-serif;cursor:pointer}.social-conversation-menu button:hover{background:#1b1b22;color:#fff}.social-conversation-menu button[data-private-block]{color:#ff8997}
.social-conversation-pane>.member-center-thread{flex:1;min-height:0;max-height:none!important;overflow:auto;padding:12px 4px 8px}.social-conversation-pane .message-bubble{max-width:76%;min-width:120px}.social-compose{flex:0 0 auto;margin-top:0;padding:9px 0 0;grid-template-columns:minmax(0,1fr) auto}.social-compose input{height:46px;border-radius:14px!important;background:#111117!important}.social-compose .btn{min-width:76px;border-radius:12px}.private-conversation-state{margin:8px 2px 0;padding:8px 10px;border-radius:10px;border:1px solid rgba(255,137,151,.22);background:rgba(239,35,60,.055);color:#d9a5ac;font-size:9px;line-height:1.7}.private-conversation-state[hidden]{display:none!important}.conversation-blocked{opacity:.55}.conversation-blocked input,.conversation-blocked button{cursor:not-allowed}

/* Keep utility meaning clean: bell is notifications only, mail is messages only. */
.member-utility-btn.has-notification{border-color:rgba(239,35,60,.48);box-shadow:0 0 22px rgba(239,35,60,.12)}

@media(max-width:980px){.message-dock .social-inbox{width:min(820px,calc(100vw - 28px))}.social-inbox-layout{grid-template-columns:minmax(0,1fr) 285px}}
@media(max-width:760px){
  .message-dock .social-inbox{position:fixed!important;left:8px!important;right:8px!important;bottom:70px!important;top:auto!important;width:auto!important;height:calc(100vh - 82px)!important;max-height:none!important;border-radius:18px}
  .social-inbox-layout{grid-template-columns:1fr;position:relative}.social-inbox-sidebar{grid-column:1;border-inline-start:0;display:flex}.social-inbox-main{grid-column:1;position:absolute;inset:0;display:none}.social-inbox.has-active-conversation .social-inbox-sidebar{display:none}.social-inbox.has-active-conversation .social-inbox-main{display:flex}.social-inbox-back{display:grid;place-items:center}.social-conversation-head{grid-template-columns:34px 42px minmax(0,1fr) auto}.social-conversation-avatar{width:40px;height:40px}.social-thread-row{min-height:62px}.social-search-results{max-height:42vh!important}.social-conversation-pane{padding:0 9px 8px}.social-conversation-pane .message-bubble{max-width:88%}.social-compose{grid-template-columns:minmax(0,1fr) auto!important}.social-compose .btn{width:auto!important;min-width:68px}.social-notification-center{position:fixed!important;left:8px!important;right:8px!important;top:108px!important;width:auto!important;max-height:calc(100vh - 118px)!important}
}
@media(max-width:430px){.social-inbox-search-wrap{padding:8px}.social-inbox-search input{height:44px;font-size:11px}.social-thread-row{grid-template-columns:42px minmax(0,1fr) auto;padding:8px}.social-thread-row .private-thread-avatar{width:40px!important;height:40px!important}.social-thread-copy>b{font-size:10.5px!important}.social-thread-copy>small{font-size:8.5px!important}.notification-center-toolbar>small{display:none}.social-notification-center .header-notification{grid-template-columns:36px minmax(0,1fr)}.notification-kind-icon{width:34px;height:34px}}