.inventory-heading {margin:24px 0 18px}
.inventory-heading-top,.inventory-heading-row {display:flex;align-items:center;justify-content:space-between;gap:12px 24px;flex-wrap:wrap}
.inventory-heading-top {margin-bottom:12px}
.inventory-heading-top .eyebrow {margin:0;color:var(--main);font-size:10px;font-weight:600;letter-spacing:1.5px}
.inventory-heading-top .text-button {font-size:11px}
.inventory-heading-row {margin-bottom:10px}
.inventory-heading-row h1 {margin:0;min-width:0;overflow-wrap:anywhere}
.inventory-categories {display:flex;gap:12px;margin-left:auto}
.inventory-categories button {border:1px solid var(--line);background:var(--background2);border-radius:6px;padding:11px 16px;font-size:11px;font-weight:600;color:var(--muted-white);white-space:nowrap}
.inventory-categories button:hover {border-color:var(--accent-line);color:var(--white)}
.inventory-categories button[aria-pressed="true"] {border-color:var(--main);color:var(--main);background:var(--accent-soft)}
.inventory-overview {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin:22px 0}
.inventory-overview .stat-grid {margin:0;gap:9px;min-width:0}
.inventory-overview .stat-box {padding:17px 12px;display:flex;flex-direction:column;justify-content:center;min-width:0}
.inventory-overview .stat-box span {font-size:10px;line-height:1.5;margin-bottom:8px}
.inventory-overview .stat-box strong {font-size:clamp(16px,1.35vw,23px);overflow-wrap:anywhere;letter-spacing:-.5px}
.inventory-filters {display:grid;grid-template-columns:minmax(130px,1.2fr) minmax(90px,1fr) minmax(90px,1fr);gap:10px;align-content:center;min-width:0}
.inventory-filters .field {margin:0;gap:7px;font-size:10px;color:var(--muted-white);min-width:0}
.inventory-filters select,.inventory-filters .input {width:100%;min-width:0;padding:10px;font-size:11px;box-sizing:border-box}
.inventory-filter-footer {grid-column:1/-1;display:flex;align-items:center;gap:16px;min-width:0}
.inventory-filter-footer>span {color:var(--muted-white);font-size:10px;margin-right:auto}
.inventory-filter-footer .text-button {font-size:10px}
.inventory-filter-footer .button {font-size:10px;padding:7px 13px;min-height:30px}
#inventory-selection {display:none!important}
#page-inventory:has([data-action="select-skins"][aria-pressed="true"]) #inventory-selection:not([hidden]) {display:flex!important;position:sticky;top:max(12px,env(safe-area-inset-top,0px));z-index:15;box-shadow:0 8px 24px #0004}
.inventory-conversion-items {font-size:12px;color:var(--muted-white);margin-bottom:18px}
.inventory-conversion-items summary {cursor:pointer}
.inventory-conversion-receipt {display:flex;flex-direction:column;gap:10px;padding:20px;border:1px solid var(--accent-line);border-radius:7px;background:var(--accent-soft)}
.inventory-conversion-receipt>span,.inventory-conversion-receipt small {font-size:12px;color:var(--muted-white)}
.inventory-conversion-receipt strong {display:flex;align-items:center;gap:10px;font-size:23px;color:var(--main)}
.inventory-conversion-receipt svg {width:23px;height:23px}
@media(max-width:1100px){
  .inventory-overview {grid-template-columns:1fr;gap:16px}
  .inventory-overview .stat-box {padding:16px}
  .inventory-overview .stat-box strong {font-size:20px}
}
@media(max-width:650px){
  .inventory-heading-row {gap:16px}
  .inventory-categories {width:100%;gap:8px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
  .inventory-categories button {padding:12px 4px;font-size:10px}
  .inventory-overview .stat-box {padding:14px 9px}
  .inventory-overview .stat-box strong {font-size:17px}
  .inventory-overview .stat-box span {font-size:9px}
  .inventory-filters {grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) minmax(0,1fr);gap:8px}
  .inventory-filters select,.inventory-filters .input {font-size:11px;padding:10px 7px}
  #inventory-selection .selection-actions {justify-content:flex-end;gap:10px}
  #inventory-selection .selection-actions>.text-button {margin-right:auto}
  #inventory-selection .selection-actions>.button {padding:12px;font-size:11px}
}