/* ===== Sol alt hesap popout'u (Discord: isme tiklayinca) ===== */
.acct-popout{position:fixed;width:300px;background:var(--popout-bg);border:1px solid rgba(0,0,0,.3);border-radius:8px;box-shadow:0 10px 36px rgba(0,0,0,.55);z-index:200;display:none;overflow:visible;}
.acct-popout.open{display:block;}

.ap-card{position:relative;border-radius:8px 8px 0 0;overflow:visible;}
.ap-banner{height:90px;background:linear-gradient(135deg,var(--accent),#8e44ad);position:relative;border-radius:8px 8px 0 0;overflow:hidden;}
.ap-banner img{width:100%;height:100%;object-fit:cover;display:none;}
.ap-avatar{position:absolute;top:48px;left:14px;width:72px;height:72px;border-radius:50%;border:6px solid var(--popout-bg);background:#444;display:flex;align-items:center;justify-content:center;font-size:30px;color:#fff;overflow:hidden;box-sizing:content-box;z-index:10;}
.ap-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%;}
.ap-avatar-status{position:absolute;bottom:0;right:0;width:16px;height:16px;border-radius:50%;border:4px solid var(--popout-bg);box-sizing:content-box;z-index:11;}

.ap-head{margin:44px 16px 10px;}
.ap-name{font-weight:700;font-size:20px;line-height:1.2;color:var(--text);word-break:break-word;}
.ap-sub{font-size:13px;color:var(--muted);margin-top:1px;}
.ap-box{margin:0 16px 12px;background:none;border-radius:8px;padding:10px 12px;}
.ap-box-label{font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);margin-bottom:5px;}
.ap-bio{font-size:13px;color:var(--text);line-height:1.5;white-space:pre-wrap;word-break:break-word;}

.ap-divider{height:1px;background:var(--border);margin:0 14px;}
.ap-menu{padding:8px;display:flex;flex-direction:column;gap:2px;}
.ap-item{display:flex;align-items:center;gap:12px;width:100%;background:none;border:none;color:var(--text);font-size:14px;font-weight:500;padding:9px 10px;border-radius:4px;cursor:pointer;text-align:left;position:relative;}
.ap-item:hover{background:rgba(255,255,255,.06);}
[data-theme="light"] .ap-item:hover{background:rgba(0,0,0,.06);}
.ap-item .ap-ico{width:20px;height:20px;flex-shrink:0;display:flex;align-items:center;justify-content:center;color:var(--muted);}
.ap-item:hover .ap-ico{color:var(--text);}
.ap-arrow{margin-left:auto;color:var(--muted);font-size:18px;line-height:1;}

/* durum noktalari */
.ap-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0;}
.ap-dot.online,.ap-avatar-status.online{background:var(--online);}
.ap-dot.away,.ap-avatar-status.away{background:var(--idle);}
.ap-dot.dnd,.ap-avatar-status.dnd{background:var(--dnd);}
.ap-dot.invisible,.ap-avatar-status.invisible{background:var(--offline);}

/* durum alt menusu (saga acilir) */
.ap-submenu{position:absolute;left:calc(100% + 6px);top:-6px;background:var(--popout-bg);border:1px solid rgba(0,0,0,.3);border-radius:8px;box-shadow:0 10px 28px rgba(0,0,0,.55);padding:6px;display:none;min-width:210px;z-index:20;}
.ap-status:hover .ap-submenu{display:block;}
.ap-sub-btn{display:flex;align-items:flex-start;gap:10px;width:100%;background:none;border:none;color:var(--text);font-size:14px;padding:8px 10px;border-radius:5px;cursor:pointer;text-align:left;}
.ap-sub-btn:hover{background:rgba(255,255,255,.06);}
[data-theme="light"] .ap-sub-btn:hover{background:rgba(0,0,0,.06);}
.ap-sub-btn .ap-dot{margin-top:3px;}
.ap-sub-btn small{display:block;font-size:11px;color:var(--muted);font-weight:400;margin-top:1px;}

.ap-danger,.ap-danger .ap-ico{color:var(--dnd);}
.ap-danger:hover{background:rgba(242,63,67,.12);color:var(--dnd);}
.ap-danger:hover .ap-ico{color:var(--dnd);}

@media(max-width:640px){ .acct-popout{width:calc(100vw - 24px);} .ap-submenu{position:static;left:auto;margin-top:4px;min-width:0;} }