/* =====================================================================================================
   Dash JogueiCerto — tema "hub" (14/10, v3). Linguagem do painel de referência do dono (iHub Affiliates):
   azul elétrico sobre azul-marinho, Inter, cápsulas de vidro, rótulos espaçados, faixa azul→vermelho,
   avisos ao vivo em cartões claros e transição suave entre páginas. Entra DEPOIS do dash-pro/dash-pages
   e só sobrescreve aparência. Ativo só com body.jc-hub (posto pelo dash-hub.js).
   ===================================================================================================== */
@view-transition{navigation:auto}
::view-transition-old(root){animation:.18s ease-in both jcHubSai}
::view-transition-new(root){animation:.32s cubic-bezier(.2,.8,.2,1) both jcHubEntra}
@keyframes jcHubSai{to{opacity:0;transform:translateY(-6px)}}
@keyframes jcHubEntra{from{opacity:0;transform:translateY(10px)}}

body.jc-hub{
  --hb-bg:#07070d;--hb-bg2:#0c0c16;--hb-sup:rgba(20,20,31,.72);--hb-sup2:rgba(28,28,42,.6);
  --hb-linha:rgba(255,255,255,.14);--hb-linha2:rgba(255,255,255,.26);
  --hb-azul:#e01414;--hb-azul2:#a30d0d;--hb-azul3:#ff5a5a;--hb-azul-esc:#5c0707;--hb-verm:#ff2d2d;
  --hb-txt:#f3f3f7;--hb-mut:#9a9cb0;--hb-mut2:#75778c;
  --jc-bg:var(--hb-bg);--jc-red:#ff2d2d;--jc-red2:#ff5050;
}
/* uma cor de destaque só (vermelho JogueiCerto); estrutura da referência; verde/âmbar/vermelho seguem só para significado */
html body.jc-hub[data-jc-pg],html body.jc-hub{--ac:#e01414;--ac2:#a30d0d;--ac-rgb:224,20,20}

/* ---------- base */
html body.jc-hub,body.jc-hub :is(.content,.admin-content,.main-content) :not(i):not([class*="fa-"]):not(code):not(pre):not(kbd),
body.jc-hub .admin-sidebar :not(i):not([class*="fa-"]),body.jc-hub .modal-content :not(i):not([class*="fa-"]){font-family:"Inter",system-ui,sans-serif!important}
body.jc-hub{background:var(--hb-bg)!important;color:var(--hb-txt)}
body.jc-hub::before,body[data-jc-pg].jc-hub::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;
  background:radial-gradient(900px 650px at 100% 0%,rgba(210,13,13,.22),transparent 60%),radial-gradient(800px 600px at 0% 100%,rgba(224,20,20,.14),transparent 60%),
             radial-gradient(700px 500px at 60% 40%,rgba(120,8,8,.12),transparent 60%),var(--hb-bg)!important}
body.jc-hub::after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);
  background-size:64px 64px;-webkit-mask-image:radial-gradient(ellipse at 60% 30%,#000 20%,transparent 75%);mask-image:radial-gradient(ellipse at 60% 30%,#000 20%,transparent 75%)}
body.jc-hub ::selection{background:rgba(224,20,20,.35)}
body.jc-hub ::-webkit-scrollbar-thumb{background:#2a2a3a!important;border-color:var(--hb-bg)!important}

/* ---------- menu lateral: cápsula flutuante */
@media(min-width:769px){
  body.jc-hub .admin-sidebar{top:12px!important;left:12px!important;bottom:12px!important;height:auto!important;width:248px!important;border-radius:26px!important;
    border:1px solid var(--hb-linha)!important;background:linear-gradient(180deg,rgba(17,17,27,.9),rgba(10,10,17,.94))!important;box-shadow:0 30px 70px -30px rgba(0,0,0,.9),inset 0 1px 0 rgba(255,255,255,.04)!important}
  body.jc-hub .content,body.jc-hub .admin-content,body.jc-hub .main-content{margin-left:272px!important}
}
body.jc-hub .sidebar-header{background:transparent!important;border-bottom:0!important;padding:22px 18px 18px!important;position:sticky}
body.jc-hub .sidebar-header::after{content:"";position:absolute;left:18px;right:18px;bottom:0;height:3px;border-radius:3px;background:linear-gradient(90deg,var(--hb-azul) 0 70%,#ffffff 70% 100%);box-shadow:0 0 14px rgba(224,20,20,.5)}
body.jc-hub .sidebar-logo{filter:drop-shadow(0 0 10px rgba(224,20,20,.35))!important}
body.jc-hub .sidebar-badge{background:transparent!important;border:1px solid var(--hb-linha2)!important;color:var(--hb-azul)!important;box-shadow:none!important;letter-spacing:.24em!important;font-weight:800!important}
body.jc-hub .jc-busca input{background:rgba(6,6,12,.6)!important;border-color:var(--hb-linha)!important;border-radius:12px!important}
body.jc-hub .jc-busca input:focus{border-color:var(--hb-azul)!important;box-shadow:0 0 0 3px rgba(224,20,20,.16)!important}
body.jc-hub .jc-busca>i{color:var(--hb-azul)!important}
body.jc-hub .jc-grupo-tit{color:#6d6f86!important;letter-spacing:.26em!important;font-size:10px!important}
body.jc-hub .jc-grupo-tit:hover{color:var(--hb-azul3)!important}
body.jc-hub .jc-grupo-tit .qtd{background:rgba(224,20,20,.1)!important;color:var(--hb-azul)!important}
body.jc-hub .admin-sidebar .nav-item{color:#a9abbf!important;border-radius:12px!important}
body.jc-hub .admin-sidebar .nav-item i:first-child{background:rgba(255,255,255,.07)!important;color:#8f91a8!important;border-radius:10px!important}
body.jc-hub .admin-sidebar .nav-item:hover{background:rgba(224,20,20,.07)!important;color:#fff!important}
body.jc-hub .admin-sidebar .nav-item:hover i:first-child{background:rgba(224,20,20,.16)!important;color:var(--hb-azul)!important}
body.jc-hub .admin-sidebar .nav-item.active{background:linear-gradient(90deg,rgba(224,20,20,.22),rgba(224,20,20,.03))!important;color:#fff!important}
body.jc-hub .admin-sidebar .nav-item.active::before{background:var(--hb-azul)!important;box-shadow:0 0 14px var(--hb-azul)!important}
body.jc-hub .admin-sidebar .nav-item.active i:first-child{background:linear-gradient(135deg,var(--hb-azul),var(--hb-azul2))!important;color:#fff!important;box-shadow:0 8px 18px -6px rgba(224,20,20,.9)!important}
body.jc-hub .jc-rodape-menu{background:linear-gradient(0deg,rgba(10,10,17,.98),rgba(10,10,17,.85))!important;border-top-color:var(--hb-linha)!important;border-radius:0 0 26px 26px}
body.jc-hub .jc-avatar{background:linear-gradient(135deg,var(--hb-azul),var(--hb-azul2))!important;box-shadow:0 8px 18px -6px rgba(224,20,20,.9)!important}
body.jc-hub .jc-sair:hover{background:rgba(255,45,45,.16)!important}

/* ---------- barra do topo (cápsula) */
.hb-topo{position:sticky;top:12px;z-index:900;display:flex;align-items:center;gap:14px;margin:0 0 22px;padding:10px 12px 10px 20px;border-radius:999px;border:1px solid var(--hb-linha);
  background:rgba(13,13,22,.72);backdrop-filter:blur(18px) saturate(1.2);-webkit-backdrop-filter:blur(18px) saturate(1.2);box-shadow:0 20px 50px -30px rgba(0,0,0,.95)}
.hb-topo::after{content:"";position:absolute;left:12%;right:12%;bottom:-1px;height:2px;border-radius:2px;background:linear-gradient(90deg,var(--hb-azul) 0 70%,#ffffff 70% 100%);opacity:.9}
.hb-trilha{display:flex;align-items:center;gap:8px;font-size:13.5px;color:var(--hb-mut);font-weight:500;min-width:0;white-space:nowrap;overflow:hidden}
.hb-trilha b{color:#fff;font-weight:700;overflow:hidden;text-overflow:ellipsis}
.hb-trilha i{font-size:10px;color:var(--hb-mut2)}
.hb-trilha .hb-casa{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:rgba(224,20,20,.12);color:var(--hb-azul);font-size:13px;flex-shrink:0}
.hb-busca{margin-left:auto;display:flex;align-items:center;gap:10px;height:40px;padding:0 14px;border-radius:999px;border:1px solid var(--hb-linha);background:rgba(6,6,12,.55);color:var(--hb-mut2);
  font:500 13.5px "Inter",sans-serif;cursor:pointer;min-width:220px;transition:border-color .2s,color .2s}
.hb-busca:hover{border-color:var(--hb-azul);color:#dcdce6}
.hb-busca kbd{margin-left:auto;font:700 10.5px "Inter",sans-serif;border:1px solid var(--hb-linha2);border-radius:6px;padding:2px 6px}
.hb-hora{display:flex;align-items:center;gap:8px;height:40px;padding:0 14px;border-radius:999px;border:1px solid var(--hb-linha);font:700 14px "Inter",sans-serif;color:#fff;font-variant-numeric:tabular-nums}
.hb-hora::before{content:"";width:7px;height:7px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 0 rgba(34,197,94,.6);animation:hbPulso 1.8s infinite}
@keyframes hbPulso{70%{box-shadow:0 0 0 8px rgba(34,197,94,0)}100%{box-shadow:0 0 0 0 rgba(34,197,94,0)}}
.hb-sino{position:relative;width:40px;height:40px;border-radius:50%;border:1px solid var(--hb-linha);background:rgba(6,6,12,.55);color:#dcdce6;cursor:pointer;display:grid;place-items:center;transition:all .2s}
.hb-sino:hover{border-color:var(--hb-azul);color:#fff}
.hb-sino.desligado{color:var(--hb-mut2)}
.hb-sino b{position:absolute;top:-3px;right:-3px;min-width:18px;height:18px;border-radius:999px;background:var(--hb-verm);color:#fff;font-size:10.5px;display:none;place-items:center;padding:0 5px;box-shadow:0 0 12px rgba(255,45,45,.7)}
.hb-sino b.on{display:grid}
.hb-eu{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;font-weight:800;color:#fff;background:linear-gradient(135deg,var(--hb-azul),var(--hb-azul2));box-shadow:0 8px 20px -8px rgba(224,20,20,.9)}
@media(max-width:768px){.hb-topo{margin:4px 0 16px 54px;padding:6px 8px 6px 14px;top:10px}.hb-busca{min-width:0;padding:0;width:40px;justify-content:center}.hb-busca span,.hb-busca kbd,.hb-hora,.hb-eu{display:none}
  body.jc-hub .toggle-btn{top:14px!important}}

/* ---------- herói (cabeçalho de página) no estilo da referência */
body.jc-hub :is(.header,.page-head,.ol-head){background:linear-gradient(120deg,rgba(210,13,13,.16),rgba(13,13,22,.6) 45%,rgba(13,13,22,.4))!important;border:1px solid var(--hb-linha)!important;
  border-radius:28px!important;box-shadow:0 40px 80px -50px rgba(224,20,20,.55),inset 0 1px 0 rgba(255,255,255,.04)!important}
body.jc-hub .jc-orb.o1{border-color:rgba(224,20,20,.3)!important}
body.jc-hub .jc-orb.o1::after{background:var(--hb-azul)!important;box-shadow:0 0 18px 4px rgba(224,20,20,.8)!important}
body.jc-hub .jc-orb.o3{background:radial-gradient(circle,rgba(224,20,20,.3),transparent 65%)!important}
.hb-selo{display:inline-flex!important;align-items:center;gap:10px;align-self:flex-start;padding:8px 16px 8px 12px;border-radius:0 999px 999px 0;border-left:3px solid var(--hb-azul);
  background:linear-gradient(90deg,rgba(224,20,20,.16),rgba(224,20,20,.02));font:800 10.5px "Inter",sans-serif!important;letter-spacing:.3em;text-transform:uppercase;color:#e6e6ee;margin-bottom:14px;position:relative;z-index:1}
.hb-selo b{color:var(--hb-azul)}
body.jc-hgrid .header .hb-selo{grid-column:1;grid-row:1}
body.jc-hgrid.jc-hub .header{grid-template-rows:auto auto auto!important}
body.jc-hgrid.jc-hub .header h1{grid-row:2!important}
body.jc-hgrid.jc-hub .header p{grid-row:3!important}
body.jc-hgrid.jc-hub .header .jc-lado{grid-row:1/4!important}
body.jc-hub :is(.header h1,.page-title,.ol-head h1){font-weight:800!important;letter-spacing:-.025em!important;font-size:clamp(28px,3.2vw,42px)!important}
body.jc-hub :is(.header h1,.page-title)>i{width:56px!important;height:56px!important;border-radius:16px!important;background:linear-gradient(145deg,var(--hb-azul),var(--hb-azul2))!important;
  box-shadow:0 16px 34px -12px rgba(224,20,20,.9),inset 0 1px 0 rgba(255,255,255,.35)!important}
.hb-destaque{display:inline-block;position:relative;padding:0 .22em;margin-left:.08em;color:transparent!important;-webkit-text-fill-color:transparent!important;
  background:linear-gradient(90deg,#e01414,#ff5a5a)!important;-webkit-background-clip:text!important;background-clip:text!important}
.hb-destaque::before{content:"";position:absolute;inset:-.06em -.04em;z-index:-1;border-radius:.28em;border:1px solid rgba(224,20,20,.35);background:rgba(120,8,8,.22);transform:skewX(-8deg);
  box-shadow:inset 0 0 30px rgba(224,20,20,.12)}
body.jc-hub .header p,body.jc-hub .page-title small{color:var(--hb-mut)!important;font-size:15px!important;font-weight:400!important}
body.jc-hub .jc-relogio{background:rgba(6,6,12,.5)!important;border-color:var(--hb-linha)!important;border-radius:18px!important}
body.jc-hub .jc-relogio .vivo{color:var(--hb-azul)!important}
body.jc-hub .jc-atualizar{border-radius:50%!important;border-color:var(--hb-linha)!important}
body.jc-hub .jc-anel .valor{stroke:url(#jcGrad)}

/* ---------- KPIs em "cápsula de números" (10k+ MEMBROS / R$ 20M+ DISTRIBUÍDOS) */
body.jc-hub .stats-grid,body.jc-hub[data-jc-pg="verificacoes"] .stats,body.jc-hub .ol-cards{gap:0!important;border-radius:26px!important;border:1px solid var(--hb-linha)!important;overflow:hidden;
  background:linear-gradient(180deg,rgba(20,20,31,.75),rgba(13,13,22,.75))!important;box-shadow:0 30px 60px -40px rgba(0,0,0,.9),inset 0 1px 0 rgba(255,255,255,.04)!important;backdrop-filter:blur(12px)}
body.jc-hub :is(.stats-grid .stat-card,.stats .stat,.ol-cards .ol-card){background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;min-height:0!important;
  border-right:1px solid var(--hb-linha)!important;padding:24px 26px!important;text-align:left}
body.jc-hub :is(.stats-grid .stat-card,.stats .stat,.ol-cards .ol-card):last-child{border-right:0!important}
body.jc-hub :is(.stats-grid .stat-card,.stats .stat,.ol-cards .ol-card)::before{height:2px!important;opacity:.7}
body.jc-hub :is(.stats-grid .stat-card,.stats .stat,.ol-cards .ol-card):hover{transform:none!important;background:rgba(224,20,20,.05)!important}
body.jc-hub .jc-marca{opacity:.045!important;color:var(--hb-azul)!important}
body.jc-hub .stat-card p,body.jc-hub .stat-val,body.jc-hub .ol-card .num{font-weight:800!important;letter-spacing:-.02em!important;font-size:clamp(26px,2.4vw,36px)!important;color:#fff!important}
body.jc-hub .stat-card h5,body.jc-hub .stat-lbl,body.jc-hub .ol-card .lbl{order:2;color:var(--k,var(--hb-azul))!important;letter-spacing:.24em!important;font-size:10.5px!important;font-weight:800!important;text-transform:uppercase}
body.jc-hub .stat-card{display:flex!important;flex-direction:column-reverse;justify-content:flex-end;gap:6px}
body.jc-hub .stat-card h5{margin:6px 0 0!important}
body.jc-hub .stat-card h5 i{background:transparent!important;width:auto!important;height:auto!important;color:inherit!important}
body.jc-hub .stat-card:not([data-k]) {--k:var(--hb-azul)}
@media(max-width:768px){body.jc-hub :is(.stats-grid .stat-card,.stats .stat,.ol-cards .ol-card){border-right:0!important;border-bottom:1px solid var(--hb-linha)!important;padding:18px!important}
  body.jc-hub .stats-grid,body.jc-hub .ol-cards,body.jc-hub[data-jc-pg="verificacoes"] .stats{grid-template-columns:1fr 1fr!important}
  body.jc-hub :is(.stats-grid .stat-card,.stats .stat,.ol-cards .ol-card):nth-child(odd){border-right:1px solid var(--hb-linha)!important}}

/* ---------- superfícies, filtros e busca */
body.jc-hub .jc-sup,body.jc-hub :is(.search-bar,.toolbar,.quick-filters,.etq-legend,.summary .sum-card,.gw-card,.ol-panel,.col,.vcard,.card,.cfg-card,.fic-card){
  background:linear-gradient(180deg,rgba(20,20,31,.78),rgba(13,13,22,.8))!important;border:1px solid var(--hb-linha)!important;border-radius:22px!important;
  box-shadow:0 30px 60px -40px rgba(0,0,0,.95),inset 0 1px 0 rgba(255,255,255,.035)!important}
body.jc-hub .jc-sup-in{background:rgba(255,255,255,.04)!important}
body.jc-hub :is(.mc-chips,.tabs,.subtabs){border-radius:999px!important;background:rgba(13,13,22,.7)!important;border-color:var(--hb-linha)!important;padding:5px!important}
body.jc-hub :is(.mc-chips a,.tab,.subtab,.filter-btn,.conv-filter button){border-radius:999px!important}
body.jc-hub :is(.mc-chips a.on,.tab.active,.subtab.active,.filter-btn.active,.conv-filter button.on){background:linear-gradient(180deg,#ff3b3b,#e01414 60%,#a00a0a)!important;color:#fff!important;
  box-shadow:0 10px 24px -10px rgba(224,20,20,.9),inset 0 1px 0 rgba(255,255,255,.3)!important;border-color:transparent!important}
body.jc-hub :is(input[type=text],input[type=search],input[type=email],input[type=number],input[type=password],input[type=date],input[type=datetime-local],input:not([type]),select,textarea).jc-campo,
body.jc-hub :is(.search-bar,.toolbar,.modal-content) :is(input[type=text],select,textarea){background:rgba(6,6,12,.6)!important;border:1px solid var(--hb-linha)!important;border-radius:12px!important;color:#fff!important}
body.jc-hub :is(input,select,textarea):focus{border-color:var(--hb-azul)!important;box-shadow:0 0 0 4px rgba(224,20,20,.15)!important;outline:none!important}
/* botão principal: azul com brilho (igual ao "Entrar" da referência) */
body.jc-hub :is(.btn-search,.toolbar button,.btn-primary,.btn-success,.btn-modal.btn-confirm,.btn-modal.btn-success,button[type=submit].btn,.composer .send-ic){
  background:linear-gradient(180deg,#ff3b3b 0%,#e01414 55%,#a00a0a 100%)!important;border:1px solid rgba(255,120,120,.5)!important;color:#fff!important;border-radius:12px!important;
  box-shadow:0 14px 30px -12px rgba(224,20,20,.8),inset 0 1px 0 rgba(255,255,255,.3)!important}
/* botões secundários: cápsula com contorno azul ("Entre ou Cadastre-se →") */
body.jc-hub :is(.btn-clear,.btn-sec,.btn-ghost,.btn-modal.btn-cancel,.ol-back,.jc-atualizar){background:rgba(13,13,22,.7)!important;border:1px solid var(--hb-linha2)!important;color:#e6e6ee!important}
body.jc-hub :is(.btn-clear,.btn-sec,.btn-ghost,.btn-modal.btn-cancel,.ol-back,.jc-atualizar):hover{border-color:var(--hb-azul)!important;box-shadow:0 0 0 3px rgba(224,20,20,.12)!important}

/* ---------- tabelas */
body.jc-hub .table thead th{color:#6d6f86!important;letter-spacing:.2em!important;font-size:10px!important}
body.jc-hub .table tbody td{background:rgba(17,17,27,.82)!important;border-top-color:rgba(255,255,255,.08)!important;color:#e6e6ee!important}
body.jc-hub .table tbody tr:hover td{background:rgba(30,24,34,.95)!important}
body.jc-hub .table tbody tr:hover td:first-child{box-shadow:inset 4px 0 0 var(--st,var(--hb-azul)),-10px 0 30px -10px rgba(224,20,20,.4)!important}
body.jc-hub .table td[data-ini]::before{background:linear-gradient(145deg,hsl(var(--hue,210) 80% 55%),hsl(calc(var(--hue,210) + 30) 80% 32%))!important}
body.jc-hub .table .btn-sm{border-radius:50%!important;background:rgba(13,13,22,.7)!important;border-color:var(--hb-linha)!important}
body.jc-hub :is(.pagination,.pager) .active,body.jc-hub .pager .cur{background:linear-gradient(180deg,#ff3b3b,#e01414 60%,#a00a0a)!important}
body.jc-hub :is(.pagination,.pager)>*{border-radius:50%!important;border-color:var(--hb-linha)!important}

/* ---------- modais */
body.jc-hub .modal-content{background:linear-gradient(180deg,#16161f,#0d0d17)!important;border:1px solid var(--hb-linha2)!important;border-radius:24px!important}
body.jc-hub .modal-content::before{background:linear-gradient(90deg,var(--hb-azul) 0 70%,#ffffff 70% 100%)!important}
body.jc-hub .modal-content h3 i{color:var(--hb-azul)!important}

/* ---------- avisos ao vivo (cartões claros, como "Novo CPA" da referência) */
.hb-avisos{position:fixed;right:20px;bottom:20px;z-index:3000;display:flex;flex-direction:column-reverse;gap:10px;width:330px;max-width:calc(100vw - 40px);pointer-events:none}
.hb-aviso{pointer-events:auto;display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:16px;background:rgba(235,242,255,.95);color:#0b1630;text-decoration:none;
  box-shadow:0 26px 50px -18px rgba(0,0,0,.85),0 0 0 1px rgba(255,255,255,.4);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
  animation:hbAviso .55s cubic-bezier(.2,.9,.3,1.2) both;transition:transform .2s,opacity .35s}
.hb-aviso:hover{transform:translateX(-4px)}
.hb-aviso.saindo{opacity:0;transform:translateX(30px)}
@keyframes hbAviso{from{opacity:0;transform:translateX(40px) scale(.95)}}
.hb-aviso .ic{width:40px;height:40px;border-radius:11px;display:grid;place-items:center;color:#fff;flex-shrink:0;font-size:15px}
.hb-aviso .tx{min-width:0;flex:1}
.hb-aviso b{display:block;font:700 14px "Inter",sans-serif}
.hb-aviso small{display:block;font:500 12.5px "Inter",sans-serif;color:#4b5d7d;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hb-aviso time{font:500 11.5px "Inter",sans-serif;color:#6b7c99;align-self:flex-start}
.hb-aviso.deposito .ic{background:linear-gradient(135deg,#16a34a,#22c55e)}
.hb-aviso.saque .ic{background:linear-gradient(135deg,#d97706,#f59e0b)}
.hb-aviso.cadastro .ic{background:linear-gradient(135deg,#6d28d9,#a855f7)}
.hb-aviso.afiliado .ic{background:linear-gradient(135deg,#1d4ed8,#3b82f6)}
.hb-aviso.suporte .ic{background:linear-gradient(135deg,#b91c1c,#ff2d2d)}

/* ---------- saída suave ao trocar de página (navegadores sem View Transitions) */
body.jc-hub.hb-saindo :is(.content,.admin-content,.main-content){opacity:0;transform:translateY(-6px);transition:opacity .16s ease-in,transform .16s ease-in}
@media(prefers-reduced-motion:reduce){::view-transition-old(root),::view-transition-new(root){animation:none}.hb-aviso{animation:none}}
.hb-quebra{flex-basis:100%;height:0;margin:0!important;padding:0!important}
body.jc-hub .sidebar-header{background:#0b0b14!important;border-radius:26px 26px 0 0;z-index:5}
body.jc-hub .content,body.jc-hub .admin-content{padding-top:14px!important}
body.jc-hub[data-jc-pg="verificacoes"] .page-head{flex-wrap:wrap!important}
body.jc-hub[data-jc-pg="suporte"] .header{flex-wrap:wrap!important}
/* ícone do título: sempre branco dentro do bloco azul (o dash-pro deixava o ícone em "texto degradê" e ele sumia) */
body.jc-hub :is(.header h1,.page-title,.jc-cabeca h1,.jc-cabeca h2)>i{color:#fff!important;-webkit-text-fill-color:#fff!important;-webkit-background-clip:border-box!important;background-clip:border-box!important;
  width:56px!important;height:56px!important;border-radius:16px!important;display:inline-grid!important;place-items:center;font-size:22px!important;flex-shrink:0;
  background:linear-gradient(145deg,#e01414,#a30d0d)!important;box-shadow:0 16px 34px -12px rgba(224,20,20,.9),inset 0 1px 0 rgba(255,255,255,.35)!important}
body.jc-hub .jc-cabeca :is(h1,h2){display:flex;align-items:center;gap:16px}
@media(max-width:768px){
  body.jc-hub .content,body.jc-hub .admin-content,body.jc-hub .main-content{padding-top:12px!important}
  body.jc-hub .hb-topo{margin-top:2px}
  body.jc-hub :is(.header h1,.page-title,.ol-head h1,.jc-cabeca h1){font-size:25px!important;flex-wrap:wrap;gap:12px!important}
  body.jc-hub :is(.header h1,.page-title,.jc-cabeca h1)>i{width:46px!important;height:46px!important;font-size:18px!important}
  body.jc-hub .header p{padding-left:0!important}
  body.jc-hub .stat-card p,body.jc-hub .stat-val,body.jc-hub .ol-card .num{font-size:19px!important}
  body.jc-hub .stat-card h5,body.jc-hub .stat-lbl,body.jc-hub .ol-card .lbl{letter-spacing:.14em!important;font-size:9.5px!important}
  body.jc-hub :is(.header,.page-head,.ol-head){padding:20px 18px!important}
}
body.jc-hub .content,body.jc-hub .admin-content,body.jc-hub .main-content{margin-top:0!important}

/* ---------- rodapé do menu (14/10): "Sair" sempre à vista
   No iPhone/Safari 100vh passa da área visível e a barra do navegador cobria o rodapé.
   top:0+bottom:0 acompanha a área visível; safe-area dá folga da barra de gestos. */
body.jc-pro .jc-sair{width:auto!important;padding:0 12px!important;gap:7px;grid-auto-flow:column;font:700 12.5px "Inter",system-ui,sans-serif!important;color:#e6e7ef!important;
  border:1px solid rgba(255,45,45,.35)!important;background:rgba(224,20,20,.12)!important;white-space:nowrap}
body.jc-pro .jc-sair i{font-size:13px}
body.jc-pro .jc-rodape-menu{flex-shrink:0;z-index:3}
@media(max-width:768px){
  body.jc-pro .admin-sidebar{top:0!important;bottom:0!important;height:auto!important;max-height:none!important}
  body.jc-pro .jc-rodape-menu{padding-bottom:calc(12px + env(safe-area-inset-bottom))!important}
}
@media(max-height:560px) and (min-width:769px){ body.jc-hub .admin-sidebar{top:6px!important;bottom:6px!important} }

/* abas antigas que ganharam o menu (14/10): conteúdo ocupa a largura toda, sem coluna vazia à direita */
body.jc-hub .content > .wrap{max-width:none!important;margin:0!important;padding:0!important}
@media(max-width:768px){
  body.jc-hub .content > .wrap{overflow-x:hidden}
  body.jc-hub .content > .wrap table{display:block;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
  body.jc-hub .content > .wrap .top,body.jc-hub .content > .wrap .acoes{flex-wrap:wrap;gap:8px}
  body.jc-hub .content > .wrap .acoes{width:100%}
}

/* ===== 16/10 dono: "errinhos" de hover/encaixe (PC e celular) ===== */
/* selo do cabeçalho: o JS cria vazio e escondido, mas o display:inline-flex!important acima vencia o [hidden] → barrinha vermelha solta */
.hb-selo[hidden]{display:none!important}
/* faixa de números (cápsula): era grade com vão de 10px (compacto) → o fundo do hover e a linha colorida não cobriam o quadrado
   e o 5º card caía sozinho numa linha. Agora flex sem vão: cada card ocupa a célula inteira e a última linha estica. */
html body:not(#x).jc-hub :is(.stats-grid,.ol-cards),html body:not(#x).jc-hub[data-jc-pg="verificacoes"] .stats{display:flex!important;flex-wrap:wrap!important;gap:0!important;align-items:stretch!important;padding:0!important}
html body:not(#x).jc-hub :is(.stats-grid .stat-card,.stats .stat,.ol-cards .ol-card){flex:1 1 200px!important;min-width:0!important;margin:0 -1px -1px 0!important;
  border-right:1px solid var(--hb-linha)!important;border-bottom:1px solid var(--hb-linha)!important;position:relative}
html body:not(#x).jc-hub :is(.stats-grid .stat-card,.stats .stat,.ol-cards .ol-card)::before{left:0!important;right:0!important;width:auto!important}
@media(max-width:768px){
  html body:not(#x).jc-hub :is(.stats-grid .stat-card,.stats .stat,.ol-cards .ol-card){flex-basis:140px!important;border-right:1px solid var(--hb-linha)!important}
}
/* cards de análise lado a lado: mesma altura na linha (antes um acabava antes do vizinho) */
html body:not(#x).jc-hub .ins-grade{align-items:stretch!important}
/* celular: tile sozinho na última linha ocupa a largura toda */
@media(max-width:700px){html body:not(#x).jc-hub .ins-tiles>:last-child:nth-child(odd){grid-column:1/-1}}