/* Dash JogueiCerto — camada "compacto" (14/10), carregada por último (includes/dash-tema.php).
   1) UMA fonte em tudo (Inter, a do iHub) + números com largura fixa (colunas alinhadas);
   2) sem espaço sobrando: cabeçalho, cartões de número, gráficos e linhas das tabelas mais justos.
   Só aparência. */

/* ---------- 1) fonte */
html body.jc-hub,
html body.jc-hub :is(p,span,div,td,th,label,input,select,textarea,button,a,h1,h2,h3,h4,h5,h6,small,strong,b,em,li,dt,dd,legend,option,summary){
  font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important}
html body.jc-hub :is(code,pre,kbd,samp){font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace!important}
html body.jc-hub :is(td,th,.ins-tile .val,.sum-value,.stat-card p,.jc-relogio,.badge,input[type=number]){font-variant-numeric:tabular-nums}
html body.jc-hub{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;letter-spacing:-.005em}

/* ---------- 2) cabeçalho da aba: mesma informação, metade da altura */
html body.jc-hub :is(.header,.page-head){padding:14px 18px!important;margin-bottom:14px!important;min-height:0!important;row-gap:4px!important}
html body.jc-hub :is(.header h1,.page-title,.jc-cabeca h1){font-size:22px!important;line-height:1.15!important;margin:0!important;gap:10px!important}
html body.jc-hub :is(.header h1,.page-title,.jc-cabeca h1)>i{width:38px!important;height:38px!important;font-size:15px!important;border-radius:12px!important}
html body.jc-hub .header p,html body.jc-hub .page-title small{font-size:13px!important;margin-top:2px!important;padding-left:48px!important;line-height:1.4!important}
html body.jc-hub .header .hb-selo,html body.jc-hub .hb-selo{margin-bottom:6px!important;transform:scale(.92);transform-origin:left center}
html body.jc-hub .jc-lado{gap:10px!important}
html body.jc-hub .jc-anel{width:64px!important;height:64px!important}
html body.jc-hub .jc-anel .txt b,html body.jc-hub .jc-anel .txt strong{font-size:14px!important}
html body.jc-hub .jc-anel .txt small,html body.jc-hub .jc-anel .txt span{font-size:8.5px!important}
html body.jc-hub .jc-relogio{padding:8px 12px!important;min-width:0!important}
html body.jc-hub .jc-relogio :is(b,strong,.hora){font-size:20px!important}
html body.jc-hub .jc-atualizar{width:34px!important;height:34px!important}
html body.jc-hub .jc-orb{opacity:.55}

/* ---------- 3) painéis de análise (Depósitos, Saques, Usuários, Visão geral) */
html body.jc-hub .ins-barra{margin:0 0 10px!important;gap:10px!important}
html body.jc-hub .ins-tiles{gap:10px!important;margin-bottom:10px!important;grid-template-columns:repeat(auto-fit,minmax(170px,1fr))!important}
html body.jc-hub .ins-tile{padding:11px 13px!important;border-radius:14px!important;min-height:0!important}
html body.jc-hub .ins-tile .rot{font-size:12.5px!important;gap:7px!important}
html body.jc-hub .ins-tile .rot i{width:22px!important;height:22px!important;font-size:10px!important;border-radius:7px!important}
html body.jc-hub .ins-tile .val{font-size:22px!important;margin:6px 0 3px!important}
html body.jc-hub .ins-tile .sub{font-size:11.5px!important;min-height:0!important}
html body.jc-hub .ins-spark{height:18px!important;margin-top:4px!important}
html body.jc-hub .ins-grade{gap:10px!important}
html body.jc-hub .ins-grade>*{padding:13px 14px!important;border-radius:14px!important}
html body.jc-hub .ins-grade :is(h3,h4,.tit){margin-bottom:2px!important}
html body.jc-hub .ins-grade{align-items:start}
html body.jc-hub .ins-grade svg{max-height:165px}


/* ---------- 4) tabelas (linhas-cartão) mais justas */
html body.jc-hub .table{border-spacing:0 6px!important}
html body[data-jc-pg] .table tbody td{padding:8px 11px!important}
html body[data-jc-pg] .table thead th{padding:6px 11px!important;font-size:10.5px!important}
html body.jc-hub .table td[data-ini]::before{width:28px!important;height:28px!important;font-size:10px!important;border-radius:9px!important}
html body.jc-hub .badge{padding:4px 9px!important;font-size:11px!important}
html body.jc-hub .action-buttons{gap:6px!important}
html body.jc-hub .action-buttons .btn-sm{width:32px!important;height:32px!important;padding:0!important;display:inline-grid!important;place-items:center}

/* ---------- 5) cartões de número antigos, filtros e blocos */
html body.jc-hub .stats-grid{gap:10px!important;margin-bottom:12px!important}
html body.jc-hub .stat-card{padding:12px 14px!important;min-height:0!important}
html body.jc-hub .stat-card p{font-size:22px!important;margin-top:4px!important}
html body.jc-hub :is(.search-bar,.filters,.toolbar){margin-bottom:12px!important}
html body.jc-hub .mc-chips{margin-bottom:10px!important}
html body.jc-hub .content{padding-top:12px!important}
html body.jc-hub .hb-topo{margin-bottom:12px!important}

@media(max-width:768px){
  html body.jc-hub :is(.header h1,.page-title,.jc-cabeca h1){font-size:19px!important}
  html body.jc-hub .header p{padding-left:0!important}
  html body.jc-hub .ins-tile .val{font-size:19px!important}
  html body.jc-hub .ins-tiles{grid-template-columns:1fr 1fr!important}
}
html body.jc-hub .ins-graf{height:180px!important}
html body.jc-hub .ins-col{height:140px!important}
@media(max-width:768px){html body.jc-hub .ins-graf{height:160px!important}html body.jc-hub .ins-col{height:120px!important}}
/* abas antigas com .content{width:100%} + margem do menu passavam da tela (rolagem lateral) */
@media(min-width:769px){html body.jc-hub :is(.content,.admin-content,.main-content){width:auto!important;max-width:none!important;box-sizing:border-box!important;min-width:0!important}}
/* 15/10: com o body em flex, width:auto deixava o conteúdo do tamanho do texto (depósitos sobrava faixa vazia à direita); agora ocupa o resto da tela; min-width:0 também no celular (antes uma tabela larga esticava a aba e a tela arrastava pro lado) */
html body.jc-hub > :is(.content,.admin-content,.main-content){flex:1 1 0!important;min-width:0!important}
html body.jc-hub :is(.content,.admin-content,.main-content){overflow-x:clip}
html body.jc-hub .table-responsive{max-width:100%;overflow-x:auto}

/* ---------- Suporte (14/10): bolhas limpas (a hora ganhava uma "barra" de fundo do tema), etiqueta da Ana legível */
html body:not(#x) .m .t{background:transparent!important;border:0!important;box-shadow:none!important;display:block!important;padding:0!important;margin-top:5px!important;width:auto!important;font-size:10.5px!important;opacity:.75;text-align:right}
html body:not(#x) .m.user .t{text-align:left}
html body:not(#x) .m .t *{background:transparent!important}
html body.jc-hub .m.bot{border:1px solid rgba(255,255,255,.18)!important;border-style:solid!important}
html body.jc-hub .m.bot .bot-tag{color:#ffe0e0!important;opacity:.95}
html body.jc-hub .m.admin.bot{background:linear-gradient(135deg,#b80f0f,#7d0a0a)!important}

/* ---------- Usuários (14/10): tabela cabe inteira (ações à vista), selos quebram linha, e-mail quebra */
html body:not(#x)[data-jc-pg="user_list"] .table tbody td{padding:8px 9px!important;font-size:12.5px!important}
html body:not(#x)[data-jc-pg="user_list"] .table thead th{padding:6px 9px!important}
html body:not(#x)[data-jc-pg="user_list"] .table tbody td:nth-child(2){max-width:200px;white-space:normal!important;line-height:1.5}
html body:not(#x)[data-jc-pg="user_list"] .table tbody td:nth-child(2) .mc-selo{margin:2px 4px 0 0}
html body:not(#x)[data-jc-pg="user_list"] .table tbody td:nth-child(3){max-width:175px;white-space:normal!important;overflow-wrap:anywhere}
html body:not(#x)[data-jc-pg="user_list"] .table tbody td:nth-child(8){white-space:normal!important;line-height:1.35;font-size:11.5px!important}
/* cartões antigos de número somem também no celular quando o painel de análise está na tela (eram repetidos) */
html body:not(#x).jc-hub:has(section.ins) .stats-grid{display:none!important}
/* estado vazio dos painéis: sem caixa enorme */
html body.jc-hub .ins-vazio{padding:12px 10px!important;font-size:12.5px!important}
html body.jc-hub .ins-vazio i,html body.jc-hub .ins-vazio svg{font-size:16px!important;width:18px;height:18px;margin-bottom:4px}
/* filtros de marca: uma faixa só que rola de lado no celular */
@media(max-width:768px){
  html body:not(#x).jc-hub .mc-chips{display:flex!important;width:100%!important;max-width:100%!important;box-sizing:border-box;flex-wrap:nowrap!important;overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:14px!important;padding:6px!important;scrollbar-width:none}
  html body:not(#x).jc-hub .mc-chips::-webkit-scrollbar{display:none}
  html body:not(#x).jc-hub .mc-chips a{white-space:nowrap;flex:0 0 auto}
}
html body.jc-hub .ins-vazio{display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:4px}

/* ---------- 3) tipografia estilo iHub (Inter): títulos apertados, textos 600 em vez de 800 pesado */
html body.jc-hub{font-feature-settings:"cv11","ss01";letter-spacing:-.01em}
html body.jc-hub :is(h1,h2,.page-title,.header h1,.jc-cabeca h1){letter-spacing:-.025em}
html body.jc-hub :is(.stat-card p,.ins-tile .val,.sum-value){letter-spacing:-.03em}
html body.jc-hub :is(th,.table thead th){font-size:11px!important;font-weight:600!important;letter-spacing:.06em!important;text-transform:uppercase}