/* HF203 — Cadastros slim: um material por linha, duas faixas horizontais por item.
   Override isolado para preservar componentes e regras do HF202.
   A primeira faixa exibe identificação e estado; a segunda, atributos e ações.
   No celular apenas os conteúdos das faixas rolam horizontalmente. */
.cadastro-material-list{display:flex;flex-direction:column;gap:6px;width:100%;min-width:0;align-items:stretch}
.cadastro-material-list .cadastro-material-card{
  display:grid;grid-template-columns:minmax(0,1fr) auto;
  grid-template-rows:minmax(42px,auto) 42px;
  align-items:stretch;width:100%;min-width:0;max-width:100%;
  border:1px solid var(--cutflow-border,#e2e8f0);
  border-left:3px solid var(--cutflow-orange,#ff6b00);
  border-radius:7px;background:#fff;overflow:hidden;
  box-shadow:0 1px 3px rgba(7,26,51,.05);
}
.cadastro-material-list .cadastro-material-card-header{
  grid-column:1/-1;grid-row:1;display:flex;flex-wrap:nowrap;align-items:center;
  gap:8px;min-width:0;margin:0;padding:4px 10px;
  border-bottom:1px solid var(--cutflow-border,#e2e8f0);
  background:var(--cutflow-bg,#f6f8fb);
}
.cadastro-material-list .cadastro-material-card-thumb{
  width:31px;height:31px;flex:0 0 31px;padding:2px;border-radius:4px;object-fit:contain;
}
.cadastro-material-list .cadastro-material-card-identidade{
  display:flex;flex:1 1 auto;flex-direction:row;align-items:center;gap:8px;
  min-width:0;max-width:100%;overflow:hidden;
}
.cadastro-material-list .cadastro-material-card-code{
  flex:0 0 auto;max-width:115px;padding:2px 6px;border-radius:4px;
  font-size:.69rem;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.cadastro-material-list .cadastro-material-card-title{
  display:block;flex:0 1 auto;min-width:0;margin:0;font-size:.83rem;font-weight:750;
  line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.cadastro-material-list .cadastro-material-card-subtitle{
  display:block;flex:1 2 auto;min-width:0;margin:0;color:#64748b;
  font-size:.75rem;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.cadastro-material-list .cadastro-material-card-indicadores{
  display:flex;flex:0 0 auto;max-width:38%;width:auto;align-items:center;justify-content:flex-end;
  gap:4px;overflow:hidden;flex-wrap:nowrap;
}
.cadastro-material-list .cadastro-material-card-scope,
.cadastro-material-list .cadastro-material-card-estoque{
  display:inline-block;flex:0 1 auto;max-width:165px;padding:3px 6px;
  font-size:.66rem;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.cadastro-material-list .cadastro-material-card-details{
  grid-column:1;grid-row:2;display:flex;flex-wrap:nowrap;align-items:center;
  gap:0;min-width:0;width:100%;margin:0;padding:0 8px;
  overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;
  scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent;
}
.cadastro-material-list .cadastro-material-card-field,
.cadastro-material-list .cadastro-material-card-field.is-wide{
  display:inline-flex;flex:0 0 auto;flex-direction:row;align-items:center;gap:5px;
  min-width:0;max-width:280px;min-height:30px;margin:0;padding:3px 11px;
  border:0;border-right:1px solid var(--cutflow-border,#e2e8f0);
  white-space:nowrap;overflow:hidden;
}
.cadastro-material-list .cadastro-material-card-field dt{
  flex:0 0 auto;margin:0;font-size:.67rem;line-height:1.3;color:#64748b;
}
.cadastro-material-list .cadastro-material-card-field dd{
  display:block;flex:0 1 auto;min-width:0;max-width:190px;margin:0;
  font-size:.74rem;font-weight:650;line-height:1.4;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.cadastro-material-list .cadastro-material-card-field dd img{height:26px;width:auto;max-width:55px;object-fit:contain;vertical-align:middle}
.cadastro-material-list .cadastro-material-card-field dd input,
.cadastro-material-list .cadastro-material-card-field dd select{
  max-width:120px;height:28px;font-size:.72rem;padding:2px 5px;
}
.cadastro-material-list .cadastro-material-card-field .table-image-picker{max-width:160px;min-width:0}
.cadastro-material-list .cadastro-material-card-actions{
  grid-column:2;grid-row:2;display:flex;flex-wrap:nowrap;align-items:center;
  justify-content:flex-end;gap:4px;width:max-content;max-width:min(34vw,370px);
  min-width:0;margin:0;padding:4px 8px;border-top:0;
  border-left:1px solid var(--cutflow-border,#e2e8f0);
  background:#fff;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;
}
.cadastro-material-list .cadastro-material-card-actions button{
  flex:0 0 auto;min-width:0;min-height:30px;margin:0;padding:4px 7px;
  border-radius:5px;font-size:.7rem;line-height:1.15;white-space:nowrap;
}
.cadastro-material-list .cadastro-material-card-actions button:focus-visible,
.cadastro-material-list .cadastro-material-card-details :is(button,input,select):focus-visible{
  outline:2px solid var(--cutflow-orange,#ff6b00);outline-offset:1px;
}
@media(max-width:760px){
  .cadastro-material-list .cadastro-material-card{
    grid-template-rows:minmax(42px,auto) 42px;
  }
  .cadastro-material-list .cadastro-material-card-header{padding:4px 7px;gap:6px;flex-wrap:nowrap}
  .cadastro-material-list .cadastro-material-card-thumb{width:28px;height:28px;flex-basis:28px}
  .cadastro-material-list .cadastro-material-card-code{max-width:68px;padding:2px 4px;font-size:.64rem}
  .cadastro-material-list .cadastro-material-card-identidade{gap:5px}
  .cadastro-material-list .cadastro-material-card-title{font-size:.78rem}
  .cadastro-material-list .cadastro-material-card-subtitle{display:none}
  .cadastro-material-list .cadastro-material-card-indicadores{max-width:40%}
  .cadastro-material-list .cadastro-material-card-estoque,
  .cadastro-material-list .cadastro-material-card-scope{max-width:100px;font-size:.61rem;padding:2px 4px}
  .cadastro-material-list .cadastro-material-card-details{padding:0 4px}
  .cadastro-material-list .cadastro-material-card-field{padding-inline:7px}
  .cadastro-material-list .cadastro-material-card-actions{max-width:40vw;gap:3px;padding:3px 5px}
  .cadastro-material-list .cadastro-material-card-actions button{
    min-height:34px;padding:4px 6px;font-size:.67rem;
  }
}
@media(max-width:390px){
  .cadastro-material-list .cadastro-material-card-indicadores{max-width:33%}
  .cadastro-material-list .cadastro-material-card-scope{display:none}
  .cadastro-material-list .cadastro-material-card-actions{max-width:43vw}
}
@media(prefers-reduced-motion:reduce){.cadastro-material-list .cadastro-material-card{scroll-behavior:auto}}