/* V1225 — Cadastro de Peças: cabeçalho padrão com "+ Nova peça", sem cards de indicadores
   e pesquisa + filtros num único card (sem os botões sem função "Todos os status" e "Filtros avançados"). */

/* Botão do cabeçalho — à direita, por cima da imagem (padrão V768: [class*='actions'] fica acima da imagem) */
.peca-hero-panel .peca-hero-actions{margin-left:auto;display:flex;align-items:center;gap:8px;flex-shrink:0}
.peca-hero-panel .peca-hero-actions .peca-new-btn{height:40px;padding:0 18px!important;font-size:13px;white-space:nowrap;box-shadow:0 2px 6px rgba(234,88,12,.18)}

/* Card único de pesquisa e filtros */
.peca-filtros-v1225{display:flex;flex-direction:column;gap:12px;margin:0 0 14px;padding:14px 18px 16px;background:#fff;border:1px solid #d5dfeb;border-radius:12px;box-shadow:0 2px 8px rgba(17,43,75,.04)}
.peca-filtros-v1225 .peca-filtros-busca{display:flex;align-items:center;gap:10px}
.peca-filtros-v1225 .peca-search{flex:1 1 auto;display:flex;align-items:center;gap:8px;min-width:0;height:40px;margin:0!important;padding:0 12px!important;border:1px solid #cfdaea!important;border-radius:8px!important;background:#fff!important;box-shadow:none!important}
.peca-filtros-v1225 .peca-search:focus-within{border-color:#1766b3!important;box-shadow:0 0 0 3px rgba(23,102,179,.12)!important}
.peca-filtros-v1225 .peca-search>span{color:#6f8197;font-size:16px;line-height:1}
.peca-filtros-v1225 .peca-search input{flex:1;min-width:0;height:100%;border:0!important;outline:none!important;box-shadow:none!important;background:transparent!important;padding:0!important;font-size:13px;color:#17385f}
.peca-filtros-v1225 .peca-limpar-filtros{flex-shrink:0;display:inline-flex;align-items:center;gap:6px;height:40px;padding:0 14px;border:1px solid #f3c7a5;border-radius:8px;background:#fff7f0;color:#c2410c;font:inherit;font-size:12.5px;font-weight:600;cursor:pointer;white-space:nowrap}
.peca-filtros-v1225 .peca-limpar-filtros b{display:inline-grid;place-items:center;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:#f97316;color:#fff;font-size:11px}
.peca-filtros-v1225 .peca-limpar-filtros:hover{background:#ffedd5;border-color:#f97316}

.peca-filtros-v1225 .peca-filtros-linha{display:flex;flex-direction:column;gap:12px}
.peca-filtros-v1225 .peca-filtros-status{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.peca-filtros-v1225 .peca-filtros-rotulo,.peca-filtros-v1225 .peca-filtro-campo>span{font-size:11px;font-weight:700;letter-spacing:.03em;text-transform:uppercase;color:#5d7088}
.peca-filtros-v1225 .peca-filtros-rotulo{margin-right:6px}
.peca-filtros-v1225 .peca-status-chip{height:32px;padding:0 14px;border-radius:999px!important;font-size:12px;cursor:pointer}
.peca-filtros-v1225 .peca-filtros-selects{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.peca-filtros-v1225 .peca-filtro-campo{display:flex;flex-direction:column;gap:5px;min-width:0;margin:0}
.peca-filtros-v1225 .peca-filtro-campo select{width:100%;min-width:0;height:38px;padding:0 10px;border:1px solid #cfdaea;border-radius:8px;background-color:#fff;color:#17385f;font-size:13px}
.peca-filtros-v1225 .peca-filtro-campo select:focus{border-color:#1766b3;outline:none;box-shadow:0 0 0 3px rgba(23,102,179,.12)}

@media(max-width:900px){.peca-filtros-v1225 .peca-filtros-selects{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){
  .peca-filtros-v1225 .peca-filtros-busca{flex-wrap:wrap}
  .peca-filtros-v1225 .peca-limpar-filtros{width:100%;justify-content:center}
  .peca-filtros-v1225 .peca-filtros-selects{grid-template-columns:minmax(0,1fr)}
  .peca-hero-panel .peca-hero-actions .peca-new-btn{height:36px;padding:0 12px!important}
}

/* Celular/janela estreita: título em largura total e o botão numa linha própria, sem sobrepor o texto */
@media(max-width:700px){
  #main .peca-hero-panel.peca-hero-panel{flex-wrap:wrap!important;align-items:flex-start!important}
  #main .peca-hero-panel .peca-hero-copy{flex:1 1 100%!important;min-width:0!important;max-width:100%!important}
  #main .peca-hero-panel .peca-hero-image{display:none!important}
  #main .peca-hero-panel .peca-hero-actions{flex:1 1 100%;margin-left:0;justify-content:flex-start}
}
