.items-heading { max-width: 54rem; }
.items-toolbar { display: flex; flex-wrap: wrap; align-items: end; gap: 1rem; margin: 1.5rem 0 1rem; }
.items-toolbar .field { display: flex; flex-direction: column; gap: .35rem; color: var(--ink-dim); font-size: .85rem; }
.items-toolbar input, .items-toolbar select { padding: .7rem .9rem; border: 1px solid var(--line); border-radius: 8px; background: var(--bg-2); color: var(--ink); font: inherit; }
.items-toolbar input { width: min(100%, 30rem); }
.items-toolbar input:focus, .items-toolbar select:focus { outline: 2px solid var(--gold); outline-offset: 2px; }
.items-count, .items-note { color: var(--ink-dim); font-size: .9rem; }
.items-count { margin: 0 0 1rem; }
.items-note { max-width: 58rem; margin-top: 1rem; }
.items-table { border: 1px solid var(--line); border-radius: 12px; background: var(--bg-2); }
.items-table table { min-width: 1040px; }
.items-table caption { text-align: left; padding: 1rem .8rem; color: var(--gold-bright); font-family: var(--font-display); font-weight: bold; }
.items-table td { vertical-align: top; }
.items-table th[scope="row"] { min-width: 15rem; }
.items-table tbody tr:last-child > * { border-bottom: 0; }
.item-name { display: flex; align-items: center; gap: .65rem; }
.item-name strong { font-family: var(--font-display); font-size: 1.05rem; color: var(--gold-bright); font-weight: normal; }
.item-props { display: flex; flex-direction: column; gap: .2rem; min-width: 18rem; }
.item-prop { display: block; }
.item-requirements { color: var(--ink); }
.item-price { font-variant-numeric: tabular-nums; white-space: nowrap; }
.item-price .pill { margin-left: .35rem; }
.item-meta { color: var(--ink-dim); font-size: .85rem; white-space: nowrap; }
.item-row-focus > * { background: var(--bg-3); }
@media (max-width: 640px) {
  .items-toolbar { align-items: stretch; }
  .items-toolbar input, .items-toolbar select { width: 100%; }
}