/* SouPrimeiroAC V22.2.30 — armazenamento destacado + atalhos/filtros legíveis. */

/* Câmeras > Armazenamento: Duração na mídia deve ser o KPI de destaque. */
#camerasView #cameraStoragePanel .storage-result.yellow-result{
  background:#ffd400!important;
  border-color:#ffd400!important;
  color:#111214!important;
  box-shadow:0 10px 28px rgba(255,212,0,.14)!important;
}
#camerasView #cameraStoragePanel .storage-result.yellow-result :is(span,strong,small){
  color:#111214!important;
  -webkit-text-fill-color:#111214!important;
}
#camerasView #cameraStoragePanel .storage-result.yellow-result strong{
  font-weight:950!important;
}

/* Atalhos rápidos: sempre uma única linha, largura pelo conteúdo e nome inteiro visível. */
:is(
  #camerasView .camera-filter-row,
  #lentesView .tech-filter-row,
  #monitoresView .tech-filter-row,
  #transmissaoView .tech-filter-row,
  #acessoriosView .tech-filter-row
){
  display:flex!important;
  flex-flow:row nowrap!important;
  align-items:center!important;
  gap:8px!important;
  width:100%!important;
  min-height:46px!important;
  max-width:100%!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  padding:4px 2px 9px!important;
  scroll-behavior:smooth;
  overscroll-behavior-x:contain;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:thin;
}
:is(
  #camerasView .camera-filter,
  #lentesView .tech-filter,
  #monitoresView .tech-filter,
  #transmissaoView .tech-filter,
  #acessoriosView .tech-filter
){
  flex:0 0 auto!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:auto!important;
  min-width:max-content!important;
  max-width:none!important;
  min-height:36px!important;
  padding:9px 14px!important;
  border-radius:999px!important;
  white-space:nowrap!important;
  overflow:visible!important;
  text-overflow:clip!important;
  word-break:normal!important;
  line-height:1!important;
  font-size:.72rem!important;
  font-weight:850!important;
  letter-spacing:0!important;
  text-indent:0!important;
}

/* Dá mais espaço vertical à lista sem cortar a faixa dos atalhos. */
@media(min-width:761px){
  :is(#camerasView,#lentesView,#monitoresView,#transmissaoView,#acessoriosView) :is(.tech-list,.camera-list){
    max-height:calc(100vh - 205px)!important;
  }
}

/* No mobile mantém rolagem lateral e toque confortável. */
@media(max-width:760px){
  :is(
    #camerasView .camera-filter,
    #lentesView .tech-filter,
    #monitoresView .tech-filter,
    #transmissaoView .tech-filter,
    #acessoriosView .tech-filter
  ){
    min-height:38px!important;
    padding:10px 14px!important;
    font-size:.74rem!important;
  }
}