/* ==========================================================
   پاراسەت تور تېخنىكىسى — ئەزا كىرىش / تىزىملىتىش قوشۇمچە ئۇسلۇبى
   WeChat كۇنۇپكىسى، بۆلگۈچ، يوقلىما ئەزا رايونى، Toast
   ========================================================== */

.hidden{display:none !important}

/* ---------- WeChat كۇنۇپكىسى ---------- */
.btn-wechat{
  width:100%;
  background:#07c160;color:#fff;
  box-shadow:0 8px 22px rgba(7,193,96,.35);
}
.btn-wechat:hover{
  transform:translateY(-3px);
  box-shadow:0 14px 30px rgba(7,193,96,.45);
}
.btn-wechat svg{fill:#fff;flex:none}

/* ---------- «ياكى» بۆلگۈچى ---------- */
.auth-divider{
  display:flex;align-items:center;gap:.9rem;
  margin:1.15rem 0;
  color:var(--text-2);font-size:.82rem;font-weight:600;
  white-space:nowrap;
}
.auth-divider::before,.auth-divider::after{
  content:"";flex:1;height:1px;background:var(--border);
}

/* ---------- يوقلىما ئەزا رايونى ---------- */
.member-wrap{position:relative;display:flex;align-items:center}

.member-chip{
  display:flex;align-items:center;gap:.55rem;
  padding:.32rem .7rem;
  border-radius:12px;border:1px solid var(--border);
  background:transparent;color:var(--text);
  font-family:inherit;cursor:pointer;
  transition:border-color .25s,background .25s;
}
.member-chip:hover{border-color:var(--primary);background:var(--chip-bg)}

.member-avatar{
  width:32px;height:32px;border-radius:9px;flex:none;
  background:var(--grad);color:#fff;font-weight:800;font-size:.95rem;
  display:grid;place-items:center;overflow:hidden;
}
.member-avatar img{width:100%;height:100%;object-fit:cover}

.member-name{
  font-weight:700;font-size:.88rem;
  max-width:130px;overflow:hidden;
  text-overflow:ellipsis;white-space:nowrap;
}

.member-caret{transition:transform .25s;flex:none}
.member-chip.open .member-caret{transform:rotate(180deg)}

.member-menu{
  position:absolute;top:calc(100% + 10px);inset-inline-end:0;
  min-width:215px;z-index:120;
  background:var(--card-solid);
  border:1px solid var(--border);border-radius:14px;
  box-shadow:var(--shadow);
  padding:.5rem;
  opacity:0;transform:translateY(8px);pointer-events:none;
  transition:opacity .25s,transform .25s;
}
.member-menu.open{opacity:1;transform:none;pointer-events:auto}

.member-menu-head{
  padding:.55rem .75rem;
  border-bottom:1px solid var(--border);
  margin-bottom:.4rem;
}
.member-menu-head b{display:block;font-size:.93rem;line-height:1.6}
.member-menu-head small{
  color:var(--text-2);font-size:.78rem;display:block;
  direction:ltr;text-align:left;
}

.member-menu a{
  display:flex;align-items:center;gap:.6rem;
  padding:.6rem .75rem;border-radius:9px;
  font-size:.9rem;font-weight:600;color:var(--text-2);
  transition:background .2s,color .2s;
}
.member-menu a:hover{background:var(--chip-bg);color:var(--text)}
.member-menu a.danger:hover{color:#ef4444;background:rgba(239,68,68,.1)}

/* ---------- Toast ---------- */
.toast{
  position:fixed;bottom:26px;left:50%;
  transform:translateX(-50%) translateY(90px);
  background:#16a34a;color:#fff;
  padding:.9rem 1.7rem;border-radius:12px;
  font-weight:700;font-size:.93rem;
  z-index:300;opacity:0;
  transition:transform .4s cubic-bezier(.16,1,.3,1),opacity .4s;
  box-shadow:0 14px 34px rgba(0,0,0,.3);
  pointer-events:none;max-width:90vw;text-align:center;
}
.toast.show{transform:translateX(-50%) translateY(0);opacity:1}
.toast.err{background:#dc2626}

/* ---------- چەكلەنگەن ئەزا ئاگاھلاندۇرۇشى ---------- */
.auth-note{
  background:rgba(239,68,68,.1);
  border:1px solid rgba(239,68,68,.3);
  color:#ef4444;font-size:.85rem;font-weight:600;
  padding:.65rem .9rem;border-radius:10px;
  margin-bottom:1rem;text-align:center;
}

/* ---------- Responsive ---------- */
@media (max-width:560px){
  .member-name{display:none}
  .member-chip{padding:.3rem}
}