/* Inventory presentation 1.0.0. Scoped to the existing personal menu. */
#menu-shell[data-view=inventory] .menu-window{width:min(1140px,95vw);height:min(750px,87vh);max-height:calc(100dvh - 62px);left:50%;top:50%;transform:translate(-50%,-50%);background:#101e28f5;border-color:#4a717d}
#menu-shell[data-view=inventory] .menu-head{padding:15px 20px;background:linear-gradient(100deg,#173642,#10232d);border-bottom:1px solid #385866}
#menu-shell[data-view=inventory] .menu-head h1{font-size:25px;letter-spacing:.4px}
#menu-shell[data-view=inventory] .menu-head nav{gap:5px}
#menu-shell[data-view=inventory] .menu-head nav button{font-size:10px;padding:7px 9px}
#menu-shell[data-view=inventory] #menu-content{overflow:hidden;display:flex;min-height:0}
#menu-shell[data-view=inventory] .menu-foot{padding:9px 20px;letter-spacing:.7px;font-size:8px}
.inventory-shell{width:100%;height:100%;min-height:0;display:flex;flex-direction:column}
.inventory-toolbar{display:flex;align-items:center;gap:14px;padding:12px 16px 10px;background:#122632;flex-shrink:0}
.inventory-search-wrap{position:relative;display:block;flex:1;min-width:120px;margin:0}
.inventory-search-wrap .inventory-search{height:35px;width:100%;margin:0;padding:8px 12px 8px 33px;border:1px solid #3e6473;background:#0c1e2a;color:#dfeced;font-size:12px}
.inventory-search-wrap>span[aria-hidden]{position:absolute;left:11px;top:6px;font-size:20px;color:#81cabe;pointer-events:none}
.inventory-sort-label{display:flex;align-items:center;gap:8px;font-size:10px;color:#a7c4cd;margin:0}
.inventory-sort-label select{height:35px;background:#102b37;color:#d9e9ed;border:1px solid #3e6473;padding:6px 9px;font-size:11px;min-width:145px}
.inventory-owned-count{min-width:79px;display:flex;flex-direction:column;align-items:flex-end;color:#94b4bf;font-size:9px;gap:2px}
.inventory-owned-count b{font-size:19px;line-height:1;color:#8dded0;font-weight:500}
.inventory-tabs{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:1px;padding:0 16px 12px;background:#122632;border-bottom:1px solid #395867;flex-shrink:0}
.inventory-tabs button{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:9px 10px;font-size:11px;text-transform:none;letter-spacing:0;background:#172f3b;color:#b3cbd2;border:1px solid transparent;border-bottom-color:#35515e;text-align:left;min-width:0;border-radius:0}
.inventory-tabs button span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.inventory-tabs button b{font-size:9px;font-weight:500;color:#8da9b5;padding:2px 5px;border-radius:8px;background:#0f232e}
.inventory-tabs button:hover{background:#204653;color:#e1f3ef}
.inventory-tabs button.active{color:#d8fff3;background:#23504f;border-color:#699f94;border-bottom-color:#a8e5c5;box-shadow:inset 0 -1px #a8e5c5}
.inventory-tabs button.active b{color:#c8f0df;background:#163d3c}
#menu-shell[data-view=inventory] .inventory-layout{flex:1;min-height:0;height:auto;grid-template-columns:minmax(160px,20%) minmax(310px,1fr) minmax(225px,26%);background:#122731}
#menu-shell[data-view=inventory] .paperdoll-area{border-right:1px solid #355563;background:#0a1c26}
#menu-shell[data-view=inventory] .paperdoll-label{top:13px;left:13px;z-index:1}
#menu-shell[data-view=inventory] .paperdoll-label h3{font-size:12px;color:#e3f0ec}
#menu-shell[data-view=inventory] .doll-slot{border-color:#537986;background:#122b36e8;color:#b8d3db}
#menu-shell[data-view=inventory] .doll-slot.suit{top:101px}
#menu-shell[data-view=inventory] .doll-slot.weapon{top:200px}
#menu-shell[data-view=inventory] .doll-status{font-size:10px;line-height:1.7;background:#10232de6;padding:8px;left:8px;right:8px;bottom:8px}
#menu-shell[data-view=inventory] .inventory-grid-panel{padding:12px 12px 9px;gap:10px;border-right:1px solid #355563;background:linear-gradient(145deg,#15313d,#10242e);min-width:0}
#menu-shell[data-view=inventory] .grid-meta{color:#b0cad2;font-size:9px;letter-spacing:.6px;gap:8px}
#menu-shell[data-view=inventory] .grid-meta>b{font-weight:500;color:#88cfbd}
#menu-shell[data-view=inventory] .grid-meta>span{letter-spacing:0;color:#809faa;white-space:nowrap}
#menu-shell[data-view=inventory] .inventory-grid{grid-template-columns:repeat(auto-fill,minmax(87px,1fr));grid-auto-rows:114px;gap:7px;min-height:100px;padding:2px 5px 4px 2px;scrollbar-width:thin;scrollbar-color:#426a77 #10242e}
.inventory-tile{height:114px;min-width:0;position:relative}
#menu-shell[data-view=inventory] .inventory-tile .inventory-cell{height:100%;min-height:0;max-height:none;width:100%;padding:4px 4px 5px;aspect-ratio:auto;border:1px solid #345766;border-radius:3px;background:linear-gradient(145deg,#23414e,#152b37);display:flex;flex-direction:column;align-items:stretch;text-align:left;letter-spacing:0;position:relative;overflow:hidden}
#menu-shell[data-view=inventory] .inventory-tile .inventory-cell:hover{border-color:#759caa;background:linear-gradient(145deg,#2b515e,#1a3540)}
#menu-shell[data-view=inventory] .inventory-tile .inventory-cell.selected{border-color:#8be0c1;background:linear-gradient(145deg,#285953,#173e42);box-shadow:inset 0 0 0 1px #5c9d8d66}
#menu-shell[data-view=inventory] .inventory-cell img{height:62px;width:100%;flex:0 0 62px;object-fit:contain;filter:drop-shadow(0 2px 3px #0008)}
#menu-shell[data-view=inventory] .inventory-cell .variant{top:6px;left:6px;right:auto;font:700 8px system-ui;color:#dfc58d}
.inventory-item-name{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;height:26px;line-height:13px;font-size:9px;color:#d5e5e8;padding:0 2px;margin:1px 0 4px;flex-shrink:0}
#menu-shell[data-view=inventory] .inventory-cell .slot-bottom{left:7px;right:6px;bottom:5px;font-size:8px;line-height:10px;color:#c0d6dd;gap:3px;position:absolute}
#menu-shell[data-view=inventory] .slot-bottom .equipped-dot{font-size:7px;letter-spacing:.2px;color:#8fe3b9}
#menu-shell[data-view=inventory] .inventory-cell .resource-glyph,#menu-shell[data-view=inventory] .inventory-cell .deed-glyph{height:62px;line-height:62px;font-size:30px;flex-shrink:0}
.inventory-item-more{position:absolute;right:3px;top:3px;width:23px;height:25px;padding:0;background:#0d2631d9;border:1px solid #426570;border-radius:3px;font-size:18px;line-height:20px;color:#b8d7dc;letter-spacing:0}
.inventory-item-more:hover{color:#e3fff2;border-color:#87cdbb;background:#275b58}
.inventory-empty{grid-column:1/-1;align-self:start;text-align:center;padding:28px 14px;background:#0d263080;border:1px dashed #426674;border-radius:3px;color:#aac5cf;font-size:12px}
.inventory-empty b{font-size:14px;font-weight:500;color:#cee0e3}
.inventory-empty p{font-size:11px;margin:10px 0;line-height:1.6;color:#90afb9}
.inventory-empty button{font-size:11px;padding:7px 12px;margin-top:6px}
#menu-shell[data-view=inventory] .inventory-summary{padding:8px 0 0;margin:0;border-color:#31515d;color:#9ab6c0;font-size:10px;gap:10px}
#menu-shell[data-view=inventory] .inventory-help{padding:0;line-height:1.7;font-size:9px;color:#86a7b1;display:flex;flex-direction:column}
#menu-shell[data-view=inventory] .field-supplybar{padding:6px 8px;gap:5px;margin:0;max-height:70px;overflow:auto;flex-shrink:0;background:#193b3f;border-color:#3b756b}
#menu-shell[data-view=inventory] .field-supplybar span{font-size:9px}
#menu-shell[data-view=inventory] .field-supplybar b{font-size:9px;margin:0 5px}
#menu-shell[data-view=inventory] .item-detail{background:#10232de8;padding:14px;scrollbar-width:thin;scrollbar-color:#426a77 #10242e}
#menu-shell[data-view=inventory] .item-detail h2{font-size:18px;color:#e2eeea}
#menu-shell[data-view=inventory] .item-detail .item-large{height:110px}
#menu-shell[data-view=inventory] .item-detail p{font-size:11px;line-height:1.65;color:#a4c0ca}
#menu-shell[data-view=inventory] .item-detail .eyebrow{font-size:9px;color:#80c7bd}
#menu-shell[data-view=inventory] .item-detail .stat-row{font-size:11px;padding:7px 0;gap:10px;border-color:#2f4b58}
#menu-shell[data-view=inventory] .item-detail .primary{background:#87c6ad;border-color:#a2dcc1;color:#0d2c2c}
#menu-shell[data-view=inventory] .item-detail button{font-size:10px;padding:9px 10px;line-height:1.4;margin-top:7px}
#menu-shell[data-view=inventory] button:focus-visible,#menu-shell[data-view=inventory] input:focus-visible,#menu-shell[data-view=inventory] select:focus-visible,.item-context-menu button:focus-visible{outline:2px solid #bce6cb;outline-offset:2px}
#menu-shell[data-view=inventory] .item-detail:focus-visible{outline:2px solid #80c9b8;outline-offset:-3px}
.item-context-menu{position:fixed;z-index:1600;width:250px;max-width:calc(100vw - 16px);padding:7px;border:1px solid #76a59e;border-radius:5px;background:linear-gradient(145deg,#1a3c46fa,#10232efa);box-shadow:0 15px 45px #000a,0 2px 7px #0008;color:#dbefea;overflow:auto;backdrop-filter:blur(8px);scrollbar-width:thin}
.item-context-menu[hidden]{display:none}
.item-context-heading{font-size:12px;font-weight:600;line-height:1.5;padding:6px 7px 2px;overflow-wrap:anywhere}
.item-context-menu>small{display:block;font-size:9px;color:#94b7c0;padding:0 7px 9px;margin-bottom:4px;border-bottom:1px solid #42646c}
.item-context-menu>button{display:block;width:100%;text-align:left;padding:10px 9px;background:transparent;border:1px solid transparent;border-radius:3px;font-size:12px;font-weight:400;line-height:1.3;letter-spacing:0;text-transform:none;color:#d1e6e5}
.item-context-menu>button:hover:not(:disabled),.item-context-menu>button:focus-visible{background:#315a5b;border-color:#71998c;color:#eefff2}
.item-context-menu>button:disabled{opacity:.48;cursor:not-allowed}
.item-context-menu>button[data-item-action=info]{border-top:1px solid #42646c;margin-top:4px;color:#a3d6ca}
@media(max-width:1000px){#menu-shell[data-view=inventory] .inventory-layout{grid-template-columns:150px minmax(280px,1fr) 225px}.inventory-tabs{grid-template-columns:repeat(6,minmax(0,1fr));padding-left:10px;padding-right:10px}.inventory-tabs button{font-size:10px;padding:8px 7px}.inventory-tabs button b{padding:2px 4px}#menu-shell[data-view=inventory] .inventory-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr))}.inventory-toolbar{padding-left:10px;padding-right:10px;gap:10px}.inventory-owned-count{min-width:65px}}
@media(max-width:780px){#menu-shell[data-view=inventory] .menu-window{width:97vw;height:92dvh;max-height:calc(100dvh - 24px)}#menu-shell[data-view=inventory] .menu-head{padding:11px 13px}#menu-shell[data-view=inventory] .menu-head nav{display:none}#menu-shell[data-view=inventory] .menu-head h1{font-size:22px}#menu-shell[data-view=inventory] .inventory-layout{grid-template-columns:minmax(240px,1fr) 210px}#menu-shell[data-view=inventory] .paperdoll-area{display:none}.inventory-tabs button{padding:7px 5px;font-size:9px}.inventory-tabs button b{font-size:8px}.inventory-owned-count{display:none}#menu-shell[data-view=inventory] .inventory-grid-panel{padding:9px;gap:8px}#menu-shell[data-view=inventory] .item-detail{padding:10px}#menu-shell[data-view=inventory] .item-detail .item-large{height:85px}#menu-shell[data-view=inventory] .menu-foot{font-size:7px;padding:7px 10px}}
@media(max-width:520px){.inventory-toolbar{gap:7px}.inventory-sort-label{font-size:0}.inventory-sort-label select{min-width:115px;max-width:120px;font-size:10px}.inventory-search-wrap .inventory-search{font-size:10px}.inventory-tabs{grid-template-columns:repeat(4,minmax(0,1fr));padding-bottom:8px}#menu-shell[data-view=inventory] .inventory-layout{display:flex;flex-direction:column;overflow:auto}#menu-shell[data-view=inventory] .inventory-grid-panel{overflow:visible;border-right:0;flex:0 0 auto}#menu-shell[data-view=inventory] .inventory-grid{min-height:140px;max-height:275px;flex:none;grid-template-columns:repeat(auto-fill,minmax(80px,1fr))}#menu-shell[data-view=inventory] .item-detail{overflow:visible;border-top:1px solid #40616e;flex:0 0 auto}.inventory-help{display:none!important}#menu-shell[data-view=inventory] .inventory-summary{font-size:9px}#menu-shell[data-view=inventory] .item-detail .item-large{width:130px;height:85px;float:right;margin-left:8px}.inventory-shell{height:100%}}
@media(max-height:680px) and (min-width:781px){#menu-shell[data-view=inventory] .menu-window{height:94vh;max-height:calc(100dvh - 24px)}#menu-shell[data-view=inventory] .menu-head{padding:10px 16px}.inventory-toolbar{padding-top:8px;padding-bottom:8px}.inventory-tabs{padding-bottom:8px}.inventory-tabs button{padding-top:6px;padding-bottom:6px}#menu-shell[data-view=inventory] .inventory-help{display:none}#menu-shell[data-view=inventory] .item-detail .item-large{height:85px}#menu-shell[data-view=inventory] .doll-slot.weapon{top:170px}}