/* INVENTORY-132. One bag geometry owner. Source pane/cell profiles come from
   ui/inventory/fit.js. WEB_POLICY inventoryPresentation owns browser fitting. */
dialog#bagPanel.inventory-panel{box-sizing:border-box;width:var(--inventory-width);max-width:var(--inventory-width);height:var(--inventory-height);max-height:var(--inventory-height);padding:var(--web-inventory-padding);overflow:hidden;border-radius:0;border:0;box-shadow:none}
#bagPanel[open]{display:flex;flex-direction:column}
#bagPanel.inventory-panel>.panel-heading{flex:0 0 var(--inventory-header);min-height:var(--inventory-header);margin:0;padding:0 var(--web-inventory-padding);gap:var(--web-inventory-gap);border:0;position:relative;isolation:isolate;align-items:center}
#bagPanel.inventory-panel>.panel-heading::before{content:'';position:absolute;z-index:-1;pointer-events:none;inset:0 0 auto;height:calc(94px * var(--inventory-scale));background:url('assets/native-craft-header/title-background.webp') left top / auto calc(94px * var(--inventory-scale)) repeat-x}
#bagPanel.inventory-panel>.panel-heading h2{margin:0;padding:0;font-size:calc(28px * var(--inventory-scale));line-height:1;font-weight:400;color:#dadada}
#bagPanel.inventory-panel>.panel-heading>div:first-child{flex:1;min-width:0}
#bagPanel.inventory-panel .native-window-close{display:grid;place-items:center;flex:0 0 var(--web-inventory-control-min);width:var(--web-inventory-control-min);min-width:0;height:var(--inventory-header);min-height:var(--web-inventory-control-min);margin:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}
#bagPanel.inventory-panel .native-window-close img{width:var(--web-inventory-button-icon);height:var(--web-inventory-button-icon);object-fit:contain;filter:none}
#bagPanel .bag-controls{display:block;flex:0 0 auto;max-width:var(--web-inventory-search-width);margin:var(--web-inventory-back-gap) 0}
#bagPanel .bag-controls .search-field{display:flex;flex-direction:column;gap:0;font-size:var(--web-inventory-small-font)}
#bagPanel .bag-controls input{box-sizing:border-box;height:var(--web-inventory-search-height);padding:0 var(--web-inventory-padding);font-size:var(--web-inventory-search-font);border-radius:0}
#bagPanel .inventory-layout{display:grid;flex:1;min-width:0;min-height:0;grid-template-columns:minmax(0,var(--inventory-left)) minmax(0,var(--inventory-right));gap:var(--inventory-pane-gap)}
#bagPanel .bag-list{display:flex;flex-direction:column;min-width:0;min-height:0;grid-column:1;grid-row:1;gap:0}
#bagPanel .bag-detail{display:flex;flex-direction:column;grid-column:2;grid-row:1;min-width:0;min-height:0;border:0;border-radius:0;padding:0;overflow:hidden;overscroll-behavior:contain}
#bagPanel[data-inventory-family="pc"] .bag-list{grid-column:2}
#bagPanel[data-inventory-family="pc"] .bag-detail{grid-column:1}
#bagPanel .native-bag-tab{display:flex;align-items:center;flex:0 0 var(--inventory-tab);height:var(--inventory-tab);gap:var(--web-inventory-gap);padding:0 var(--web-inventory-padding);font-size:var(--web-inventory-search-font);min-width:0}
#bagPanel #bagCount{font-size:var(--web-inventory-small-font);color:#aaa69b;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#bagPanel .bag-items-region{display:flex;flex:1;min-height:0;min-width:0}
#bagPanel .native-category-strip{display:flex;flex-direction:column;flex:0 0 var(--inventory-category);width:var(--inventory-category);overflow:auto;overscroll-behavior:contain;scrollbar-width:none;padding:0;gap:0}
#bagPanel .native-category{width:100%;min-width:0;min-height:var(--inventory-category);flex:0 0 var(--inventory-category);display:grid;place-items:center;padding:0;border:0;border-radius:0;background:#0005}
#bagPanel .native-category img{width:calc(30px * var(--inventory-scale));height:calc(30px * var(--inventory-scale));opacity:.65;pointer-events:none;filter:none}
#bagPanel .native-category[aria-pressed="true"]{background:#ffd85b22;border-right:var(--web-inventory-focus-width) solid #ffd65b}
#bagPanel .native-category[aria-pressed="true"] img{opacity:1}
#bagPanel .bag-items-content{display:flex;flex-direction:column;flex:1;min-width:0;min-height:0;position:relative;isolation:isolate;padding:var(--web-inventory-grid-padding)}
#bagPanel .bag-results-row{flex:0 0 auto;min-height:0;font-size:var(--web-inventory-small-font);padding:0;color:#b3afa6}
#bagPanel #itemGrid{display:grid;flex:1;min-height:0;max-height:none;min-width:0;gap:0;padding:0;align-content:start;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-gutter:stable}
#bagPanel #itemGrid:empty{flex:0}
#bagPanel #itemGrid .inventory-item{position:relative;display:block;container-type:inline-size;width:100%;height:100%;min-width:0;min-height:0;aspect-ratio:auto;align-self:stretch;padding:0;margin:0;border:0;border-right:1px solid #ffffff10;border-bottom:1px solid #ffffff10;border-radius:0;background:transparent;box-shadow:none;transition:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;color:#fff}
#bagPanel #itemGrid .inventory-item:hover{background:#ffffff14}
#bagPanel #itemGrid .inventory-item.selected{background:#ffd85b14}
#bagPanel #itemGrid .inventory-item.selected::after{content:'';position:absolute;inset:0;pointer-events:none;border:calc(15px * var(--native-scale)) solid transparent;border-image:url('assets/inventory-ui/target_crosshair_selected.webp') 15 / calc(15px * var(--native-scale)) / 0 stretch}
#bagPanel #itemGrid .inventory-item:focus-visible{outline:var(--web-inventory-focus-width) solid #ffd65b;outline-offset:calc(-1 * var(--web-inventory-focus-width))}
#bagPanel #itemGrid .inventory-item img,#bagPanel #itemGrid .item-art-placeholder{position:absolute;left:50%;top:50%;width:var(--native-art);height:var(--native-art);transform:translate(-50%,-50%);object-fit:contain;filter:none;pointer-events:none}
#bagPanel .item-art-placeholder{display:grid;place-items:center;color:#91a28b;font-weight:400}
#bagPanel .inventory-item .item-name,#bagPanel .inventory-item .item-count{display:none}
#bagPanel #itemGrid .inventory-item .item-level{position:absolute;top:calc(5px * var(--native-scale));right:calc(5px * var(--native-scale));font-size:calc(16px * var(--native-scale));line-height:1.25;color:#ffffff3c}
#bagPanel .inventory-item .item-flags{display:contents}
#bagPanel .inventory-item .item-flags span{position:absolute;display:block;padding:0;border:0;border-radius:0;font-size:0;background-color:transparent;background-position:center;background-size:contain;background-repeat:no-repeat}
#bagPanel #itemGrid .inventory-item .equipped-marker{left:calc(5px * var(--native-scale));top:calc(5px * var(--native-scale));width:calc(20px * var(--native-scale));height:calc(20px * var(--native-scale));background-image:url('assets/inventory-ui/icon_inventory_equip.webp')}
#bagPanel #itemGrid .inventory-item .locked-marker{left:calc(5px * var(--native-scale));bottom:calc(10px * var(--native-scale));width:calc(var(--inventory-lock-width) * var(--native-scale));height:calc(var(--inventory-lock-height) * var(--native-scale));background:#ffd85b;mask:url('assets/inventory-ui/icon_item_lock.webp') center/contain no-repeat}
#bagPanel .native-bag-menubar{display:flex;align-items:center;justify-content:space-between;flex:0 0 auto;min-height:var(--inventory-menu);padding:var(--web-inventory-action-padding);gap:var(--web-inventory-back-gap);flex-wrap:wrap}
#bagPanel .native-icon-button{display:grid;place-items:center;width:var(--web-inventory-control-min);height:var(--web-inventory-control-min);min-width:0;min-height:0;flex-shrink:0;margin:0;padding:var(--web-inventory-action-padding);border:0;border-radius:0;background:transparent}
#bagPanel .native-icon-button img{width:var(--web-inventory-button-icon);height:var(--web-inventory-button-icon);filter:none;object-fit:contain}
#bagPanel #itemDetailEmpty{display:grid;place-items:center;min-height:0;height:100%;margin:0;color:#aab69f;font-size:var(--web-inventory-search-font)}
#bagPanel .back-to-bag{display:none}
#bagPanel.multiselect .item-actions{display:none}
#bagPanel[data-inventory-route="single"] .inventory-layout{display:flex;flex-direction:column;gap:0}
#bagPanel[data-inventory-route="single"] .bag-detail{display:none}
#bagPanel[data-inventory-route="single"].detail-open .bag-list,#bagPanel[data-inventory-route="single"].detail-open .bag-controls{display:none}
#bagPanel[data-inventory-route="single"].detail-open .bag-detail{display:flex;flex:1}
#bagPanel[data-inventory-route="single"] .back-to-bag{display:block;flex:0 0 auto;align-self:flex-start;width:auto;min-height:var(--web-inventory-portrait-control-min);margin:0 0 var(--web-inventory-back-gap);padding:var(--web-inventory-action-padding);border-radius:0;font-size:var(--web-inventory-search-font)}
.equipment-art-placeholder{display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;font-size:30px;color:#9baa8c}
/* INVENTORY-ROOT138: source group/Main/Detail positions stay separate.
   WEB_POLICY inventoryPresentation.root encloses visual overflow in the dialog,
   keeps search inside the list budget, and permits short-window outer scroll. */
dialog#bagPanel.inventory-panel[data-inventory-root="projected"]{position:fixed;inset:auto;left:var(--inventory-root-x);top:var(--inventory-root-y);margin:0;padding:0;overflow:auto;overscroll-behavior:contain}
#bagPanel[data-inventory-root="projected"][open]{display:block}
#bagPanel[data-inventory-root="projected"]::after{content:'';display:block;width:100%;height:var(--inventory-content-height);pointer-events:none}
#bagPanel.inventory-panel[data-inventory-root="projected"]>.panel-heading{position:absolute;left:var(--inventory-group-x);top:0;width:var(--inventory-group-width);height:var(--inventory-header);min-height:0}
#bagPanel[data-inventory-root="projected"] .inventory-layout,#bagPanel[data-inventory-root="projected"] .bag-items-region{display:contents}
#bagPanel[data-inventory-root="projected"] .bag-list{position:absolute;left:var(--inventory-main-x);top:var(--inventory-main-y);width:var(--inventory-main-width);height:var(--inventory-main-height);display:grid;grid-template-columns:var(--inventory-category) minmax(0,1fr);grid-template-rows:var(--inventory-tab) minmax(0,1fr) var(--inventory-menu);overflow:hidden}
#bagPanel[data-inventory-root="projected"] .native-bag-tab{grid-column:2;grid-row:1}
#bagPanel[data-inventory-root="projected"] .native-category-strip{grid-column:1;grid-row:1/4;margin-top:var(--inventory-category-top);height:var(--inventory-category-height)}
#bagPanel[data-inventory-root="projected"] .bag-items-content{grid-column:2;grid-row:2;padding-top:calc(var(--inventory-search-budget) + var(--web-inventory-grid-padding))}
#bagPanel[data-inventory-root="projected"] .native-bag-menubar{grid-column:2;grid-row:3;height:var(--inventory-menu);min-height:0;flex-wrap:nowrap;overflow:auto}
#bagPanel[data-inventory-root="projected"] .native-bag-menubar>div{flex-shrink:0}
#bagPanel[data-inventory-root="projected"] .bag-controls{position:absolute;left:var(--inventory-search-x);top:var(--inventory-search-y);width:var(--inventory-search-width);height:var(--inventory-search-budget);max-width:none;margin:0;padding:0 var(--web-inventory-grid-padding);z-index:1}
#bagPanel[data-inventory-root="projected"] .bag-detail{position:absolute;left:var(--inventory-detail-x);top:var(--inventory-detail-y);width:var(--inventory-detail-width);height:var(--inventory-detail-height)}
#bagPanel[data-inventory-root="projected"] #bagActionNotice{position:absolute;left:0;bottom:0;width:var(--inventory-detail-width);margin:0;z-index:1}