/* Auto PK (game/js/sys/auto.js — cửa sổ 'auto' + bảng Plugin góc phải; docs/auto.md). Bố cục theo ảnh chụp wjxtdAuto Pro
   (bài huongdanauto): danh sách nhân vật, 13 tab 3 hàng (hàng đang chọn nằm sát nội dung), khung nhóm, nút đáy Thoát / Áp dụng.
   Ảnh: tools/build_pcwin_autopk.py -> assets/ui/pc/autopk/ (icon = minimap\btn_setautofight.spr 4 khung 26×27). */
.ap-win{gap:4px;height:100%;min-height:0}
/* chỉ trang tab cuộn (thân cửa sổ không cuộn): danh sách nhân vật, tab, nút đáy luôn thấy */
@media (min-width:821px) and (min-height:501px){
  #win-auto .ap-win>.ap{flex:1 1 auto;min-height:0}
  #win-auto .ap-win .ap-page{flex:1 1 auto;min-height:0;overflow:auto}
}
@media (max-width:820px),(max-height:500px){.ap-win{height:auto}}
.ap{display:flex;flex-direction:column;gap:4px;font-size:12.5px;color:var(--txt);min-width:0}
.ap-chars{border:1px solid #000;box-shadow:0 0 0 1px #6c6c6c;background:#1d1d1d;max-height:96px;overflow:auto}
.ap-chars table{width:100%;border-collapse:collapse;font-size:12px}
.ap-chars th{position:sticky;top:0;background:#3a3a3a;color:#ddd;font-weight:normal;text-align:left;padding:2px 4px;border-right:1px solid #222}
.ap-chars td{padding:2px 4px;color:#9fc4ff}
.ap-chars tr.on td{background:#2b3a52;color:#7fb2ff;font-weight:600}
.ap-chars tr.mem td{color:#b8c8d8}
.ap-chars input{margin:0 3px 0 0;vertical-align:middle}
/* tab 3 hàng (Win32 multiline) — dùng mảnh tab PC của cửa sổ Hệ thống */
.ap-tabs{display:flex;flex-direction:column;gap:1px;border-bottom:1px solid #000;box-shadow:0 1px 0 #727272}
.ap-trow{display:flex;gap:1px}
.ap-tab{flex:1 1 0;min-width:0;min-height:24px;padding:4px 2px 1px;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#fff;
  text-shadow:0 1px 1px #000;cursor:pointer;border:0 solid transparent;background:#484848 content-box;
  border-image:url(../../assets/ui/pc/system/tab0.webp) 10 4 2 4 fill / 8px 4px 2px 4px stretch}
.ap-tab:hover{border-image-source:url(../../assets/ui/pc/system/tab1.webp)}
.ap-tab.on{background-color:#595959;border-image-source:url(../../assets/ui/pc/system/tab2.webp);color:var(--title)}
.ap-tab:focus-visible{outline:1px solid var(--title);outline-offset:-3px}
.ap-page{display:flex;flex-direction:column;gap:4px;padding:8px 9px;border:0 solid transparent;background:#414141 content-box;
  border-image:url(../../assets/ui/pc/system/page.webp) 12 fill / 12px stretch;min-height:200px}
.ap-box{border:1px solid #6c6c6c;box-shadow:inset 0 0 0 1px #000;margin:2px 0 0;padding:3px 7px 5px;display:flex;flex-direction:column;gap:2px;min-width:0}
.ap-box legend{color:var(--title);padding:0 4px;font-weight:600}
.ap-box.ap-nolegend legend{display:none}
.ap-ck{display:flex;align-items:center;gap:4px;min-height:22px;cursor:pointer;flex-wrap:wrap}
.ap-ck input{margin:0;width:15px;height:15px;accent-color:#c9a14a}
.ap-num{display:inline-flex;align-items:center;gap:4px;min-height:24px;flex-wrap:wrap}
.ap-num input,.ap-num select,.ap-page input[type=text],.ap-page input[type=number],.ap-page select{background:#1d1d1d;color:#eee;border:1px solid #000;
  box-shadow:0 0 0 1px #6c6c6c;padding:2px 3px;min-height:24px;font-size:12px;max-width:100%;min-width:0;box-sizing:border-box}
.ap-note{font-size:11.5px;color:#b0c4bc;font-style:normal;line-height:1.4}
.ap-msg{font-size:11.5px;color:#f5d97a}
.ap-row{display:flex;align-items:center;gap:4px 8px;flex-wrap:wrap}
.ap-split{display:flex;gap:8px;min-width:0}
.ap-col{display:flex;flex-direction:column;flex:1 1 0;min-width:0}
.ap-grid2{display:grid;grid-template-columns:1fr 1fr;gap:1px 8px;align-items:center}
.ap-grid2>.ap-row{flex-wrap:nowrap;gap:4px;min-width:0}
.ap-grid2 .ap-ck{flex-wrap:nowrap;white-space:nowrap;min-width:0}
.ap-grid2>.ap-span{grid-column:1 / -1}
.ap-grid4{display:grid;grid-template-columns:auto 1fr auto 1fr;gap:2px 8px}
.ap-grid4 b,.ap-kv b{color:#9fc4ff;font-weight:600}
.ap-kv{display:flex;gap:8px;align-items:center}
.ap-kv>span:first-child{min-width:62px}
.ap-bar{flex:1;height:10px;background:#1d1d1d;border:1px solid #000;box-shadow:0 0 0 1px #6c6c6c}
.ap-bar i{display:block;height:100%;background:linear-gradient(#d24b3a,#8e2116)}
.ap-list{background:#1d1d1d;border:1px solid #000;box-shadow:0 0 0 1px #6c6c6c;overflow:auto;flex:1 1 auto;min-width:0}
.ap-li{display:flex;align-items:center;gap:6px;padding:1px 4px;min-height:22px;cursor:pointer}
.ap-li label{display:flex;align-items:center;gap:4px;cursor:pointer}
.ap-li.on{background:#2b3a52}
.ap-rules .ap-li span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ap-rules .ap-li b{width:36px;text-align:right;font-weight:normal;color:#ccc}
.ap-side{display:flex;flex-direction:column;gap:3px}
.ap-ico{min-width:26px;min-height:24px;padding:0 4px}
.ap-add{color:#5fb8ff;font-weight:700}
.ap-del{color:#ff6b6b;font-weight:700}
.ap-cb-head{display:grid;grid-template-columns:1fr 56px 40px 30px;gap:4px;font-size:12px;color:#ddd}
.ap-cb{display:grid;grid-template-columns:1fr 56px 40px 30px;gap:4px}
.ap-cb select{width:100%}
.ap-flags{display:grid;grid-template-columns:repeat(4,auto);gap:0 6px;align-items:center}
.ap-skills{display:grid;grid-template-columns:auto 1fr;gap:3px 6px;align-items:center}
.ap-skills select{width:100%}
.ap-pts{display:grid;grid-template-columns:repeat(4,1fr);gap:3px}
.ap-pts .btn.on{border-color:var(--gold);color:#fff}
.ap-ptl{font-size:11.5px;display:flex;flex-direction:column;gap:1px}
.ap-shell{display:grid;grid-template-columns:auto 40px auto 1fr;gap:4px 6px;align-items:center}
.ap-radio{justify-content:space-between}
.ap-radio label{display:flex;align-items:center;gap:3px;min-height:24px;cursor:pointer}
.ap-spd input{flex:1;min-width:80px;accent-color:#5fb8ff}
.ap-keys{display:grid;grid-template-columns:52px 1fr 64px;gap:3px 4px;font-size:12px}
.ap-keys select,.ap-keys input{width:100%}
.ap-doc{background:none;border:0;cursor:pointer;font-size:14px;min-width:24px;min-height:24px;padding:0;filter:grayscale(.3)}
.ap-doc.on{filter:none;outline:1px solid var(--gold)}
.ap-doced{border:1px dashed #6c6c6c;padding:4px 6px;display:flex;flex-direction:column;gap:3px;margin-top:3px}
.ap-x{background:none;border:0;color:#ff6b6b;cursor:pointer;min-width:24px;min-height:22px}
.ap-page .btn.on{border-color:var(--gold);color:#fff;filter:brightness(1.25)}
.ap-foot{display:flex;align-items:center;gap:6px;padding:4px 2px 2px;flex-wrap:wrap;position:sticky;bottom:0;z-index:1;background:#2e2e2e;box-shadow:0 -1px 0 #000}
.ap-foot .btn{min-width:84px}
.ap-dirty{flex:1;font-size:11.5px;color:#f5d97a;text-align:right}
.ap-icon{background:none;border:0;font-size:16px;cursor:pointer;min-width:26px;min-height:26px;color:#ddd}
.ap-ok{color:#9be37a}

/* bảng Plugin góc phải (End / Home) */
#apBar{position:absolute;right:6px;top:186px;z-index:15;display:flex;flex-direction:column;align-items:flex-end;gap:3px;pointer-events:none;font-size:12px}
#apBar.hidden{display:none}
#apBar>*{pointer-events:auto}
.apb-icon{width:26px;height:27px;border:0;padding:0;cursor:pointer;background:url(../../assets/ui/pc/autopk/icon.webp) 0 0 / 104px 27px no-repeat}
.apb-icon:hover{background-position:-26px 0}
.apb-icon.on{background-position:-26px 0;filter:drop-shadow(0 0 4px #f5d97a)}
.apb-panel{background:rgba(20,22,24,.94);border:1px solid #000;box-shadow:0 0 0 1px #6c6c6c;padding:5px;display:flex;flex-direction:column;gap:4px;width:206px;max-height:calc(100vh - 240px);overflow:auto}
.apb-row{display:flex;gap:3px;align-items:center;flex-wrap:wrap}
.apb-b{min-width:58px;min-height:22px;padding:1px 6px;cursor:pointer;color:#cfe7c8;background:linear-gradient(#25403a,#14231f);border:1px solid #000;box-shadow:inset 0 0 0 1px #4f6d63;font-size:12px}
.apb-b.pk2{color:#f2b44a}
.apb-b.bvd{color:#c9c2ff;background:linear-gradient(#2c2c55,#18183a)}
.apb-b.on{box-shadow:inset 0 0 0 1px #f5d97a;color:#fff}
.apb-sq{width:22px;height:22px;cursor:pointer;background:#3c3426;border:1px solid #000;box-shadow:inset 0 0 0 1px #c9a14a;color:#e9d39a;padding:0}
.apb-txt{color:#f2f2f2;background:#20302c;padding:1px 4px;font-size:11.5px}
.apb-pick{display:flex;flex-direction:column;max-height:140px;overflow:auto;background:#111;padding:2px 4px}
.apb-pick label{display:flex;gap:4px;align-items:center;min-height:22px;cursor:pointer}
.apb-list{display:flex;flex-direction:column;border-top:1px solid #333;padding-top:3px}
.apb-it{display:flex;justify-content:space-between;gap:6px;padding:1px 3px;min-height:22px;align-items:center;cursor:pointer;color:#bbb}
.apb-it:hover{background:#2b3a52}
.apb-it.on{color:#9be37a}
.apb-it.on span::before{content:'● ';color:#9be37a}
.apb-it kbd{font-size:10.5px;color:#888;background:none;border:0}
@media (max-width:600px),(max-height:500px){
  #apBar{top:auto;bottom:150px;right:4px}
  .apb-panel{width:190px;max-height:50vh}
  .ap-grid2{grid-template-columns:1fr}
  .ap-tab{font-size:11.5px}
}
/* Hệ thống › Plug-in: danh sách tiện ích thêm từ Auto PK (KT.AUTO.PLUGINS) — cuộn trong khung, cửa sổ Hệ thống giữ cỡ system.ini */
.pcs-sys .pcs-plist{max-height:150px;overflow:auto}