/* Chế độ treo máy (game/js/pcwin/idle.js, docs/idle.md §1). Ảnh: tools/build_pcimg.py idle → assets/ui/pc/hud/idle*.webp
   (\image\ui\001a\main\fightmode\anneal.spr — thanh chế độ chiến đấu: ô kiếm chéo 22 px + rãnh chữ; cắt 9 mảnh kéo dài rãnh),
   idleic.webp (popbar btn_pop_autofight). Trang / ô đánh dấu dùng chung lớp .pcs của css/pcwin/system.css. */
#ctl{align-items:flex-start}   /* thẻ trạng thái dưới nút làm #idleSw cao lên: "Theo NV" giữ chiều cao của nó */
#idleSw{position:relative;display:flex;flex-direction:column;align-items:flex-end}
.idle-btn{display:flex;align-items:center;gap:3px;height:22px;min-width:132px;padding:0 6px 0 4px;font-size:12px;line-height:1;color:#e6ece8;white-space:nowrap;
  text-shadow:0 1px 1px #000;cursor:pointer;border:solid transparent;border-width:0 4px 0 24px;border-image:url(../../assets/ui/pc/hud/idle.webp) 0 4 0 24 fill / 0 4px 0 24px stretch;
  background:none}
.idle-btn:hover{border-image-source:url(../../assets/ui/pc/hud/idle_h.webp)}
.idle-btn:active,.idle-btn[aria-expanded=true]{border-image-source:url(../../assets/ui/pc/hud/idle_d.webp)}
.idle-btn .idle-lb{color:#b0c4bc}
.idle-btn b{color:#fff;font-weight:600}
.idle-btn.on b{color:#ffd400}
.idle-btn.on{animation:idleGlow 2.4s ease-in-out infinite}
@keyframes idleGlow{50%{filter:brightness(1.25) drop-shadow(0 0 3px rgba(255,212,0,.6))}}
@media (prefers-reduced-motion:reduce){.idle-btn.on{animation:none}}
.idle-btn .idle-ar{font-style:normal;color:#b0c4bc;font-size:10px;margin-left:auto;padding-left:4px}
.idle-btn:focus-visible{outline:1px solid var(--title);outline-offset:1px}
/* menu chọn chế độ (khung .pcmenu tip.webp của HUD) */
#idleMenu.idle-menu{position:absolute;top:24px;right:0;left:auto;bottom:auto;width:236px;z-index:6}
#idleMenu button{display:flex;flex-direction:column;align-items:flex-start;gap:1px;padding:5px 8px;white-space:normal;width:100%}
#idleMenu button b{font-weight:600;color:#fff}
#idleMenu button.on b{color:#ffd400}
#idleMenu button small{color:#b0c4bc;font-size:11px;line-height:1.3}
#idleMenu button:hover b{color:#00ff00}
#idleMenu .idle-mset{border-top:1px solid rgba(255,255,255,.15);margin-top:2px}
/* thẻ trạng thái dưới nút */
.idle-st{margin-top:2px;width:210px;padding:4px 7px;font-size:12px;line-height:1.35;color:#fff;cursor:pointer;text-shadow:0 1px 1px #000;
  border:0 solid transparent;border-image:url(../../assets/ui/pc/tip.webp) 6 fill / 6px stretch;background:rgba(0,30,19,.8) padding-box;box-sizing:border-box}
.idle-st.hidden{display:none}
.idle-st .idle-d{color:#ffd400;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.idle-st .idle-n{color:#00ff00;font-size:11.5px}
.idle-st i{display:inline-block;width:8px;height:8px;border-radius:50%;background:#00ff00;margin-right:5px;vertical-align:1px;box-shadow:0 0 4px #00ff00}
.idle-st i.idle-m1{background:#ffd400;box-shadow:0 0 4px #ffd400}
/* cửa sổ */
.pcs-idle .idle-body{display:flex;flex-direction:column;gap:6px}
.idle-modes{display:grid;grid-template-columns:1fr;gap:4px}
.idle-mode{display:flex;flex-direction:column;align-items:flex-start;gap:2px;text-align:left;padding:6px 10px;min-height:40px;cursor:pointer;color:#fff;font-size:13px;
  border:0 solid transparent;background:#414141 content-box;border-image:url(../../assets/ui/pc/system/page.webp) 12 fill / 8px stretch}
.idle-mode small{color:#b0c4bc;font-size:11.5px;line-height:1.3}
.idle-mode.on{box-shadow:inset 0 0 0 1px #ffd400}
.idle-mode.on b{color:#ffd400}
.idle-mode:hover b{color:#00ff00}
.idle-mode:focus-visible{outline:1px solid var(--title);outline-offset:-2px}
.idle-dl{display:grid;grid-template-columns:auto 1fr;gap:2px 8px;margin:0;font-size:12.5px}
.idle-dl dt{color:#b0c4bc}
.idle-dl dd{margin:0;color:#fff;min-width:0;overflow-wrap:anywhere}
.pcs-idle .idle-num input{width:64px}
.pcs-idle .idle-sel select{max-width:100%;min-width:0;flex:1}
.pcs-idle .idle-sel{flex-wrap:nowrap}
.pcs-idle .idle-warn{color:#ff9d5c}
.pcs-idle .pcs-ck small.pcs-note{display:inline;margin:0}
@media (max-width:820px), (max-height:500px){
  .idle-btn{min-width:0;height:26px;font-size:12px;position:relative}
  .idle-btn::after{content:"";position:absolute;inset:-3px -4px -3px -24px}   /* vùng chạm ≥ 32 px */
  .idle-btn .idle-lb{display:none}
  .idle-st{width:170px;font-size:11px;padding:3px 6px}
  .idle-st .idle-n{font-size:10.5px}
  #idleMenu.idle-menu{top:28px;width:220px;overflow:auto;overscroll-behavior:contain}
}
@media (max-width:820px), (max-height:500px), (pointer:coarse){#idleMenu button{min-height:34px}.idle-mode{min-height:44px}}
/* màn thấp (điện thoại ngang): menu chỉ ghi tên chế độ (mô tả có ở cửa sổ U) */
@media (max-height:500px){#idleMenu button small{display:none}#idleMenu button{min-height:32px;padding:4px 8px}}
/* 5 trang trên một hàng ở cỡ 305 px */
.pcs-idle .pcs-pg{min-width:0;padding-left:7px;padding-right:7px}