.inventory-batch-notices {
  margin: .8rem 0;
  border: 1px solid var(--tr-border);
  border-radius: .65rem;
  overflow-wrap: anywhere;
}
.inventory-batch-notices > summary {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: .5rem 1rem;
  padding: .8rem 1rem;
  cursor: pointer;
  list-style: none;
}
.inventory-batch-notices > summary::-webkit-details-marker { display: none; }
.inventory-batch-notices > summary:focus-visible { outline: 2px solid var(--tr-blue-600); outline-offset: 2px; }
.inventory-batch-notices-counts { display: flex; flex-wrap: wrap; gap: .35rem .9rem; font-size: .88rem; }
.inventory-batch-notices-attention { color: var(--tr-amber-700); font-weight: 700; }
.inventory-batch-notices-toggle { margin-left: auto; font-size: .85rem; }
.inventory-batch-notices-toggle::after { content: '⌄'; margin-left: .5rem; }
.inventory-batch-notices[open] .inventory-batch-notices-toggle::after { content: '⌃'; }
.inventory-batch-notices-body { padding: 0 1rem 1rem; }
.inventory-batch-notices-toolbar { display: flex; align-items: center; flex-wrap: wrap; gap: .6rem 1rem; padding: .7rem 0; border-top: 1px solid var(--tr-border); }
.inventory-batch-notices-toolbar > span { flex: 1 1 16rem; font-size: .85rem; opacity: .8; }
.inventory-batch-notices-body > .inventory-status { padding: .8rem 0; border: 0; border-top: 1px solid var(--tr-border); background: transparent; line-height: 1.65; }
.inventory-batch-notices-body .inventory-status > button { margin: .3rem 0 .3rem .5rem; white-space: normal; }
@media (max-width: 600px) {
  .inventory-batch-notices-counts { order: 1; flex-basis: 100%; }
  .inventory-batch-notices-body .inventory-status > button { margin-left: 0; margin-right: .5rem; }
}