/* The market's detail panel (market-ui.mjs renderPart/renderCosmetic): picture, name, two to
   four stat chips, one compare line and a folded "More details"; the warnings, Skin choice and
   Buy button sit in a footer that never scrolls away. Loaded after the older market sheets. */
.workshop-ui[data-mode=market] .garden-market .market-body {grid-template-columns:minmax(0,1fr) calc(320 * var(--mk))}
.workshop-ui[data-mode=market] .garden-market .market-detail {
  display:flex;flex-direction:column;gap:calc(8 * var(--mk));padding:calc(12 * var(--mk));min-height:0;overflow:hidden;
}
.workshop-ui[data-mode=market] .garden-market .market-detail-scroll {
  display:flex;flex-direction:column;gap:calc(7 * var(--mk));flex:1 1 auto;min-height:0;overflow:auto;padding:0 2px 0 0;
}
.workshop-ui[data-mode=market] .garden-market .market-detail-head {flex:none;min-width:0}
.workshop-ui[data-mode=market] .garden-market .market-detail-kicker {display:flex;align-items:center;justify-content:space-between;gap:calc(6 * var(--mk));min-height:calc(26 * var(--mk))}
.workshop-ui[data-mode=market] .garden-market .market-detail .market-eyebrow {font:700 calc(14 * var(--mk))/1.1 Rajdhani,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:#ae8052;margin:0}
.workshop-ui[data-mode=market] .garden-market .market-detail .market-detail-title {
  font:700 calc(23 * var(--mk))/1.08 Rajdhani,sans-serif;margin:calc(2 * var(--mk)) 0 0;color:var(--ui-ink);
  display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;overflow-wrap:anywhere;
}
.workshop-ui[data-mode=market] .garden-market .market-detail .market-owned-tag {flex:none}

/* The picture: a cream display plinth; it gives up height first when space is short. */
.workshop-ui[data-mode=market] .garden-market .market-detail-stage {
  position:relative;flex:1 1 calc(160 * var(--mk));min-height:calc(84 * var(--mk));max-height:calc(330 * var(--mk));
  background:linear-gradient(#fffdf4,#f5e8c9);border:2px solid #e6d2a6;border-bottom-color:#d4ba87;box-shadow:inset 0 -3px #efdfb9;
}
.workshop-ui[data-mode=market] .garden-market .market-detail-stage .market-detail-art {
  position:absolute;inset:calc(6 * var(--mk));width:calc(100% - 12 * var(--mk));height:calc(100% - 12 * var(--mk));max-height:none;
  margin:0;object-fit:contain;filter:drop-shadow(2px 4px 0 #7d816318);transition:opacity .2s;
}
.workshop-ui[data-mode=market] .garden-market .market-detail-stage[data-skin-art=loading] .market-detail-art {opacity:.45;filter:grayscale(.5)}
.workshop-ui[data-mode=market] .garden-market .market-detail-stage[data-skin-art=loading]::after {
  content:'Fitting the skin…';position:absolute;left:50%;bottom:calc(8 * var(--mk));transform:translateX(-50%);white-space:nowrap;
  font:700 calc(13 * var(--mk))/1.2 Rajdhani,sans-serif;color:#7a2e57;background:#fff7fb;border:2px solid #e9a5c6;padding:1px calc(7 * var(--mk));
  animation:market-skin-pulse 1.1s steps(4) infinite;
}
@keyframes market-skin-pulse {50%{opacity:.55}}
@media(prefers-reduced-motion:reduce){.workshop-ui[data-mode=market] .garden-market .market-detail-stage[data-skin-art=loading]::after{animation:none}}
.workshop-ui[data-mode=market] .garden-market .market-art-badge {
  position:absolute;left:calc(6 * var(--mk));top:calc(6 * var(--mk));max-width:calc(100% - 12 * var(--mk));z-index:1;
  font:700 calc(13 * var(--mk))/1.2 Rajdhani,sans-serif;color:#7a2e57;background:#ffe6f1;border:2px solid #e9a5c6;padding:1px calc(7 * var(--mk));
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.workshop-ui[data-mode=market] .garden-market .market-art-action {
  position:absolute;right:calc(6 * var(--mk));bottom:calc(6 * var(--mk));z-index:1;min-height:0;margin:0;cursor:pointer;
  font:700 calc(14 * var(--mk))/1.2 Rajdhani,sans-serif;color:var(--ui-ink);background:#fff7dc;
  border:2px solid var(--ui-line);border-top-color:#fffbea;box-shadow:0 2px #c9ad78;padding:calc(2 * var(--mk)) calc(8 * var(--mk));
}
.workshop-ui[data-mode=market] .garden-market .market-art-action:hover {background:#fdf0cc}
.workshop-ui[data-mode=market] .garden-market .market-detail-stage[data-skin-art=loading] .market-art-action {display:none}

/* Stat chips: the numbers a player compares for this kind of part. */
.workshop-ui[data-mode=market] .garden-market .market-chips {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:calc(6 * var(--mk));flex:none}
.workshop-ui[data-mode=market] .garden-market .market-chips:is([data-count="2"],[data-count="4"]) {grid-template-columns:repeat(2,minmax(0,1fr))}
.workshop-ui[data-mode=market] .garden-market .market-chips[data-count="1"] {grid-template-columns:minmax(0,1fr)}
.workshop-ui[data-mode=market] .garden-market .market-chip {
  display:flex;flex-direction:column;gap:1px;min-width:0;background:#fffaf0;
  border:2px solid #dcc394;border-top-color:#fbf1d8;box-shadow:inset 0 -2px #efdfbb;padding:calc(4 * var(--mk)) calc(7 * var(--mk)) calc(5 * var(--mk));
}
.workshop-ui[data-mode=market] .garden-market .market-chip small {
  font:700 calc(14 * var(--mk))/1.15 Rajdhani,sans-serif;color:var(--ui-muted);
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.workshop-ui[data-mode=market] .garden-market .market-chip strong {font:700 calc(20 * var(--mk))/1.12 Rajdhani,sans-serif;color:var(--ui-ink);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.workshop-ui[data-mode=market] .garden-market .market-chip .market-chip-unit {font:600 calc(14 * var(--mk))/1 Rajdhani,sans-serif;color:var(--ui-muted);white-space:nowrap}
.workshop-ui[data-mode=market] .garden-market .market-chip-delta {font:700 calc(14 * var(--mk))/1.1 Rajdhani,sans-serif;font-style:normal;color:var(--ui-muted)}
.workshop-ui[data-mode=market] .garden-market .market-chip-delta.better {color:#3c7a39}
.workshop-ui[data-mode=market] .garden-market .market-chip-delta.worse {color:#a24f33}
.workshop-ui[data-mode=market] .garden-market .market-detail :is(.market-compare,.market-note) {flex:none;margin:0;font:600 calc(15 * var(--mk))/1.3 Rajdhani,sans-serif;color:var(--ui-muted)}
.workshop-ui[data-mode=market] .garden-market .market-detail .market-note {color:#705022;background:#f9e6b7;border-left:3px solid #ce9b5b;padding:calc(4 * var(--mk)) calc(7 * var(--mk))}
.workshop-ui[data-mode=market] .garden-market .market-cosmetic-actions {flex:none;margin:0;gap:calc(6 * var(--mk))}
.workshop-ui[data-mode=market] .garden-market .market-cosmetic-actions .market-secondary {
  margin:0;min-height:calc(34 * var(--mk));border-width:calc(7 * var(--mk));padding:0 calc(8 * var(--mk)) calc(2 * var(--mk));font:700 calc(15 * var(--mk))/1.3 Rajdhani,sans-serif;
}

/* More details: closed by default; secondary numbers, notes and the description. */
.workshop-ui[data-mode=market] .garden-market .market-detail .market-more {
  flex:none;margin:0;padding:calc(5 * var(--mk)) 0 0;border-top:2px dotted #d9c193;font:500 calc(15 * var(--mk))/1.35 Rajdhani,sans-serif;color:var(--ui-muted);
}
.workshop-ui[data-mode=market] .garden-market .market-detail .market-more summary {
  display:flex;align-items:center;gap:calc(7 * var(--mk));cursor:pointer;list-style:none;width:max-content;max-width:100%;
  font:700 calc(15 * var(--mk))/1.3 Rajdhani,sans-serif;color:#8a5f3c;
}
.workshop-ui[data-mode=market] .garden-market .market-detail .market-more summary::-webkit-details-marker {display:none}
.workshop-ui[data-mode=market] .garden-market .market-detail .market-more summary::before {
  content:'+';display:grid;place-items:center;width:calc(16 * var(--mk));height:calc(16 * var(--mk));flex:none;
  font:700 calc(15 * var(--mk))/1 Rajdhani,sans-serif;color:#fff7dc;background:#c59a63;box-shadow:inset 0 -2px #a87d4a;
}
.workshop-ui[data-mode=market] .garden-market .market-detail .market-more[open] summary::before {content:'−'}
.workshop-ui[data-mode=market] .garden-market .market-more-rows {display:grid;gap:1px;margin:calc(6 * var(--mk)) 0 0}
.workshop-ui[data-mode=market] .garden-market .market-more-row {display:flex;justify-content:space-between;align-items:baseline;gap:calc(10 * var(--mk));min-width:0}
.workshop-ui[data-mode=market] .garden-market .market-more-row :is(dt,dd) {font:inherit;font-family:Rajdhani,sans-serif}
.workshop-ui[data-mode=market] .garden-market .market-more-row dt {min-width:0}
.workshop-ui[data-mode=market] .garden-market .market-more-row dd {margin:0;font-weight:700;color:var(--ui-ink);text-align:right;font-variant-numeric:tabular-nums}
.workshop-ui[data-mode=market] .garden-market .market-more-row dd[data-tone=better] {color:#3c7a39}
.workshop-ui[data-mode=market] .garden-market .market-more-row dd[data-tone=worse] {color:#a24f33}
.workshop-ui[data-mode=market] .garden-market .market-detail .market-more p {margin:calc(6 * var(--mk)) 0 0;white-space:pre-line}

/* The footer: warnings only when they apply, the Skin choice, then Buy. */
.workshop-ui[data-mode=market] .garden-market .market-detail-actions {
  flex:none;display:flex;flex-direction:column;gap:calc(6 * var(--mk));padding-top:calc(8 * var(--mk));border-top:2px solid #e2cb9c;min-width:0;
}
.workshop-ui[data-mode=market] .garden-market .market-detail-actions .market-fit {margin:0;padding:calc(5 * var(--mk)) calc(8 * var(--mk));font:600 calc(14 * var(--mk))/1.25 Rajdhani,sans-serif}
.workshop-ui[data-mode=market] .garden-market .market-detail-actions .market-fit strong {font:700 calc(15 * var(--mk))/1.2 Rajdhani,sans-serif}
.workshop-ui[data-mode=market] .garden-market .market-detail-actions .market-fit small {font:600 calc(13 * var(--mk))/1.25 Rajdhani,sans-serif;margin:0;color:inherit}
.workshop-ui[data-mode=market] .garden-market .market-detail-actions .market-grid-note {display:flex;align-items:center;gap:calc(8 * var(--mk))}
.workshop-ui[data-mode=market] .garden-market .market-detail-actions .market-grid-note>div {flex:1;min-width:0}
.workshop-ui[data-mode=market] .garden-market .market-detail-actions .market-grid-note .market-secondary {
  display:block;flex:none;margin:0;min-height:0;border-width:calc(6 * var(--mk));padding:0 calc(5 * var(--mk)) calc(2 * var(--mk));font:700 calc(14 * var(--mk))/1.3 Rajdhani,sans-serif;
}
.workshop-ui[data-mode=market] .garden-market .market-detail-actions .market-skin-choice {
  display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:calc(8 * var(--mk));margin:0;font:700 calc(15 * var(--mk)) Rajdhani,sans-serif;color:var(--ui-ink);
}
.workshop-ui[data-mode=market] .garden-market .market-detail-actions .market-skin-choice select {min-height:calc(34 * var(--mk));padding:calc(3 * var(--mk)) calc(6 * var(--mk));font:600 calc(15 * var(--mk)) Rajdhani,sans-serif}
.workshop-ui[data-mode=market] .garden-market .market-detail-actions .market-skin-note {margin:0;font:600 calc(13 * var(--mk))/1.25 Rajdhani,sans-serif;color:#7a2e57}
.workshop-ui[data-mode=market] .garden-market .market-detail-actions .market-buy {margin:0;width:100%;min-height:calc(50 * var(--mk));font-size:calc(22 * var(--mk))!important}
.workshop-ui[data-mode=market] .garden-market .market-detail-actions .market-inventory-note {margin:0;text-align:center;font:600 calc(14 * var(--mk))/1.2 Rajdhani,sans-serif;color:var(--ui-muted)}
.workshop-ui[data-mode=market] .garden-market .market-detail-actions :is(.wallet-season-notice,.transaction-status) {margin:0}

/* Prebuilt PCs (market-ui prebuiltCard/renderPrebuilt): a small tag on the strongest and the sealed PC,
   and the CPU · GPU · RAM line under the chips. */
.workshop-ui[data-mode=market] .garden-market .market-prebuilt-tag {
  display:inline-block;max-width:100%;padding:0 calc(7 * var(--mk));white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
  font:700 calc(14 * var(--mk))/1.4 Rajdhani,sans-serif;color:#2f6b3a;background:#dcefd2;border:2px solid #a9cf98;box-shadow:inset 0 -2px #c3e0b4;
}
.workshop-ui[data-mode=market] .garden-market .market-prebuilt-tag[data-tag=sealed] {color:#5d4638;background:#f3e6c9;border-color:#d8bf92;box-shadow:inset 0 -2px #e6d3ad}
.workshop-ui[data-mode=market] .garden-market .market-detail .market-prebuilt-spec {color:var(--ui-ink);font-weight:700}
.workshop-ui[data-mode=market] .garden-market .market-detail[data-kind=prebuilt] .market-art-badge {color:#2f6b3a;background:#dcefd2;border-color:#a9cf98}
/* The assembled PC renders keep wide empty margins; the market frames the PC itself (browsers without
   object-view-box show the whole render). */
.workshop-ui[data-mode=market] .garden-market :is(.market-product-art,.market-detail-art)[src*="/assembled/sprout"] {object-view-box:inset(25% 26% 9% 26%)}
.workshop-ui[data-mode=market] .garden-market :is(.market-product-art,.market-detail-art)[src*="/assembled/grove"] {object-view-box:inset(13% 19% 7% 19%)}
.workshop-ui[data-mode=market] .garden-market :is(.market-product-art,.market-detail-art)[src*="/assembled/bloom"] {object-view-box:inset(14% 16% 6% 16%)}
.workshop-ui[data-mode=market] .garden-market :is(.market-product-art,.market-detail-art)[src*="/assembled/canopy"] {object-view-box:inset(5% 15% 6% 15%)}
/* The PC drawn fully assembled (prebuilt-picture.mjs) replaces the case art and fades in when it arrives
   after the card was shown. */
.workshop-ui[data-mode=market] .garden-market [data-prebuilt-art-fade] :is(.market-product-art,.market-detail-art) {animation:market-art-arrive .28s ease-out}
@keyframes market-art-arrive {from{opacity:.35}}
@media(prefers-reduced-motion:reduce){.workshop-ui[data-mode=market] .garden-market [data-prebuilt-art-fade] :is(.market-product-art,.market-detail-art){animation:none}}
@media(max-width:620px){.workshop-ui[data-mode=market] .garden-market .market-prebuilt-tag {font-size:13px}}

/* Economy v8 (market-ui + pc-efficiency.mjs): a card may carry several tags (Best value, 1 per island,
   Strongest or Sealed); the efficiency meter sits on the cards and in the detail; the island bonus line
   invites filling the desks; a Seed or Sprout the island already has explains why Buy is off. */
.workshop-ui[data-mode=market] .garden-market .market-prebuilt .market-product-status {display:flex;justify-content:flex-end;gap:calc(4 * var(--mk));overflow:hidden}
.workshop-ui[data-mode=market] .garden-market .market-prebuilt-tag {flex:none}
.workshop-ui[data-mode=market] .garden-market .market-prebuilt-tag[data-tag=best] {color:#7a3d12;background:#ffe2b8;border-color:#e0a160;box-shadow:inset 0 -2px #f3c891}
.workshop-ui[data-mode=market] .garden-market .market-prebuilt-tag[data-tag=limit] {color:#3f5677;background:#e4eefb;border-color:#a9c2e6;box-shadow:inset 0 -2px #cddcf1}
.workshop-ui[data-mode=market] .garden-market .market-prebuilt-tag[data-tag=limit][data-reached] {color:#6b5a4a;background:#efe6d6;border-color:#cdbb9c;box-shadow:inset 0 -2px #e0d3bb}
.workshop-ui[data-mode=market] .garden-market .market-product[data-limit=reached] .market-product-art {opacity:.72}
.workshop-ui[data-mode=market] .garden-market .market-eff {
  display:flex;align-items:center;gap:calc(5 * var(--mk));min-width:0;overflow:hidden;white-space:nowrap;
  font:600 calc(14 * var(--mk))/1.2 Rajdhani,sans-serif;color:var(--ui-muted);
}
.workshop-ui[data-mode=market] .garden-market .pc-eff-steps {gap:calc(2 * var(--mk))}
.workshop-ui[data-mode=market] .garden-market .pc-eff-steps i {width:calc(9 * var(--mk));height:calc(9 * var(--mk));box-shadow:inset 0 -2px #d4bf91}
.workshop-ui[data-mode=market] .garden-market .pc-eff:is([data-level="1"],[data-level="2"]) .pc-eff-steps i[data-on] {box-shadow:inset 0 -2px #b9742c}
.workshop-ui[data-mode=market] .garden-market .pc-eff[data-level="3"] .pc-eff-steps i[data-on] {box-shadow:inset 0 -2px #7d9a2e}
.workshop-ui[data-mode=market] .garden-market .pc-eff:is([data-level="4"],[data-level="5"]) .pc-eff-steps i[data-on] {box-shadow:inset 0 -2px #2f7a3b}
.workshop-ui[data-mode=market] .garden-market .market-eff .pc-eff-value {overflow:hidden;text-overflow:ellipsis;font-weight:700;color:#5d4638}
.workshop-ui[data-mode=market] .garden-market .pc-eff:is([data-level="4"],[data-level="5"]) .pc-eff-value {color:#2f6b3a}
.workshop-ui[data-mode=market] .garden-market .market-eff-row {
  display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:calc(4 * var(--mk)) calc(8 * var(--mk));flex:none;
  background:#fffaf0;border:2px solid #dcc394;border-top-color:#fbf1d8;box-shadow:inset 0 -2px #efdfbb;padding:calc(5 * var(--mk)) calc(8 * var(--mk));
}
.workshop-ui[data-mode=market] .garden-market .market-eff-detail {display:flex;align-items:center;gap:calc(7 * var(--mk));min-width:0;white-space:nowrap}
.workshop-ui[data-mode=market] .garden-market .market-eff-detail .pc-eff-label {font:700 calc(14 * var(--mk))/1.15 Rajdhani,sans-serif;color:var(--ui-muted)}
.workshop-ui[data-mode=market] .garden-market .market-eff-detail .pc-eff-steps i {width:calc(11 * var(--mk));height:calc(11 * var(--mk))}
.workshop-ui[data-mode=market] .garden-market .market-eff-detail .pc-eff-value {font:700 calc(17 * var(--mk))/1.1 Rajdhani,sans-serif;color:var(--ui-ink);font-variant-numeric:tabular-nums}
.workshop-ui[data-mode=market] .garden-market .market-eff-detail:is([data-level="4"],[data-level="5"]) .pc-eff-value {color:#2f6b3a}
.workshop-ui[data-mode=market] .garden-market .market-eff-bonus {
  font:700 calc(14 * var(--mk))/1.3 Rajdhani,sans-serif;color:#2f6b3a;background:#dcefd2;border:2px solid #a9cf98;box-shadow:inset 0 -2px #c3e0b4;
  padding:0 calc(6 * var(--mk));white-space:nowrap;
}
.workshop-ui[data-mode=market] .garden-market .market-detail .market-bonus-note {color:#2f6b3a;background:#eef7e8;border-left:3px solid #7cbf6a;padding:calc(4 * var(--mk)) calc(7 * var(--mk));cursor:help}
.workshop-ui[data-mode=market] .garden-market .market-detail .market-eff-note {color:#3f6b48}
.workshop-ui[data-mode=market] .garden-market .market-detail-actions .market-limit-note {background:#efe6d6;border-left:4px solid #b39a74;color:#5d4638}
@media(max-width:620px){
  .workshop-ui[data-mode=market] .garden-market .market-prebuilt-tag+.market-prebuilt-tag {display:none}
  .workshop-ui[data-mode=market] .garden-market .market-eff {font-size:13px;gap:4px}
  .workshop-ui[data-mode=market] .garden-market .market-eff .pc-eff-steps i {width:7px;height:7px}
  .workshop-ui[data-mode=market] .garden-market .market-eff-detail .pc-eff-value {font-size:16px}
}

@media(max-width:900px){
  .workshop-ui[data-mode=market] .garden-market .market-body {grid-template-columns:minmax(0,1fr) 250px}
}
/* Phones: the whole market scrolls; the detail follows the shelf and its footer sticks to the
   bottom of the panel, so Buy is in view as soon as the detail is. */
@media(max-width:620px){
  .workshop-ui[data-mode=market] .garden-market .market-detail {overflow:visible;min-height:0;padding:12px 12px 0}
  .workshop-ui[data-mode=market] .garden-market .market-detail-scroll {flex:none;overflow:visible;gap:8px}
  .workshop-ui[data-mode=market] .garden-market .market-detail .market-detail-title {font-size:22px}
  .workshop-ui[data-mode=market] .garden-market .market-detail .market-eyebrow {font-size:13px}
  .workshop-ui[data-mode=market] .garden-market .market-detail-stage {flex:none;height:150px;min-height:0;max-height:none}
  .workshop-ui[data-mode=market] .garden-market .market-chip small {font-size:13px}
  .workshop-ui[data-mode=market] .garden-market .market-chip strong {font-size:19px}
  .workshop-ui[data-mode=market] .garden-market .market-chip :is(.market-chip-unit,.market-chip-delta) {font-size:13px}
  .workshop-ui[data-mode=market] .garden-market .market-detail :is(.market-compare,.market-note,.market-more,.market-more summary) {font-size:15px}
  .workshop-ui[data-mode=market] .garden-market .market-art-badge,
  .workshop-ui[data-mode=market] .garden-market .market-art-action {font-size:13px}
  .workshop-ui[data-mode=market] .garden-market .market-detail-actions {
    position:sticky;bottom:-8px;z-index:3;margin:0 -12px;padding:8px 12px 10px;gap:6px;
    background:#fff7dc;box-shadow:0 -6px 8px -6px #7a5a3a40;
  }
  .workshop-ui[data-mode=market] .garden-market .market-detail-actions .market-buy {min-height:46px;font-size:20px!important}
  .workshop-ui[data-mode=market] .garden-market .market-detail-actions :is(.market-fit,.market-fit small,.market-skin-note,.market-inventory-note) {font-size:13px}
  .workshop-ui[data-mode=market] .garden-market .market-detail-actions .market-fit strong {font-size:14px}
  .workshop-ui[data-mode=market] .garden-market .market-detail-actions .market-skin-choice {font-size:15px}
  .workshop-ui[data-mode=market] .garden-market .market-detail-actions .market-skin-choice select {min-height:36px;font-size:15px}
  .workshop-ui[data-mode=market] .garden-market .market-detail-actions .market-grid-note .market-secondary {font-size:14px}
  .workshop-ui[data-mode=market] .garden-market .market-cosmetic-actions .market-secondary {font-size:15px;min-height:36px;border-width:7px}
}

/* Inventory's item details (inventory-ui.mjs): the same chips and readable type as the market. */
.workshop-ui[data-mode=inventory] .garden-inventory .inv-detail-scroll {display:flex;flex-direction:column;gap:8px}
.workshop-ui[data-mode=inventory] .garden-inventory .inv-detail-scroll>* {margin:0!important}
.workshop-ui[data-mode=inventory] .garden-inventory .inv-detail-heading h2 {font:700 24px/1.1 Rajdhani,sans-serif}
.workshop-ui[data-mode=inventory] .garden-inventory .inv-detail .inv-kind {font:700 13px/1.2 Rajdhani,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:#ae8052}
.workshop-ui[data-mode=inventory] .garden-inventory .inv-detail-art {flex:none;height:170px;background:linear-gradient(#fffdf4,#f5e8c9);border:2px solid #e6d2a6;border-bottom-color:#d4ba87;padding:6px}
.workshop-ui[data-mode=inventory] .garden-inventory .inv-stats {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:0;background:none}
.workshop-ui[data-mode=inventory] .garden-inventory .inv-stats:is([data-count="1"]) {grid-template-columns:minmax(0,1fr)}
.workshop-ui[data-mode=inventory] .garden-inventory .inv-stats:is([data-count="2"],[data-count="4"]) {grid-template-columns:repeat(2,minmax(0,1fr))}
.workshop-ui[data-mode=inventory] .garden-inventory .inv-stats>div {border:2px solid #dcc394;border-top-color:#fbf1d8;box-shadow:inset 0 -2px #efdfbb;background:#fffaf0;padding:4px 8px 5px}
.workshop-ui[data-mode=inventory] .garden-inventory .inv-stats>div+div {border-left:2px solid #dcc394;padding-left:8px}
.workshop-ui[data-mode=inventory] .garden-inventory .inv-stats span {display:block;font:700 13px/1.15 Rajdhani,sans-serif;color:var(--ui-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.workshop-ui[data-mode=inventory] .garden-inventory .inv-stats strong {font:700 20px/1.15 Rajdhani,sans-serif;color:var(--ui-ink)}
.workshop-ui[data-mode=inventory] .garden-inventory .inv-stats small {font:600 13px/1 Rajdhani,sans-serif;color:var(--ui-muted);margin-left:3px}
.workshop-ui[data-mode=inventory] .garden-inventory .inv-detail :is(.inv-note,.inv-spec,.inv-fit,.inv-finish,.inv-about,.inv-about p,.inv-condition>div,.inv-compare) {font:600 15px/1.35 Rajdhani,sans-serif}
.workshop-ui[data-mode=inventory] .garden-inventory .inv-detail :is(.inv-note,.inv-spec,.inv-about) {color:var(--ui-muted)}
.workshop-ui[data-mode=inventory] .garden-inventory .inv-detail .inv-finish {padding:4px 0 6px;border-bottom:2px dotted #d9c193}
.workshop-ui[data-mode=inventory] .garden-inventory .inv-detail .inv-finish small {font:600 13px Rajdhani,sans-serif}
.workshop-ui[data-mode=inventory] .garden-inventory .inv-detail .inv-condition meter {height:8px;margin:3px 0 6px}
.workshop-ui[data-mode=inventory] .garden-inventory .inv-detail .inv-about summary {cursor:pointer;font:700 15px/1.3 Rajdhani,sans-serif;color:#8a5f3c}
.workshop-ui[data-mode=inventory] .garden-inventory .inv-detail .inv-kind {order:-1}
/* Actions: the main one across, the quieter ones (repair, unequip, sell) side by side. */
.workshop-ui[data-mode=inventory] .garden-inventory .inv-detail .inv-actions {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;align-content:end}
.workshop-ui[data-mode=inventory] .garden-inventory .inv-detail .inv-actions>:is(.inv-button:not(.secondary),.inv-sale-confirm,:only-child) {grid-column:1/-1;order:1}
.workshop-ui[data-mode=inventory] .garden-inventory .inv-detail .inv-actions .inv-button {margin:0;min-height:44px;font:700 16px/1.2 Rajdhani,sans-serif!important}

/* Locked PCs remain inspectable; only their purchase is disabled. */
.workshop-ui[data-mode=market] .garden-market .market-prebuilt[data-locked="true"],
.workshop-ui[data-mode=market] .garden-market .market-detail-stage[data-locked="true"]{opacity:.94}
.workshop-ui[data-mode=market] .garden-market .market-prebuilt-lock{position:absolute;left:50%;top:52%;z-index:3;transform:translate(-50%,-50%) rotate(-16deg);padding:4px 12px;border:3px solid #91491f;color:#91491f;background:#fff3dbe8;box-shadow:0 2px 0 #e4bb8d;font:700 clamp(17px,calc(24 * var(--mk)),28px)/1.1 Rajdhani,sans-serif;letter-spacing:2px;pointer-events:none;white-space:nowrap}
.workshop-ui[data-mode=market] .garden-market .market-prebuilt-tag[data-tag=locked]{display:inline-flex;color:#91491f;background:#fff0d7;border-color:#d6a47c}