/* Sosyal Aşama 4: bildirim paneli (sosyal + yerel bildirimler tek listede). style.css .notif-panel / .np-* kurallarını tamamlar. */
.np-head{flex-wrap:wrap}
.np-acts{display:flex;gap:5px;align-items:center;flex-wrap:wrap;justify-content:flex-end}
.np-hb{background:#fff;color:#1b1b1b;border:1px solid #9a9a9a;border-radius:6px;padding:6px 9px;font:bold 13px Arial,sans-serif;cursor:pointer;min-height:36px}
.np-hb:hover{background:#eee}
.np-hb:disabled{opacity:.45;cursor:default}
.np-head .np-clear{font-size:13px;padding:6px 9px}
.np-prefs{display:flex;flex-direction:column;gap:6px;padding:9px 12px;border-bottom:1px solid #d6d6d6;background:#fbfaf4;font:14px Arial,sans-serif;flex:none}
.np-prefs.hidden{display:none}
.np-prefs label{display:flex;align-items:center;gap:7px;cursor:pointer;min-height:28px}
.np-prefs input{width:18px;height:18px;margin:0}
.np-prefs small{color:#666}
.np-item{display:flex;align-items:stretch;gap:4px;padding:0;overflow:hidden}
.np-main{flex:1;min-width:0;text-align:left;background:none;border:0;color:inherit;font:inherit;padding:7px 8px;cursor:pointer;line-height:1.35}
.np-main:disabled{cursor:default;color:inherit;opacity:1}
.np-text{overflow-wrap:anywhere}
.np-tog,.np-del{flex:none;width:34px;background:none;border:0;border-left:1px solid rgba(0,0,0,.12);color:#555;font:bold 15px Arial,sans-serif;cursor:pointer}
.np-tog:hover,.np-del:hover{background:rgba(0,0,0,.07);color:#000}
.np-del{font-size:19px}
.np-item.unread{box-shadow:inset 4px 0 0 #e0182d;background:#fffbe9}
.np-item.unread .np-text{font-weight:bold}
.np-item.unread .np-tog{color:#e0182d}
.np-table{border-color:#2a6fb8}
.np-pm{border-color:#7a4fc0}

/* Özel mesaj sekmeleri (lobby-client.js renderPmTabs): "Lobi"nin yanında her konuşma "rumuz ×"; okunmamışta kırmızı/beyaz yanıp söner + sayaç */
.pm-tabs{display:flex;gap:4px;min-width:0;overflow-x:auto;scrollbar-width:none;flex:0 1 auto}
.pm-tabs::-webkit-scrollbar{display:none}
.pm-ctab{display:inline-flex;align-items:center;gap:4px;white-space:nowrap;flex:none;max-width:190px;overflow:hidden}
.pm-ctab .tab-n,.pm-ctab .pm-x{flex:none}
.pm-ctab .pm-cn{overflow:hidden;text-overflow:ellipsis;min-width:0}
.pm-ctab .pm-x{font-style:normal;font-weight:bold;padding:0 2px 0 4px;opacity:.85}
.pm-ctab .pm-x:hover{opacity:1;color:#ff8a80}
.pm-ctab.pm-blink{animation:pmBlink 1s steps(1,end) infinite;font-weight:bold}
@keyframes pmBlink{0%{background:#d50000;color:#fff;box-shadow:0 0 8px #ff1744}50%{background:#fff;color:#d50000;box-shadow:none}}
.pm-ctab .tab-n{display:inline-block;min-width:17px;height:17px;line-height:17px;padding:0 4px;border-radius:9px;background:#d50000;color:#fff;font-size:11px;font-weight:bold;text-align:center;box-shadow:0 0 0 1px #fff}
.pm-ctab .tab-n.hidden{display:none}
/* Konuşma lobinin/masanın YERİNDE tam sayfa (pencere değil): üst = sekme çubuğunun altı (--pm-top) */
.pm-panel.pm-dock{top:var(--pm-top,100px);left:0;right:var(--pm-right,0px);bottom:0;width:auto;height:auto;border:0;border-radius:0;box-shadow:none;z-index:18;background:#f7fbff}
.pm-panel.pm-dock .pm-head{padding:6px 10px;font-size:15px}
.pm-panel.pm-dock .pm-log{background:#f7fbff;font-family:Georgia,serif;font-size:16px;padding:8px 10px}
.pm-panel.pm-dock .pm-line{margin:3px 0}
.pm-panel.pm-dock form{background:#fff}
.pm-panel.pm-dock input{font-size:16px;padding:11px 10px}
.pm-panel.pm-dock form button{min-width:46px}
@media(max-width:600px){.pm-ctab{max-width:150px;padding:6px 8px}.pm-panel.pm-dock .pm-log{font-size:15px}}
/* @etiket önerisi (lobby-client.js mentionUI): mesaj kutusunun hemen üstünde açılır */
#lobbyChatForm{position:relative}
.mention-box{position:absolute;left:3px;right:3px;bottom:100%;margin-bottom:2px;max-height:min(264px,45vh);overflow-y:auto;-webkit-overflow-scrolling:touch;background:#fff;border:1px solid #9ab;border-radius:8px;box-shadow:0 -4px 16px rgba(0,0,0,.25);z-index:30;color:#123;overscroll-behavior:contain}
.mention-box.hidden{display:none}
.mn-item{display:flex;align-items:center;gap:8px;min-height:40px;padding:4px 10px;cursor:pointer;font:14px/1.2 Arial,sans-serif;border-bottom:1px solid #eef2f6;user-select:none;-webkit-tap-highlight-color:transparent}
.mn-item:last-child{border-bottom:0}
.mn-item.sel{background:#dbefff}
.mn-av{width:28px;height:28px;border-radius:50%;object-fit:cover;flex:none;background:#e7edf3}
.mn-nick{font-weight:bold;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
@media(pointer:coarse){.mn-item{min-height:46px;font-size:16px}}