/* ───────────────────────── A ───────────────────────── */
.inventory-a { padding: 28px 36px; max-width: 1280px; margin: 0 auto; }
.inventory-a__head { margin-bottom: 28px; }
.inventory-a__crumb { font-size: 11px; font-family: var(--pos-font-mono); color: var(--color-text-secondary); letter-spacing: 0.05em; }
.inventory-a__title { font-family: var(--pos-font-display); font-size: 28px; font-weight: 700; margin: 4px 0; letter-spacing: -0.02em; }
.inventory-a__sub { font-size: 14px; color: var(--color-text-secondary); }
.inventory-a__sections { display: flex; flex-direction: column; gap: 24px; }
.inventory-a__section {}
.inventory-a__h2 { font-family: var(--pos-font-display); font-size: 14px; font-weight: 700; margin: 0 0 12px; color: var(--color-text-secondary); text-transform: uppercase; letter-spacing: 0.05em; }
.inventory-a__grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 10px; }
.inventory-a__item { padding: 16px 18px; background: var(--color-surface); border: 1px solid var(--color-border); border-radius: 12px; cursor: pointer; text-align: left; font: inherit; color: var(--color-text); }
.inventory-a__item:hover { background: color-mix(in oklab, var(--color-text) 4%, var(--color-surface)); border-color: color-mix(in oklab, var(--color-primary) 30%, var(--color-border)); }
.inventory-a__item-head { display: flex; justify-content: space-between; align-items: center; }
.inventory-a__item-label { font-weight: 600; font-size: 14px; }
.inventory-a__item-count { font-family: var(--pos-font-mono); font-size: 11px; color: var(--color-text-secondary); padding: 2px 8px; background: color-mix(in oklab, var(--color-text) 8%, var(--color-surface)); border-radius: 999px; font-weight: 700; }
.inventory-a__item-sub { font-size: 12px; color: var(--color-text-secondary); margin-top: 4px; }

/* ───────────────────────── B ───────────────────────── */
.inventory-b { padding: 18px 22px; font-family: var(--pos-font-mono); }
.inventory-b__head { display: flex; justify-content: space-between; align-items: center; margin-bottom: 12px; }
.inventory-b__title { font-size: 18px; font-weight: 700; margin: 0 0 12px; letter-spacing: 0.02em; }
.inventory-b__cols { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 10px; }
.inventory-b__col { background: var(--color-surface); border: 1px solid var(--color-border); border-radius: 6px; overflow: hidden; }
.inventory-b__col-head { padding: 8px 12px; background: color-mix(in oklab, var(--color-text) 5%, var(--color-surface)); border-bottom: 1px solid var(--pos-divider); font-size: 10px; font-weight: 700; letter-spacing: 0.05em; text-transform: uppercase; color: var(--color-text-secondary); }
.inventory-b__list { list-style: none; padding: 0; margin: 0; }
.inventory-b__row { display: flex; justify-content: space-between; align-items: center; width: 100%; padding: 9px 12px; border: 0; background: transparent; color: var(--color-text); font: inherit; font-size: 12px; cursor: pointer; text-align: left; border-bottom: 1px solid var(--pos-divider); }
.inventory-b__list li:last-child .inventory-b__row { border-bottom: 0; }
.inventory-b__row:hover { background: color-mix(in oklab, var(--color-text) 5%, transparent); }
.inventory-b__row-label { font-weight: 600; }
.inventory-b__row-count { font-size: 10px; color: var(--color-text-secondary); padding: 1px 6px; background: color-mix(in oklab, var(--color-text) 8%, var(--color-surface)); border-radius: 999px; }

/* ───────────────────────── C ───────────────────────── */
.inventory-c { padding: 16px; max-width: 900px; margin: 0 auto; }
.inventory-c__head { margin-bottom: 16px; }
.inventory-c__title { font-family: var(--pos-font-display); font-size: 22px; font-weight: 700; margin: 0; letter-spacing: -0.02em; }
.inventory-c__accordion { display: flex; flex-direction: column; gap: 8px; }
.inventory-c__section { background: var(--color-surface); border: 1px solid var(--color-border); border-radius: 12px; overflow: hidden; }
.inventory-c__sec-head { display: flex; justify-content: space-between; align-items: center; width: 100%; padding: 14px 16px; border: 0; background: transparent; color: var(--color-text); font: inherit; font-weight: 700; font-size: 14px; cursor: pointer; text-align: left; }
.inventory-c__sec-head:hover { background: color-mix(in oklab, var(--color-text) 4%, var(--color-surface)); }
.inventory-c__caret { font-size: 16px; transition: transform 200ms ease; color: var(--color-text-secondary); }
.inventory-c__caret.is-open { transform: rotate(180deg); }
.inventory-c__sec-body { border-top: 1px solid var(--pos-divider); }
.inventory-c__item { display: flex; align-items: center; gap: 8px; width: 100%; padding: 13px 16px; border: 0; background: transparent; color: var(--color-text); font: inherit; font-size: 14px; cursor: pointer; text-align: left; border-bottom: 1px solid var(--pos-divider); }
.inventory-c__sec-body button:last-child { border-bottom: 0; }
.inventory-c__item:hover { background: color-mix(in oklab, var(--color-text) 4%, var(--color-surface)); }
.inventory-c__item-label { flex: 1; font-weight: 500; }
.inventory-c__item-count { font-family: var(--pos-font-mono); font-size: 11px; color: var(--color-text-secondary); padding: 2px 8px; background: color-mix(in oklab, var(--color-text) 8%, var(--color-surface)); border-radius: 999px; font-weight: 700; }
.inventory-c__chev { color: var(--color-text-secondary); font-size: 18px; }