.inventory-page {
  display: grid;
  gap: 18px;
}
.inventory-page > header,
.inventory-row,
.inventory-toolbar {
  background: #fff;
  border: 1px solid #e6e8ee;
  border-radius: 10px;
  padding: 18px;
}
.inventory-page header h2 {
  margin: 0 0 8px;
}
.inventory-page header p {
  margin: 0;
  color: #66717e;
  line-height: 1.6;
}
.inventory-toolbar {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  align-items: center;
}
.inventory-toolbar button.active {
  background: #1d2735;
  color: #fff;
}
.inventory-toolbar input {
  flex: 1;
  min-width: 220px;
  padding: 10px;
  border: 1px solid #d8dce4;
  border-radius: 6px;
}
.inventory-message {
  color: #526174;
  margin: 0;
}
.inventory-row {
  margin-bottom: 12px;
}
.inventory-title {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: 12px;
}
.inventory-title span {
  color: #647083;
}
.inventory-inputs {
  display: flex;
  align-items: end;
  gap: 14px;
  flex-wrap: wrap;
}
.inventory-inputs label {
  display: grid;
  gap: 6px;
  font-size: 13px;
  color: #526174;
}
.inventory-inputs input {
  width: 145px;
  padding: 9px;
  border: 1px solid #d8dce4;
  border-radius: 6px;
}
.inventory-inputs .inventory-unlimited {
  display: flex;
  align-items: center;
  min-height: 40px;
}
.inventory-unlimited input {
  width: 18px;
  height: 18px;
  margin: 0;
}
.inventory-usage {
  line-height: 1.6;
  color: #536173;
  font-size: 13px;
  margin-right: auto;
}
.inventory-inputs button {
  min-height: 40px;
}
.inventory-pending {
  padding: 15px;
  margin-bottom: 15px;
  background: #fff4e1;
  border: 1px solid #e5b356;
  border-radius: 8px;
}
.inventory-issue {
  color: #a15b2b;
}
.inventory-empty {
  padding: 25px;
  text-align: center;
  color: #8893a0;
}