/* WAVE8 user-approved fallback: share v32 crafting transparency on windows whose
   own native blur/opacity is unverified. Existing verified ItemInfo sprites stay.
   This common composition is a web adaptation, not proof of native equivalence. */
dialog:is(#bagPanel,#profilePanel,#statusPanel,#guide,#dropConfirm,#gatherToolConfirm,#tagPopup,#facilityPanel,#facilityPackConfirm,#foodLockConfirm,#drawWaterPanel){isolation:isolate;border-radius:0;border:0;box-shadow:none;background:transparent;color:#d0c9b3;font-family:DurangoRobotoCondensed,sans-serif}
dialog:is(#bagPanel,#profilePanel,#statusPanel,#guide,#dropConfirm,#gatherToolConfirm,#tagPopup,#facilityPanel,#facilityPackConfirm,#foodLockConfirm,#drawWaterPanel)::before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:url('assets/native-status/bg_contents_full.webp') repeat;opacity:.784314}
dialog:is(#bagPanel,#profilePanel,#statusPanel,#guide,#dropConfirm,#gatherToolConfirm,#tagPopup,#facilityPanel,#facilityPackConfirm,#foodLockConfirm,#drawWaterPanel)::backdrop{background:transparent;backdrop-filter:blur(3px)}
.native-window-close img{width:24px;height:24px;object-fit:contain;filter:none}
#bagPanel .bag-controls input{background:#0006;border:0;border-radius:0;color:#d0c9b3}
#bagPanel .native-bag-tab{background:rgb(55 55 55 / 70%)}
#bagPanel .native-bag-menubar{background:#0008}
#bagPanel.inventory-panel .item-actions{background:#0004}
#profilePanel .equipped-card{background:#0005}
#profilePanel .equipment-section{background:#0004}
#profilePanel .native-equipment-tabs button{background:#0005}
#profilePanel .native-equipment-tabs button[aria-pressed=true]{background:#373737b3}
#profilePanel .profile-item-detail{border-radius:0;background:transparent}
#profilePanel .profile-item-detail>h3,#profilePanel .profile-item-detail>p{display:none}
#profilePanel .profile-abilities{background:transparent}
.settings-panel{background:transparent;backdrop-filter:blur(3px);font-family:DurangoRobotoCondensed,sans-serif}
.settings-panel .settings-container{isolation:isolate;position:relative;border:0;border-radius:0;background:transparent;box-shadow:none}
.settings-panel .settings-container::before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:url('assets/native-status/bg_contents_full.webp') repeat;opacity:.784314}
.settings-panel .settings-header{position:relative;isolation:isolate;min-height:56px;box-sizing:border-box;padding:0 12px;background:url('assets/native-craft-header/title-background.webp') left top / 576px 75.2px repeat-x}
.settings-panel .settings-header h2{font-family:DurangoRobotoCondensed,sans-serif;font-size:22.4px;color:#dadada}
.settings-panel .settings-close{width:33.6px;height:56px;min-height:0;padding:0;border:0;border-radius:0;background:url('assets/native-craft-header/title-close.webp') center / 24px 24px no-repeat;font-size:0}
.settings-panel .settings-layout{padding:8px}
.settings-panel .settings-tabs,.settings-panel .settings-content{background:#0004}
.settings-panel .settings-modes button{border-radius:0;background:#0005}

/* Local crafting scheduler status, not recovered native Timer/predict timing. */
.craft-progress{position:fixed;z-index:2;display:flex;align-items:center;gap:5px;max-width:240px;padding:4px 6px;transform:translate(-50%,-100%);pointer-events:none;background:#0008;color:#ffd85b;font:13px DurangoRobotoCondensed,sans-serif}
.craft-progress[hidden]{display:none!important}.craft-progress img{width:28px;height:28px;object-fit:contain;filter:none}

/* MOBILE-WINDOW-INTEGRATION-57: user-requested phone density, not native
   pixel equivalence. Preserve source art/opacity, information order and scroll.
   Only narrow viewports change; controls retain independent hit areas. */
@media(max-width:600px){
 /* MOBILE-DENSITY-59: preserve 44px headers/close targets and existing actions. */
 .settings-panel .settings-container{width:calc(100vw - 16px);max-height:calc(100dvh - 16px)}
 .settings-panel .settings-header{min-height:44px;padding:0 8px;background-size:452.6px 59.1px}
 .settings-panel .settings-header h2{font-size:18px}
 .settings-panel .settings-close{width:44px;height:44px;background-size:20px 20px}
 .settings-panel .settings-layout{padding:3px;gap:3px;min-height:0;font-size:12px}
 .settings-panel .settings-content{padding:0 5px}
 .settings-panel .settings-tab{height:44px;padding-left:8px}
 .settings-panel .settings-row{min-height:48px;padding:6px 0;gap:2px}
 .settings-panel .settings-modes{gap:4px}
 .settings-panel .settings-modes button{padding:6px 10px;font-size:12px}
 .settings-panel .settings-status{font-size:12px;margin:5px 0}
 #tagPopup.native-tag-popup{width:calc(100vw - 16px);height:min(620px,calc(100dvh - 16px))}
 #tagPopup.native-tag-popup h2{flex-basis:40px;font-size:18px}
 #tagPopup.native-tag-popup h2::before,#tagPopup.native-tag-popup h2::after{height:40px}
 #tagPopup .tag-search{height:48px;flex-basis:48px;padding:4px 8px;gap:6px}
 #tagPopup .tag-search input{height:40px;font-size:14px;padding:0 6px}
 #tagPopup .tag-search>img{width:24px;height:24px}
 #tagPopup .tag-search button{width:40px;height:40px}
 #tagPopup .tag-search button img{width:24px;height:24px}
 #tagPopup .tag-selected{padding:0 8px}
 #tagPopup .tag-selected.has-tags{flex-basis:48px;min-height:48px}
 #tagPopup .tag-selected button{height:40px;font-size:13px;padding:0 8px;gap:6px}
 #tagPopup .tag-options{grid-auto-rows:48px}
 #tagPopup .tag-options button{height:48px;padding:6px 36px 6px 10px;font-size:13px}
 #tagPopup .tag-popup-actions{height:56px;flex-basis:56px;padding:6px;gap:6px}
 #tagPopup .tag-popup-actions button{height:44px;font-size:16px}
}

/* Facility placement controls use the approved common transparency. Placement
   geometry, icon preview and toolbar fitting remain explicit web adapters. */
#placement{isolation:isolate;display:flex;flex-wrap:wrap;gap:6px;width:min(420px,calc(100vw - 16px));max-width:calc(100vw - 16px);bottom:max(12px,env(safe-area-inset-bottom));padding:8px;border:0;border-radius:0;background:transparent;white-space:normal;color:#d0c9b3;font-family:DurangoRobotoCondensed,sans-serif}
#placement::before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:url('assets/native-status/bg_contents_full.webp') repeat;opacity:.784314}
#placement #placementLabel{flex:1 1 100%;margin:0;font-size:13px;line-height:1.4;overflow-wrap:anywhere}
#placement button{flex:1;min-width:72px;min-height:44px;margin:0;padding:6px;border:1px solid #d0c9b380;border-radius:0;background:#0006;color:#d0c9b3;font-size:14px}