.inventory-summary-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
  margin-bottom:16px;
}
.inventory-summary-card{
  min-height:112px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:16px;
  border:1px solid var(--line);
  border-radius:16px;
  background:#fff;
  box-shadow:var(--shadow-soft);
}
.inventory-summary-card small{
  color:var(--muted);
  font-size:11px;
  font-weight:900;
  letter-spacing:.06em;
  text-transform:uppercase;
}
.inventory-summary-card b{
  margin:7px 0 6px;
  color:var(--navy);
  font-size:31px;
  line-height:1;
}
.inventory-summary-card span{color:var(--muted);font-size:12px;font-weight:650}
.inventory-hub-option{min-height:88px}
.inventory-panel{animation:panel-in .18s ease}
.inventory-filter-grid{
  display:grid;
  grid-template-columns:minmax(220px,2fr) repeat(3,minmax(150px,1fr));
  gap:10px;
  margin-bottom:13px;
}
.inventory-filter-grid input,.inventory-filter-grid select,
.inventory-form-grid input,.inventory-form-grid select,.inventory-form-grid textarea{
  width:100%;
  min-height:45px;
  padding:11px 12px;
  border:1px solid var(--line-strong);
  border-radius:11px;
  background:#fff;
  color:var(--ink);
}
.inventory-form-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}
.inventory-form-grid label{
  display:flex;
  flex-direction:column;
  gap:6px;
  color:var(--muted);
  font-size:12px;
  font-weight:800;
}
.inventory-form-grid .wide{grid-column:1/-1}
.inventory-form-grid textarea{min-height:116px;resize:vertical}
.inventory-unit-row,.inventory-count-row{
  width:100%;
  margin-bottom:10px;
  padding:15px;
  text-align:left;
  border:1px solid var(--line);
  border-radius:14px;
  background:#fff;
  color:var(--ink);
  cursor:pointer;
  box-shadow:var(--shadow-soft);
  transition:.16s ease;
}
.inventory-unit-row:hover,.inventory-count-row:hover{
  transform:translateY(-1px);
  border-color:#b8cde1;
  box-shadow:var(--shadow);
}
.inventory-unit-main,.inventory-unit-foot,.inventory-count-row{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:14px;
}
.inventory-unit-main small,.inventory-product-row small,.inventory-count-row small{
  display:block;
  margin-bottom:4px;
  color:var(--blue);
  font-size:10px;
  font-weight:900;
  letter-spacing:.08em;
}
.inventory-unit-main b,.inventory-product-row b,.inventory-count-row b{
  display:block;
  color:var(--navy);
  font-size:15px;
}
.inventory-unit-main div>span,.inventory-product-row div>span,.inventory-count-row div>span{
  display:block;
  margin-top:4px;
  color:var(--muted);
  font-size:12px;
}
.inventory-unit-foot{
  margin-top:12px;
  padding-top:10px;
  border-top:1px solid #edf1f5;
  color:var(--muted);
  font-size:12px;
  font-weight:700;
}
.inventory-state{
  display:inline-flex;
  align-items:center;
  flex:0 0 auto;
  padding:6px 9px;
  border-radius:999px;
  font-size:10px;
  font-weight:900;
}
.inventory-state.ok{background:var(--green-soft);border:1px solid #cdebd9;color:#08743b}
.inventory-state.warning{background:var(--amber-soft);border:1px solid #f0d47a;color:#715700}
.inventory-state.danger{background:var(--red-soft);border:1px solid #f2cdd1;color:#a51f28}
.inventory-state.neutral{background:#eef2f6;border:1px solid #dce4ec;color:#4b5e73}
.inventory-unit-detail{
  border:1px solid #b9d1e6;
  box-shadow:0 18px 44px rgba(7,31,61,.12);
}
.inventory-detail-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:9px;
  margin:14px 0 18px;
}
.inventory-detail-grid>span{
  padding:11px;
  border:1px solid #e5edf4;
  border-radius:11px;
  background:#f8fafc;
}
.inventory-detail-grid small{display:block;color:var(--muted);font-size:10px;font-weight:900;text-transform:uppercase}
.inventory-detail-grid b{display:block;margin-top:5px;color:var(--ink);font-size:13px;overflow-wrap:anywhere}
.inventory-movement-list{display:grid;gap:8px}
.inventory-movement-row{
  padding:11px 12px;
  border-left:4px solid var(--blue);
  border-radius:9px;
  background:#f6f9fc;
}
.inventory-movement-row b,.inventory-movement-row span,.inventory-movement-row small{display:block}
.inventory-movement-row span,.inventory-movement-row small{margin-top:3px;color:var(--muted);font-size:11px}
.inventory-movement-row p{margin:6px 0;color:var(--ink);font-size:12px}
.inventory-product-row{
  display:flex;
  justify-content:space-between;
  gap:14px;
  padding:13px 0;
  border-bottom:1px solid #e8eef4;
}
.inventory-product-row:last-child{border-bottom:0}
.inventory-product-stock{text-align:right;flex:0 0 auto}
.inventory-product-stock b{font-size:24px}
.inventory-location-chip{
  display:inline-flex;
  margin:4px 5px 4px 0;
  padding:7px 10px;
  border:1px solid #d7e5f2;
  border-radius:999px;
  background:#f3f8fc;
  color:var(--blue);
  font-size:11px;
  font-weight:850;
}
.inventory-bulk-help{
  padding:11px 12px;
  border:1px dashed #b9cddd;
  border-radius:11px;
  background:#f7fafc;
  color:var(--muted);
  font-size:12px;
}
.inventory-bulk-help b,.inventory-bulk-help span{display:block}
.danger-text{color:var(--red);font-weight:800}
.inventory-ok-text{color:var(--green);font-weight:850}
.inventory-count-metrics{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:8px;
  margin:12px 0;
}
.inventory-count-metrics span{
  padding:10px;
  border:1px solid #e5edf4;
  border-radius:11px;
  text-align:center;
  background:#f8fafc;
}
.inventory-count-metrics small{display:block;color:var(--muted);font-size:9px;font-weight:900;text-transform:uppercase}
.inventory-count-metrics b{display:block;margin-top:4px;color:var(--navy);font-size:23px}
.inventory-scan-row{
  display:flex;
  justify-content:space-between;
  gap:10px;
  padding:9px 10px;
  margin-bottom:6px;
  border-radius:9px;
  background:#f4f7fa;
  font-size:12px;
}
.inventory-scan-row.ok{border-left:4px solid var(--green)}
.inventory-scan-row.danger{border-left:4px solid var(--red)}
.inventory-scan-row span{color:var(--muted);text-align:right}
.inventory-count-row>div:last-child{text-align:right}
.inventory-count-row>div:last-child small{margin-top:7px;color:var(--muted);letter-spacing:0}
.inventory-readonly-note{
  display:block;
  margin:-2px 0 9px;
  color:var(--muted);
  font-size:11px;
}
input[readonly]{background:#f0f4f7!important;color:#53667a}

@media(max-width:850px){
  .inventory-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .inventory-filter-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:620px){
  .inventory-summary-grid,.inventory-filter-grid,.inventory-form-grid,.inventory-detail-grid{grid-template-columns:1fr}
  .inventory-form-grid .wide{grid-column:auto}
  .inventory-count-metrics{grid-template-columns:repeat(2,1fr)}
  .inventory-unit-main,.inventory-unit-foot,.inventory-count-row,.inventory-product-row{flex-direction:column;align-items:stretch}
  .inventory-product-stock,.inventory-count-row>div:last-child{text-align:left}
  .inventory-unit-foot{gap:5px}
}