.inventory-fit { margin: 1rem 0; }
/* Keep count and rotation controls reachable while the preview tool is open. */
body:has(#inventory-fit-section[open]) .support-notice { display: none; }
.inventory-fit details { border: 1px solid var(--border, #68634e); border-radius: 8px; padding: 1rem; }
.inventory-fit summary { cursor: pointer; font-weight: 700; }
.inventory-fit p { line-height: 1.5; }
.inventory-fit fieldset { border: 0; padding: 0; min-width: 0; }
.inventory-fit label { display: grid; gap: .3rem; min-width: 0; }
.inventory-fit input:not([type=checkbox]), .inventory-fit select { width: 100%; box-sizing: border-box; min-width: 0; min-height: 40px; }
.inventory-fit button { min-height: 40px; white-space: normal; }
.inventory-fit-add-controls { display: grid; grid-template-columns: 1fr 1fr auto; gap: .7rem; align-items: end; margin: .8rem 0; }
.inventory-fit-actions { display: flex; flex-wrap: wrap; gap: .6rem; }
.inventory-fit-contents { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr)); gap: .8rem; margin: .8rem 0; }
.inventory-fit-contents article { padding: .8rem; border: 1px solid var(--border, #68634e); display: grid; grid-template-columns: 1fr 1fr auto; align-items: end; gap: .5rem; min-width: 0; }
.inventory-fit-contents h3 { grid-column: 1 / -1; margin: 0; overflow-wrap: anywhere; }
.inventory-fit label.inventory-fit-rotate { display: flex; align-items: center; align-self: center; }
.inventory-fit-rotate input { width: 20px; height: 20px; }
.inventory-fit-outcome { font-weight: 700; }
.inventory-fit-grids { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 230px), 1fr)); gap: 1rem; }
.inventory-fit-grids article { min-width: 0; }
.inventory-fit-grids h3 { font-size: 1rem; overflow-wrap: anywhere; }
.inventory-fit-board { display: grid; grid-template-columns: repeat(var(--columns), 1fr); grid-template-rows: repeat(var(--rows), 1fr); width: min(100%, calc(var(--columns) * 40px), 320px); aspect-ratio: var(--columns) / var(--rows); border: 1px solid #8b8d82; background-color: #1c2421; background-image: linear-gradient(#68716866 1px, transparent 1px), linear-gradient(90deg, #68716866 1px, transparent 1px); background-size: calc(100% / var(--columns)) calc(100% / var(--rows)); }
.inventory-fit-board span { background: hsl(var(--color), 35%, 32%); border: 1px solid hsl(var(--color), 40%, 75%); color: #fff; display: grid; place-items: center; font-weight: 700; min-width: 0; }
.inventory-fit-grids ol { padding-left: 1.8rem; }
.inventory-fit-grids li { overflow-wrap: anywhere; margin: .4rem 0; }
.inventory-fit-grids small { display: block; }
@media (max-width: 600px) {
  .inventory-fit details { padding: .75rem; }
  .inventory-fit-add-controls { grid-template-columns: 1fr; }
  .inventory-fit-contents article { grid-template-columns: 1fr 1fr; }
  .inventory-fit-contents button { grid-column: 1 / -1; }
}