#desktop-design .np-panel[hidden]{display:none}
#desktop-design .np-panel{position:fixed;z-index:250;top:66px;width:285px;max-height:min(420px,calc(100dvh - 78px));padding:10px;border:1px solid #52616e;border-radius:14px;background:linear-gradient(145deg,#0b1822fa,#071019fd);box-shadow:0 24px 65px #000c;color:#f4f7fb;font-family:Inter,Segoe UI,Arial,sans-serif;overflow:visible}
#desktop-design .np-panel:before{content:"";position:absolute;left:var(--np-pointer-left,50%);top:-9px;width:16px;height:16px;transform:translateX(-50%) rotate(45deg);border-left:1px solid #52616e;border-top:1px solid #52616e;background:#0b1822}
#desktop-design .np-panel>header{display:flex;align-items:center;gap:7px;min-height:38px;padding:1px 3px 8px;border-bottom:1px solid #ffffff15}
#desktop-design .np-panel>header>div{display:flex;align-items:center;gap:6px;min-width:0}
#desktop-design .np-panel h2{font-size:15px;white-space:nowrap}
#desktop-design .np-panel>header b{width:19px;height:19px;display:grid;place-items:center;border-radius:50%;background:#ed3540;color:#fff;font-size:10px}
#desktop-design .np-panel>header>button{display:flex;align-items:center;gap:4px;margin-left:auto;padding:2px;border:0;background:none;color:#cfd8e1;font-size:9px;white-space:nowrap;cursor:pointer}
#desktop-design .np-panel>header>button svg{width:14px;height:14px}
#desktop-design .np-panel>header>[data-close]{margin-left:0;font-size:20px;line-height:1}
#desktop-design .np-panel>nav{display:grid;grid-template-columns:1fr 1fr;gap:5px;padding:7px 0}
#desktop-design .np-panel>nav button{height:28px;border:1px solid #344653;border-radius:7px;background:#101e29;color:#d7dfe7;font-size:10px;cursor:pointer}
#desktop-design .np-panel>nav button.active{border-color:#e8c500;background:linear-gradient(#ffe327,#ffd000);color:#151100;font-weight:800}
#desktop-design .np-list{display:grid;gap:4px;max-height:315px;overflow:auto;padding-right:2px;scrollbar-width:thin;scrollbar-color:#c7a900 #101b24}
#desktop-design .np-item{position:relative;display:grid;grid-template-columns:34px minmax(0,1fr) 48px;align-items:center;gap:7px;min-height:53px;padding:6px;border-bottom:1px solid #ffffff10;background:#091721}
#desktop-design .np-item.unread{background:#0c1c28}
#desktop-design .np-symbol{width:32px;height:32px;display:grid;place-items:center;border:1px solid #235575;border-radius:8px;background:#102536;color:#2b9aff}
#desktop-design .np-symbol svg{width:18px;height:18px}
#desktop-design .np-item.room_ready .np-symbol,#desktop-design .np-item.private_room .np-symbol{color:#9b69ff;border-color:#58389a;background:#21173e}
#desktop-design .np-item.match_starting .np-symbol{color:#10e694;border-color:#087548;background:#073323}
#desktop-design .np-item.announcement .np-symbol{color:#ffb31a;border-color:#945e00;background:#332300}
#desktop-design .np-item>div{min-width:0}
#desktop-design .np-item strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px}
#desktop-design .np-item p{display:-webkit-box;margin-top:2px;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;color:#aebbc6;font-size:8px;line-height:1.25}
#desktop-design .np-item time{position:absolute;right:7px;top:5px;color:#8092a2;font-size:7px}
#desktop-design .np-item>i{position:absolute;right:53px;bottom:10px;width:6px;height:6px;border-radius:50%;background:#ffd500}
#desktop-design .np-item>button{width:48px;min-width:0;height:25px;margin-top:8px;border:0;border-radius:6px;background:#ffda00;color:#151100;font-size:8px;font-weight:800;cursor:pointer}
#desktop-design .np-empty{padding:28px 8px;text-align:center;color:#93a2b0;font-size:10px}
@media(max-width:843px){#desktop-design .dp-header .dp-notification{display:flex!important;order:3;width:40px;height:40px;align-items:center;justify-content:center;border:1px solid #ffffff20;border-radius:9px;background:#101821}#desktop-design .dp-header .dp-notification .dp-icon{width:22px;height:22px}#desktop-design .dp-profile{order:4}#desktop-design .dp-wallet{order:2}#desktop-design .np-panel{top:66px;width:285px;max-width:calc(100vw - 20px)}}
@media(max-width:600px){#desktop-design .dp-header .dp-notification{order:2;flex:0 0 38px}#desktop-design .dp-profile{order:3}#desktop-design .dp-wallet{order:4}#desktop-design .np-panel{top:64px;width:min(285px,calc(100vw - 12px));max-height:calc(100dvh - 76px)}}