/* Inventory additions inherit the site's existing buttons, forms and cards. */
.inventory-status { display: flex; gap: 28px; margin-bottom: 24px; border-bottom: 1px solid #313131; }
.inventory-status a { padding-bottom: 12px; border-bottom: 2px solid transparent; color: #989898; font-size: 14px; font-weight: 600; }
.inventory-status a[aria-current], .inventory-status a:hover { color: #fff; border-color: #2058a6; }
.inventory-status span { margin-left: 6px; font-size: 11px; font-weight: 400; color: #989898; }
.inventory-categories { display: flex; flex-wrap: wrap; gap: 8px 24px; padding-bottom: 20px; border-bottom: 1px solid #313131; }
.inventory-category { padding: 4px 0; border-bottom: 2px solid transparent; font-size: 13px; color: #ddd; }
.inventory-category.is-active, .inventory-category:hover { border-color: #2058a6; }
.inventory-category.is-active { color: #fff; }
.inventory-category.is-empty:not(.is-active) { color: #989898; }
.inventory-category span { margin-left: 6px; font-size: 10px; color: #989898; }
.inventory-refine { border-bottom: 1px solid #313131; }
.inventory-refine summary { padding: 16px 0; cursor: pointer; font-size: 12px; color: #ccc; }
.inventory-form { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 24px; padding: 4px 0 24px; }
.inventory-form>label { min-width: 0; font-size: 12px; color: #989898; }
.inventory-form .form-control { margin-top: 8px; border-radius: 0; }
.inventory-form select option { background: #191919; color: #fff; }
.inventory-form-actions { grid-column: 1/-1; display: flex; align-items: center; flex-wrap: wrap; gap: 20px; }
.inventory-checkbox { display: flex; align-items: center; gap: 8px; font-size: 12px; }
.inventory-checkbox input { accent-color: #2058a6; }
.inventory-result-count { margin: 24px 0; color: #989898; font-size: 12px; }
.inventory-active { display: flex; flex-wrap: wrap; gap: 12px 20px; margin: 0 0 24px; }
.inventory-active a { font-size: 11px; }
.inventory-active span { color: #82ace7; margin-left: 4px; }
.inventory-empty { text-align: center; padding: 40px 16px; background: #010101; }
.inventory-empty p { margin-bottom: 24px; font-size: 12px; line-height: 1.8; }
.inventory-pagination { margin-top: 32px; display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; }
.inventory a:focus-visible, .inventory summary:focus-visible, .inventory button:focus-visible { outline: 2px solid #82ace7; outline-offset: 4px; }
@media (max-width: 639px) {
    .inventory-categories { gap: 12px 20px; }
    .inventory-category { font-size: 12px; }
    .inventory-form { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 20px 16px; }
    .inventory-form>label:first-child, .inventory-checkbox { grid-column: 1/-1; }
    .inventory-form-actions { gap: 16px; }
    .inventory-checkbox { flex-basis: 100%; }
}