/* 11-10 老闆「三個版本同樣套用到寵物」：寵物中心跟玩家配點選的款式（全息／工業／戰術）走。
   色票變數 --sx-* 由 js/stage-theme.js 注入；這裡只把 pet-template-v2.css 的淺色卡換成該款深底淺字。
   選擇器多疊一層 html＋兩次 [data-stage-theme]，才壓得過原本的 !important；v654-panel-colors.css、interface-finish.css 最多帶到 #app#app#app，所以再加 :is(#app#app#app *) 補 id 權重。 */
html body[data-ui-version="3"] .panel-home.has-quick-bar .player-sheet[data-scene-panel="pet"] .pet-template-v2.pet-template-v2.pet-template-v2[data-stage-theme][data-stage-theme]:is(#app#app#app *){
  --pet-track:rgba(var(--sx-row),.95);--pet-fill:linear-gradient(90deg,var(--sx-b),var(--sx-a));
  background:linear-gradient(var(--sx-veil-44),var(--sx-veil-88)),var(--sx-art) center/cover no-repeat!important;
  color:var(--sx-ink)!important}

/* 文字 */
html body[data-ui-version="3"] .panel-home.has-quick-bar .player-sheet[data-scene-panel="pet"] .pet-template-v2.pet-template-v2.pet-template-v2[data-stage-theme][data-stage-theme]:is(#app#app#app *) :is(button,small,b,strong,span,em,p,h2,h3,h4,summary,li,label,dt,dd,td,th,div){color:var(--sx-ink)!important}
html body[data-ui-version="3"] .panel-home.has-quick-bar .player-sheet[data-scene-panel="pet"] .pet-template-v2.pet-template-v2.pet-template-v2[data-stage-theme][data-stage-theme]:is(#app#app#app *) :is(small,.pet-src small,.pet-center-info h3 small,.uk-exp){color:var(--sx-dim)!important}
html body[data-ui-version="3"] .panel-home.has-quick-bar .player-sheet[data-scene-panel="pet"] .pet-template-v2.pet-template-v2.pet-template-v2[data-stage-theme][data-stage-theme]:is(#app#app#app *) :is(b,strong,.uk-level){color:var(--sx-num)!important}
html body[data-ui-version="3"] .panel-home.has-quick-bar .player-sheet[data-scene-panel="pet"] .pet-template-v2.pet-template-v2.pet-template-v2[data-stage-theme][data-stage-theme]:is(#app#app#app *) .pet-stars i{color:var(--sx-dim2)!important}
html body[data-ui-version="3"] .panel-home.has-quick-bar .player-sheet[data-scene-panel="pet"] .pet-template-v2.pet-template-v2.pet-template-v2[data-stage-theme][data-stage-theme]:is(#app#app#app *) .pet-stars i.is-on{color:var(--sx-num)!important}
html body[data-ui-version="3"] .panel-home.has-quick-bar .player-sheet[data-scene-panel="pet"] .pet-template-v2.pet-template-v2.pet-template-v2[data-stage-theme][data-stage-theme]:is(#app#app#app *) .pet-center-bond i{color:#ff6b9a!important}
html body[data-ui-version="3"] .panel-home.has-quick-bar .player-sheet[data-scene-panel="pet"] .pet-template-v2.pet-template-v2.pet-template-v2[data-stage-theme][data-stage-theme]:is(#app#app#app *) .pet-center-bond{border-top-color:var(--sx-a-44)!important}

/* 大卡 */
html body[data-ui-version="3"] .panel-home.has-quick-bar .player-sheet[data-scene-panel="pet"] .pet-template-v2.pet-template-v2.pet-template-v2[data-stage-theme][data-stage-theme]:is(#app#app#app *) :is(.pet-template-title,.pet-template-content,.pet-center-info,.pet-center-side,.pet-template-face,.pet-sk-main,.pet-sk-list,.pet-sk-bondcard,.pet-gacha,.pet-card,.hosp-dashboard,.hosp-content,.hosp-stat,.pet-catalog,.pet-trial,.pet-lineup,.pet-jobquest-board,.pet-evolution,.pet-skill-card,.pet-look-shop,.pet-gift-box){
  background:rgba(var(--sx-panel),.86)!important;border-color:var(--sx-a-66)!important;box-shadow:0 0 18px rgba(var(--sx-glow),.22),inset 0 0 0 1px var(--sx-a-22)!important}
html body[data-ui-version="3"] .panel-home.has-quick-bar .player-sheet[data-scene-panel="pet"] .pet-template-v2.pet-template-v2.pet-template-v2[data-stage-theme][data-stage-theme]:is(#app#app#app *) :is(.pet-template-content:has(.pet-center),.pet-template-content:has(.pet-skillview),.pet-skillview,.pet-center,.pet-center-stage,.pet-center-podium,.pet-center-lv,.pet-center-faces,.pet-template-tabs,.pet-companion-picker){background:none!important;box-shadow:none!important}

/* 小格、標籤、列 */
html body[data-ui-version="3"] .panel-home.has-quick-bar .player-sheet[data-scene-panel="pet"] .pet-template-v2.pet-template-v2.pet-template-v2[data-stage-theme][data-stage-theme]:is(#app#app#app *) :is(.pet-src,.pet-src:has([data-pet-tab="eggs"]),.pet-shard-box,.pet-shard-box>span,.pet-src>i,.pet-center-role,.pet-center-tags em,.pet-center-tags em:nth-of-type(1),.pet-center-tags em:nth-of-type(2),.pet-template-status>span,.pet-template-status>span:nth-child(1),.pet-template-status>span:nth-child(2),.pet-template-status>span:nth-child(3),.pet-template-status>span:nth-child(4),.pet-sk-row,.pet-sk-row em,.pet-skill-row,.pet-sk-ladder li,.hosp-item,.hosp-stat-row,.hosp-bond li,.pet-how,.pet-look-price,.pet-jg,.pet-need,.pet-adv,.pet-ui-actions,.pet-jg-today,.pet-ui-empty,.pet-evolution-checks p,.pet-evolution-task,.pet-template-face-head,.pet-lineup-slot,.pet-lineup-candidate,.pet-lineup-quest,.pet-jobquest-card,.pet-jobquest-board header,.pet-catalog-grid article,.pet-trial-list article,.pet-trial-party span,.pet-lvroom-slot,.pet-shard-box img,.pet-template-face .hosp-item img,.pet-template-title .uk-ribbon-icon){
  background:rgba(var(--sx-row),.74)!important;border-color:var(--sx-a-44)!important;color:var(--sx-ink)!important}
html body[data-ui-version="3"] .panel-home.has-quick-bar .player-sheet[data-scene-panel="pet"] .pet-template-v2.pet-template-v2.pet-template-v2[data-stage-theme][data-stage-theme]:is(#app#app#app *) :is(.pet-sk-row em.is-active,.pet-sk-ladder li.is-on,.pet-lineup-slot.is-filled,.pet-lineup-candidate.is-assigned,.pet-catalog-grid article.is-owned,.hosp-bond li.is-on,.pet-gear-box .hosp-item.is-on){background:var(--sx-a-33)!important;border-color:var(--sx-a)!important}
html body[data-ui-version="3"] .panel-home.has-quick-bar .player-sheet[data-scene-panel="pet"] .pet-template-v2.pet-template-v2.pet-template-v2[data-stage-theme][data-stage-theme]:is(#app#app#app *) .pet-lvroom-slot.is-locked{background:rgba(var(--sx-row2),.5)!important;opacity:.75}
html body[data-ui-version="3"] .panel-home.has-quick-bar .player-sheet[data-scene-panel="pet"] .pet-template-v2.pet-template-v2.pet-template-v2[data-stage-theme][data-stage-theme]:is(#app#app#app *) .emp-warn{background:#4a1a14ee!important;color:#ffdccb!important;border:1px solid #ff8a6a88!important}
html body[data-ui-version="3"] .panel-home.has-quick-bar .player-sheet[data-scene-panel="pet"] .pet-template-v2.pet-template-v2.pet-template-v2[data-stage-theme][data-stage-theme]:is(#app#app#app *) .emp-warn *{color:#ffdccb!important}

/* 頂列、小標籤底色 */
html body[data-ui-version="3"] .panel-home.has-quick-bar .player-sheet[data-scene-panel="pet"] .pet-template-v2.pet-template-v2.pet-template-v2[data-stage-theme][data-stage-theme]:is(#app#app#app *) :is(.pet-template-hud,.uk-resource){background:rgba(var(--sx-panel),.86)!important;border-color:var(--sx-a-44)!important}
html body[data-ui-version="3"] .panel-home.has-quick-bar .player-sheet[data-scene-panel="pet"] .pet-template-v2.pet-template-v2.pet-template-v2[data-stage-theme][data-stage-theme]:is(#app#app#app *) :is(.pet-center-info h3 small,.pet-center-lv b,.pet-center-side h3,.pet-center-stage > h3,.pet-sk-help,.pet-sk-bondcard > h3,.pet-sk-shards,.pet-sk-ic,.pet-lineup > header > b,.hosp-nav,.pet-skins){background:rgba(var(--sx-row),.74)!important;border-color:var(--sx-a-44)!important}

html body[data-ui-version="3"] .panel-home.has-quick-bar .player-sheet[data-scene-panel="pet"] .pet-template-v2.pet-template-v2.pet-template-v2[data-stage-theme][data-stage-theme]:is(#app#app#app *) .hosp-stat-row meter{background:var(--pet-track)!important}

/* 按鈕：一般＝該款深色鈕，選中／主要動作＝該款亮色 */
html body[data-ui-version="3"] .panel-home.has-quick-bar .player-sheet[data-scene-panel="pet"] .pet-template-v2.pet-template-v2.pet-template-v2[data-stage-theme][data-stage-theme]:is(#app#app#app *) :is(button,.btn,.btn.ghost,.pet-template-nav button,.pet-src button,.pet-template-face button,.pet-center-faces button,.pet-skins button,.pet-room-nav button,.hosp-nav button){
  background:linear-gradient(var(--sx-btn1),var(--sx-btn2))!important;color:var(--sx-ink)!important;border:1px solid var(--sx-a-66)!important;box-shadow:0 0 10px rgba(var(--sx-glow),.18)!important}
html body[data-ui-version="3"] .panel-home.has-quick-bar .player-sheet[data-scene-panel="pet"] .pet-template-v2.pet-template-v2.pet-template-v2[data-stage-theme][data-stage-theme]:is(#app#app#app *) :is(button[aria-pressed="true"],button[aria-current="page"],.pet-template-nav button[aria-current="page"],.pet-template-face button[aria-pressed="true"],.pet-center-faces button[aria-pressed="true"],.pet-template-face [data-pet-look],[data-pet-face="grow"],.pet-center-fight,.pet-template-face .pet-evolution-upgrade,.pet-lvroom-slot button,.pet-lineup-candidate .btn,.pet-lineup-quest .btn,.pet-jobquest-card .btn,.pet-trial-list .btn,.hosp-item>.btn){
  background:linear-gradient(var(--sx-a),var(--sx-b))!important;color:var(--sx-on)!important;border-color:var(--sx-a)!important}
html body[data-ui-version="3"] .panel-home.has-quick-bar .player-sheet[data-scene-panel="pet"] .pet-template-v2.pet-template-v2.pet-template-v2[data-stage-theme][data-stage-theme]:is(#app#app#app *) :is(button[aria-pressed="true"],button[aria-current="page"],.pet-template-face [data-pet-look],[data-pet-face="grow"],.pet-center-fight,.pet-template-face .pet-evolution-upgrade,.pet-lvroom-slot button,.pet-lineup-candidate .btn,.pet-lineup-quest .btn,.pet-jobquest-card .btn,.pet-trial-list .btn,.hosp-item>.btn) :is(span,b,small,em,strong,i){color:var(--sx-on)!important}
html body[data-ui-version="3"] .panel-home.has-quick-bar .player-sheet[data-scene-panel="pet"] .pet-template-v2.pet-template-v2.pet-template-v2[data-stage-theme][data-stage-theme]:is(#app#app#app *) button:disabled{background:rgba(var(--sx-row2),.7)!important;color:var(--sx-dim)!important;opacity:.7}

/* 進度條 */
html body[data-ui-version="3"] .panel-home.has-quick-bar .player-sheet[data-scene-panel="pet"] .pet-template-v2.pet-template-v2.pet-template-v2[data-stage-theme][data-stage-theme]:is(#app#app#app *) :is(meter,progress){accent-color:var(--sx-a)!important}
html body[data-ui-version="3"] .panel-home.has-quick-bar .player-sheet[data-scene-panel="pet"] .pet-template-v2.pet-template-v2.pet-template-v2[data-stage-theme][data-stage-theme]:is(#app#app#app *) meter::-webkit-meter-bar{background:var(--pet-track)!important}
html body[data-ui-version="3"] .panel-home.has-quick-bar .player-sheet[data-scene-panel="pet"] .pet-template-v2.pet-template-v2.pet-template-v2[data-stage-theme][data-stage-theme]:is(#app#app#app *) :is(meter::-webkit-meter-optimum-value,meter::-webkit-meter-suboptimum-value,meter::-webkit-meter-even-less-good-value){background:var(--pet-fill)!important}
html body[data-ui-version="3"] .panel-home.has-quick-bar .player-sheet[data-scene-panel="pet"] .pet-template-v2.pet-template-v2.pet-template-v2[data-stage-theme][data-stage-theme]:is(#app#app#app *) progress::-webkit-progress-bar{background:var(--pet-track)!important}
html body[data-ui-version="3"] .panel-home.has-quick-bar .player-sheet[data-scene-panel="pet"] .pet-template-v2.pet-template-v2.pet-template-v2[data-stage-theme][data-stage-theme]:is(#app#app#app *) progress::-webkit-progress-value{background:var(--pet-fill)!important}
