/* V1224 — Lista de Peças no padrão do sistema (mesmo modelo da lista de Clientes V1221):
   sem Exportar, sem cartões/grade, sem "Colunas", sem seleção e sem paginação;
   ações com os ícones padrão V1118 (Visualizar · Editar · Duplicar · Excluir) e sem rolagem horizontal.
   Os seletores começam por #main para vencer o padrão global de tabelas (padrao-tabelas-v804). */

.peca-lista-v1224{container-type:inline-size;container-name:pecalista}
.peca-lista-v1224 .peca-list-head{padding:16px 18px!important}
.peca-lista-v1224 .peca-table-wrap-v1224{overflow-x:hidden!important;overflow-y:visible!important;border:0!important;margin:0!important;max-width:100%}
#main .peca-lista-v1224 table.peca-table-v1224.mp-no-column-picker.table-compact{width:100%!important;min-width:0!important;table-layout:fixed!important;border-collapse:collapse!important}
.peca-table-v1224 col.c-codigo{width:88px}
.peca-table-v1224 col.c-img{width:76px}
.peca-table-v1224 col.c-fam{width:124px}
.peca-table-v1224 col.c-proc{width:130px}
.peca-table-v1224 col.c-acab{width:146px}
.peca-table-v1224 col.c-status{width:170px}
.peca-table-v1224 col.c-acoes{width:160px}
#main .peca-lista-v1224 table.peca-table-v1224.mp-no-column-picker.table-compact > thead > tr > th{padding:11px 10px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#main .peca-lista-v1224 table.peca-table-v1224.mp-no-column-picker.table-compact > tbody > tr > td{padding:10px!important;min-width:0!important;overflow:hidden;overflow-wrap:anywhere;height:auto!important}
#main .peca-lista-v1224 table.peca-table-v1224.mp-no-column-picker.table-compact > thead > tr > th:first-child,#main .peca-lista-v1224 table.peca-table-v1224.mp-no-column-picker.table-compact > tbody > tr > td:first-child{padding-left:18px!important}
#main .peca-lista-v1224 table.peca-table-v1224.mp-no-column-picker.table-compact > thead > tr > th.peca-col-acoes,#main .peca-lista-v1224 table.peca-table-v1224.mp-no-column-picker.table-compact > tbody > tr > td.peca-acoes-cell{padding-right:18px!important;text-align:right}
#main .peca-lista-v1224 table.peca-table-v1224.mp-no-column-picker.table-compact > tbody > tr > td:last-child{min-width:0!important}
#main .peca-lista-v1224 table.peca-table-v1224.mp-no-column-picker.table-compact .peca-desc-cell strong{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.3;overflow-wrap:normal}
#main .peca-lista-v1224 table.peca-table-v1224.mp-no-column-picker.table-compact .peca-desc-cell small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:11px;color:#6f8197;margin-top:3px}
#main .peca-lista-v1224 table.peca-table-v1224.mp-no-column-picker.table-compact .peca-desc-cell small.peca-req{font-style:italic;color:#8090a4}
#main .peca-lista-v1224 table.peca-table-v1224.mp-no-column-picker.table-compact .peca-thumb{width:54px;height:54px;object-fit:cover;border-radius:8px}
#main .peca-lista-v1224 table.peca-table-v1224.mp-no-column-picker.table-compact .peca-tags{flex-wrap:wrap}
#main .peca-lista-v1224 table.peca-table-v1224.mp-no-column-picker.table-compact > tbody > tr.peca-row-selecionada > td{background:#f3f8ff!important}
#main .peca-lista-v1224 table.peca-table-v1224.mp-no-column-picker.table-compact > tbody > tr.peca-row-selecionada > td:first-child{box-shadow:inset 3px 0 0 #1766b3}

/* Status — mesmo desenho do status de Clientes, com cor por situação */
.peca-status-v1224{display:inline-flex;align-items:center;gap:7px;padding:6px 10px;border-radius:999px;font-size:11px;font-weight:800;line-height:1.2;max-width:100%;white-space:nowrap;overflow-wrap:normal}
.peca-status-v1224 i{flex:0 0 7px;width:7px;height:7px;border-radius:50%;background:currentColor}
.peca-status-v1224.ativa{background:#e3f6e9;color:#14743a}
.peca-status-v1224.inativa{background:#fce9e8;color:#b52e2b}
.peca-status-v1224.desenv{background:#fff3dd;color:#9a5d0b}
.peca-status-v1224.obsoleta{background:#eef1f5;color:#5d6b7c}

/* Ações — botões de ícone padrão (Clientes / V1118) */
.peca-lista-v1224 .peca-acoes-cell{white-space:nowrap}
.peca-lista-v1224 .peca-acoes-v1224{display:inline-flex!important;gap:6px!important;justify-content:flex-end;align-items:center;flex-wrap:nowrap!important}
.peca-lista-v1224 .peca-acoes-v1224 .peca-icon-btn{display:inline-flex!important;align-items:center;justify-content:center;flex:0 0 38px;width:38px!important;height:38px!important;min-height:38px;padding:0!important;margin:0!important;border:1px solid #d5e1ef!important;border-radius:9px!important;background:#fff!important;color:#214c7b!important;cursor:pointer;transition:background .15s,border-color .15s,color .15s}
.peca-lista-v1224 .peca-acoes-v1224 .peca-icon-btn svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}
.peca-lista-v1224 .peca-acoes-v1224 .peca-icon-btn:hover{border-color:#2676cf!important;background:#f1f7ff!important;color:#0867c9!important}
.peca-lista-v1224 .peca-acoes-v1224 .peca-icon-btn.excluir{color:#b52e2b!important}
.peca-lista-v1224 .peca-acoes-v1224 .peca-icon-btn.excluir:hover{border-color:#d9534f!important;background:#fff1f0!important;color:#a52420!important}
.peca-lista-v1224 .peca-acoes-v1224 .peca-icon-btn:focus-visible{outline:2px solid #2676cf;outline-offset:2px}

/* Rodapé — igual ao de Clientes */
.peca-lista-v1224 .peca-list-footer-v1224{display:flex;align-items:center;justify-content:space-between;margin:0!important;padding:12px 18px!important;border:0!important;border-top:1px solid #e5ebf2!important;border-radius:0!important;color:#72859a;font-size:12px;background:#fbfcfe!important}
.peca-lista-v1224 .peca-list-footer-v1224 strong{color:#234666}

/* Espaço da lista menor que 1040px (janela pequena ou menu lateral aberto): cada peça vira um cartão.
   A decisão usa a largura da própria lista (container query), não a da janela. */
@container pecalista (max-width:1040px){
  #main .peca-lista-v1224 table.peca-table-v1224.mp-no-column-picker.table-compact,#main .peca-lista-v1224 table.peca-table-v1224.mp-no-column-picker.table-compact > tbody{display:block!important;width:100%!important}
  #main .peca-lista-v1224 table.peca-table-v1224.mp-no-column-picker.table-compact > colgroup,#main .peca-lista-v1224 table.peca-table-v1224.mp-no-column-picker.table-compact > thead{display:none!important}
  #main .peca-lista-v1224 table.peca-table-v1224.mp-no-column-picker.table-compact > tbody > tr{display:grid;grid-template-columns:62px minmax(0,1.5fr) minmax(0,1fr) auto;grid-template-areas:"img cod cod st" "img desc fam acoes" "img acab proc acoes";gap:6px 14px;align-items:start;padding:14px 18px;border-bottom:1px solid #e5ebf2}
  #main .peca-lista-v1224 table.peca-table-v1224.mp-no-column-picker.table-compact > tbody > tr > td{display:block;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}
  #main .peca-lista-v1224 table.peca-table-v1224.mp-no-column-picker.table-compact > tbody > tr > td:first-child{padding-left:0!important}
  #main .peca-lista-v1224 table.peca-table-v1224.mp-no-column-picker.table-compact > tbody > tr.peca-row-selecionada{background:#f3f8ff;box-shadow:inset 3px 0 0 #1766b3}
  #main .peca-lista-v1224 table.peca-table-v1224.mp-no-column-picker.table-compact > tbody > tr:hover{background:#f8fbfe}
  #main .peca-lista-v1224 table.peca-table-v1224.mp-no-column-picker.table-compact > tbody > tr > td:nth-child(1){grid-area:cod;font-size:12px;color:#5d7088;align-self:center}
  #main .peca-lista-v1224 table.peca-table-v1224.mp-no-column-picker.table-compact > tbody > tr > td:nth-child(2){grid-area:img}
  #main .peca-lista-v1224 table.peca-table-v1224.mp-no-column-picker.table-compact > tbody > tr > td:nth-child(3){grid-area:desc}
  #main .peca-lista-v1224 table.peca-table-v1224.mp-no-column-picker.table-compact > tbody > tr > td:nth-child(4){grid-area:fam;font-size:12px;color:#5d7088}
  #main .peca-lista-v1224 table.peca-table-v1224.mp-no-column-picker.table-compact > tbody > tr > td:nth-child(5){grid-area:proc}
  #main .peca-lista-v1224 table.peca-table-v1224.mp-no-column-picker.table-compact > tbody > tr > td:nth-child(6){grid-area:acab}
  #main .peca-lista-v1224 table.peca-table-v1224.mp-no-column-picker.table-compact > tbody > tr > td:nth-child(7){grid-area:st;justify-self:end}
  #main .peca-lista-v1224 table.peca-table-v1224.mp-no-column-picker.table-compact > tbody > tr > td:nth-child(8){grid-area:acoes;align-self:center;padding-right:0!important}
  #main .peca-lista-v1224 table.peca-table-v1224.mp-no-column-picker.table-compact > tbody > tr > td[colspan]{grid-column:1/-1;grid-area:auto;text-align:center}
  #main .peca-lista-v1224 table.peca-table-v1224.mp-no-column-picker.table-compact .peca-thumb{width:56px;height:56px}
  .peca-lista-v1224 .peca-list-footer-v1224{justify-content:flex-start}
}
@container pecalista (max-width:640px){
  #main .peca-lista-v1224 table.peca-table-v1224.mp-no-column-picker.table-compact > tbody > tr{grid-template-columns:56px minmax(0,1fr) auto;grid-template-areas:"img cod st" "img desc desc" "img acab acab" "acoes acoes acoes";padding:12px 14px}
  #main .peca-lista-v1224 table.peca-table-v1224.mp-no-column-picker.table-compact > tbody > tr > td:nth-child(4),#main .peca-lista-v1224 table.peca-table-v1224.mp-no-column-picker.table-compact > tbody > tr > td:nth-child(5){display:none}
  #main .peca-lista-v1224 table.peca-table-v1224.mp-no-column-picker.table-compact > tbody > tr > td:nth-child(8){text-align:left;margin-top:4px}
  .peca-lista-v1224 .peca-acoes-v1224{justify-content:flex-start}
  #main .peca-lista-v1224 table.peca-table-v1224.mp-no-column-picker.table-compact .peca-thumb{width:50px;height:50px}
}

/* V1231 — miniatura carregando sob demanda */
.peca-thumb.peca-thumb-carregando{display:inline-block;background:linear-gradient(90deg,#eef2f7 0%,#f7f9fc 50%,#eef2f7 100%);background-size:200% 100%;animation:pecaThumbV1231 1.1s linear infinite;border-radius:8px;min-width:54px;min-height:54px}
@keyframes pecaThumbV1231{0%{background-position:200% 0}100%{background-position:-200% 0}}
@media (prefers-reduced-motion:reduce){.peca-thumb.peca-thumb-carregando{animation:none}}