/* Approved inventory concept 01. One collection, persistent categories,
   uniform usage badges, and a single selected-item action bar. */
@font-face {font-family:Rajdhani;src:url('../ui/fonts/Rajdhani-Medium.ttf') format('truetype');font-weight:500;font-display:swap}
@font-face {font-family:Rajdhani;src:url('../ui/fonts/Rajdhani-SemiBold.ttf') format('truetype');font-weight:600;font-display:swap}
@font-face {font-family:Rajdhani;src:url('../ui/fonts/Rajdhani-Bold.ttf') format('truetype');font-weight:700;font-display:swap}
.workshop-ui[data-mode=inventory]::before {content:'';position:fixed;inset:0;background:#29262222;backdrop-filter:blur(3px);pointer-events:none;z-index:-1}
.workshop-ui[data-mode=inventory] .economy-hud {transform:scale(.8);transform-origin:top right}
.workshop-ui[data-mode=inventory] .energy-pill {display:none}
.workshop-ui[data-mode=inventory] .shop-panel.garden-inventory {
  --iv:clamp(.8px,min(.07576vw,.10627dvh),2.5px);
  --s:var(--iv);
  width:min(calc(1280 * var(--iv)),calc(100vw - 40px));
  height:min(calc(784 * var(--iv)),calc(100dvh - 150 * var(--iv)));
  top:calc(50% - 9 * var(--iv));left:50%;transform:translate(-50%,-50%);
  display:flex;flex-direction:column;gap:0;overflow:visible;
  padding:calc(12 * var(--iv));border:calc(17 * var(--iv)) solid transparent;
  border-image:url('../ui/frames/window.svg') 16 fill stretch;
  font:500 calc(18 * var(--iv))/1.25 Rajdhani,sans-serif;color:#272131;
}
.workshop-ui[data-mode=inventory] .garden-inventory :is(button,input,select,summary,h2,strong,small) {font-family:Rajdhani,sans-serif}
.workshop-ui[data-mode=inventory] .garden-inventory .inv-header {
  position:absolute;inset:calc(-62 * var(--iv)) 0 auto;display:block;height:calc(82 * var(--iv));
  min-height:0;padding:0;background:none;border:0;pointer-events:none;
}
.workshop-ui[data-mode=inventory] .garden-inventory .inv-header h1 {
  position:absolute;left:50%;transform:translateX(-50%);top:0;
  width:calc(490 * var(--iv));height:calc(82 * var(--iv));min-height:0;
  border:calc(15 * var(--iv)) solid transparent;border-image:url('../ui/frames/title.svg') 18 fill stretch;
  padding:0 calc(12 * var(--iv));font:700 calc(43 * var(--iv))/1.1 Pixeloid,monospace;
  -webkit-text-stroke:calc(4 * var(--iv)) #45281e;text-shadow:0 calc(3 * var(--iv)) #45281e;
}
.workshop-ui[data-mode=inventory] .garden-inventory .inv-close {
  position:absolute;right:calc(-10 * var(--iv));top:calc(40 * var(--iv));
  width:calc(59 * var(--iv));height:calc(59 * var(--iv));pointer-events:auto;
}
.workshop-ui[data-mode=inventory] .garden-inventory .inv-close svg {width:calc(26 * var(--iv));height:calc(26 * var(--iv));stroke-width:4}
.workshop-ui[data-mode=inventory] .garden-inventory .inv-wallet {display:none}
.workshop-ui[data-mode=inventory] .garden-inventory .inv-body {
  display:grid;grid-template-columns:calc(214 * var(--iv)) minmax(0,1fr);
  flex:1;min-height:0;gap:calc(18 * var(--iv));padding-top:calc(28 * var(--iv));
}
.workshop-ui[data-mode=inventory] .garden-inventory .inv-categories {
  display:flex;flex-direction:column;min-height:0;overflow-x:hidden;overflow-y:auto;
  width:calc(224 * var(--iv));padding:calc(3 * var(--iv));
  margin:calc(-12 * var(--iv)) 0 calc(-12 * var(--iv)) calc(-10 * var(--iv));gap:0;
  border:calc(5 * var(--iv)) solid transparent;border-image:url('../ui/frames/tile.svg') 9 fill stretch;
}
.workshop-ui[data-mode=inventory] .garden-inventory .inv-category-group {display:flex;flex-direction:column;gap:0}
.workshop-ui[data-mode=inventory] .garden-inventory .inv-category-heading {
  font:700 calc(20 * var(--iv))/1 Rajdhani,sans-serif;color:#b07b50;
  border-bottom:calc(1.5 * var(--iv)) solid #d2ac76;
  margin:calc(10 * var(--iv)) calc(7 * var(--iv)) calc(5 * var(--iv));padding:0 0 calc(3 * var(--iv));
}
.workshop-ui[data-mode=inventory] .garden-inventory .inv-category {
  flex:none;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;
  gap:calc(13 * var(--iv));width:100%;min-width:0;min-height:0;height:calc(36 * var(--iv));
  padding:0 calc(10 * var(--iv));border:0;background:none;box-shadow:none;
  font:600 calc(20 * var(--iv))/1 Rajdhani,sans-serif;color:#292438;text-align:left;
}
.workshop-ui[data-mode=inventory] .garden-inventory .inv-category span {white-space:nowrap;overflow-wrap:normal;font:inherit}
.workshop-ui[data-mode=inventory] .garden-inventory .inv-category[data-category=all] {height:calc(48 * var(--iv));font-weight:700}
.workshop-ui[data-mode=inventory] .garden-inventory .inv-category[aria-pressed=true] {
  background:url('../ui/frames/inventory-category-selected.svg') center/100% 100% no-repeat;
  border:0;font-weight:700;color:#22344c;
}
.workshop-ui[data-mode=inventory] .garden-inventory .inv-category-art {flex:none;width:calc(34 * var(--iv));height:calc(34 * var(--iv));overflow:visible;stroke:none;filter:drop-shadow(0 1px 1px #61473328)}
.workshop-ui[data-mode=inventory] .garden-inventory .inv-collection {display:flex;flex-direction:column;min-width:0;min-height:0;gap:calc(10 * var(--iv))}
.workshop-ui[data-mode=inventory] .garden-inventory .inv-toolbar {display:flex;flex:none;gap:0;min-height:calc(44 * var(--iv));margin:0}
.workshop-ui[data-mode=inventory] .garden-inventory .inv-search {
  width:100%;min-height:calc(44 * var(--iv));padding:0 calc(12 * var(--iv));gap:calc(13 * var(--iv));
  border:calc(3 * var(--iv)) solid #c2a877;background:#fff9e8;border-radius:0;box-shadow:inset 0 calc(2 * var(--iv)) #fffdf1;
}
.workshop-ui[data-mode=inventory] .garden-inventory .inv-search input {padding:calc(7 * var(--iv)) 0;font:500 calc(21 * var(--iv))/1.15 Rajdhani,sans-serif}
.workshop-ui[data-mode=inventory] .garden-inventory .inv-search .inv-icon svg {width:calc(23 * var(--iv));height:calc(23 * var(--iv));color:#6b6257}
.workshop-ui[data-mode=inventory] .garden-inventory .inv-results {position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);padding:0}
.workshop-ui[data-mode=inventory] .garden-inventory .inv-grid {
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));
  grid-auto-rows:calc((100% - 10 * var(--iv))/2);align-content:start;
  min-height:0;flex:1;padding:calc(2 * var(--iv));gap:calc(10 * var(--iv));overflow-x:hidden;overflow-y:auto;background:none;
}
.workshop-ui[data-mode=inventory] .garden-inventory .inv-item {
  display:flex;flex-direction:column;align-items:center;justify-content:flex-start;
  min-width:0;min-height:calc(170 * var(--iv));height:100%;gap:calc(4 * var(--iv));
  padding:calc(7 * var(--iv));border:calc(7 * var(--iv)) solid transparent;
  border-image:url('../ui/frames/tile.svg') 9 fill stretch;color:#2d181c;overflow:hidden;
}
.workshop-ui[data-mode=inventory] .garden-inventory .inv-item[aria-pressed=true] {border-image-source:url('../ui/frames/tile-blue.svg')}
.workshop-ui[data-mode=inventory] .garden-inventory .inv-item-art {display:block;flex:1;min-height:0;width:100%;height:0;object-fit:contain;filter:drop-shadow(0 3px 2px #604e3025);margin:0 0 calc(5 * var(--iv))}
.workshop-ui[data-mode=inventory] .garden-inventory .inv-item h2 {
  flex:none;width:100%;margin:0;font:700 calc(21 * var(--iv))/1.05 Rajdhani,sans-serif;
  color:#2d181c;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
}
.workshop-ui[data-mode=inventory] .garden-inventory .inv-item-kind {flex:none;font:500 calc(17 * var(--iv))/1 Rajdhani,sans-serif;color:#665044}
.workshop-ui[data-mode=inventory] .garden-inventory .inv-item-status {
  flex:none;width:86%;min-width:0;min-height:calc(29 * var(--iv));padding:calc(5 * var(--iv));
  margin-top:calc(3 * var(--iv));background:#eee3c6;border:1px solid #d3bd90;border-radius:2px;
  color:#77614b;font:700 calc(18 * var(--iv))/1 Rajdhani,sans-serif;white-space:normal;
}
.workshop-ui[data-mode=inventory] .garden-inventory .inv-item-status.installed {background:#c5e6f8;border-color:#82c5e9;color:#22557f}
.workshop-ui[data-mode=inventory] .garden-inventory .inv-selected-bar {
  flex:none;display:flex;align-items:center;gap:calc(15 * var(--iv));min-height:calc(89 * var(--iv));
  border:calc(7 * var(--iv)) solid transparent;border-image:url('../ui/frames/tile.svg') 9 fill stretch;
  padding:calc(7 * var(--iv)) calc(10 * var(--iv));background:none;
}
.workshop-ui[data-mode=inventory] .garden-inventory .inv-selected-art {width:calc(110 * var(--iv));height:calc(61 * var(--iv));object-fit:contain;flex:none}
.workshop-ui[data-mode=inventory] .garden-inventory .inv-selected-copy {flex:1;min-width:0;display:flex;flex-direction:column;gap:calc(3 * var(--iv))}
.workshop-ui[data-mode=inventory] .garden-inventory .inv-selected-copy strong {font:700 calc(22 * var(--iv))/1.05 Rajdhani,sans-serif;overflow-wrap:anywhere}
.workshop-ui[data-mode=inventory] .garden-inventory .inv-selected-copy>span {font:500 calc(16 * var(--iv))/1.1 Rajdhani,sans-serif;color:#665044}
.workshop-ui[data-mode=inventory] .garden-inventory .inv-selected-copy .inv-selected-state {color:#315b48}
.workshop-ui[data-mode=inventory] .garden-inventory .inv-selected-actions {display:flex;align-items:center;gap:calc(10 * var(--iv));flex:none}
.workshop-ui[data-mode=inventory] .garden-inventory .inv-button {font-family:Rajdhani,sans-serif}
.workshop-ui[data-mode=inventory] .garden-inventory .inv-use {min-width:calc(166 * var(--iv));min-height:calc(53 * var(--iv));font-size:calc(26 * var(--iv))!important;color:#fff6dc!important;-webkit-text-stroke:calc(1.5 * var(--iv)) #60351f;paint-order:stroke fill;text-shadow:0 calc(2 * var(--iv)) #60351f}
.workshop-ui[data-mode=inventory] .garden-inventory .inv-details-button {font-size:calc(17 * var(--iv))!important;min-height:calc(38 * var(--iv));padding:calc(2 * var(--iv)) calc(5 * var(--iv))}
.workshop-ui[data-mode=inventory] .garden-inventory .inv-selection-empty {color:#746052;font-size:calc(14 * var(--iv));margin:auto}
.workshop-ui[data-mode=inventory] .garden-inventory .inv-mobile-category {display:none}
.workshop-ui[data-mode=inventory] .garden-inventory .inv-saved-banner {margin:0;font-size:calc(12 * var(--iv));padding:calc(7 * var(--iv));min-height:0}
.workshop-ui[data-mode=inventory] .garden-inventory .inv-saved-banner[hidden] {display:none}
.workshop-ui[data-mode=inventory] .garden-inventory .inv-detail {
  position:fixed;inset:0;transform:none;margin:auto;width:min(530px,calc(100vw - 28px));max-width:none;
  height:min(730px,calc(100dvh - 60px));max-height:none;z-index:50;
  border:12px solid transparent;border-image:url('../ui/frames/window.svg') 16 fill stretch;
  background:#fff3cd;padding:18px;gap:12px;overflow:hidden;color:#2d181c;
}
.workshop-ui[data-mode=inventory] .garden-inventory .inv-detail:not([open]) {display:none}
.workshop-ui[data-mode=inventory] .garden-inventory .inv-detail[open] {display:flex;flex-direction:column}
.workshop-ui[data-mode=inventory] .garden-inventory .inv-detail::backdrop {background:#261c185e;backdrop-filter:blur(3px)}
.workshop-ui[data-mode=inventory] .garden-inventory .inv-back {display:flex;align-items:center;gap:8px;flex:none;min-height:34px;background:none;border:0;padding:3px 0;font:700 17px/1.2 Rajdhani,sans-serif}
.workshop-ui[data-mode=inventory] .garden-inventory .inv-detail-art {height:170px;width:100%;object-fit:contain}
.workshop-ui[data-mode=inventory] .garden-inventory .inv-detail-scroll {min-height:0;overflow-y:auto;flex:1}
.workshop-ui[data-mode=inventory] .garden-inventory .inv-detail .inv-actions {max-height:45%;overflow-y:auto;flex-shrink:0;padding:2px}
.workshop-ui[data-mode=inventory] .garden-inventory .inv-detail .inv-item-status {width:auto;font-size:12px;min-height:0}
.workshop-ui[data-mode=inventory] .garden-inventory .inv-empty {min-height:0;height:100%;grid-row:span 2;padding:20px}
.workshop-ui[data-mode=inventory] .game-nav {--apricot-unit:clamp(.9px,min(.085vw,.13dvh),2.5px);bottom:max(12px,env(safe-area-inset-bottom))}
.workshop-ui[data-mode=inventory] .game-nav button.active {border-image-source:url('../ui/frames/picker-button.svg');color:#2d181c}
.workshop-ui[data-mode=inventory] .game-nav button {font:700 calc(18 * var(--apricot-unit))/1 Rajdhani,sans-serif}
@media(min-width:701px) and (max-height:800px) {
  .workshop-ui[data-mode=inventory] .garden-inventory .inv-category {height:calc(34 * var(--iv))}
}
@media(max-width:1100px) and (min-width:701px) {
  .workshop-ui[data-mode=inventory] .shop-panel.garden-inventory {width:calc(100vw - 30px)}
  .workshop-ui[data-mode=inventory] .garden-inventory .inv-body {grid-template-columns:166px minmax(0,1fr);gap:12px}
  .workshop-ui[data-mode=inventory] .garden-inventory .inv-categories {width:174px}
  .workshop-ui[data-mode=inventory] .garden-inventory .inv-category {gap:8px;padding-inline:6px;font-size:16px}
  .workshop-ui[data-mode=inventory] .garden-inventory .inv-selected-art {width:65px}
  .workshop-ui[data-mode=inventory] .garden-inventory .inv-use {min-width:100px}
  .workshop-ui[data-mode=inventory] .garden-inventory .inv-item h2 {font-size:17px}
}
@media(max-width:700px) {
  .workshop-ui[data-mode=inventory] .economy-hud {top:4px;right:8px}
  .workshop-ui[data-mode=inventory] .shop-panel.garden-inventory {--iv:1px;top:calc(50% - 8px);width:calc(100vw - 16px);height:calc(100dvh - 156px);border-width:10px;padding:8px}
  .workshop-ui[data-mode=inventory] .garden-inventory .inv-header {top:-42px;height:52px}
  .workshop-ui[data-mode=inventory] .garden-inventory .inv-header h1 {width:225px;height:52px;border-width:10px;font-size:26px;-webkit-text-stroke:2px #45281e;text-shadow:0 2px #45281e}
  .workshop-ui[data-mode=inventory] .garden-inventory .inv-close {top:30px;right:-8px;width:39px;height:39px}
  .workshop-ui[data-mode=inventory] .garden-inventory .inv-body {display:flex;min-height:0;padding-top:24px}
  .workshop-ui[data-mode=inventory] .garden-inventory .inv-categories {display:none}
  .workshop-ui[data-mode=inventory] .garden-inventory .inv-collection {gap:9px;width:100%}
  .workshop-ui[data-mode=inventory] .garden-inventory .inv-toolbar {display:grid;grid-template-columns:minmax(0,1fr);gap:7px}
  .workshop-ui[data-mode=inventory] .garden-inventory .inv-mobile-category {display:flex;align-items:center;gap:9px;font-size:17px}
  .workshop-ui[data-mode=inventory] .garden-inventory .inv-mobile-category select {min-width:0;flex:1;font:600 18px Rajdhani,sans-serif;min-height:38px;padding:6px}
  .workshop-ui[data-mode=inventory] .garden-inventory .inv-search {min-height:39px;padding-inline:9px}
  .workshop-ui[data-mode=inventory] .garden-inventory .inv-search input {font-size:19px;padding:6px 0}
  .workshop-ui[data-mode=inventory] .garden-inventory .inv-grid {grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:210px;gap:8px}
  .workshop-ui[data-mode=inventory] .garden-inventory .inv-item {min-height:0;padding:5px;border-width:6px;gap:3px}
  .workshop-ui[data-mode=inventory] .garden-inventory .inv-item h2 {font-size:17px}
  .workshop-ui[data-mode=inventory] .garden-inventory .inv-item-kind {font-size:15px}
  .workshop-ui[data-mode=inventory] .garden-inventory .inv-item-status {font-size:16px;width:95%;min-height:27px;padding:4px}
  .workshop-ui[data-mode=inventory] .garden-inventory .inv-selected-bar {display:grid;grid-template-columns:54px minmax(0,1fr);min-height:120px;gap:6px 9px;padding:7px;border-width:6px}
  .workshop-ui[data-mode=inventory] .garden-inventory .inv-selected-art {width:54px;height:44px}
  .workshop-ui[data-mode=inventory] .garden-inventory .inv-selected-copy strong {font-size:17px;line-height:1.05}
  .workshop-ui[data-mode=inventory] .garden-inventory .inv-selected-copy>span {font-size:15px}
  .workshop-ui[data-mode=inventory] .garden-inventory .inv-selected-copy .inv-selected-state {display:none}
  .workshop-ui[data-mode=inventory] .garden-inventory .inv-selected-actions {grid-column:1/-1;justify-content:flex-end;gap:8px}
  .workshop-ui[data-mode=inventory] .garden-inventory .inv-selected-actions button {min-height:40px}
  .workshop-ui[data-mode=inventory] .garden-inventory .inv-use {flex:1;min-width:0;font-size:22px!important}
  .workshop-ui[data-mode=inventory] .game-nav button {font-size:16px}
  .workshop-ui[data-mode=inventory] .garden-inventory .inv-detail {padding:12px;height:calc(100dvh - 32px)}
  .workshop-ui[data-mode=inventory] .garden-inventory .inv-detail .inv-actions {max-height:48%}
}
@media(prefers-reduced-motion:reduce) {.workshop-ui[data-mode=inventory] .garden-inventory * {transition:none}}