/* SouPrimeiroAC V22.3.88 / build 2411
   Somente aparência das telas filhas de Equipamentos no menu:
   catalogo, cameras, lentes, monitores, transmissao e acessorios.
   Nenhum evento, filtro, dado, valor, funcionalidade ou outra tela é modificado. */
:is(#catalogoView,#camerasView,#lentesView,#monitoresView,#transmissaoView,#acessoriosView){
  --equip-sub-accent:#ffd426;
  --equip-sub-ink:#f5f7fa;
  --equip-sub-muted:#b7c1ce;
  --equip-sub-edge:#3e434c;
  --equip-sub-surface:#1b1d22;
  min-width:0;
}
/* Mesma identidade dos cabeçalhos de Relatórios / Orçamentos / Lista. */
:is(#catalogoView,#camerasView,#lentesView,#monitoresView,#transmissaoView,#acessoriosView)>.section-head{
  position:relative;isolation:isolate;overflow:hidden;
  border:1px solid #5c5132!important;
  border-radius:20px!important;
  background:linear-gradient(117deg,#26241d,#191b20 60%,#15171b)!important;
  box-shadow:0 14px 34px rgba(0,0,0,.14)!important;
  padding:clamp(20px,3vw,32px)!important;
  margin:0 0 20px!important;
  color:var(--equip-sub-ink)!important;
  min-width:0;
}
:is(#catalogoView,#camerasView,#lentesView,#monitoresView,#transmissaoView,#acessoriosView)>.section-head::after{
  content:"";position:absolute;z-index:-1;pointer-events:none;
  right:-90px;top:-130px;width:340px;height:340px;border-radius:50%;
  background:radial-gradient(circle,rgba(255,212,38,.14),transparent 70%);
}
:is(#catalogoView,#camerasView,#lentesView,#monitoresView,#transmissaoView,#acessoriosView)>.section-head>div{min-width:0;position:relative;z-index:1}
:is(#catalogoView,#camerasView,#lentesView,#monitoresView,#transmissaoView,#acessoriosView)>.section-head .eyebrow{
  color:#ffda52!important;-webkit-text-fill-color:#ffda52!important;
  letter-spacing:.16em!important;font-size:10px!important;font-weight:850!important;margin-bottom:12px!important;
}
:is(#catalogoView,#camerasView,#lentesView,#monitoresView,#transmissaoView,#acessoriosView)>.section-head h3{
  color:#fff!important;-webkit-text-fill-color:#fff!important;
  font-size:clamp(24px,3vw,34px)!important;letter-spacing:-.043em!important;
  line-height:1.13!important;margin:0 0 11px!important;
}
:is(#catalogoView,#camerasView,#lentesView,#monitoresView,#transmissaoView,#acessoriosView)>.section-head p:not(.eyebrow){
  max-width:74ch;color:#c3c8d2!important;-webkit-text-fill-color:#c3c8d2!important;
  line-height:1.6!important;font-size:clamp(12px,1.2vw,14px);
}
:is(#catalogoView,#camerasView)>.section-head .yellow-badge{
  border-radius:999px!important;background:#ffd426!important;color:#171717!important;
  -webkit-text-fill-color:#171717!important;font-weight:900!important;
}
/* Filtro/busca e área lateral, mantendo o grid e a ordem originais. */
:is(#camerasView,#lentesView,#monitoresView,#transmissaoView,#acessoriosView) :is(.tech-browser,.camera-browser){
  min-width:0;
  border:1px solid var(--equip-sub-edge)!important;
  border-radius:18px!important;
  background:linear-gradient(160deg,#202328,#16181d)!important;
  box-shadow:0 12px 30px rgba(0,0,0,.16)!important;
  color:var(--equip-sub-ink)!important;
}
:is(#camerasView,#lentesView,#monitoresView,#transmissaoView,#acessoriosView) :is(.camera-search-wrap input,.tech-browser>input[type="search"]){
  width:100%;min-width:0;min-height:46px;
  border:1px solid #494d57!important;border-radius:11px!important;
  background:#101318!important;color:#fff!important;-webkit-text-fill-color:#fff!important;
  padding-inline:13px!important;
}
:is(#camerasView,#lentesView,#monitoresView,#transmissaoView,#acessoriosView) :is(.camera-search-wrap input,.tech-browser>input[type="search"])::placeholder{
  color:#939da9!important;-webkit-text-fill-color:#939da9!important;
}
:is(#camerasView,#lentesView,#monitoresView,#transmissaoView,#acessoriosView) :is(.camera-search-wrap input,.tech-browser>input[type="search"]):focus-visible{
  outline:2px solid rgba(255,212,38,.75)!important;outline-offset:1px;
}
:is(#camerasView,#lentesView,#monitoresView,#transmissaoView,#acessoriosView) :is(.camera-filter,.tech-filter){
  border:1px solid #484d56!important;border-radius:999px!important;
  background:#292c33!important;color:#dce0e7!important;
  -webkit-text-fill-color:#dce0e7!important;
  font-weight:750!important;
}
:is(#camerasView,#lentesView,#monitoresView,#transmissaoView,#acessoriosView) :is(.camera-filter.active,.tech-filter.active){
  background:#ffd426!important;color:#161616!important;
  -webkit-text-fill-color:#161616!important;border-color:#ffd426!important;
}
:is(#camerasView,#lentesView,#monitoresView,#transmissaoView,#acessoriosView) .tech-browser-meta{
  color:#bdc6d1!important;
}
:is(#camerasView,#lentesView,#monitoresView,#transmissaoView,#acessoriosView) .tech-browser-meta strong{
  color:#f7f8fa!important;-webkit-text-fill-color:#f7f8fa!important;
}
:is(#camerasView,#lentesView,#monitoresView,#transmissaoView,#acessoriosView) .tech-browser-meta span{color:#a9b3c1!important}
:is(#camerasView,#lentesView,#monitoresView,#transmissaoView,#acessoriosView) :is(.camera-list,.tech-list){
  scrollbar-color:#555c66 #1b1d21;
}
:is(#camerasView,#lentesView,#monitoresView,#transmissaoView,#acessoriosView) :is(.camera-list-item,.tech-list-item){
  min-width:0;border:1px solid #393e47!important;border-radius:12px!important;
  background:#171a20!important;color:#eff2f6!important;
  transition:border-color .16s,background .16s;
}
:is(#camerasView,#lentesView,#monitoresView,#transmissaoView,#acessoriosView) :is(.camera-list-item:hover,.tech-list-item:hover){
  border-color:#786833!important;background:#22252c!important;
}
:is(#camerasView,#lentesView,#monitoresView,#transmissaoView,#acessoriosView) :is(.camera-list-item.active,.tech-list-item.active){
  border-color:#d1af32!important;background:linear-gradient(112deg,#302b1f,#202126)!important;
  box-shadow:inset 3px 0 0 #ffd426!important;
}
:is(#camerasView,#lentesView,#monitoresView,#transmissaoView,#acessoriosView) :is(.camera-list-item,.tech-list-item) strong{
  color:#fff!important;-webkit-text-fill-color:#fff!important;
}
:is(#camerasView,#lentesView,#monitoresView,#transmissaoView,#acessoriosView) :is(.camera-list-item,.tech-list-item) small{
  color:#aeb8c5!important;-webkit-text-fill-color:#aeb8c5!important;
}
:is(#camerasView,#lentesView,#monitoresView,#transmissaoView,#acessoriosView) :is(.camera-list-icon,.tech-list-mark){
  background:#ffd426!important;color:#181818!important;-webkit-text-fill-color:#181818!important;
  border-radius:10px!important;
}
/* Detalhe técnico, cartões de informação e controles já existentes. */
:is(#camerasView,#lentesView,#monitoresView,#transmissaoView,#acessoriosView) :is(.camera-hero-card,.tech-hero){
  border:1px solid #4c4738!important;border-radius:19px!important;
  background:radial-gradient(circle at 86% 16%,rgba(255,212,38,.13),transparent 38%),linear-gradient(126deg,#25231d,#181a1f 64%,#13151a)!important;
  box-shadow:0 14px 34px rgba(0,0,0,.17)!important;
  overflow:hidden;
}
:is(#camerasView,#lentesView,#monitoresView,#transmissaoView,#acessoriosView) :is(.camera-hero-card,.tech-hero) .eyebrow{
  color:#ffda52!important;-webkit-text-fill-color:#ffda52!important;
}
:is(#camerasView,#lentesView,#monitoresView,#transmissaoView,#acessoriosView) :is(.camera-hero-card,.tech-hero) h3{
  color:#fff!important;-webkit-text-fill-color:#fff!important;
  letter-spacing:-.045em!important;
}
:is(#camerasView,#lentesView,#monitoresView,#transmissaoView,#acessoriosView) :is(.camera-hero-card,.tech-hero) p:not(.eyebrow){
  color:#c1c8d2!important;-webkit-text-fill-color:#c1c8d2!important;line-height:1.55!important;
}
:is(#lentesView,#monitoresView,#transmissaoView,#acessoriosView) .tech-hero .tech-symbol{
  background:linear-gradient(140deg,#ffe66c,#f7c722)!important;
  border-radius:28px!important;
  color:#181818!important;-webkit-text-fill-color:#181818!important;
  box-shadow:0 18px 38px rgba(255,212,38,.12)!important;
}
:is(#camerasView,#lentesView,#monitoresView,#transmissaoView,#acessoriosView) :is(.camera-info-grid>.panel,.camera-tab-panel>.panel,.storage-controls,.configuration-summary,.tech-detail>.panel:not(.tech-hero)){
  min-width:0;border:1px solid #3c414a!important;border-radius:17px!important;
  background:linear-gradient(160deg,#202227,#17191f)!important;
  box-shadow:0 10px 26px rgba(0,0,0,.12)!important;
  color:#f4f6f8!important;
}
:is(#camerasView,#lentesView,#monitoresView,#transmissaoView,#acessoriosView) :is(.panel-head h3,.tech-detail .panel-head h3){
  color:#f7f8fa!important;-webkit-text-fill-color:#f7f8fa!important;
}
:is(#camerasView,#lentesView,#monitoresView,#transmissaoView,#acessoriosView) :is(.panel-head .eyebrow,.tech-detail .panel-head .eyebrow){
  color:#ffdb59!important;-webkit-text-fill-color:#ffdb59!important;
}
:is(#camerasView,#lentesView,#monitoresView,#transmissaoView,#acessoriosView) :is(.tech-spec-row,.spec-row,.config-line){
  border-color:#3e424b!important;
}
:is(#camerasView,#lentesView,#monitoresView,#transmissaoView,#acessoriosView) :is(.tech-spec-row,.spec-row,.config-line) span{
  color:#b6c0cd!important;-webkit-text-fill-color:#b6c0cd!important;
}
:is(#camerasView,#lentesView,#monitoresView,#transmissaoView,#acessoriosView) :is(.tech-spec-row,.spec-row,.config-line) strong{
  color:#f8fafc!important;-webkit-text-fill-color:#f8fafc!important;
}
:is(#lentesView,#monitoresView,#transmissaoView,#acessoriosView) .tech-spec-row{
  border:1px solid #424751!important;border-radius:12px!important;
  background:#14171c!important;
}
:is(#camerasView,#lentesView,#monitoresView,#transmissaoView,#acessoriosView) .btn.btn-primary.full{
  background:#ffd426!important;border:1px solid #ffd426!important;border-radius:11px!important;
  color:#141414!important;-webkit-text-fill-color:#141414!important;font-weight:850!important;
}
/* Área avançada de câmeras: abas, gravação e calculadora de mídia. */
#camerasView .camera-tabs{
  border:1px solid #424750!important;border-radius:13px!important;
  background:#202329!important;gap:5px!important;
}
#camerasView .camera-tab{
  color:#c0c8d2!important;-webkit-text-fill-color:#c0c8d2!important;
  border-radius:9px!important;
}
#camerasView .camera-tab.active{
  color:#171717!important;-webkit-text-fill-color:#171717!important;
  background:#ffd426!important;box-shadow:none!important;
}
#camerasView .camera-spec-card{
  min-width:0;border:1px solid #40454e!important;border-radius:14px!important;
  background:#191c22!important;color:#f5f7fa!important;
}
#camerasView .camera-spec-card span{
  color:#bbc4d1!important;-webkit-text-fill-color:#bbc4d1!important;
}
#camerasView .camera-spec-card strong{
  color:#fff!important;-webkit-text-fill-color:#fff!important;
}
#camerasView :is(.recording-row,.recording-head){border-color:#40454e!important}
#camerasView .recording-row{
  background:#171a1f!important;color:#f1f3f6!important;
}
#camerasView .recording-row:hover{background:#28271f!important}
#camerasView .recording-row small{color:#afb9c5!important}
#camerasView .storage-result:not(.yellow-result){
  min-width:0;background:#191c22!important;border:1px solid #424750!important;
  border-radius:14px!important;color:#fff!important;
}
#camerasView .storage-result:not(.yellow-result) :is(span,small){color:#b8c1cd!important}
#camerasView .storage-result:not(.yellow-result) strong{color:#fff!important}
#camerasView .storage-result.yellow-result{border-radius:14px!important;background:#ffd426!important;border-color:#ffd426!important;color:#141414!important}
#camerasView .storage-result.yellow-result :is(span,small,strong){color:#141414!important;-webkit-text-fill-color:#141414!important}
#camerasView :is(.storage-form select,.storage-form input:not([type="checkbox"]),.duration-control input,.capacity-control select){
  min-width:0;background:#111419!important;border:1px solid #49505b!important;
  color:#fff!important;-webkit-text-fill-color:#fff!important;border-radius:10px!important;
}
#camerasView .storage-form label{color:#dce2ea!important}
#camerasView :is(.storage-note,.storage-awaiting){background:#171a20!important;border:1px solid #454a54!important;color:#c8ced8!important;border-radius:12px!important}
/* Catálogo geral — mesmos cartões premium, sem tocar no mecanismo de busca. */
#catalogoView .catalog-toolbar{
  border:1px solid #444851!important;border-radius:17px!important;
  background:linear-gradient(160deg,#202228,#171a1e)!important;
  padding:clamp(12px,1.6vw,18px)!important;gap:10px!important;
  margin-bottom:16px!important;
  box-shadow:0 10px 27px rgba(0,0,0,.12);
}
#catalogoView .catalog-toolbar :is(input,select){
  min-width:0;min-height:46px;border:1px solid #484d56!important;
  border-radius:11px!important;background:#111419!important;
  color:#fff!important;-webkit-text-fill-color:#fff!important;
}
#catalogoView .catalog-toolbar input::placeholder{color:#a5aeba!important;-webkit-text-fill-color:#a5aeba!important}
#catalogoView .bh-live-panel{
  border:1px solid #50472e!important;border-radius:18px!important;
  background:linear-gradient(133deg,#25231e,#191b20)!important;
  box-shadow:0 12px 28px rgba(0,0,0,.12)!important;color:#f5f7fa!important;
}
#catalogoView .bh-live-panel :is(h4,strong){color:#fff!important;-webkit-text-fill-color:#fff!important}
#catalogoView .bh-live-panel :is(p,small){color:#c1cad5!important;-webkit-text-fill-color:#c1cad5!important}
#catalogoView .bh-live-panel .eyebrow{color:#ffd95a!important;-webkit-text-fill-color:#ffd95a!important}
#catalogoView .bh-live-panel .btn.btn-primary{background:#ffd426!important;color:#151515!important;-webkit-text-fill-color:#151515!important;border-radius:10px!important}
#catalogoView .catalog-meta{color:#b9c2cf!important}
#catalogoView .catalog-meta strong{color:#f7f8fb!important}
#catalogoView .catalog-card{
  min-width:0;border:1px solid #41464f!important;border-radius:16px!important;
  background:linear-gradient(155deg,#212329,#17191e)!important;
  box-shadow:0 9px 22px rgba(0,0,0,.11)!important;color:#f7f9fb!important;
}
#catalogoView .catalog-card:hover{border-color:#8a7734!important;background:#23262c!important}
#catalogoView .catalog-card.selected{border-color:#caae37!important;box-shadow:inset 3px 0 0 #ffd426!important;background:#2a271f!important}
#catalogoView .catalog-card :is(h4,strong){color:#fff!important;-webkit-text-fill-color:#fff!important}
#catalogoView .catalog-card :is(p,small){color:#b8c3cf!important;-webkit-text-fill-color:#b8c3cf!important}
#catalogoView .catalog-card .cat{color:#ffdb59!important;-webkit-text-fill-color:#ffdb59!important}
#catalogoView .catalog-card :is(.catalog-add-icon,.catalog-add-btn){background:#ffd426!important;border-radius:10px!important;color:#161616!important;-webkit-text-fill-color:#161616!important}
#catalogoView .catalog-load-more{border-radius:11px!important}
/* Acessibilidade e redução de animações. */
:is(#catalogoView,#camerasView,#lentesView,#monitoresView,#transmissaoView,#acessoriosView) :is(button,input,select):focus-visible{
  outline:2px solid #ffd426!important;outline-offset:2px;
}
@media (max-width:760px){
  :is(#catalogoView,#camerasView,#lentesView,#monitoresView,#transmissaoView,#acessoriosView)>.section-head{
    padding:19px!important;margin-bottom:13px!important;border-radius:16px!important;
  }
  :is(#catalogoView,#camerasView,#lentesView,#monitoresView,#transmissaoView,#acessoriosView)>.section-head h3{font-size:clamp(22px,6vw,27px)!important}
  :is(#catalogoView,#camerasView,#lentesView,#monitoresView,#transmissaoView,#acessoriosView)>.section-head p:not(.eyebrow){font-size:12px!important}
  :is(#camerasView,#lentesView,#monitoresView,#transmissaoView,#acessoriosView) :is(.tech-browser,.camera-browser){border-radius:15px!important}
  :is(#camerasView,#lentesView,#monitoresView,#transmissaoView,#acessoriosView) :is(.camera-hero-card,.tech-hero){border-radius:15px!important}
  #catalogoView .catalog-toolbar{padding:12px!important;border-radius:15px!important}
  #catalogoView .bh-live-panel{border-radius:15px!important}
  #camerasView .camera-tabs{gap:3px!important}
  #camerasView .camera-tab{min-width:0;padding:9px 6px!important;font-size:.75rem!important}
}
@media (max-width:430px){
  :is(#catalogoView,#camerasView,#lentesView,#monitoresView,#transmissaoView,#acessoriosView)>.section-head{padding:16px!important}
  #catalogoView .catalog-toolbar{padding:10px!important}
}
@media(prefers-reduced-motion:reduce){
  :is(#catalogoView,#camerasView,#lentesView,#monitoresView,#transmissaoView,#acessoriosView) :is(.camera-list-item,.tech-list-item){transition:none!important}
}
/* Prioritiza o acabamento novo sobre regras antigas do tema escuro,
   sem alcançar qualquer área fora das páginas técnicas. */
html[data-theme="dark"] :is(#camerasView,#lentesView,#monitoresView,#transmissaoView,#acessoriosView) :is(.tech-browser,.camera-browser){
  background:linear-gradient(160deg,#202328,#16181d)!important;
  border-color:#3e434c!important;
}
html[data-theme="dark"] :is(#camerasView,#lentesView,#monitoresView,#transmissaoView,#acessoriosView) :is(.camera-hero-card,.tech-hero){
  background:radial-gradient(circle at 86% 16%,rgba(255,212,38,.13),transparent 38%),linear-gradient(126deg,#25231d,#181a1f 64%,#13151a)!important;
  border-color:#4c4738!important;
}
html[data-theme="dark"] :is(#lentesView,#monitoresView,#transmissaoView,#acessoriosView) .tech-detail>.panel:last-child{
  background:linear-gradient(160deg,#202227,#17191f)!important;
  border-color:#3c414a!important;
}
html[data-theme="dark"] :is(#lentesView,#monitoresView,#transmissaoView,#acessoriosView) .tech-spec-row{
  background:#14171c!important;border-color:#424751!important;
}
html[data-theme="dark"] :is(#lentesView,#monitoresView,#transmissaoView,#acessoriosView) .tech-spec-row span{
  color:#b6c0cd!important;-webkit-text-fill-color:#b6c0cd!important;
}
/* Subitens agora exibem seu próprio título dentro do cabeçalho renovado. */
:is(#camerasView,#lentesView,#monitoresView,#transmissaoView,#acessoriosView)>.section-head>div:first-child>.eyebrow,
:is(#camerasView,#lentesView,#monitoresView,#transmissaoView,#acessoriosView)>.section-head>div:first-child>h3{
  display:block!important;
}
/* Sobreposição de tema antigo: item ativo tem fundo escuro com borda amarela,
   portanto textos permanecem claros e os ícones seguem pretos sobre amarelo. */
html[data-theme="dark"] :is(#camerasView,#lentesView,#monitoresView,#transmissaoView,#acessoriosView) :is(.camera-list-item.active,.tech-list-item.active){
  color:#f9fafc!important;-webkit-text-fill-color:#f9fafc!important;
  background:linear-gradient(112deg,#302b1f,#202126)!important;
  border-color:#d1af32!important;
}
html[data-theme="dark"] :is(#camerasView,#lentesView,#monitoresView,#transmissaoView,#acessoriosView) :is(.camera-list-item.active,.tech-list-item.active) :is(strong,small){
  color:#f8fafc!important;-webkit-text-fill-color:#f8fafc!important;
}
html[data-theme="dark"] :is(#camerasView,#lentesView,#monitoresView,#transmissaoView,#acessoriosView) :is(.camera-list-item.active,.tech-list-item.active) :is(.camera-list-icon,.tech-list-mark){
  color:#181818!important;-webkit-text-fill-color:#181818!important;
}
/* Corrige contraste legado dos itens ativos, cuja regra global usa seleção
   altamente específica. O marcador amarelo continua com texto preto. */
html[data-theme="dark"] :is(#camerasView#camerasView,#lentesView#lentesView,#monitoresView#monitoresView,#transmissaoView#transmissaoView,#acessoriosView#acessoriosView) :is(.camera-list-item.active,.tech-list-item.active) *{
  color:#f8fafc!important;-webkit-text-fill-color:#f8fafc!important;
}
html[data-theme="dark"] :is(#camerasView#camerasView,#lentesView#lentesView,#monitoresView#monitoresView,#transmissaoView#transmissaoView,#acessoriosView#acessoriosView) :is(.camera-list-item.active,.tech-list-item.active) :is(.camera-list-icon,.tech-list-mark){
  color:#161616!important;-webkit-text-fill-color:#161616!important;
}