/* ================================================================
   XLX026_HEADER_LAYOUT_V5 (2026-11-09)
   Carregado por ÚLTIMO no index.php. Para reverter: remova a linha
   <link ... header-layout-v5.css> do index.php (este arquivo pode ficar).
   1. Título "XLX026 Brasil" sem o brilho animado que cortava o "Brasil".
   2. Menu do topo em 1 linha a partir de 1180px (♿ não fica mais sozinho).
   3. 821–1179px: menu em grade uniforme, faixa de acessos quebra sem estourar.
   4. Menu fixo ao rolar: começa no "Ao vivo" (sem corte) e cabe inteiro.
   5. Celular: botão MENU largo (44px), STANDBY sem sobrepor o texto,
      rótulos corretos "Horário TX" e "Tempo de TX" nos cartões.
   6. Selos Online/Offline 10px e contador 11px (antes 8px e 10px).
   ================================================================ */

html body section.universal-header .xlx026-brasil-title::before,
html body section.universal-header .xlx026-brasil-title::after{
  content:none!important;display:none!important;animation:none!important;
}

@media (min-width:821px){
  html body section.universal-header > .universal-nav{
    gap:5px!important;justify-content:center!important;align-items:center!important;
  }
  html body section.universal-header > .universal-nav > a{
    padding-left:10px!important;padding-right:10px!important;white-space:nowrap!important;
  }
  html body .xlx026-fixed-nav-v2{justify-content:safe center!important;gap:4px!important}
  html body .xlx026-fixed-nav-v2 > a{
    flex:0 0 auto!important;padding-left:8px!important;padding-right:8px!important;font-size:11.5px!important;
  }
}

@media (min-width:1180px){
  html body section.universal-header > .universal-nav{flex-wrap:nowrap!important}
}

@media (min-width:821px) and (max-width:1179px){
  html body section.universal-header > .universal-nav{
    display:grid!important;grid-template-columns:repeat(auto-fit,minmax(118px,1fr))!important;
    width:100%!important;box-sizing:border-box!important;
    /* camadas antigas deslocavam o menu com top:62px sem reservar espaço */
    position:static!important;top:auto!important;margin-top:12px!important;
  }
  html body section.universal-header > .universal-nav > a{
    justify-content:center!important;text-align:center!important;min-width:0!important;
  }
  html body section.universal-header .access-strip{
    flex-wrap:wrap!important;justify-content:center!important;max-width:100%!important;
  }
}

@media (max-width:820px){
  html body section.universal-header > button.menu-toggle{
    display:flex!important;align-items:center!important;justify-content:center!important;
    width:100%!important;max-width:none!important;min-height:44px!important;
    margin:10px 0 0!important;box-sizing:border-box!important;
  }
  html body .live-widget .tx-card .tx-top{gap:8px!important}
  html body .live-widget .tx-card .tx-top > div{
    flex:1 1 auto!important;min-width:0!important;flex-wrap:wrap!important;row-gap:4px!important;
  }
  html body .live-widget .tx-card .tx-top h3{
    white-space:normal!important;min-width:0!important;overflow-wrap:anywhere!important;
  }
  html body .live-widget .tx-card .tx-top > .ready{flex:0 0 auto!important}

  html body[data-page="ao-vivo"] table.home-history td:nth-child(10)::before{content:"Horário TX"!important}
  html body[data-page="ao-vivo"] table.home-history td:nth-child(11)::before{content:"Tempo de TX"!important}
}

html body .state-pill{font-size:10px!important;line-height:1.1!important;padding:3px 6px!important;min-width:0!important}
html body .live-summary-item small{font-size:11px!important}

@media (prefers-reduced-motion:reduce){
  html body section.universal-header *{animation:none!important}
}

/* ================================================================
   MÓDULOS NO CELULAR (≤820px): cada módulo vira um cartão com todos
   os códigos rotulados. Antes: cabeçalho de 3 linhas agrupadas com
   ~230px de altura vazia e códigos DMR/YSF/D-STAR escondidos.
   ================================================================ */
@media (max-width:820px){
 html body[data-page="modulos"] .table-wrap:has(> table.module-access-table-v7){overflow:visible!important}
 html body[data-page="modulos"] table.module-access-table.module-access-table-v7{display:block!important;width:100%!important;table-layout:auto!important;border:0!important;background:none!important}
 html body[data-page="modulos"] table.module-access-table.module-access-table-v7 > thead{display:none!important}
 html body[data-page="modulos"] table.module-access-table.module-access-table-v7 > tbody{display:grid!important;gap:12px!important}
 html body[data-page="modulos"] table.module-access-table.module-access-table-v7 > tbody > tr{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px 14px!important;padding:14px!important;border:1px solid rgba(0,216,255,.22)!important;border-radius:14px!important;background:rgba(6,24,35,.72)!important}
 html body[data-page="modulos"] table.module-access-table.module-access-table-v7 > tbody > tr > td{display:block!important;width:auto!important;min-width:0!important;padding:0!important;border:0!important;background:none!important;text-align:left!important;font-size:14px!important;line-height:1.3!important;overflow-wrap:anywhere!important}
 html body[data-page="modulos"] table.module-access-table.module-access-table-v7 > tbody > tr > td::before{display:block!important;margin-bottom:2px!important;font-size:11px!important;font-weight:800!important;letter-spacing:.04em!important;text-transform:uppercase!important;color:#00d8ff!important}
 html body[data-page="modulos"] table.module-access-table.module-access-table-v7 > tbody > tr > td:nth-child(1){grid-column:1/-1!important;padding-bottom:6px!important;border-bottom:1px solid rgba(0,216,255,.18)!important}
 html body[data-page="modulos"] table.module-access-table.module-access-table-v7 > tbody > tr > td:nth-child(1) strong{font-size:22px!important}
 html body[data-page="modulos"] table.module-access-table.module-access-table-v7 > tbody > tr > td:nth-child(-n+4){order:0}
 html body[data-page="modulos"] table.module-access-table.module-access-table-v7 > tbody > tr > td:nth-child(n+5){order:6}
 html body[data-page="modulos"] table.module-access-table.module-access-table-v7 > tbody > tr > td:nth-child(11),
 html body[data-page="modulos"] table.module-access-table.module-access-table-v7 > tbody > tr > td:nth-child(12){order:4!important;font-weight:800!important}
 html body[data-page="modulos"] table.module-access-table.module-access-table-v7 > tbody > tr > td:nth-child(1)::before{content:"Módulo"}
 html body[data-page="modulos"] table.module-access-table.module-access-table-v7 > tbody > tr > td:nth-child(2)::before{content:"Função"}
 html body[data-page="modulos"] table.module-access-table.module-access-table-v7 > tbody > tr > td:nth-child(3)::before,
 html body[data-page="modulos"] table.module-access-table.module-access-table-v7 > tbody > tr > td.module-protocol-text::before{content:"Protocolos"!important;display:block!important}
 html body[data-page="modulos"] table.module-access-table.module-access-table-v7 > tbody > tr > td:nth-child(4)::before{content:"Conectadas"}
 html body[data-page="modulos"] table.module-access-table.module-access-table-v7 > tbody > tr > td:nth-child(5)::before{content:"DPlus URCALL"}
 html body[data-page="modulos"] table.module-access-table.module-access-table-v7 > tbody > tr > td:nth-child(6)::before{content:"DPlus DTMF"}
 html body[data-page="modulos"] table.module-access-table.module-access-table-v7 > tbody > tr > td:nth-child(7)::before{content:"DExtra URCALL"}
 html body[data-page="modulos"] table.module-access-table.module-access-table-v7 > tbody > tr > td:nth-child(8)::before{content:"DExtra DTMF"}
 html body[data-page="modulos"] table.module-access-table.module-access-table-v7 > tbody > tr > td:nth-child(9)::before{content:"DCS URCALL"}
 html body[data-page="modulos"] table.module-access-table.module-access-table-v7 > tbody > tr > td:nth-child(10)::before{content:"DCS DTMF"}
 html body[data-page="modulos"] table.module-access-table.module-access-table-v7 > tbody > tr > td:nth-child(11)::before{content:"DMR TG"}
 html body[data-page="modulos"] table.module-access-table.module-access-table-v7 > tbody > tr > td:nth-child(12)::before{content:"C4FM / YSF DG-ID"}
}

/* ================================================================
   PÁGINAS V6 (2026-11-09) — legibilidade, rodapé, bolha de suporte,
   Conectados em cartões no celular, Ranking sem textos de 8px.
   ================================================================ */
html body[data-page] .history-status-wrap .state-pill.state-pill,
html body[data-page] .state-pill.state-pill{font-size:10px!important;line-height:1.1!important}
html body[data-page="ao-vivo"] .live-widget .live-summary-item small{font-size:11px!important}
html body[data-page="ranking"] .rv2 small,
html body[data-page="ranking"] .rv2-box small,
html body[data-page="ranking"] .rv2 h2 small{font-size:10px!important}
html body[data-page="ranking"] .rv2-display > div{font-size:10px!important}
@media (max-width:430px){html body[data-page] table th{font-size:10px!important}}

html body footer .footer-links{display:flex!important;flex-wrap:wrap!important;justify-content:center!important;gap:4px 14px!important;max-width:100%!important}
@media (max-width:820px){
 html body footer .footer-links a{display:inline-flex!important;align-items:center!important;min-height:40px!important;padding:0 4px!important}
 html body footer .footer-final-line{display:flex!important;flex-wrap:wrap!important;justify-content:center!important;gap:2px 8px!important;text-align:center!important}
 html body footer .footer-final-line a{display:inline-flex!important;align-items:center!important;min-height:32px!important}
 html body section.universal-header > button.menu-toggle{font-size:13px!important;letter-spacing:.08em!important}
}

/* Bolha WhatsApp: no celular só o ícone (o texto continua para leitor de tela) */
@media (max-width:600px){
 html body{padding-bottom:72px!important}
 html body #xlx-wa-support-float{bottom:calc(16px + env(safe-area-inset-bottom))!important;right:12px!important}
 html body #xlx-wa-support-float > a{padding:12px!important;gap:0!important}
 html body #xlx-wa-support-float > a > span:last-child{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important}
 html body #xlx-wa-support-float > button{width:28px!important;min-width:28px!important;padding:0 8px 0 0!important}
}

/* Conectados no celular: 1 cartão de 3 linhas por estação */
@media (max-width:820px){
 html body[data-page="conectados"] .table-wrap:has(> table.connected-table){overflow:visible!important;border:0!important;background:none!important;padding:0!important}
 html body[data-page="conectados"] table.connected-table{display:block!important;width:100%!important;min-width:0!important;table-layout:auto!important;border:0!important}
 html body[data-page="conectados"] table.connected-table > thead{display:none!important}
 html body[data-page="conectados"] table.connected-table > tbody{display:grid!important;gap:8px!important}
 html body[data-page="conectados"] table.connected-table > tbody > tr{display:grid!important;grid-template-columns:30px minmax(0,1fr) auto!important;grid-template-areas:"flag call time" "flag name mod" "flag loc proto"!important;gap:3px 10px!important;align-items:center!important;padding:10px 12px!important;border:1px solid rgba(0,216,255,.16)!important;border-radius:12px!important;background:rgba(6,24,35,.65)!important}
 html body[data-page="conectados"] table.connected-table > tbody > tr > td{display:block!important;padding:0!important;border:0!important;background:none!important;min-width:0!important;width:auto!important;text-align:left!important;font-size:13px!important;line-height:1.25!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
 html body[data-page="conectados"] table.connected-table > tbody > tr > td:nth-child(1),html body[data-page="conectados"] table.connected-table > tbody > tr > td:nth-child(8),html body[data-page="conectados"] table.connected-table > tbody > tr > td:nth-child(10){display:none!important}
 html body[data-page="conectados"] table.connected-table > tbody > tr > td:nth-child(2){grid-area:flag!important;align-self:start!important;padding-top:2px!important}
 html body[data-page="conectados"] table.connected-table > tbody > tr > td:nth-child(3){grid-area:call!important}
 html body[data-page="conectados"] table.connected-table > tbody > tr > td:nth-child(3) a{font-size:15px!important;font-weight:800!important}
 html body[data-page="conectados"] table.connected-table > tbody > tr > td:nth-child(4){grid-area:name!important;color:#d9edf5!important}
 html body[data-page="conectados"] table.connected-table > tbody > tr > td:nth-child(5){grid-area:loc!important;font-size:12px!important;color:#9fc0cf!important}
 html body[data-page="conectados"] table.connected-table > tbody > tr > td:nth-child(6){grid-area:proto!important;justify-self:end!important;overflow:visible!important}
 html body[data-page="conectados"] table.connected-table > tbody > tr > td:nth-child(6) .protocol{font-size:11px!important}
 html body[data-page="conectados"] table.connected-table > tbody > tr > td:nth-child(7){grid-area:mod!important;justify-self:end!important;font-size:12px!important;color:#9fc0cf!important}
 html body[data-page="conectados"] table.connected-table > tbody > tr > td:nth-child(7)::before{content:"Módulo "!important}
 html body[data-page="conectados"] table.connected-table > tbody > tr > td:nth-child(9){grid-area:time!important;justify-self:end!important;font-size:12px!important;color:#7fe7c4!important;font-variant-numeric:tabular-nums!important}
}

/* ================================================================
   CONSULTA DE INDICATIVO + CERTIFICADO (2026-11-09)
   - paginação deixava de flutuar sobre o título (top:62px herdado)
   - resultados em cartões no celular (antes ~280px por linha)
   - campo de indicativo do Certificado com 44px (antes 24px)
   ================================================================ */
html body .callsign-lookup nav.lookup-pagination{position:static!important;top:auto!important;left:auto!important;right:auto!important;transform:none!important;margin:12px 0!important}
html body[data-page="certificado"] main input[type="text"],
html body[data-page="certificado"] main input:not([type]),
html body[data-page="certificado"] main input[type="search"]{min-height:44px!important;box-sizing:border-box!important}
@media (max-width:820px){
 html body[data-page] .callsign-lookup .lookup-table-wrap{overflow:visible!important;border:0!important;background:none!important;padding:0!important}
 html body[data-page] .callsign-lookup table.lookup-table.lookup-table{display:block!important;width:100%!important;min-width:0!important;table-layout:auto!important;border:0!important}
 html body[data-page] .callsign-lookup table.lookup-table.lookup-table > thead{display:none!important}
 html body[data-page] .callsign-lookup table.lookup-table.lookup-table > tbody{display:grid!important;gap:8px!important}
 html body[data-page] .callsign-lookup table.lookup-table.lookup-table > tbody > tr{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;grid-template-areas:"call cls" "name name" "city val"!important;gap:4px 12px!important;align-items:center!important;padding:10px 12px!important;border:1px solid rgba(0,216,255,.16)!important;border-radius:12px!important;background:rgba(6,24,35,.65)!important}
 html body[data-page] .callsign-lookup table.lookup-table.lookup-table > tbody > tr > td{display:block!important;width:auto!important;min-width:0!important;padding:0!important;border:0!important;background:none!important;text-align:left!important;font-size:13px!important;line-height:1.3!important}
 html body[data-page] .callsign-lookup table.lookup-table.lookup-table > tbody > tr > td small{display:inline!important;margin-left:6px!important;font-size:12px!important;opacity:.75!important}
 html body[data-page] .callsign-lookup table.lookup-table.lookup-table > tbody > tr > td:nth-child(1){grid-area:call!important}
 html body[data-page] .callsign-lookup table.lookup-table.lookup-table > tbody > tr > td:nth-child(1) .lookup-callsign{font-size:16px!important}
 html body[data-page] .callsign-lookup table.lookup-table.lookup-table > tbody > tr > td:nth-child(2){grid-area:name!important;color:#d9edf5!important}
 html body[data-page] .callsign-lookup table.lookup-table.lookup-table > tbody > tr > td:nth-child(3){grid-area:cls!important;justify-self:end!important;text-align:right!important;font-size:12px!important}
 html body[data-page] .callsign-lookup table.lookup-table.lookup-table > tbody > tr > td:nth-child(4){grid-area:city!important;font-size:12px!important;color:#9fc0cf!important}
 html body[data-page] .callsign-lookup table.lookup-table.lookup-table > tbody > tr > td:nth-child(5){display:none!important}
 html body[data-page] .callsign-lookup table.lookup-table.lookup-table > tbody > tr > td:nth-child(6){grid-area:val!important;justify-self:end!important;font-size:12px!important;color:#9fc0cf!important}
}