/* =========================================================
   BEC — USER MENU MODERN  (د user menu نوی ډيزاين)
   پروفایل کارډ + د عملونو قطارونه (خونديتوب · ژبه · وتل)
   ========================================================= */
.pd-usermenu{--um-ink:#0f2a4d;--um-mut:#6f84a3;--um-line:#e3ebf7;--um-hover:#f1f6fe;--um-acc:#0b6bd6}
.pd-usermenu.open{display:block!important;width:318px;min-width:318px;padding:0!important;overflow:hidden;border-radius:20px!important;
  animation:umIn .22s cubic-bezier(.2,.8,.2,1) both;transform-origin:top left}
[dir="rtl"] .pd-usermenu.open{transform-origin:top right}
.pd-usermenu{inset-inline-end:auto!important;inset-inline-start:0!important}
@keyframes umIn{from{opacity:0;transform:translateY(-8px) scale(.97)}to{opacity:1;transform:none}}
.pd-um-hidden{display:none!important}

/* ----- Profile header ----- */
.pd-um-head{display:flex;align-items:center;gap:14px;padding:20px 18px 18px;position:relative;
  background:linear-gradient(135deg,rgba(11,107,214,.12),rgba(124,77,255,.12) 60%,rgba(255,43,214,.10));border-bottom:1px solid var(--um-line)}
.pd-um-av{position:relative;flex:0 0 58px;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;font-size:24px;font-weight:800;color:#fff;
  background:linear-gradient(135deg,#00b4ff,#7c4dff 55%,#ff2bd6);box-shadow:0 0 0 3px #fff,0 8px 22px rgba(80,90,255,.35)}
.pd-um-av img{width:100%;height:100%;border-radius:50%;object-fit:cover}
.pd-um-dot{position:absolute;bottom:1px;inset-inline-end:1px;width:13px;height:13px;border-radius:50%;background:#22c55e;border:2.5px solid #fff;box-shadow:0 0 8px #22c55e}
.pd-um-id{min-width:0;display:flex;flex-direction:column;gap:3px;align-items:flex-start}
.pd-um-id b{font-size:16px;font-weight:800;color:var(--um-ink);max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pd-um-id small{font-size:12px;color:var(--um-mut);max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pd-um-id .bec-rolebadge{margin:3px 0 0;font-size:11px}

/* ----- Rows ----- */
.pd-um-list{display:flex;flex-direction:column;gap:4px;padding:10px}
.pd-um-item{all:unset;box-sizing:border-box;display:flex;align-items:center;gap:12px;width:100%;padding:10px 12px;border-radius:14px;cursor:pointer;
  transition:background .18s,transform .18s,box-shadow .18s;color:var(--um-ink);font-family:inherit}
.pd-um-item:hover{background:var(--um-hover);transform:translateY(-1px)}
.pd-um-item:focus-visible{outline:2px solid var(--um-acc);outline-offset:1px}
.pd-um-item:active{transform:scale(.98)}
.pd-um-ic{flex:0 0 40px;width:40px;height:40px;border-radius:12px;display:grid;place-items:center;color:var(--c);background:color-mix(in srgb,var(--c) 14%,transparent);transition:.2s}
.pd-um-ic.c1{--c:#0b8f6a}.pd-um-ic.c2{--c:#7c4dff}.pd-um-ic.c3{--c:#e5383b}
.pd-um-item:hover .pd-um-ic{background:var(--c);color:#fff;box-shadow:0 6px 16px color-mix(in srgb,var(--c) 45%,transparent)}
.pd-um-tx{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;text-align:start}
.pd-um-tx b{font-size:14.5px;font-weight:800;line-height:1.3;color:inherit}
.pd-um-tx small{font-size:11.5px;color:var(--um-mut);line-height:1.4;white-space:normal}
.pd-um-go{color:var(--um-mut);display:grid;transform:rotate(-90deg);transition:.2s}
[dir="rtl"] .pd-um-go{transform:rotate(90deg)}
.pd-um-item:hover .pd-um-go{color:var(--um-acc);translate:3px 0}[dir="rtl"] .pd-um-item:hover .pd-um-go{translate:-3px 0}

/* language segmented switch */
.pd-um-seg{display:inline-flex;padding:3px;border-radius:99px;background:rgba(124,77,255,.12);border:1px solid rgba(124,77,255,.25);flex:0 0 auto}
.pd-um-seg i{font-style:normal;font-size:11.5px;font-weight:800;padding:4px 10px;border-radius:99px;color:var(--um-mut);transition:.2s}
.pd-um-seg i.on{background:linear-gradient(135deg,#7c4dff,#b36bff);color:#fff;box-shadow:0 3px 10px rgba(124,77,255,.5)}

/* sign out */
.pd-um-out{margin:0 10px 10px;width:calc(100% - 20px);border:1px solid rgba(229,56,59,.25);background:rgba(229,56,59,.06)}
.pd-um-out:hover{background:rgba(229,56,59,.14);box-shadow:0 6px 18px rgba(229,56,59,.2)}
.pd-um-out .pd-um-tx b{color:#d62839}

/* ----- Dark / neon theme (dashboard-neon.css) ----- */
body.pd-v2 .pd-usermenu{--um-ink:#e9f1ff;--um-mut:#8fa0d6;--um-line:rgba(120,140,255,.2);--um-hover:rgba(0,212,255,.10);--um-acc:#00d4ff}
body.pd-v2 .pd-um-head{background:linear-gradient(135deg,rgba(0,212,255,.14),rgba(124,77,255,.16) 60%,rgba(255,43,214,.14))}
body.pd-v2 .pd-um-av{box-shadow:0 0 0 3px rgba(9,12,38,1),0 0 20px rgba(0,212,255,.55)}
body.pd-v2 .pd-um-dot{border-color:#090c26}
body.pd-v2 .pd-um-ic{background:color-mix(in srgb,var(--c) 20%,transparent)}
body.pd-v2 .pd-um-ic.c1{--c:#2cf0b0}body.pd-v2 .pd-um-ic.c2{--c:#b36bff}body.pd-v2 .pd-um-ic.c3{--c:#ff4d7a}
body.pd-v2 .pd-um-item:hover .pd-um-ic{color:#05060f}
body.pd-v2 .pd-um-tx small{color:var(--um-mut)!important}
body.pd-v2 .pd-um-out{border-color:rgba(255,77,122,.35);background:rgba(255,45,111,.08)}
body.pd-v2 .pd-um-out:hover{background:rgba(255,45,111,.18);box-shadow:0 0 18px rgba(255,45,111,.35)}
body.pd-v2 .pd-um-out .pd-um-tx b{color:#ff6b8f}

/* ----- User button in the top bar (small polish) ----- */
.pd-userbtn{border:1px solid transparent!important;padding:4px 10px 4px 6px!important;border-radius:99px!important;transition:.2s}
body.pd-v2 .pd-userbtn{border-color:var(--nx-line)!important;background:rgba(255,255,255,.04)!important}
.pd-userbtn[aria-expanded="true"] .pd-ic:last-child,#pdUserBtn .pd-ic:last-child{transition:transform .25s}
.pd-user:has(.pd-usermenu.open) #pdUserBtn .pd-ic:last-child{transform:rotate(180deg)}

@media(max-width:560px){
  .pd-usermenu.open{position:fixed!important;top:76px!important;inset-inline:12px!important;width:auto;min-width:0}
  .pd-um-id b,.pd-um-id small{max-width:56vw}
}
@media(prefers-reduced-motion:reduce){.pd-usermenu.open{animation:none}.pd-um-item,.pd-um-ic{transition:none}}