/* V1761.49 — Produção no padrão do sistema
   - Abas internas (Configuração Industrial, Programação, Apontamento) no padrão de abas:
     texto azul, aba ativa sublinhada em laranja (igual a Controle de Processo, Fornecedores e PPAP).
   - Cabeçalho de Peças: botões não ficam mais sobre a imagem decorativa.
   - Botões pequenos do calendário com a mesma altura dos demais botões pequenos.
   - "Detalhes do dia" com espaçamento entre título e data. */

#app-shell #main :is(.calind-tabs,.ap-tabs){
  display:flex;flex-wrap:wrap;gap:2px 4px;align-items:flex-end;
  margin:4px 0 14px;padding:0;border-bottom:1px solid #d9e2ec;background:transparent;box-shadow:none;border-radius:0
}
#app-shell #main :is(.calind-tabs,.ap-tabs) > button{
  min-height:40px!important;height:40px;padding:0 14px!important;
  border:0!important;border-bottom:3px solid transparent!important;border-radius:0!important;
  background:transparent!important;box-shadow:none!important;
  color:#4f5f75!important;font-size:13.5px;font-weight:600!important;white-space:nowrap;margin-bottom:-1px;transform:none!important
}
#app-shell #main :is(.calind-tabs,.ap-tabs) > button:hover{color:#12345f!important;background:transparent!important}
#app-shell #main :is(.calind-tabs,.ap-tabs) > button.active{
  color:#12345f!important;border-bottom-color:#f47b16!important;background:transparent!important
}
#app-shell #main :is(.calind-tabs,.ap-tabs) > button:focus-visible{outline:2px solid #8db8f6;outline-offset:-2px}

/* No celular as abas quebram em linhas (sem rolagem horizontal). */

/* Peças: imagem decorativa menor, botões ao lado dela e não por cima */
#main .peca-hero-panel:not(.mpc-livre) .peca-hero-image{width:28%!important}
#main .peca-hero-panel:not(.mpc-livre) .peca-hero-actions{position:relative;z-index:3;margin-right:calc(28% - 8px)}
@media (max-width:1180px){
  #main .peca-hero-panel:not(.mpc-livre) .peca-hero-image{display:none!important}
  #main .peca-hero-panel:not(.mpc-livre) .peca-hero-actions{margin-right:0}
}

/* Calendário: botões pequenos com altura única */
#app-shell #main .calind-page button.small,
#app-shell #main .calind-card button.small{min-height:32px!important;height:32px}
#main .calind-card-tit{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}
#main .calind-card-tit small{margin:0}
#main .peca-hero-panel:not(.mpc-livre) .peca-hero-copy{background:transparent!important;box-shadow:none!important}

/* Programação e Apontamento: no celular os botões do cabeçalho descem para baixo do título */
@media (max-width:760px){
  #main .mp-module-hero:is(.aps-hero,.ap-hero){flex-wrap:wrap!important}
  #main .mp-module-hero:is(.aps-hero,.ap-hero) > .mp-module-hero-copy{flex:1 1 100%!important;min-width:0;max-width:none!important}
  #main .mp-module-hero:is(.aps-hero,.ap-hero) > :is(.aps-hero-acoes,.ap-hero-acoes,.mp-header-actions){flex:1 1 100%!important;margin-left:0!important;justify-content:flex-start}
}