/* ============================================================
   Context Menu — Discord stili
   ============================================================ */
.ctx-menu{
  position:fixed;z-index:10001;  /* mobil üye bottom-sheet (9999) + backdrop (9998) ÜSTÜNDE açılsın */
  min-width:188px;max-width:320px;
  background:var(--popout-bg);
  border:1px solid var(--border);
  border-radius:8px;
  padding:8px;                         /* Discord scroller padding 8px */
  box-shadow:0 8px 24px rgba(0,0,0,.45);
  font-size:14px;
  color:var(--text);
  box-sizing:border-box;
  cursor:default;
  user-select:none;
  opacity:0;transform:scale(.9);
  transition:opacity .12s ease,transform .12s cubic-bezier(.2,.7,.3,1);
}
.ctx-menu.ctx-open{opacity:1;transform:scale(1);}
.ctx-menu.ctx-closing{opacity:0;transform:scale(.96);pointer-events:none;}
.ctx-submenu{opacity:1;transform:none;}

.ctx-item{
  display:flex;align-items:center;gap:8px;
  min-height:32px;                     /* Discord labelContainer min-height */
  padding:6px 8px;border-radius:4px;
  box-sizing:border-box;
  cursor:pointer;line-height:18px;
  color:var(--muted);
  font-size:14px;font-weight:500;       /* Discord font-weight-medium */
  transition:background .1s,color .1s;
}
.ctx-item .ctx-label{flex:1 1 auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
/* HOVER: Discord item hover blurple + beyaz (kullanıcı tercihi korunuyor) */
.ctx-item:hover{background:var(--accent);color:#fff;}
.ctx-item:hover .ctx-icon,
.ctx-item:hover .ctx-check{color:#fff;}
.ctx-item.danger{color:var(--danger);}
.ctx-item.danger:hover{background:var(--danger);color:#fff;}
.ctx-item.disabled{opacity:.5;cursor:default;pointer-events:none;}
.ctx-item.has-sub{}

/* İkon kabı: Discord iconContainer 20px, sol ikon margin 0 8px */
.ctx-icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;flex-shrink:0;opacity:.95;}
.ctx-icon svg{width:18px;height:18px;}
.ctx-arrow{display:flex;align-items:center;justify-content:center;width:20px;height:20px;flex-shrink:0;color:var(--muted);opacity:.9;}
.ctx-arrow svg{width:18px;height:18px;}
.ctx-item:hover .ctx-arrow{color:#fff;opacity:1;}
.ctx-shortcut{flex:0 0 auto;margin-inline-start:8px;max-height:18px;font-size:12px;color:var(--muted);}
.ctx-item:hover .ctx-shortcut{color:#fff;}
.ctx-check{display:flex;align-items:center;justify-content:center;width:20px;height:20px;flex-shrink:0;}
.ctx-check.on{color:var(--text);}

/* Ayraç: Discord 1px border-subtle, margin 8px */
.ctx-sep{height:0;border-bottom:1px solid var(--border);margin:8px 0;}

/* Üst hızlı tepki barı */
.ctx-react-bar{
  display:flex;align-items:center;gap:2px;
  padding:4px 2px 8px;margin-bottom:4px;
  border-bottom:1px solid var(--border);
}
.ctx-react-em{
  width:34px;height:34px;border:none;background:none;cursor:pointer;
  font-size:20px;border-radius:6px;display:flex;align-items:center;justify-content:center;
  transition:background .1s,transform .1s;color:var(--muted);
}
.ctx-react-em:hover{background:var(--hover);transform:scale(1.15);}
.ctx-react-more svg{width:20px;height:20px;}

/* Slider item (ses seviyesi) */
.ctx-slider{padding:8px;}
.ctx-slider-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px;}
.ctx-slider-label{font-size:12px;font-weight:700;text-transform:uppercase;color:var(--muted);letter-spacing:.02em;}
.ctx-slider-val{font-size:12px;color:var(--muted);font-weight:600;}
.ctx-range{
  -webkit-appearance:none;appearance:none;width:100%;height:8px;border-radius:4px;
  background:var(--input-bg);outline:none;cursor:pointer;
}
.ctx-range::-webkit-slider-thumb{
  -webkit-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;
  background:#fff;border:none;box-shadow:0 2px 4px rgba(0,0,0,.3);
}
.ctx-range::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#fff;border:none;}

.ctx-custom{padding:2px;}