/* V22.3.120 / build 2443 — correcoes pontuais de responsividade solicitadas.
   Apenas Lista, Agenda, Orçamentos, Planos e subabas de Equipamentos.
   Nenhum botao, campo, evento ou regra de negocio alterado. */

/* Lista: preservar palavras inteiras e permitir que a descricao use a linha. */
#equipamentosView>.section-head>div:first-child{min-width:0;flex:1 1 auto}
#equipamentosView>.section-head p:not(.eyebrow){
  white-space:normal!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
  hyphens:none!important;
}

/* Agenda: antes do breakpoint mobile, evitar titulo/descricao espremidos entre acoes. */
@media (min-width:761px) and (max-width:1280px){
  #agendaView>.section-head{flex-wrap:wrap!important;align-items:stretch!important}
  #agendaView>.section-head>div:first-child{flex:1 1 100%;width:100%;max-width:100%;min-width:0}
  #agendaView>.section-head .agenda-head-actions{max-width:100%;min-width:0}
}
#agendaView>.section-head h3,
#agendaView>.section-head p:not(.eyebrow){
  overflow-wrap:normal!important;word-break:normal!important;hyphens:none!important;
}

/* Orçamentos: em espacos estreitos o botao Salvar ja existente fica no
   cabecalho em vez de cobrir os campos do Servico principal. */
@media (max-width:1280px){
  #orcamentoView.active-view #saveQuoteBtn{
    position:static!important;
    inset:auto!important;
    box-shadow:none!important;
    flex:0 0 auto;
    max-width:100%;
  }
  #orcamentoView .quote-page-head{flex-wrap:wrap!important}
}
/* Apenas o rotulo RESUMO em branco; o destaque de total permanece amarelo. */
#orcamentoView .quote-summary-head .eyebrow{
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}

/* Planos: a grade de tres cards nao pode criar colunas minusculas quando a
   sidebar reduz o espaco do conteudo. Usa largura REAL do painel. */
@container (max-width:980px){
  #planosView .plans-store-grid{grid-template-columns:minmax(0,1fr)!important}
  #planosView .store-plan-card{overflow-wrap:normal!important;word-break:normal!important;hyphens:none!important}
  #planosView .store-plan-card :is(h3,p,li,small,b,strong){overflow-wrap:normal!important;word-break:normal!important;hyphens:none!important}
  #planosView .plan-name-price-row{flex-wrap:wrap!important;row-gap:7px!important}
  #planosView .plan-name-price-row>div:first-child{min-width:0}
}
@container (max-width:430px){
  #planosView .plan-quantity-strip{grid-template-columns:minmax(0,1fr)!important}
}

/* Equipamentos: modos tecnico/mobile guiados pela largura interna, nao
   somente pela largura da janela (que ainda inclui o menu lateral). */
:is(#catalogoView,#camerasView,#lentesView,#monitoresView,#transmissaoView,#acessoriosView){container-type:inline-size}
@container (max-width:900px){
  :is(#camerasView,#lentesView,#monitoresView,#transmissaoView,#acessoriosView) .tech-lab{
    grid-template-columns:minmax(0,1fr)!important;
  }
  #camerasView .camera-lab.camera-standard-lab{grid-template-columns:minmax(0,1fr)!important}
  :is(#camerasView,#lentesView,#monitoresView,#transmissaoView,#acessoriosView) :is(.camera-browser,.tech-browser),
  #camerasView .camera-browser.camera-standard-browser{
    position:static!important;top:auto!important;max-height:none!important;overflow:visible!important;
  }
  #camerasView .camera-standard-browser .camera-list,
  :is(#lentesView,#monitoresView,#transmissaoView,#acessoriosView) .tech-list{
    max-height:320px!important;overflow-y:auto!important;
  }
  #camerasView .camera-hero-card{
    grid-template-columns:minmax(0,1fr)!important;min-height:0!important;
  }
  #camerasView .camera-visual{display:none!important}
  #camerasView .camera-spec-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  #camerasView .camera-info-grid{grid-template-columns:minmax(0,1fr)!important}
  #camerasView .camera-hero-copy h3{font-size:clamp(1.9rem,6vw,2.6rem)!important}
}