/* build_deck.py --web: VF デスクトップ版 desktop.css の窓の規則を :where(html:not(.fui-web)) で包んだもの */
/* VIDEO FACTORY DESKTOP — 筐体化CSS の VF 固有分(main.js が vendor/factory-ui/desktop.css の後に注入する)。
   共通部(透過 body・ドラッグ・⏻・ラインディスプレイ #tfLine・SERVICE LOG #cartLog・tf-boot/tf-shutdown)は factory-ui。 */

/* 筐体の影が TF より深い(0 30px 80px)ので下マージンは 110px */
:where(html:not(.fui-web)) body { padding: 16px 60px 110px !important; display: block !important; }
:where(html:not(.fui-web)) .dlg-ov { inset: 16px 60px 110px 60px !important; }

/* 電源投入/断の対象にモニタとラインディスプレイも含める */
.screen, #tfLine { transition: filter 0.7s ease-out, opacity 0.7s ease-out; }
.tf-boot .screen, .tf-boot #tfLine { filter: brightness(0.06) saturate(0); opacity: 0.85; }
.tf-shutdown .screen, .tf-shutdown #tfLine { transition: filter .16s ease-in, opacity .16s ease-in; filter: brightness(0.04) saturate(0); opacity: .8; }

/* 状態表示(ANALYZING / ● REC / REC END …)はピルの中央に(TF のメッセージは左寄せ) */
.msg { justify-content: center; }