/* SouPrimeiroAC V22.2.26 — UI global, contraste e padronização. */

/* Toda seleção amarela em áreas de equipamentos usa texto escuro para máxima leitura. */
html[data-theme="dark"] :is(
  #camerasView .camera-list-item.active,
  #lentesView .tech-list-item.active,
  #monitoresView .tech-list-item.active,
  #transmissaoView .tech-list-item.active,
  #acessoriosView .tech-list-item.active,
  #equipamentosView .equipment-card.selected,
  .check-picker-card.selected,
  .catalog-card.selected
){
  background:#ffd400!important;
  border-color:#d5b000!important;
  color:#111214!important;
  -webkit-text-fill-color:#111214!important;
}
html[data-theme="dark"] :is(
  #camerasView .camera-list-item.active,
  #lentesView .tech-list-item.active,
  #monitoresView .tech-list-item.active,
  #transmissaoView .tech-list-item.active,
  #acessoriosView .tech-list-item.active,
  #equipamentosView .equipment-card.selected,
  .check-picker-card.selected,
  .catalog-card.selected
) *{
  color:#111214!important;
  -webkit-text-fill-color:#111214!important;
}
html[data-theme="dark"] #equipamentosView .equipment-card.selected{box-shadow:inset 4px 0 0 #111214!important}
html[data-theme="dark"] #equipamentosView .equipment-card.selected :is(.qty-stepper button,.equipment-add-icon,.icon-delete){
  background:rgba(255,255,255,.62)!important;border-color:rgba(17,18,20,.38)!important;color:#111214!important;-webkit-text-fill-color:#111214!important
}
html[data-theme="dark"] #equipamentosView .equipment-card.selected .qty-stepper input{
  background:#fff8c7!important;border-color:rgba(17,18,20,.38)!important;color:#111214!important;-webkit-text-fill-color:#111214!important
}
html[data-theme="dark"] :is(#camerasView .camera-list-item.active,#lentesView .tech-list-item.active,#monitoresView .tech-list-item.active,#transmissaoView .tech-list-item.active,#acessoriosView .tech-list-item.active) small{opacity:.76}

/* Padrão desktop único para títulos/cabeçalhos do site, sem alterar o mobile aprovado. */
@media(min-width:761px){
  .main .view>.section-head{
    display:flex!important;align-items:flex-end!important;justify-content:space-between!important;gap:18px!important;
    margin:0 0 18px!important;padding:0 0 15px!important;border-bottom:1px solid #2a2d33!important;
  }
  .main .view>.section-head>div:first-child{min-width:0;max-width:900px}
  .main .view>.section-head .eyebrow{margin:0 0 5px!important;color:#ffd400!important;font-size:.66rem!important;letter-spacing:.12em!important;font-weight:950!important}
  .main .view>.section-head h3{margin:0!important;font-size:clamp(1.85rem,2.7vw,3rem)!important;line-height:1!important;letter-spacing:-.045em!important}
  .main .view>.section-head>div:first-child>p:last-child{margin:8px 0 0!important;max-width:72ch!important;color:#a9adb5!important;line-height:1.5!important}
  .main .view>.section-head>.btn,.main .view>.section-head>.actions,.main .view>.section-head>div:last-child{flex:0 0 auto}

  /* Cabeçalhos internos recebem a mesma hierarquia visual, sem transformar os cards especiais. */
  .main .view .panel-head{align-items:flex-start;gap:14px}
  .main .view .panel-head .eyebrow{color:#ffd400;font-size:.64rem;letter-spacing:.1em;font-weight:900}
  .main .view .panel-head h3{line-height:1.08;letter-spacing:-.025em}

  /* Páginas de banco técnico: mesma proporção e acabamento. */
  :is(#camerasView,#lentesView,#monitoresView,#transmissaoView,#acessoriosView) .tech-lab{gap:20px!important}
  :is(#lentesView,#monitoresView,#transmissaoView,#acessoriosView) .tech-browser,
  #camerasView .camera-browser{border-radius:18px!important}
  :is(#lentesView,#monitoresView,#transmissaoView,#acessoriosView) .tech-detail>.panel:last-child{min-height:220px}
}

/* Subtítulos do banco técnico não podem ficar visualmente cortados por cabeçalhos fixos. */
:is(#camerasView,#lentesView,#monitoresView,#transmissaoView,#acessoriosView) .section-head{position:relative;z-index:1}