/* Inventory Page 2 — material drill-down. Scoped to this surface only. */

.mt-inv-back-button{
  appearance:none;
  border:1px solid #d9e4f2;
  border-radius:10px;
  background:#fff;
  color:#24405f;
  min-height:36px;
  padding:8px 12px;
  margin:0 0 10px;
  display:inline-flex;
  align-items:center;
  gap:7px;
  font:inherit;
  font-size:12px;
  font-weight:800;
  line-height:1.2;
  cursor:pointer;
  box-shadow:none;
}
.mt-inv-back-button:hover{
  background:#f8fbff;
  border-color:#cbd8e8;
}
.mt-inv-back-button:focus-visible{
  outline:2px solid #8bb7f0;
  outline-offset:2px;
}
.mt-inv-back-icon{
  display:inline-block;
  font-size:15px;
  line-height:1;
}
.mt-inv-material-page[dir="rtl"] .mt-inv-back-icon{
  transform:scaleX(-1);
}

.mt-inv-material-page .mt-s1-head{align-items:center}
.mt-inv-material-page .mt-s1-refresh{flex:0 0 auto}
.mt-inv-material-page .mt-s1-table tbody tr[data-mt-stock-row]{
  cursor:pointer;
  transition:background-color .14s ease;
}
.mt-inv-material-page .mt-s1-table tbody tr[data-mt-stock-row]:hover{
  background:#f8fbff;
}
.mt-inv-material-page .mt-s1-table tbody tr[data-mt-stock-row]:focus{
  outline:2px solid #8bb7f0;
  outline-offset:-2px;
}
.mt-inv-stock-cell{
  min-width:250px;
  display:grid;
  grid-template-columns:52px minmax(0,1fr) auto;
  align-items:center;
  gap:12px;
}
.mt-inv-stock-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-stock-thumb img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
}
.mt-inv-stock-thumb.has-photo{
  box-shadow:0 4px 12px rgba(16,33,59,.08);
}
.mt-inv-stock-thumb.placeholder{
  color:#8ca0b9;
  background:linear-gradient(145deg,#f8fafc,#eef3f8);
  font-size:23px;
}
.mt-inv-stock-copy{min-width:0}
.mt-inv-stock-copy .mt-s1-name{
  max-width:100%;
  text-align:start;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.mt-inv-stock-copy small{display:block;margin-top:4px}
.mt-inv-stock-chevron{
  color:#8799af;
  font-size:22px;
  font-weight:500;
  line-height:1;
}
.mt-inv-material-page[dir="rtl"] .mt-inv-stock-chevron{transform:scaleX(-1)}
.mt-inv-material-page .mt-s1-stock-filters button:focus-visible{
  outline:2px solid #8bb7f0;
  outline-offset:2px;
}
@media(max-width:900px){
  .mt-inv-material-page .mt-s1-tablewrap{overflow-x:auto}
  .mt-inv-stock-cell{min-width:220px}
}
@media(max-width:620px){
  .mt-inv-material-page .mt-s1-head{align-items:stretch}
  .mt-inv-material-page .mt-s1-refresh{width:100%}
  .mt-inv-stock-thumb{width:46px;height:46px}
  .mt-inv-stock-cell{
    grid-template-columns:46px minmax(0,1fr) auto;
    min-width:205px;
    gap:10px;
  }
}