/* Tổ đội 4 nhân vật (game/js/pcwin/party.js) — khung chân dung theo \ui\001a\window\teamportrait.ini: [Main] Left=6 Top=89,
   ImgMember 92×30 (bg_team_member_portrait.spr) cách 34 px, chân dung (2,2) 21×24, tên (28,2) màu 129,202,159, máu (28,17) 62×7,
   nội lực (28,23) 62×5. Ảnh: tools/build_pcwin_party.py → assets/ui/pc/party/ */
#ptPanel{position:absolute;z-index:3;left:calc(var(--psx) + 6px);top:89px;width:118px;font:12px/1.2 var(--font);user-select:none}
#ptPanel .pp-head{display:flex;align-items:center;gap:3px;height:20px}
#ptPanel .pp-fold{width:16px;height:16px;padding:0;border:0;background:url(../../assets/ui/pc/party/fold.webp) 0 0/32px 16px no-repeat;cursor:pointer;flex:none}
#ptPanel .pp-fold.on{background-position:-16px 0}
#ptPanel .pp-btn{height:18px;padding:0 6px;border:1px solid #6b5530;border-radius:2px;background:rgba(20,14,8,.78);color:#e8d29a;font:600 11px/16px var(--font);cursor:pointer;white-space:nowrap}
#ptPanel .pp-btn small{color:#a99a7a;font-weight:400}
#ptPanel .pp-btn:hover{filter:brightness(1.25)}
#ptPanel .pp-list{display:flex;flex-direction:column;gap:4px;margin-top:2px}
#ptPanel .pp-m{position:relative;width:92px;height:30px;background:url(../../assets/ui/pc/party/member.webp) no-repeat;cursor:pointer}
#ptPanel .pp-m:hover{filter:brightness(1.2)}
#ptPanel .pp-m.ko{filter:grayscale(1) brightness(.8)}
#ptPanel .pp-por{position:absolute;left:2px;top:3px;width:21px;height:21px;border-radius:2px}
#ptPanel .pp-nm{position:absolute;left:28px;top:2px;width:62px;height:13px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:rgb(129,202,159);font:600 11px/13px var(--font);text-shadow:0 1px 1px #000}
#ptPanel .pp-m:first-child .pp-nm{color:#7dff9a}
#ptPanel .pp-lv{position:absolute;left:1px;top:19px;min-width:12px;padding:0 1px;background:rgba(0,0,0,.7);color:#fff;font:600 10px/10px var(--font);font-style:normal;text-align:center;border-radius:2px}
#ptPanel .pp-hp,#ptPanel .pp-mp{position:absolute;left:28px;width:62px;overflow:hidden}
#ptPanel .pp-hp{top:17px;height:7px}
#ptPanel .pp-mp{top:23px;height:5px}
#ptPanel .pp-hp i,#ptPanel .pp-mp i{display:block;height:100%;width:0;transition:width .2s}
#ptPanel .pp-hp i{background:url(../../assets/ui/pc/party/life.webp) 0 0/62px 7px no-repeat}
#ptPanel .pp-mp i{background:url(../../assets/ui/pc/party/mana.webp) 0 0/62px 5px no-repeat}
#ptPanel .pp-eye{position:absolute;left:94px;top:5px;width:20px;height:20px;padding:0;border:1px solid #6b5530;border-radius:50%;background:rgba(20,14,8,.8);cursor:pointer}
#ptPanel .pp-eye::before{content:'';position:absolute;left:4px;top:6px;width:10px;height:6px;border:1.5px solid #e8d29a;border-radius:50%/60%}
#ptPanel .pp-eye::after{content:'';position:absolute;left:2px;top:8px;width:15px;height:1.5px;background:#ff8a6a;transform:rotate(-35deg)}
#ptPanel .pp-eye:hover{filter:brightness(1.4)}
/* màn gọn: dưới thanh nhân vật thu nhỏ; chạm ≥ 24 px */
@media (max-width:820px),(max-height:500px){
  #ptPanel{left:4px;top:var(--pt-top,64px)}
  #ptPanel .pp-btn{height:24px;line-height:22px}
  #ptPanel .pp-fold{width:24px;height:24px;background-size:48px 24px}
  #ptPanel .pp-fold.on{background-position:-24px 0}
  #ptPanel .pp-head{height:26px}
  #ptPanel .pp-eye{width:24px;height:24px;top:3px}
  #ptPanel .pp-eye::before{left:6px;top:8px}
  #ptPanel .pp-eye::after{left:4px;top:10px}
}

/* ---- cửa sổ Đồ đệ */
.ptw{display:flex;flex-direction:column;gap:6px;padding:6px;font-size:12px}
.ptw-top{color:#d8c8a0;padding:2px 2px 4px;border-bottom:1px solid rgba(201,167,94,.3)}
.ptw-top b{color:#ffe08a}
.ptw-m{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:6px;align-items:center;padding:5px;border:1px solid rgba(201,167,94,.25);border-radius:3px;background:rgba(0,0,0,.25)}
.ptw-m.on{border-color:rgba(125,255,154,.35)}
.ptw-m.sel{box-shadow:0 0 0 2px #ffd36a inset}
.ptw-m.main{background:rgba(60,45,20,.35)}
.ptw-fi{width:32px;height:32px;border-radius:3px}
.ptw-info{display:flex;flex-direction:column;gap:1px;min-width:0}
.ptw-info b{color:#ffe7b0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ptw-info small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#cbbd9a}
.ptw-info small.muted{color:#9a8e74}
.ptw-act{display:flex;flex-direction:column;align-items:flex-end;gap:3px}
.ptw-row2{display:flex;gap:2px}
.ptw-row2 .btn{padding:2px 6px;min-width:24px;min-height:24px}
.ptw-st{font-size:11px;padding:0 5px;border-radius:2px}
.ptw-st.on{color:#7dff9a}.ptw-st.off{color:#a99a7a}.ptw-st.ko{color:#ff8a6a}
.ptw-ren{display:flex;gap:3px}
.ptw-ren input{width:110px;min-width:0}
.ptw-empty,.ptw-full{margin:4px 2px}
.ptw-new{border-top:1px solid rgba(201,167,94,.3);padding-top:6px;display:flex;flex-direction:column;gap:5px}
.ptw-sec{color:#ffe08a;font-weight:600}
.ptw-line{display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.ptw-line input{flex:1;min-width:120px;min-height:26px}
.ptw-line input.err{border-color:#e05a4a}
.ptw-err{color:#ff8a6a}
.ptw-sex{display:flex;gap:3px}
.ptw-fac{display:grid;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:3px}
.ptw-fac .btn{display:flex;align-items:center;gap:3px;padding:3px 4px;white-space:normal;text-align:left;line-height:1.1;min-height:26px;min-width:0}
.ptw-fac .btn i{width:18px;height:18px;flex:none}
.ptw-fac .btn[disabled]{opacity:.4}
.ptw-sub{display:flex;flex-wrap:wrap;gap:3px;align-items:center}
.ptw-sub .btn{min-height:26px}
.ptw-go{flex-basis:100%;margin-top:3px}
.ptw .btn.on{border-color:#ffd36a;color:#fff3c0;filter:brightness(1.2)}
.ptw-note{font-size:11px;margin:0}
/* màn ngang thấp (≤ 500 cao): một hàng chân dung nhỏ (chạm mở cửa sổ Đồ đệ — nút Ẩn ở đó), không chồng khung chat */
@media (max-height:500px){
  #ptPanel{width:auto}
  #ptPanel .pp-list{flex-direction:row;gap:3px}
  #ptPanel .pp-m{width:30px;height:36px;background:rgba(20,14,8,.78);border:1px solid #6b5530;border-radius:2px}
  #ptPanel .pp-por{left:4px;top:2px}
  #ptPanel .pp-nm,#ptPanel .pp-eye{display:none}
  #ptPanel .pp-lv{left:1px;top:15px}
  #ptPanel .pp-hp,#ptPanel .pp-mp{left:2px;width:26px}
  #ptPanel .pp-hp{top:25px;height:5px}
  #ptPanel .pp-mp{top:30px;height:4px}
  #ptPanel .pp-hp i{background-size:26px 5px}
  #ptPanel .pp-mp i{background-size:26px 4px}
}