.inventoryLockedHero h2 { font-size: clamp(1.3rem,2.35vw,1.75rem) !important; max-width: 620px; }
.inventoryLockedHero h2 .titleIcon,
.inventoryBenefitGrid h3 .titleIcon { display: none !important; }
.inventoryLockedMark { border-radius: 22px; }
.inventoryLockedMark svg { width: 46px; height: 46px; overflow: visible; }
.inventoryBenefitGrid article { position: relative; overflow: hidden; transition: transform .2s ease,border-color .2s ease,box-shadow .2s ease,background .2s ease; }
.inventoryBenefitGrid article::after { content: ""; position: absolute; inset: auto 12% 0; height: 2px; background: linear-gradient(90deg,transparent,var(--accent2),transparent); opacity: 0; transform: scaleX(.5); transition: .2s ease; }
.inventoryBenefitGrid article:hover { transform: translateY(-5px); border-color: color-mix(in srgb,var(--accent) 52%,var(--line)); background: color-mix(in srgb,var(--surface-raised) 94%,var(--accent) 6%); box-shadow: 0 18px 36px color-mix(in srgb,var(--accent) 13%,rgba(0,0,0,.18)); }
.inventoryBenefitGrid article:hover::after { opacity: .9; transform: scaleX(1); }
.benefitIcon svg { width: 21px; height: 21px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }

.inventoryTableActions { display: flex; justify-content: space-between; align-items: center; gap: 16px; margin: 18px 0 10px; }
.inventoryTableActions > div:first-child { display: grid; gap: 3px; }
.inventoryTableActions strong { color: var(--text); font-size: .96rem; }
.inventoryTableActions span { color: var(--muted); font-size: .78rem; }
.inventoryTableActions > div:last-child { display: flex; gap: 9px; }

@media(max-width:620px){
  .tabs { display: grid !important; grid-template-columns: repeat(2,minmax(0,1fr)) !important; overflow: visible !important; gap: 8px !important; }
  .tabs .tab { min-width: 0 !important; width: 100% !important; min-height: 48px !important; white-space: nowrap !important; font-size: .76rem !important; padding: 10px 8px !important; }
  .inventoryTableActions { align-items: flex-start; flex-direction: column; }
  .inventoryTableActions > div:last-child,.inventoryTableActions .btn { width: 100%; }
  .inventoryTableActions > div:last-child { display: grid; grid-template-columns: 1fr 1fr; }
}

@media(prefers-reduced-motion:reduce){.inventoryBenefitGrid article,.inventoryBenefitGrid article::after{transition:none}.inventoryBenefitGrid article:hover{transform:none}}

/* Inventory overview details */
.inventoryPageMetrics{align-items:start}
.inventoryPageMetrics .inventoryMetric{position:relative;z-index:1;min-height:92px;overflow:hidden;cursor:help;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease,background .2s ease}
.inventoryPageMetrics .inventoryMetric:hover,.inventoryPageMetrics .inventoryMetric:focus,.inventoryPageMetrics .inventoryMetric:focus-within{z-index:4;transform:translateY(-3px) scale(1.025);border-color:color-mix(in srgb,var(--accent) 52%,var(--line));background:color-mix(in srgb,var(--surface-raised) 94%,var(--accent) 6%);box-shadow:0 16px 34px color-mix(in srgb,var(--accent) 15%,rgba(0,0,0,.2));outline:0}
.inventoryPageMetrics .inventoryMetric:focus-visible{outline:3px solid color-mix(in srgb,var(--accent) 34%,transparent);outline-offset:3px}
.inventoryMetricDetails{max-height:0;margin-top:0;overflow:auto;opacity:0;color:var(--muted);font-size:.69rem;line-height:1.42;transition:max-height .24s ease,margin-top .24s ease,opacity .18s ease}
.inventoryMetric:hover .inventoryMetricDetails,.inventoryMetric:focus .inventoryMetricDetails,.inventoryMetric:focus-within .inventoryMetricDetails{max-height:112px;margin-top:9px;opacity:1}
.inventoryBreakdown{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:-7px 0 20px}
.inventoryBreakdown>section,.inventoryBreakdownCard{min-width:0;display:flex;flex-direction:column;padding:13px 14px;border:1px solid var(--line);border-radius:15px;background:color-mix(in srgb,var(--panel2) 94%,var(--accent) 6%)}
.inventoryBreakdownHeading{display:flex;align-items:center;justify-content:flex-start;gap:8px 12px;margin-bottom:9px;flex-wrap:wrap}.inventoryBreakdownHeading span{color:var(--text);font-size:.75rem;font-weight:900}.inventoryBreakdownHeading small{color:var(--muted);font-size:.64rem;text-align:left;flex:1 1 auto;min-width:0}
.inventoryBreakdownChips{display:flex;flex-wrap:wrap;gap:7px;flex:1 1 auto}
.inventoryBreakdownFooter{display:flex;justify-content:flex-start;margin-top:auto;padding-top:12px}
.inventoryBreakdownViewAll{appearance:none;margin:0;border:0;padding:0;background:transparent;color:var(--accent,#59b8ff);font:600 .82rem var(--app-font,system-ui);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px;cursor:pointer;white-space:nowrap}.inventoryBreakdownViewAll:hover,.inventoryBreakdownViewAll:focus-visible{filter:brightness(1.15);text-decoration-thickness:2px;outline:none}.inventoryBreakdownViewAll:focus-visible{outline:2px solid var(--accent,#59b8ff);outline-offset:5px;border-radius:4px}
.inventoryBreakdownChip{display:inline-flex;align-items:center;gap:6px;min-height:28px;padding:5px 8px;border:1px solid var(--line);border-radius:999px;background:var(--surface-input);color:var(--muted);font-size:.68rem;font-weight:800}.inventoryBreakdownChip i{width:10px;height:10px;flex:0 0 10px;border:1px solid color-mix(in srgb,var(--chip-color) 72%,var(--text));border-radius:50%;background:var(--chip-color);box-shadow:0 0 8px color-mix(in srgb,var(--chip-color) 45%,transparent)}.inventoryBreakdownChip strong{min-width:18px;padding:2px 5px;border-radius:999px;background:var(--accent-soft);color:var(--accent2);text-align:center}.inventoryBreakdownChip.type{color:var(--text)}
.inventoryColorCopy{display:grid;gap:1px;line-height:1.05}.inventoryColorCopy>span{color:var(--text)}.inventoryColorWeight{color:var(--muted);font-size:.58rem;font-weight:650;white-space:nowrap}.inventoryBreakdownEmpty{color:var(--muted);font-size:.7rem}.inventoryColorChip{position:relative;align-items:center}
.inventoryLowDetailItem{display:flex;align-items:center;gap:7px;margin-top:5px}.inventoryLowDetailItem:first-child{margin-top:0}.inventoryLowDetailItem i{width:10px;height:10px;flex:0 0 10px;border:1px solid color-mix(in srgb,var(--low-color) 68%,var(--text));border-radius:50%;background:var(--low-color);box-shadow:0 0 8px color-mix(in srgb,var(--low-color) 42%,transparent)}
@media(max-width:700px){.inventoryBreakdown{grid-template-columns:1fr}.inventoryBreakdownHeading{align-items:flex-start;flex-direction:column;gap:2px}.inventoryBreakdownHeading small{text-align:left}}
@media(prefers-reduced-motion:reduce){.inventoryPageMetrics .inventoryMetric,.inventoryMetricDetails{transition:none}.inventoryPageMetrics .inventoryMetric:hover,.inventoryPageMetrics .inventoryMetric:focus{transform:none}}