/* Inventory Page 1 — material-first dashboard.
   Scoped to the Inventory Page 1 surface so Transform and later pages remain unchanged. */
.mt-inv-page1 .mt-s1-table tbody tr[data-mt-material-open]{
  cursor:pointer;
  transition:background-color .14s ease;
}
.mt-inv-page1 .mt-s1-table tbody tr[data-mt-material-open]:hover{
  background:#f8fbff;
}
.mt-inv-page1 .mt-s1-table tbody tr[data-mt-material-open]:focus{
  outline:2px solid #8bb7f0;
  outline-offset:-2px;
}
.mt-inv-material-cell{
  min-width:260px;
  display:grid;
  grid-template-columns:52px minmax(0,1fr) auto;
  align-items:center;
  gap:12px;
}
.mt-inv-material-thumb{
  width:52px;
  height:52px;
  border-radius:10px;
  overflow:hidden;
  border:1px solid #dfe7f1;
  background:#f5f8fc;
  display:grid;
  place-items:center;
  flex:0 0 auto;
}
.mt-inv-material-thumb img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
}
.mt-inv-material-thumb.has-photo{
  box-shadow:0 4px 12px rgba(16,33,59,.08);
}
.mt-inv-material-thumb.placeholder{
  color:#8ca0b9;
  background:linear-gradient(145deg,#f8fafc,#eef3f8);
  font-size:23px;
}
.mt-inv-material-copy{
  min-width:0;
}
.mt-inv-material-copy .mt-s1-name{
  max-width:100%;
  text-align:start;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.mt-inv-material-copy small{
  display:block;
  margin-top:4px;
}
.mt-inv-row-chevron{
  color:#8799af;
  font-size:22px;
  font-weight:500;
  line-height:1;
}
.mt-inv-page1[dir="rtl"] .mt-inv-row-chevron{
  transform:scaleX(-1);
}
.mt-inv-page1 .mt-s1-head{
  align-items:center;
}
.mt-inv-page1 .mt-s1-refresh{
  flex:0 0 auto;
}
@media(max-width:900px){
  .mt-inv-page1 .mt-s1-tablewrap{
    overflow-x:auto;
  }
  .mt-inv-material-cell{
    min-width:220px;
  }
}
@media(max-width:620px){
  .mt-inv-page1 .mt-s1-head{
    align-items:stretch;
  }
  .mt-inv-page1 .mt-s1-refresh{
    width:100%;
  }
  .mt-inv-material-thumb{
    width:46px;
    height:46px;
  }
  .mt-inv-material-cell{
    grid-template-columns:46px minmax(0,1fr) auto;
    min-width:205px;
    gap:10px;
  }
}
