/* Category navigation stays within the inventory view; customer/order layouts are untouched. */
#inventoryView .inventory-wrap { max-width:1400px; width:calc(100% - 32px); margin:0 auto 28px; }
#inventoryView .inventory-heading { gap:12px; }
#inventoryView #resetInventory { border:1px solid #8c7453; background:#242927; color:#efcc94; }
#inventoryView .inventory-create { padding:0 14px; margin-bottom:10px; }
#inventoryView .inventory-create summary { min-height:48px; padding:12px 0; cursor:pointer; font-weight:800; color:var(--night-gold-soft); }
#inventoryView .inventory-create-fields { padding-bottom:14px; }
#inventoryView .inventory-edit-feedback { margin:0 0 10px; }
#inventoryView .inventory-edit-feedback:empty { display:none; }
.inventory-category-tabs { display:flex; flex-wrap:wrap; gap:8px; margin:12px 0 16px; }
.inventory-category-tabs button { display:flex; align-items:center; justify-content:center; gap:8px; min-height:46px; padding:9px 14px; border:1px solid #75654d; border-radius:8px; background:#1b211e; color:#f4eddf; font:inherit; font-size:15px; font-weight:700; cursor:pointer; }
.inventory-category-tabs button span { min-width:22px; padding:2px 6px; border-radius:12px; background:#ffffff12; font-size:12px; }
.inventory-category-tabs button.active { background:#d4aa69; color:#231e17; border-color:#e7c58e; box-shadow:inset 0 -3px #886537; }
.inventory-category-tabs button.active span { background:#201b1420; }
#inventoryView button:focus-visible,#inventoryView summary:focus-visible { outline:3px solid #e7c58e; outline-offset:3px; }
.inventory-filter-bar { display:flex; align-items:flex-end; flex-wrap:wrap; gap:12px; }
.inventory-search-label { display:grid; gap:5px; flex:1 1 250px; color:var(--night-muted); font-size:13px; font-weight:700; }
#inventorySearch { width:100%; min-width:0; min-height:44px; padding:9px 12px; border:1px solid #71634e; border-radius:7px; background:#181d1b; color:var(--night-text); font-size:16px; }
.inventory-sold-filter { display:flex; align-items:center; gap:8px; min-height:44px; padding:0 10px; border:1px solid #71634e; border-radius:7px; color:var(--night-text); cursor:pointer; font-size:14px; }
.inventory-sold-filter:has(input:checked) { background:#493c26; border-color:#d4aa69; color:#f5d8a8; }
.inventory-sold-filter input { width:20px; height:20px; accent-color:#d4aa69; }
#clearInventoryFilters { min-height:44px; padding:9px 12px; border:1px solid #71634e; border-radius:7px; background:#242927; color:var(--night-text); cursor:pointer; }
.inventory-filter-summary { margin:14px 0 5px; color:#efcc94; font-size:15px; font-weight:800; }
.inventory-draft-hint { margin:0 0 14px; color:var(--night-muted); font-size:12px; }
#inventoryView .inventory-group h3 { display:flex; align-items:center; flex-wrap:wrap; justify-content:space-between; gap:8px; padding:12px 14px; color:#f5d8a8; font-size:18px; }
#inventoryView .inventory-group h3 small { color:#d6c8b5; font-size:12px; font-weight:500; }
#inventoryView .inventory-editor input:not([type=checkbox]),#inventoryView .inventory-create input:not([type=checkbox]),#inventoryView select { min-height:44px; font-size:16px; }
#inventoryView .inventory-row input:not([type=checkbox]) { width:100%; }
#inventoryView .inventory-online { min-height:44px; }
#inventoryView .inventory-row-actions button,#inventoryView #addInventoryItem,#resetInventory { min-height:44px; }
#inventoryView .inventory-group[hidden],#inventoryView .inventory-list-item[hidden],#inventoryView .inventory-editor[hidden] { display:none!important; }
.inventory-list-heading,#inventoryView .inventory-inline-row { display:grid; grid-template-columns:minmax(180px,1fr) 90px 162px 80px 142px; align-items:center; gap:12px; padding:7px 14px; }
.inventory-list-heading { min-height:34px; background:#1e2421; color:#bfb7a6; font-size:12px; font-weight:700; }
.inventory-list-heading>span:not(:first-child) { text-align:center; }
.inventory-list-item { min-width:0; border-top:1px solid #ffffff12; }
.inventory-list-item:nth-child(even) { background:#ffffff03; }
#inventoryView .inventory-inline-row { min-height:62px; }
#inventoryView .inventory-inline-row>label,#inventoryView .inventory-inline-row>.inventory-stock-field { min-width:0; margin:0; position:relative; }
#inventoryView .inventory-inline-row input:not([type=checkbox]) { width:100%; min-width:0; height:44px; padding:8px 10px; border:1px solid #657266; border-radius:6px; background:#1b221e; color:#f5efdf; font-size:16px; font-weight:600; }
#inventoryView .inventory-inline-row input[type=number] { text-align:center; font-variant-numeric:tabular-nums; appearance:textfield; }
#inventoryView .inventory-inline-row input[type=number]::-webkit-inner-spin-button { appearance:none; }
#inventoryView .inventory-inline-row input:focus { outline:2px solid #e7c58e; outline-offset:1px; }
#inventoryView .inventory-inline-row .inventory-online { justify-content:center; color:#d3e3d3; font-size:14px; cursor:pointer; }
#inventoryView .inventory-inline-row .inventory-online input { accent-color:#d4aa69; }
#inventoryView .inventory-inline-row .inventory-row-actions { grid-column:auto; gap:8px; }
#inventoryView .inventory-inline-row .inventory-row-actions button { flex:1; min-width:0; padding:8px 7px; font-size:14px; border-color:#71917b; background:#385742; color:#f5f2e9; }
#inventoryView .inventory-inline-row .inventory-row-actions button.delete { border-color:#81554b; background:transparent; color:#e5a99a; }
#inventoryView .inventory-inline-row input:disabled { opacity:.65; cursor:wait; }
.inventory-field-label { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
#inventoryView .inventory-list-item.out [data-menu-quantity] { color:#ffc5b6; border-color:#986354; }
.inventory-quantity-control { display:grid; grid-template-columns:44px minmax(0,1fr) 44px; gap:4px; align-items:center; }
#inventoryView .inventory-quantity-control [data-menu-quantity] { padding:8px 2px; }
.inventory-quantity-control button { width:44px; height:44px; padding:0; border:1px solid #87704e; border-radius:6px; background:#303b32; color:#f5d8a8; font:700 22px sans-serif; cursor:pointer; touch-action:manipulation; }
.inventory-quantity-control button:active { background:#d4aa69; color:#231e17; }
.inventory-quantity-control button:disabled { opacity:.55; cursor:wait; }
@media(max-width:899px){
  .inventory-list-heading,#inventoryView .inventory-inline-row { grid-template-columns:minmax(130px,1fr) 70px 150px 65px 128px; gap:8px; padding-left:10px; padding-right:10px; }
}
@media(max-width:699px){
  #inventoryView .inventory-wrap { padding:14px; }
  #inventoryView .inventory-heading { flex-wrap:wrap; }
  .inventory-category-tabs { gap:6px; }
  .inventory-category-tabs button { flex:1 0 auto; padding:8px 10px; }
  .inventory-search-label { flex-basis:100%; }
  .inventory-list-heading { display:none; }
  #inventoryView .inventory-inline-row { grid-template-columns:1fr 1fr; gap:8px 12px; padding:12px; }
  #inventoryView .inventory-inline-row .inventory-name-field { grid-column:1/-1; }
  #inventoryView .inventory-inline-row .inventory-stock-field { grid-column:1/-1; display:grid; gap:4px; }
  #inventoryView .inventory-inline-row .inventory-online { grid-column:2; grid-row:2; }
  #inventoryView .inventory-inline-row .inventory-row-actions { grid-column:1/-1; }
  .inventory-field-label { position:static; width:auto; height:auto; overflow:visible; clip-path:none; white-space:normal; font-size:12px; color:#c2bcae; }
  #inventoryView .inventory-inline-row .inventory-online { justify-content:flex-start; }
  #inventoryView .inventory-inline-row .inventory-row-actions { gap:6px; }
}
