/* v722：v721 複查修正。只放版面／配色覆寫，不改功能。 */
/* B1 新人補給站：整個浮層不捲動，場景縮成一列標題，清單兩欄四格翻頁 */
html body[data-ui-version="3"] dialog.city-location-supply.city-location-supply{display:flex!important;flex-direction:column!important;height:calc(100dvh - 16px)!important;max-height:calc(100dvh - 16px)!important;overflow:hidden!important}
html body[data-ui-version="3"] dialog.city-location-supply.city-location-supply>header{flex:none!important;min-height:0!important;padding:4px 8px!important;gap:6px!important}
html body[data-ui-version="3"] dialog.city-location-supply.city-location-supply>header button{min-height:34px!important;padding:2px 12px!important}
html body[data-ui-version="3"] dialog.city-location-supply.city-location-supply>header [data-city-back]{flex:0 1 auto!important;width:auto!important}
html body[data-ui-version="3"] dialog.city-location-supply.city-location-supply>header>b{margin-right:auto!important}
html body[data-ui-version="3"] dialog.city-location-supply.city-location-supply>header>b::before{width:24px!important;height:24px!important;font-size:14px!important}
html body[data-ui-version="3"] dialog.city-location-supply.city-location-supply .city-location-body{flex:1 1 auto!important;min-height:0!important;overflow:hidden!important;padding:4px 8px!important}
html body[data-ui-version="3"] dialog.city-location-supply.city-location-supply .supply-shop{display:flex!important;flex-direction:column!important;gap:4px!important;height:100%!important;margin:0!important;padding:0!important;overflow:hidden!important}
html body[data-ui-version="3"] dialog.city-location-supply.city-location-supply .supply-scene{display:flex!important;align-items:center!important;gap:8px!important;padding:2px 6px!important;min-height:0!important;flex:none!important}
html body[data-ui-version="3"] dialog.city-location-supply.city-location-supply .supply-scene>img,html body[data-ui-version="3"] dialog.city-location-supply.city-location-supply .supply-scene-copy>:is(small,p){display:none!important}
html body[data-ui-version="3"] dialog.city-location-supply.city-location-supply .supply-scene-copy{padding:0!important;flex:1 1 auto!important}
html body[data-ui-version="3"] dialog.city-location-supply.city-location-supply .supply-scene-copy h3{margin:0!important;font-size:17px!important}
html body[data-ui-version="3"] dialog.city-location-supply.city-location-supply .supply-kpis{display:flex!important;gap:4px!important;flex:none!important;margin:0!important}
html body[data-ui-version="3"] dialog.city-location-supply.city-location-supply .supply-kpis>*{padding:2px 10px!important;min-height:0!important}
html body[data-ui-version="3"] dialog.city-location-supply.city-location-supply .supply-tabs{flex-wrap:nowrap!important;flex:none!important;margin:0!important}
html body[data-ui-version="3"] dialog.city-location-supply.city-location-supply .supply-tabs>button{min-height:34px!important;padding:2px 6px!important;flex:1 1 0!important}
html body[data-ui-version="3"] dialog.city-location-supply.city-location-supply .supply-section{flex:1 1 auto!important;min-height:0!important;overflow:hidden!important;margin:0!important;padding:0!important}
html body[data-ui-version="3"] dialog.city-location-supply.city-location-supply .supply-section>h4{display:none!important}
html body[data-ui-version="3"] dialog.city-location-supply.city-location-supply .supply-section>.emp-note{margin:0 0 3px!important;font-size:12px!important;line-height:1.3!important}
html body[data-ui-version="3"] dialog.city-location-supply.city-location-supply .supply-list{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:5px!important;margin:0!important}
html body[data-ui-version="3"] dialog.city-location-supply.city-location-supply .supply-item{grid-template-columns:28px minmax(0,1fr) auto!important;padding:5px 8px!important;min-height:0!important;align-items:center!important}
html body[data-ui-version="3"] dialog.city-location-supply.city-location-supply .supply-item small{font-size:12px!important;line-height:1.25!important}
html body[data-ui-version="3"] dialog.city-location-supply.city-location-supply .supply-item .btn{min-height:36px!important;padding:2px 12px!important;width:auto!important}
html body[data-ui-version="3"] dialog.city-location-supply.city-location-supply .supply-item-pages{margin:0 0 3px!important}
html body[data-ui-version="3"] dialog.city-location-supply.city-location-supply .supply-item-pages button{min-height:30px!important;padding:0 12px!important}
html body[data-ui-version="3"] dialog.city-location-supply.city-location-supply .supply-item[hidden],html body[data-ui-version="3"] dialog.city-location-supply.city-location-supply .supply-section[hidden]{display:none!important}
html body[data-ui-version="3"] dialog.city-location-supply.city-location-supply>header{display:flex!important;align-items:center!important}
html body[data-ui-version="3"] dialog.city-location-supply.city-location-supply>header [data-city-back]{flex:none!important;max-width:40%!important}
html body[data-ui-version="3"] dialog.city-location-supply.city-location-supply .supply-scene-copy{display:none!important}
html body[data-ui-version="3"] dialog.city-location-supply.city-location-supply .supply-scene{position:absolute!important;top:6px!important;right:64px!important;background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important}
html body[data-ui-version="3"] dialog.city-location-supply.city-location-supply .supply-scene .supply-kpis>*{padding:0 8px!important;line-height:1.1!important}
html body[data-ui-version="3"] dialog.city-location-supply.city-location-supply>header>b{display:none!important}
html body[data-ui-version="3"] dialog.city-location-supply.city-location-supply .supply-item{display:grid!important}
html body[data-ui-version="3"] dialog.city-location-supply.city-location-supply .supply-item>b{grid-column:1/3!important}
html body[data-ui-version="3"] dialog.city-location-supply.city-location-supply .supply-item>:is(select,input){min-height:34px!important;max-width:100%!important;grid-column:1/3!important}
html body[data-ui-version="3"] dialog.city-location-supply.city-location-supply>header>b{display:flex!important;align-items:center!important;flex:1 1 auto!important;margin:0!important}
html body[data-ui-version="3"] dialog.city-location-supply.city-location-supply .supply-scene{display:none!important}
@media (min-height:560px){html body[data-ui-version="3"] dialog.city-location-supply.city-location-supply{height:auto!important}html body[data-ui-version="3"] dialog.city-location-supply.city-location-supply .supply-shop{height:auto!important}}
/* B3 生產管理浮層 844 差 4px：收上下內距 */
html body[data-ui-version="3"] dialog.production-tools-dialog.production-tools-dialog{padding:8px 16px!important}
html body[data-ui-version="3"] dialog.production-tools-dialog.production-tools-dialog>header{min-height:0!important;margin:0 0 2px!important}
html body[data-ui-version="3"] dialog.production-tools-dialog.production-tools-dialog>header button{min-height:34px!important;padding:4px 12px!important}
/* B9 寵物醫院／寵物指令統計：深紫底改淺底深字 */
html body[data-ui-version="3"] .pet-v3 .pet-command-stats>span{background:#f4f0ff!important;color:#21334b!important;border:1px solid #c9bdf0}
html body[data-ui-version="3"] .pet-v3 .pet-command-stats>span *{color:#21334b!important}
html body[data-ui-version="3"] .pet-v3 .pet-command-stats small{color:#4b3d7a!important}
/* B2 營運報表：卡片分頁、一次一張滿寬、卡內不捲動 */
html body[data-ui-version="3"] #app#app .operations-template-v2 .analytics-charts.ops-card-paged{grid-template-columns:1fr!important}
html body[data-ui-version="3"] #app#app .operations-template-v2 .analytics-charts.ops-card-paged>section{overflow:hidden!important;display:flex;flex-direction:column}
html body[data-ui-version="3"] #app#app .operations-template-v2 .analytics-charts.ops-card-paged>section[hidden]{display:none!important}
html body[data-ui-version="3"] #app#app .operations-template-v2 .ops-card-tabs{margin:0 0 6px}
html body[data-ui-version="3"] #app#app .fit-pager{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:auto;padding-top:4px}
html body[data-ui-version="3"] #app#app .fit-pager button{min-width:40px;min-height:30px;background:#fff8e9;color:#382c1a;border:1px solid #bc903c;border-radius:10px}
html body[data-ui-version="3"] #app#app .fit-pager span{color:#21334b;font-weight:700}
html body[data-ui-version="3"] #app#app .operations-template-v2 [hidden]{display:none!important}
html body[data-ui-version="3"] #app#app .operations-template-v2 .analytics-charts.ops-card-paged{flex:1 1 auto!important;min-height:0!important}
html body[data-ui-version="3"] #app#app section.operations-template-v2.ops-root-paged{display:flex!important;flex-direction:column!important;grid-template-rows:none!important}
html body[data-ui-version="3"] #app#app section.operations-template-v2.ops-root-paged>*{flex:0 0 auto!important}
html body[data-ui-version="3"] #app#app section.operations-template-v2.ops-root-paged>:is(.analytics-charts,.analytics-kpis){flex:1 1 0!important;min-height:0!important}
html body[data-ui-version="3"] #app#app section.operations-template-v2.ops-root-paged>[hidden]{display:none!important}
/* B5 員工訓練：左側快捷列撐滿整欄不溢出；課程說明縮排距不捲動 */
html body[data-ui-version="3"] #app#app#app#app .staff-board>.staff-quick-nav.staff-v4-tabs{height:auto!important;max-height:none!important;grid-row:1/-1!important;align-self:stretch!important;overflow:hidden!important;gap:2px!important;justify-content:flex-start!important}
html body[data-ui-version="3"] #app#app#app#app .staff-board>.staff-quick-nav.staff-v4-tabs>button{flex:0 1 auto!important;min-height:0!important;height:auto!important;padding:3px 4px!important;font-size:11px!important;line-height:1.25!important;white-space:normal!important}
@media (max-height:560px){html body[data-ui-version="3"] #app#app .training-details{overflow:hidden!important;gap:2px!important}html body[data-ui-version="3"] #app#app .training-details>*{margin-top:0!important;margin-bottom:0!important;line-height:1.25!important}html body[data-ui-version="3"] #app#app .training-details .training-gain{font-size:11px!important}}
html body[data-ui-version="3"] #app#app#app .training-queue{overflow:hidden!important}
/* B6 員工職務：待轉職名單每人一列（姓名＋三顆小鈕），整人為單位分頁，不再一人佔半頁 */
html body[data-ui-version="3"] #app#app#app .staff-v3 ul.role-idle>li{display:grid!important;grid-template-columns:minmax(0,1fr) repeat(3,auto);align-items:center;gap:4px;list-style:none;padding:4px 6px;background:#fff;border:1px solid #d9e2ec;border-radius:10px;font-size:12.5px;color:#21334b}
html body[data-ui-version="3"] #app#app#app .staff-v3 ul.role-idle>li>button{min-height:30px!important;height:auto!important;padding:3px 7px!important;font-size:12px!important;width:auto!important;margin:0!important;white-space:nowrap}
html body[data-ui-version="3"] #app#app#app .staff-v3 ul.role-idle>li>button small{font-size:10.5px!important;margin-left:2px}
/* B4 員工福利：矮螢幕卡片改左圖右文，建造／舉辦鈕留在卡內 */
@media (max-height:560px){
html body[data-ui-version="3"] #app#app#app article.welfare-card{display:grid!important;grid-template-columns:120px minmax(0,1fr)!important;grid-template-rows:auto auto auto 1fr!important;column-gap:8px!important;row-gap:4px!important;padding:6px!important;align-content:start}
html body[data-ui-version="3"] #app#app#app article.welfare-card>.welfare-art{grid-column:1!important;grid-row:1/-1!important;width:120px!important;height:100%!important;max-height:150px!important;object-fit:cover!important;margin:0!important;border-radius:10px}
html body[data-ui-version="3"] #app#app#app article.welfare-card>:not(.welfare-art){grid-column:2!important;margin:0!important;min-width:0}
html body[data-ui-version="3"] #app#app#app article.welfare-card>.welfare-benefit{font-size:12px!important;line-height:1.35!important}
html body[data-ui-version="3"] #app#app#app article.welfare-card>.btn{min-height:34px!important;align-self:end;font-size:13px!important}
html body[data-ui-version="3"] #app#app#app article.welfare-card .staff-card-details summary{font-size:12px!important;padding:2px 0!important}
}
/* B7 研發人選：✕ 獨佔右上角，招募鈕讓位不重疊；✕ 淺底深字 */
html body[data-ui-version="3"] #app#app#app .specialist-list>li:has(>.draw-x){position:relative!important;padding-right:38px!important}
html body[data-ui-version="3"] #app#app#app .specialist-list>li>.draw-x{position:absolute!important;top:4px!important;right:4px!important;width:28px!important;height:28px!important;min-height:0!important;padding:0!important;border-radius:50%!important;background:#e9f6fd!important;color:#10324f!important;border:1px solid #7cc3e6!important;font-size:13px!important;line-height:26px!important;z-index:3}
/* A4 銀行來訪：在生活地圖／找店時先不蓋住（回首頁才出現）；B10 灰字加深 */
html body:has(#life-map-screen:not([hidden])) .bank-visit,html body:has(dialog[open]) .bank-visit{display:none!important}
html body[data-ui-version="3"] .bank-visit>div :is(small,span,p,em,li,dd,dt){color:#3d4b59!important}
html body[data-ui-version="3"] .bank-visit>div b{color:#21334b}
html body[data-ui-version="3"] .bank-visit .loan-offers button b{color:#70551b!important}
/* B11 探險：採集進度圈改淺底深字；寶箱／小地圖疊在採集點上方 */
html body[data-ui-version="3"] .ex-ring{background:radial-gradient(#fffdf6 58%,transparent 60%),conic-gradient(#e0a526 calc(var(--pct)*1%),#d5dee6 0)!important;color:#21334b!important}
html body[data-ui-version="3"] .ex-ring b{color:#21334b!important;font-weight:800}
html body[data-ui-version="3"] .ex-scene .ex-chest{z-index:8!important}
html body[data-ui-version="3"] .ex-scene .ex-minimap{z-index:9!important}
/* A2：矮螢幕右側欄放不下就改兩欄，不准捲動 */
@media (max-height:560px){
  html body[data-ui-version="3"] .mission-rail.status-rail{overflow:hidden!important;width:122px!important;max-width:122px!important}
  html body[data-ui-version="3"] .mission-rail.status-rail .status-rail-items{grid-template-columns:repeat(2,auto)!important;gap:3px!important}
  html body[data-ui-version="3"] .mission-rail.status-rail .status-rail-item+.status-rail-item{border-top:0!important}
}
/* A2：歡樂遊樂園設施在矮螢幕改三欄精簡，不捲動、按鈕不出界 */
@media (max-height:560px){
  html body .district-detail-body .amusement-park .park-rides{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:5px!important}
  html body .district-detail-body .amusement-park .park-rides>button{padding:5px 7px!important;min-height:0!important}
  html body .district-detail-body .amusement-park .park-rides>button b,html body .district-detail-body .amusement-park .park-rides>button strong{font-size:14px!important}
  html body .district-detail-body .amusement-park .park-rides>button :is(small,span,p){font-size:11px!important;line-height:1.3!important}
}
/* 只有一頁時不顯示翻頁列 */
.district-detail-body .viewport-pager:has(select option:only-child){display:none!important}