/* =====================================================================================================
   Dash JogueiCerto — visual das abas do dia a dia (14/10): Depósitos, Saques, Usuários e Verificações KYC.
   SÓ APARÊNCIA. O dash-pages.js marca a página em body[data-jc-pg] e acrescenta enfeites (sem tocar em
   formulário, botão ou dado). Cada aba tem a sua cor de identidade em --ac.
   ===================================================================================================== */
body[data-jc-pg="depositos"]{--ac:#22c55e;--ac2:#16a34a;--ac-rgb:34,197,94}
body[data-jc-pg="saques"]{--ac:#f59e0b;--ac2:#d97706;--ac-rgb:245,158,11}
body[data-jc-pg="user_list"]{--ac:#8b5cf6;--ac2:#6d28d9;--ac-rgb:139,92,246}
body[data-jc-pg="verificacoes"]{--ac:#06b6d4;--ac2:#0891b2;--ac-rgb:6,182,212}
body[data-jc-pg]{--ok:#22c55e;--warn:#f59e0b;--bad:#ef4444}

/* luz de fundo na cor da aba */
body[data-jc-pg].jc-pro::before{background:radial-gradient(900px 600px at 85% -10%,rgba(var(--ac-rgb),.16),transparent 60%),
  radial-gradient(800px 500px at 0% 100%,rgba(224,20,20,.10),transparent 60%),var(--jc-bg)!important}

/* ---------------------------------------------------------------- herói (cabeçalho) */
body[data-jc-pg] :is(.header,.page-head){position:relative!important;overflow:hidden!important;border-radius:24px!important;padding:30px 32px!important;margin-bottom:22px!important;
  background:linear-gradient(135deg,rgba(var(--ac-rgb),.16),rgba(16,17,28,.9) 42%,rgba(16,17,28,.95))!important;border:1px solid rgba(var(--ac-rgb),.25)!important;
  box-shadow:0 30px 60px -30px rgba(var(--ac-rgb),.45),inset 0 1px 0 rgba(255,255,255,.06)!important;display:flex;align-items:center;gap:24px;flex-wrap:wrap;min-height:132px}
body[data-jc-pg] :is(.header,.page-head)::after{display:none!important}
body[data-jc-pg] :is(.header,.page-head)>*:not(.jc-orb):not(.jc-lado){position:relative;z-index:1}
body.jc-hgrid .header>:is(h1,p){flex-basis:100%}
body.jc-hgrid .header{display:grid!important;grid-template-columns:1fr auto;grid-template-rows:auto auto;column-gap:24px}
body.jc-hgrid .header h1{grid-column:1;grid-row:1}
body.jc-hgrid .header p{grid-column:1;grid-row:2}
body.jc-hgrid .header .jc-lado{grid-column:2;grid-row:1/3}
body.jc-hgrid .header h1,body[data-jc-pg] .page-title{font-size:clamp(24px,2.6vw,34px)!important;font-weight:800!important;letter-spacing:-.02em;color:#fff!important;-webkit-text-fill-color:#fff!important;
  display:flex!important;align-items:center;gap:16px!important;background:none!important;margin:0!important}
body.jc-hgrid .header h1>i,body[data-jc-pg] .page-title>i{width:58px;height:58px;border-radius:18px;display:grid!important;place-items:center;flex-shrink:0;font-size:24px!important;
  background:linear-gradient(145deg,var(--ac),var(--ac2))!important;color:#fff!important;-webkit-text-fill-color:#fff!important;-webkit-background-clip:border-box!important;background-clip:border-box!important;
  box-shadow:0 14px 30px -10px rgba(var(--ac-rgb),.85),inset 0 1px 0 rgba(255,255,255,.35);animation:jcIcone 5s ease-in-out infinite}
@keyframes jcIcone{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-4px) rotate(-4deg)}}
body.jc-hgrid .header p,body[data-jc-pg] .page-title small{color:#a6a8bd!important;font-size:14px!important;margin-top:8px!important;font-weight:500;padding-left:74px}
body[data-jc-pg] .page-title small{display:block;padding-left:0;font-size:13.5px!important}
body[data-jc-pg] .page-title>div{font-size:inherit}
/* orbes animados no fundo do herói */
.jc-orb{position:absolute;border-radius:50%;pointer-events:none;filter:blur(2px);z-index:0}
.jc-orb.o1{width:260px;height:260px;right:-60px;top:-110px;border:1px solid rgba(var(--ac-rgb),.25);animation:jcGira 18s linear infinite}
.jc-orb.o1::after{content:"";position:absolute;width:10px;height:10px;border-radius:50%;background:var(--ac);top:20px;left:50%;box-shadow:0 0 18px 4px rgba(var(--ac-rgb),.8)}
.jc-orb.o2{width:420px;height:420px;right:-160px;top:-190px;border:1px dashed rgba(255,255,255,.07);animation:jcGira 40s linear infinite reverse}
.jc-orb.o3{width:300px;height:300px;right:10%;bottom:-220px;background:radial-gradient(circle,rgba(var(--ac-rgb),.25),transparent 65%);filter:blur(20px);animation:jcRespira 7s ease-in-out infinite}
@keyframes jcGira{to{transform:rotate(360deg)}}
/* lado direito: anel de conversão + relógio */
.jc-lado{display:flex;align-items:center;gap:18px;margin-left:auto;z-index:1;position:relative}
.jc-anel{position:relative;width:96px;height:96px;flex-shrink:0}
.jc-anel svg{width:100%;height:100%;transform:rotate(-90deg)}
.jc-anel circle{fill:none;stroke-width:8}
.jc-anel .fundo{stroke:rgba(255,255,255,.07)}
.jc-anel .valor{stroke:url(#jcGrad);stroke-linecap:round;transition:stroke-dashoffset 1.4s cubic-bezier(.2,.8,.2,1);filter:drop-shadow(0 0 6px rgba(var(--ac-rgb),.7))}
.jc-anel .txt{position:absolute;inset:0;display:grid;place-items:center;text-align:center;line-height:1}
.jc-anel .txt b{font-size:20px;font-weight:800;color:#fff;display:block}
.jc-anel .txt span{font-size:9.5px;color:#9496ab;font-weight:700;letter-spacing:.08em;text-transform:uppercase;display:block;margin-top:4px}
.jc-relogio{display:flex;flex-direction:column;gap:6px;padding:12px 16px;border-radius:16px;background:rgba(0,0,0,.25);border:1px solid rgba(255,255,255,.07);min-width:150px}
.jc-relogio .h{font-size:24px;font-weight:800;color:#fff;font-variant-numeric:tabular-nums;letter-spacing:.02em}
.jc-relogio .d{font-size:11.5px;color:#9496ab;font-weight:600;text-transform:capitalize}
.jc-relogio .vivo{display:flex;align-items:center;gap:6px;font-size:10.5px;font-weight:800;letter-spacing:.1em;color:var(--ac);text-transform:uppercase}
.jc-relogio .vivo::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--ac);box-shadow:0 0 0 0 rgba(var(--ac-rgb),.6);animation:jcPulso 1.8s infinite}
@keyframes jcPulso{70%{box-shadow:0 0 0 9px rgba(var(--ac-rgb),0)}100%{box-shadow:0 0 0 0 rgba(var(--ac-rgb),0)}}
.jc-atualizar{width:44px;height:44px;border-radius:14px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.04);color:#cfd0dc;cursor:pointer;display:grid;place-items:center;transition:background .2s,color .2s,transform .4s}
.jc-atualizar:hover{background:rgba(var(--ac-rgb),.18);color:#fff;transform:rotate(180deg)}

/* ---------------------------------------------------------------- KPIs */
body[data-jc-pg] .stats-grid,body[data-jc-pg] .stats{gap:16px!important}
body[data-jc-pg] :is(.stat-card,.stat){--k:var(--ac);--k-rgb:var(--ac-rgb);position:relative!important;overflow:hidden!important;border-radius:20px!important;padding:22px 22px 24px!important;
  background:linear-gradient(160deg,rgba(var(--k-rgb),.13),rgba(16,17,28,.92) 55%)!important;border:1px solid rgba(var(--k-rgb),.22)!important;border-left-width:1px!important;
  box-shadow:0 20px 40px -26px rgba(var(--k-rgb),.6),inset 0 1px 0 rgba(255,255,255,.05)!important;min-height:120px}
body[data-jc-pg] :is(.stat-card,.stat)[data-k="ok"]{--k:var(--ok);--k-rgb:34,197,94}
body[data-jc-pg] :is(.stat-card,.stat)[data-k="warn"]{--k:var(--warn);--k-rgb:245,158,11}
body[data-jc-pg] :is(.stat-card,.stat)[data-k="bad"]{--k:var(--bad);--k-rgb:239,68,68}
body[data-jc-pg] :is(.stat-card,.stat)[data-k="cyan"]{--k:#06b6d4;--k-rgb:6,182,212}
body[data-jc-pg] :is(.stat-card,.stat)[data-k="violet"]{--k:#8b5cf6;--k-rgb:139,92,246}
body[data-jc-pg] .stat-card h5{display:flex!important;align-items:center;gap:8px;color:#a6a8bd!important;font-size:11.5px!important;font-weight:800!important;letter-spacing:.1em!important;text-transform:uppercase;margin:0 0 14px!important}
body[data-jc-pg] .stat-card h5 i{width:28px;height:28px;border-radius:9px;display:grid;place-items:center;background:rgba(var(--k-rgb),.18);color:var(--k)!important;font-size:12px}
body[data-jc-pg] .stat-card p{font-size:clamp(20px,1.9vw,30px)!important;white-space:nowrap;font-weight:800!important;color:#fff!important;margin:0!important;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
/* ícone gigante de marca d'água */
.jc-marca{position:absolute;right:-14px;bottom:-22px;font-size:110px!important;color:var(--k);opacity:.07;transform:rotate(-12deg);pointer-events:none;transition:transform .5s,opacity .5s}
body[data-jc-pg] :is(.stat-card,.stat):hover .jc-marca{transform:rotate(0) scale(1.08);opacity:.13}
/* linha de energia no rodapé do KPI */
body[data-jc-pg] :is(.stat-card,.stat)::before{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:linear-gradient(90deg,transparent,var(--k),transparent);
  background-size:200% 100%;animation:jcEnergia 3s linear infinite;opacity:.85}
@keyframes jcEnergia{from{background-position:200% 0}to{background-position:-200% 0}}

/* KYC: KPIs com ícone */
body[data-jc-pg="verificacoes"] .stat{display:flex!important;align-items:center;gap:16px}
body[data-jc-pg="verificacoes"] .stat-ic{width:52px!important;height:52px!important;border-radius:16px!important;background:linear-gradient(145deg,var(--k),rgba(var(--k-rgb),.5))!important;color:#fff!important;
  box-shadow:0 12px 26px -10px rgba(var(--k-rgb),.9);display:grid!important;place-items:center;font-size:20px}
body[data-jc-pg="verificacoes"] .stat-val{font-size:30px!important;font-weight:800!important;color:#fff!important}
body[data-jc-pg="verificacoes"] .stat-lbl{color:#a6a8bd!important;font-weight:600;font-size:12.5px!important}

/* ---------------------------------------------------------------- filtros */
body[data-jc-pg] .mc-chips,body[data-jc-pg] :is(.tabs,.subtabs){display:inline-flex!important;flex-wrap:wrap;gap:4px!important;padding:5px!important;border-radius:16px!important;
  background:rgba(255,255,255,.035)!important;border:1px solid rgba(255,255,255,.07)!important;margin-bottom:16px!important}
body[data-jc-pg] .mc-chips a,body[data-jc-pg] :is(.tab,.subtab){border:0!important;background:transparent!important;border-radius:12px!important;padding:9px 16px!important;color:#a6a8bd!important;
  font-weight:700!important;font-size:13px!important;transition:color .2s,background .25s!important;position:relative}
body[data-jc-pg] .mc-chips a:hover,body[data-jc-pg] :is(.tab,.subtab):hover{color:#fff!important;background:rgba(255,255,255,.05)!important}
body[data-jc-pg] .mc-chips a.on,body[data-jc-pg] :is(.tab,.subtab).active{color:#fff!important;background:linear-gradient(135deg,var(--ac),var(--ac2))!important;box-shadow:0 8px 20px -8px rgba(var(--ac-rgb),.9)}
body[data-jc-pg] .subtab span{background:rgba(255,255,255,.12)!important;color:#fff!important;border-radius:999px;padding:1px 8px;margin-left:6px;font-size:11px}
body[data-jc-pg] .tabs{display:flex!important;width:max-content;max-width:100%}

body[data-jc-pg] :is(.search-bar,.toolbar){background:rgba(16,17,28,.75)!important;border:1px solid rgba(255,255,255,.07)!important;border-radius:20px!important;padding:14px!important;
  backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 20px 40px -30px rgba(0,0,0,.9)!important;margin-bottom:18px!important}
body[data-jc-pg] :is(.search-bar,.toolbar) :is(input[type=text],select){height:48px!important;border-radius:14px!important;background:rgba(5,5,12,.6)!important;border:1px solid rgba(255,255,255,.1)!important;color:#fff!important;font-weight:600!important}
body[data-jc-pg] :is(.search-bar,.toolbar) :is(input[type=text],select):focus{border-color:rgba(var(--ac-rgb),.7)!important;box-shadow:0 0 0 4px rgba(var(--ac-rgb),.15)!important;outline:0}
body[data-jc-pg] :is(.btn-search,.toolbar button){height:48px!important;border-radius:14px!important;border:0!important;background:linear-gradient(135deg,var(--ac),var(--ac2))!important;color:#fff!important;font-weight:800!important;
  box-shadow:0 12px 26px -10px rgba(var(--ac-rgb),.85)!important;padding:0 22px!important}
body[data-jc-pg] .btn-clear{height:48px;display:inline-flex!important;align-items:center;gap:6px;border-radius:14px!important;background:rgba(255,255,255,.06)!important;color:#cfd0dc!important;border:1px solid rgba(255,255,255,.08)!important;padding:0 16px!important}

/* ---------------------------------------------------------------- tabela em "cartões de linha" */
body[data-jc-pg] .table-responsive{background:transparent!important;box-shadow:none!important;border:0!important;padding:0!important;overflow:visible}
body[data-jc-pg] .table-responsive>.table{border-collapse:separate!important;border-spacing:0 10px!important;background:transparent!important;margin-top:-10px}
body[data-jc-pg] .table thead th{background:transparent!important;border:0!important;color:#77798f!important;font-size:10.5px!important;font-weight:800!important;letter-spacing:.12em!important;text-transform:uppercase;padding:10px 16px 2px!important}
body[data-jc-pg] .table tbody tr{position:relative;opacity:0;animation:jcLinha .5s cubic-bezier(.2,.8,.2,1) forwards;animation-delay:calc(var(--r,0) * 35ms)}
body[data-jc-pg] .table tbody tr.jc-pronto{opacity:1;animation:none}
@keyframes jcLinha{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
body[data-jc-pg] .table tbody td{background:rgba(18,19,32,.9)!important;border:0!important;border-top:1px solid rgba(255,255,255,.05)!important;border-bottom:1px solid rgba(0,0,0,.4)!important;padding:16px!important;
  color:#dfe0ea!important;font-size:13.5px!important;vertical-align:middle!important;transition:background .2s}
body[data-jc-pg] .table tbody td:first-child{border-radius:16px 0 0 16px;box-shadow:inset 4px 0 0 var(--st,rgba(255,255,255,.1))}
body[data-jc-pg] .table tbody td:last-child{border-radius:0 16px 16px 0}
body[data-jc-pg] .table tbody tr:hover td{background:rgba(28,29,46,.98)!important}
body[data-jc-pg] .table tbody tr.st-ok{--st:var(--ok)}
body[data-jc-pg] .table tbody tr.st-warn{--st:var(--warn)}
body[data-jc-pg] .table tbody tr.st-bad{--st:var(--bad)}
body[data-jc-pg] .table tbody tr.jc-vazio td{background:rgba(18,19,32,.6)!important;border-radius:16px!important;box-shadow:none;padding:50px!important;color:#77798f!important}
/* ID e usuário */
body[data-jc-pg] .table tbody td:first-child strong,body[data-jc-pg] .table tbody td:first-child{font-weight:800!important;font-variant-numeric:tabular-nums}
body[data-jc-pg] .table tbody td:first-child strong{color:#9496ab!important;-webkit-text-fill-color:#9496ab}
body[data-jc-pg] .table td[data-ini]{white-space:nowrap}
body[data-jc-pg] .table td[data-ini]::before{content:attr(data-ini);display:inline-grid;place-items:center;width:34px;height:34px;border-radius:11px;margin-right:10px;vertical-align:middle;
  font-size:12.5px;font-weight:800;color:#fff;background:linear-gradient(145deg,hsl(var(--hue,0) 70% 55%),hsl(calc(var(--hue,0) + 40) 70% 35%));box-shadow:0 6px 14px -6px hsl(var(--hue,0) 70% 40%)}
/* valores */
body[data-jc-pg] :is(.amount-positive,.amount-negative){font-size:15.5px!important;font-weight:800!important;white-space:nowrap;font-variant-numeric:tabular-nums}
body[data-jc-pg] .amount-positive{color:#4ade80!important;text-shadow:0 0 18px rgba(34,197,94,.35)}
body[data-jc-pg] .amount-negative{color:#fbbf24!important;text-shadow:0 0 18px rgba(245,158,11,.3)}
/* status em pílula com bolinha */
body[data-jc-pg] .table .badge{display:inline-flex!important;align-items:center;gap:7px;padding:6px 12px 6px 10px!important;border-radius:999px!important;font-size:11.5px!important;font-weight:800!important;letter-spacing:.04em;
  text-transform:none!important;border:1px solid transparent}
body[data-jc-pg] .table .badge::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor;box-shadow:0 0 8px currentColor}
body[data-jc-pg] .table .badge.bg-success{background:rgba(34,197,94,.12)!important;color:#4ade80!important;border-color:rgba(34,197,94,.3)}
body[data-jc-pg] .table .badge.bg-warning{background:rgba(245,158,11,.12)!important;color:#fbbf24!important;border-color:rgba(245,158,11,.3)}
body[data-jc-pg] .table .badge.bg-warning::before{animation:jcPisca 1.2s ease-in-out infinite}
body[data-jc-pg] .table .badge.bg-danger{background:rgba(239,68,68,.12)!important;color:#f87171!important;border-color:rgba(239,68,68,.3)}
@keyframes jcPisca{50%{opacity:.25}}
/* botões de ação redondos */
body[data-jc-pg] .table .btn-sm{width:38px!important;height:38px!important;padding:0!important;border-radius:12px!important;display:inline-grid!important;place-items:center;border:1px solid rgba(255,255,255,.08)!important;
  background:rgba(255,255,255,.05)!important;transition:transform .2s,background .2s,box-shadow .2s!important}
body[data-jc-pg] .table .btn-sm.btn-warning{color:#fbbf24!important}
body[data-jc-pg] .table .btn-sm.btn-danger{color:#f87171!important}
body[data-jc-pg] .table .btn-sm:not(.btn-warning):not(.btn-danger){color:#cfd0dc!important}
body[data-jc-pg] .table .btn-sm.btn-warning:hover{background:rgba(245,158,11,.2)!important;box-shadow:0 8px 18px -8px rgba(245,158,11,.9)}
body[data-jc-pg] .table .btn-sm.btn-danger:hover{background:rgba(239,68,68,.2)!important;box-shadow:0 8px 18px -8px rgba(239,68,68,.9)}
body[data-jc-pg] .table .btn-sm:hover{transform:translateY(-2px) scale(1.05)}
body[data-jc-pg] .action-buttons{display:flex;gap:8px}

/* paginação */
body[data-jc-pg] :is(.pagination,.pager){display:flex;gap:6px;justify-content:center;flex-wrap:wrap;margin:22px 0}
body[data-jc-pg] :is(.pagination,.pager)>*{min-width:40px;height:40px;display:inline-grid!important;place-items:center;border-radius:12px!important;background:rgba(255,255,255,.04)!important;border:1px solid rgba(255,255,255,.07)!important;
  color:#a6a8bd!important;font-weight:700!important;text-decoration:none;padding:0 10px!important;transition:all .2s}
body[data-jc-pg] :is(.pagination,.pager) a:hover{background:rgba(var(--ac-rgb),.15)!important;color:#fff!important;transform:translateY(-2px)}
body[data-jc-pg] :is(.pagination .active,.pager .cur){background:linear-gradient(135deg,var(--ac),var(--ac2))!important;color:#fff!important;border-color:transparent!important;box-shadow:0 8px 18px -8px rgba(var(--ac-rgb),.9)}

/* modais */
body[data-jc-pg] .modal-content{background:linear-gradient(180deg,#171828,#10111c)!important;border:1px solid rgba(var(--ac-rgb),.25)!important;box-shadow:0 40px 80px -30px rgba(0,0,0,.9),0 0 0 1px rgba(255,255,255,.03)!important;position:relative;overflow-x:hidden;overflow-y:auto;max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
/* 16/10: modal alto no celular cortava o botão Confirmar (overflow:hidden). Agora rola por dentro e os botões ficam presos embaixo */
@media (max-width:760px){body[data-jc-pg] .modal-overlay{align-items:flex-start!important;padding:16px!important}body[data-jc-pg] .modal-content{padding:22px 18px!important}body[data-jc-pg] .modal-content:has(.modal-actions){padding-bottom:0!important}body[data-jc-pg] .modal-content .modal-actions{position:sticky;bottom:0;z-index:2;margin:14px -18px 0;padding:12px 18px calc(12px + env(safe-area-inset-bottom));background:#10111c;border-top:1px solid rgba(255,255,255,.08)}}
body[data-jc-pg] .modal-content::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,var(--ac),#e01414)}
body[data-jc-pg] .modal-content h3{color:#fff!important}
body[data-jc-pg] .modal-content h3 i{color:var(--ac)!important}

/* etiquetas (depósitos) */
body[data-jc-pg="depositos"] .etq-legend{border-radius:16px!important;background:rgba(16,17,28,.7)!important;border:1px solid rgba(255,255,255,.07)!important}

/* ---------------------------------------------------------------- KYC: cartões de selfie */
body[data-jc-pg="verificacoes"] .grid{gap:18px!important}
body[data-jc-pg="verificacoes"] .vcard{border-radius:22px!important;overflow:hidden!important;background:linear-gradient(180deg,rgba(22,23,38,.95),rgba(14,15,25,.98))!important;border:1px solid rgba(255,255,255,.07)!important;
  box-shadow:0 24px 50px -30px rgba(0,0,0,.95)!important;transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s,border-color .35s!important;
  opacity:0;animation:jcSobe .6s cubic-bezier(.2,.8,.2,1) forwards;animation-delay:calc(var(--i,0) * 45ms)}
body[data-jc-pg="verificacoes"] .vcard:hover{transform:translateY(-6px);border-color:rgba(var(--ac-rgb),.45)!important;box-shadow:0 30px 60px -28px rgba(var(--ac-rgb),.55)!important}
body[data-jc-pg="verificacoes"] .vcard-img{position:relative!important;overflow:hidden!important;cursor:zoom-in}
body[data-jc-pg="verificacoes"] .vcard-img img{transition:transform .6s cubic-bezier(.2,.8,.2,1),filter .4s!important}
body[data-jc-pg="verificacoes"] .vcard:hover .vcard-img img{transform:scale(1.08)}
body[data-jc-pg="verificacoes"] .vcard-img::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(10,10,18,.85));pointer-events:none}
body[data-jc-pg="verificacoes"] .vcard-img::before{content:"\f00e";font:900 18px "Font Awesome 6 Free";position:absolute;left:50%;top:50%;z-index:3;width:52px;height:52px;margin:-26px 0 0 -26px;border-radius:50%;display:grid;place-items:center;
  background:rgba(0,0,0,.5);color:#fff;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);opacity:0;transform:scale(.7);transition:all .3s}
body[data-jc-pg="verificacoes"] .vcard:hover .vcard-img::before{opacity:1;transform:scale(1)}
body[data-jc-pg="verificacoes"] :is(.obadge,.vbadge){z-index:2!important;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:999px!important;font-weight:800!important;letter-spacing:.05em}
body[data-jc-pg="verificacoes"] .vbadge.ok{background:rgba(34,197,94,.85)!important;color:#fff!important;box-shadow:0 0 18px rgba(34,197,94,.6)}
body[data-jc-pg="verificacoes"] .vbadge.no{background:rgba(245,158,11,.9)!important;color:#111!important;animation:jcBrilho 2s ease-in-out infinite}
@keyframes jcBrilho{50%{box-shadow:0 0 20px rgba(245,158,11,.75)}}
body[data-jc-pg="verificacoes"] .vcard-body{padding:16px 18px 18px!important}
body[data-jc-pg="verificacoes"] .vcard-name{font-size:16px!important;font-weight:800!important;color:#fff!important}
body[data-jc-pg="verificacoes"] .vcard-user{color:var(--ac)!important;font-weight:700}
body[data-jc-pg="verificacoes"] .vcard-id{background:rgba(255,255,255,.06)!important;color:#cfd0dc!important;border-radius:8px;padding:2px 8px;font-weight:800}
body[data-jc-pg="verificacoes"] .vrow{border-top:1px solid rgba(255,255,255,.05)!important;color:#cfd0dc!important}
body[data-jc-pg="verificacoes"] .vrow i{color:var(--ac)!important}
body[data-jc-pg="verificacoes"] .lb{backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);background:rgba(4,4,10,.85)!important}
body[data-jc-pg="verificacoes"] .lb-inner{animation:jcPop .35s cubic-bezier(.2,.9,.3,1.2)}
body[data-jc-pg="verificacoes"] .lb-inner img{border-radius:18px;box-shadow:0 40px 90px -30px rgba(var(--ac-rgb),.6)}

/* ---------------------------------------------------------------- celular: linhas viram cartões */
@media(max-width:768px){
  body[data-jc-pg] :is(.header,.page-head){padding:22px 18px!important;border-radius:20px!important;display:flex!important;flex-direction:column;align-items:flex-start}
  body[data-jc-pg] .header p{padding-left:0}
  body[data-jc-pg] .jc-lado{margin-left:0;width:100%;justify-content:space-between}
  body[data-jc-pg] .jc-relogio{flex:1}
  body[data-jc-pg] .table-responsive>.table,body[data-jc-pg] .table-responsive>.table tbody{display:block!important;width:100%!important}
  body[data-jc-pg] .table-responsive>.table thead{display:none!important}
  body[data-jc-pg] .table-responsive>.table tbody tr{display:grid!important;grid-template-columns:1fr 1fr;gap:0;margin-bottom:12px;border-radius:18px;overflow:hidden;
    background:rgba(18,19,32,.92);border:1px solid rgba(255,255,255,.06);box-shadow:inset 4px 0 0 var(--st,rgba(255,255,255,.1))}
  body[data-jc-pg] .table-responsive>.table tbody td{display:block!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:10px 14px!important;min-width:0;word-break:break-word}
  body[data-jc-pg] .table-responsive>.table tbody td[data-label]::before{content:attr(data-label)!important;display:block!important;width:auto!important;height:auto!important;margin:0 0 4px!important;
    background:none!important;box-shadow:none!important;border-radius:0!important;font-size:9.5px!important;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#6d6f86!important}
  body[data-jc-pg] .table-responsive>.table tbody td:first-child,body[data-jc-pg] .table-responsive>.table tbody td.jc-largo{grid-column:1/-1}
  body[data-jc-pg] .table-responsive>.table tbody td:last-child{grid-column:1/-1;border-top:1px solid rgba(255,255,255,.05)!important}
  body[data-jc-pg] .action-buttons{justify-content:flex-end}
  body[data-jc-pg] .table .btn-sm{width:46px!important;height:40px!important}
}
@media(prefers-reduced-motion:reduce){body[data-jc-pg] *{animation:none!important}body[data-jc-pg] .table tbody tr,body[data-jc-pg="verificacoes"] .vcard{opacity:1}}
/* tabela larga (Usuários): rola de lado dentro da caixa em vez de vazar; datas/CPF/valores sem quebrar */
@media(min-width:769px){
  body[data-jc-pg] .table-responsive{overflow-x:auto!important;overflow-y:visible!important;padding:0 2px 6px!important}
  body[data-jc-pg] .table tbody td:not(.jc-largo){white-space:nowrap}
}
/* celular: KPIs em duas colunas */
@media(max-width:768px){
  body[data-jc-pg] .stats-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important}
  body[data-jc-pg] .stat-card{min-height:0!important;padding:16px 14px 18px!important;border-radius:16px!important}
  body[data-jc-pg] .stat-card h5{font-size:10px!important;margin-bottom:10px!important;letter-spacing:.06em!important}
  body[data-jc-pg] .stat-card h5 i{width:24px;height:24px;font-size:11px}
  body[data-jc-pg] .stat-card p{font-size:18px!important}
  .jc-marca{font-size:80px!important}
  body[data-jc-pg="verificacoes"] .stats{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important}
  body[data-jc-pg="verificacoes"] .stat{padding:14px!important;gap:10px!important}
  body[data-jc-pg="verificacoes"] .stat-ic{width:40px!important;height:40px!important;font-size:16px}
  body[data-jc-pg="verificacoes"] .stat-val{font-size:22px!important}
}
body[data-jc-pg] .action-buttons{flex-direction:row!important;flex-wrap:nowrap}
body[data-jc-pg="user_list"] .table tbody td{padding:14px 11px!important;font-size:13px!important}
body[data-jc-pg="user_list"] .table thead th{padding:10px 11px 2px!important}
body[data-jc-pg="user_list"] .table td[data-ini]::before{width:30px;height:30px;margin-right:8px}
@media(max-width:768px){
  body[data-jc-pg] .action-buttons .btn-sm{width:46px!important;flex:0 0 auto}
  body[data-jc-pg="verificacoes"] .grid{grid-template-columns:1fr 1fr!important;gap:10px!important}
  body[data-jc-pg="verificacoes"] .vcard{border-radius:16px!important}
  body[data-jc-pg="verificacoes"] .vcard-img{height:auto!important;aspect-ratio:3/4}
  body[data-jc-pg="verificacoes"] .vcard-img img{width:100%;height:100%;object-fit:cover}
  body[data-jc-pg="verificacoes"] .vcard-body{padding:10px 11px 12px!important}
  body[data-jc-pg="verificacoes"] .vcard-name{font-size:13px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  body[data-jc-pg="verificacoes"] .vrow{font-size:11.5px!important;padding:5px 0!important}
  body[data-jc-pg="verificacoes"] .vcard-date{font-size:10px!important}
  body[data-jc-pg="verificacoes"] :is(.obadge,.vbadge){font-size:9px!important;padding:3px 7px!important}
  body[data-jc-pg="verificacoes"] .grid.wide{grid-template-columns:1fr!important}
}
@media(min-width:769px){
  body[data-jc-pg] .table tbody td.jc-data{white-space:normal;min-width:92px}
  body[data-jc-pg="user_list"] .table tbody td.jc-largo{min-width:190px;max-width:240px;overflow-wrap:anywhere}
}
@media(max-width:768px){body[data-jc-pg] .table-responsive>.table tbody td[data-ini]{grid-column:1/-1}}
/* modais: mesma fonte do painel e botões no estilo da aba */
body[data-jc-pg] .modal-content :not(i):not([class*="fa-"]){font-family:"Inter",system-ui,sans-serif}
body[data-jc-pg] .modal-content :is(input,select,textarea){border-radius:12px!important;background:rgba(5,5,12,.6)!important;border:1px solid rgba(255,255,255,.1)!important;color:#fff!important}
body[data-jc-pg] .modal-content :is(input,select,textarea):focus{border-color:rgba(var(--ac-rgb),.7)!important;box-shadow:0 0 0 4px rgba(var(--ac-rgb),.15)!important;outline:0}
body[data-jc-pg] .btn-modal{border-radius:12px!important;font-weight:800!important;height:46px}
body[data-jc-pg] .btn-modal.btn-cancel{background:rgba(255,255,255,.06)!important;color:#cfd0dc!important;border:1px solid rgba(255,255,255,.1)!important}
body[data-jc-pg] .btn-modal.btn-cancel:hover{background:rgba(255,255,255,.1)!important;color:#fff!important}

/* =====================================================================================================
   Leva 2 (14/10): Apostas, Apostas & Cashout, Gateways, Ao vivo, Suporte
   ===================================================================================================== */
body[data-jc-pg="bets"]{--ac:#3b82f6;--ac2:#1d4ed8;--ac-rgb:59,130,246}
body[data-jc-pg="apostas"]{--ac:#6366f1;--ac2:#4338ca;--ac-rgb:99,102,241}
body[data-jc-pg="gateways"]{--ac:#0ea5e9;--ac2:#0369a1;--ac-rgb:14,165,233}
body[data-jc-pg="online"]{--ac:#10b981;--ac2:#047857;--ac-rgb:16,185,129}
body[data-jc-pg="suporte"]{--ac:#f43f5e;--ac2:#be123c;--ac-rgb:244,63,94}

/* status neutro (cancelada) e textos de aposta */
body[data-jc-pg] .table tbody tr.st-neu{--st:#64748b}
body[data-jc-pg] .table .badge.bg-secondary{background:rgba(100,116,139,.15)!important;color:#cbd5e1!important;border-color:rgba(100,116,139,.35)}
body[data-jc-pg="bets"] .bet-match{color:#fff!important;font-weight:700!important}
body[data-jc-pg="bets"] .bet-league{color:var(--ac)!important;font-size:11.5px!important;font-weight:600}
body[data-jc-pg="apostas"] .quick-filters{background:rgba(16,17,28,.75)!important;border:1px solid rgba(255,255,255,.07)!important;border-radius:20px!important;padding:14px 16px!important;margin-bottom:16px!important}
body[data-jc-pg="apostas"] .quick-filters h4{color:#a6a8bd!important;font-size:11px!important;letter-spacing:.12em;text-transform:uppercase;font-weight:800!important}
body[data-jc-pg="apostas"] .filter-btn{border-radius:12px!important;background:rgba(255,255,255,.04)!important;border:1px solid rgba(255,255,255,.08)!important;color:#a6a8bd!important;font-weight:700!important;transition:all .2s!important}
body[data-jc-pg="apostas"] .filter-btn:hover{color:#fff!important;background:rgba(255,255,255,.08)!important}
body[data-jc-pg="apostas"] .filter-btn.active{background:linear-gradient(135deg,var(--ac),var(--ac2))!important;color:#fff!important;border-color:transparent!important;box-shadow:0 8px 20px -8px rgba(var(--ac-rgb),.9)}
body[data-jc-pg="apostas"] .type-badge{border-radius:999px!important;font-weight:800!important;padding:5px 11px!important}

/* ---------------- Gateways */
body[data-jc-pg="gateways"] .summary{gap:16px!important}
body[data-jc-pg="gateways"] .sum-card{position:relative;overflow:hidden;border-radius:20px!important;padding:22px!important;border:1px solid rgba(var(--k-rgb,14,165,233),.25)!important;
  background:linear-gradient(150deg,rgba(var(--k-rgb,14,165,233),.16),rgba(16,17,28,.92) 60%)!important;box-shadow:0 22px 44px -28px rgba(var(--k-rgb,14,165,233),.7)!important}
body[data-jc-pg="gateways"] .sum-card[data-k="ok"]{--k-rgb:34,197,94;--k:#22c55e}
body[data-jc-pg="gateways"] .sum-card[data-k="warn"]{--k-rgb:245,158,11;--k:#f59e0b}
body[data-jc-pg="gateways"] .sum-card::before{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:linear-gradient(90deg,transparent,var(--k,#0ea5e9),transparent);background-size:200% 100%;animation:jcEnergia 3s linear infinite}
body[data-jc-pg="gateways"] .sum-ico{width:56px!important;height:56px!important;border-radius:18px!important;box-shadow:0 12px 26px -10px rgba(var(--k-rgb,14,165,233),.9);animation:jcIcone 5s ease-in-out infinite}
body[data-jc-pg="gateways"] .sum-value{font-size:24px!important;font-weight:800!important;color:#fff!important}
body[data-jc-pg="gateways"] .sum-label{letter-spacing:.12em!important;font-weight:800!important;color:#a6a8bd!important}
body[data-jc-pg="gateways"] .gw-grid{gap:18px!important}
body[data-jc-pg="gateways"] .gw-card{position:relative;border-radius:22px!important;background:linear-gradient(180deg,rgba(22,23,38,.95),rgba(14,15,25,.98))!important;border:1px solid rgba(255,255,255,.07)!important;
  box-shadow:0 24px 50px -30px rgba(0,0,0,.95)!important;transition:transform .3s cubic-bezier(.2,.8,.2,1),border-color .3s,box-shadow .3s!important;opacity:0;animation:jcSobe .6s cubic-bezier(.2,.8,.2,1) forwards;animation-delay:calc(var(--i,0) * 80ms)}
body[data-jc-pg="gateways"] .gw-card:hover{transform:translateY(-4px);border-color:rgba(var(--ac-rgb),.35)!important}
body[data-jc-pg="gateways"] .gw-card.is-off{filter:saturate(.35);opacity:.75}
body[data-jc-pg="gateways"] .gw-card.is-off:hover{filter:none}
/* a gateway em uso ganha borda de luz girando */
body[data-jc-pg="gateways"] .gw-card.is-active{border-color:transparent!important;box-shadow:0 30px 60px -28px rgba(34,197,94,.55)!important}
body[data-jc-pg="gateways"] .gw-card.is-active::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1.5px;pointer-events:none;
  background:conic-gradient(from var(--ang,0deg),transparent 0 55%,#22c55e 70%,#fff 75%,#16a34a 80%,transparent 95%);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:jcGiraBorda 4s linear infinite}
@property --ang{syntax:"<angle>";initial-value:0deg;inherits:false}
@keyframes jcGiraBorda{to{--ang:360deg}}
body[data-jc-pg="gateways"] .gw-ico{border-radius:16px!important;box-shadow:0 10px 24px -10px rgba(0,0,0,.8)}
body[data-jc-pg="gateways"] .gw-title b,body[data-jc-pg="gateways"] .gw-title strong{font-weight:800!important}
body[data-jc-pg="gateways"] .badge.b-active{box-shadow:0 0 14px rgba(34,197,94,.45)}
body[data-jc-pg="gateways"] .gw-body input{border-radius:12px!important;height:46px;background:rgba(5,5,12,.6)!important;border:1px solid rgba(255,255,255,.1)!important}
body[data-jc-pg="gateways"] .gw-body input:focus{border-color:rgba(var(--ac-rgb),.7)!important;box-shadow:0 0 0 4px rgba(var(--ac-rgb),.15)!important;outline:0}
body[data-jc-pg="gateways"] .hook{border-radius:12px!important;background:rgba(var(--ac-rgb),.06)!important;border:1px dashed rgba(var(--ac-rgb),.35)!important}
body[data-jc-pg="gateways"] .gw-foot button,body[data-jc-pg="gateways"] .gw-foot .btn{border-radius:12px!important;font-weight:800!important}

/* ---------------- Ao vivo */
body[data-jc-pg="online"] .ol-head{position:relative;overflow:hidden;border-radius:24px;padding:24px 26px!important;margin-bottom:18px!important;
  background:linear-gradient(135deg,rgba(var(--ac-rgb),.16),rgba(16,17,28,.9) 45%)!important;border:1px solid rgba(var(--ac-rgb),.25);box-shadow:0 30px 60px -30px rgba(var(--ac-rgb),.45)}
body[data-jc-pg="online"] .ol-head h1{font-size:clamp(22px,2.4vw,30px)!important;font-weight:800!important;position:relative;z-index:1}
body[data-jc-pg="online"] .ol-head>*:not(.jc-orb){position:relative;z-index:1}
body[data-jc-pg="online"] .ol-head .jc-orb{z-index:0}
body[data-jc-pg="online"] .ol-back{border-radius:12px!important;background:rgba(255,255,255,.06)!important;border:1px solid rgba(255,255,255,.1)!important}
body[data-jc-pg="online"] .ol-cards{gap:16px!important}
body[data-jc-pg="online"] .ol-card{position:relative;overflow:hidden;border-radius:20px!important;padding:22px!important;background:linear-gradient(160deg,rgba(var(--k-rgb,16,185,129),.12),rgba(16,17,28,.92) 55%)!important;
  border:1px solid rgba(var(--k-rgb,16,185,129),.22)!important;box-shadow:0 20px 40px -26px rgba(var(--k-rgb,16,185,129),.6)!important}
body[data-jc-pg="online"] .ol-card[data-k="violet"]{--k-rgb:139,92,246;--k:#8b5cf6}
body[data-jc-pg="online"] .ol-card[data-k="cyan"]{--k-rgb:6,182,212;--k:#06b6d4}
body[data-jc-pg="online"] .ol-card[data-k="warn"]{--k-rgb:245,158,11;--k:#f59e0b}
body[data-jc-pg="online"] .ol-card::before{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:linear-gradient(90deg,transparent,var(--k,#10b981),transparent);background-size:200% 100%;animation:jcEnergia 3s linear infinite}
body[data-jc-pg="online"] .ol-card .num{font-size:42px!important;font-weight:800!important;letter-spacing:-.02em;color:#fff!important;transition:transform .3s;transform-origin:left center;margin-top:10px!important}
body[data-jc-pg="online"] .ol-card .num.jc-mudou{animation:jcBate .6s cubic-bezier(.2,.9,.3,1.4)}
@keyframes jcBate{40%{transform:scale(1.18);color:var(--k,#10b981)}}
body[data-jc-pg="online"] .ol-card.main{border-color:rgba(16,185,129,.55)!important}
body[data-jc-pg="online"] .ol-card.main::after{content:"";position:absolute;right:18px;top:18px;width:12px;height:12px;border-radius:50%;background:#10b981;box-shadow:0 0 0 0 rgba(16,185,129,.7);animation:jcPulso 1.6s infinite}
body[data-jc-pg="online"] .ol-card .lbl{letter-spacing:.12em!important;font-weight:800!important;color:#a6a8bd!important}
body[data-jc-pg="online"] .ol-panel{border-radius:20px!important;background:linear-gradient(180deg,rgba(22,23,38,.92),rgba(16,17,28,.95))!important;border:1px solid rgba(255,255,255,.07)!important;overflow:hidden;box-shadow:0 24px 50px -30px rgba(0,0,0,.95)}
body[data-jc-pg="online"] .ol-panel table tbody tr{transition:background .15s}
body[data-jc-pg="online"] .ol-panel table tbody tr:hover>td{background:rgba(var(--ac-rgb),.07)!important}
body[data-jc-pg="online"] .ol-panel .tag{border-radius:999px!important;font-weight:800!important}

/* ---------------- Suporte */
body[data-jc-pg="suporte"] .header .ic{border-radius:18px!important;background:linear-gradient(145deg,var(--ac),var(--ac2))!important;box-shadow:0 14px 30px -10px rgba(var(--ac-rgb),.85);animation:jcIcone 5s ease-in-out infinite}
body[data-jc-pg="suporte"] .header h1{font-weight:800!important;font-size:clamp(22px,2.3vw,30px)!important}
body[data-jc-pg="suporte"] .hstat{border-radius:16px!important;background:rgba(0,0,0,.25)!important;border:1px solid rgba(255,255,255,.08)!important;transition:transform .2s}
body[data-jc-pg="suporte"] .hstat:hover{transform:translateY(-3px)}
body[data-jc-pg="suporte"] .hstat.alert{border-color:rgba(var(--ac-rgb),.5)!important;box-shadow:0 0 22px -6px rgba(var(--ac-rgb),.7)}
body[data-jc-pg="suporte"] .sup>.col,body[data-jc-pg="suporte"] .col{border-radius:22px!important;background:linear-gradient(180deg,rgba(22,23,38,.94),rgba(13,14,23,.97))!important;border:1px solid rgba(255,255,255,.07)!important;
  box-shadow:0 24px 50px -30px rgba(0,0,0,.95)!important}
body[data-jc-pg="suporte"] .col h2 i{color:var(--ac)!important}
body[data-jc-pg="suporte"] .conv{border-radius:14px!important;margin:3px 6px!important;transition:background .2s,transform .2s!important}
body[data-jc-pg="suporte"] .conv:hover{transform:translateX(3px);background:rgba(255,255,255,.04)!important}
body[data-jc-pg="suporte"] .conv.active{background:linear-gradient(90deg,rgba(var(--ac-rgb),.22),rgba(var(--ac-rgb),.04))!important;box-shadow:inset 3px 0 0 var(--ac)}
body[data-jc-pg="suporte"] .conv.unread{background:rgba(var(--ac-rgb),.07)!important}
body[data-jc-pg="suporte"] .conv .u{background:linear-gradient(135deg,var(--ac),var(--ac2))!important;box-shadow:0 0 12px rgba(var(--ac-rgb),.7);animation:jcBrilhoRosa 1.8s ease-in-out infinite}
@keyframes jcBrilhoRosa{50%{box-shadow:0 0 0 4px rgba(var(--ac-rgb),.15),0 0 14px rgba(var(--ac-rgb),.9)}}
body[data-jc-pg="suporte"] .conv-search input,body[data-jc-pg="suporte"] .composer textarea,body[data-jc-pg="suporte"] .composer input[type=text]{border-radius:14px!important;background:rgba(5,5,12,.6)!important;border:1px solid rgba(255,255,255,.1)!important}
body[data-jc-pg="suporte"] :is(.conv-search input,.composer textarea,.composer input[type=text]):focus{border-color:rgba(var(--ac-rgb),.7)!important;box-shadow:0 0 0 4px rgba(var(--ac-rgb),.14)!important;outline:0}
body[data-jc-pg="suporte"] .conv-filter button.on{background:linear-gradient(135deg,var(--ac),var(--ac2))!important;color:#fff!important;border-color:transparent!important}
body[data-jc-pg="suporte"] #threadBody{background:radial-gradient(circle at 20% 0%,rgba(var(--ac-rgb),.06),transparent 50%),radial-gradient(rgba(255,255,255,.035) 1px,transparent 1px)!important;background-size:auto,18px 18px!important}
body[data-jc-pg="suporte"] .m{animation:jcMsg .35s cubic-bezier(.2,.9,.3,1.2) both}
@keyframes jcMsg{from{opacity:0;transform:translateY(8px) scale(.97)}}
body[data-jc-pg="suporte"] .m.admin .t{background:linear-gradient(135deg,var(--ac),var(--ac2))!important;color:#fff!important;box-shadow:0 10px 24px -12px rgba(var(--ac-rgb),.9)}
body[data-jc-pg="suporte"] .m.user .t{background:rgba(255,255,255,.07)!important;border:1px solid rgba(255,255,255,.08)!important}
body[data-jc-pg="suporte"] .m.bot .t{background:linear-gradient(135deg,#6366f1,#4338ca)!important;color:#fff!important}
body[data-jc-pg="suporte"] .day{color:#77798f!important;font-weight:800!important;letter-spacing:.1em}
body[data-jc-pg="suporte"] .thread-head{background:rgba(255,255,255,.02)!important}
body[data-jc-pg="suporte"] .composer{background:rgba(5,5,12,.4)!important;border-top:1px solid rgba(255,255,255,.06)!important}
body[data-jc-pg="suporte"] .composer .send-ic,body[data-jc-pg="suporte"] .composer button[type=submit]{background:linear-gradient(135deg,var(--ac),var(--ac2))!important;box-shadow:0 10px 22px -8px rgba(var(--ac-rgb),.9)!important;transition:transform .2s!important}
body[data-jc-pg="suporte"] .composer .send-ic:hover,body[data-jc-pg="suporte"] .composer button[type=submit]:hover{transform:scale(1.08) rotate(-8deg)}
body[data-jc-pg="suporte"] .fic-card,body[data-jc-pg="suporte"] .cfg-card{border-radius:18px!important;border:1px solid rgba(255,255,255,.07)!important;background:rgba(255,255,255,.025)!important}
body[data-jc-pg="suporte"] .fic-stat{border-radius:14px!important;background:rgba(var(--ac-rgb),.06)!important;border:1px solid rgba(var(--ac-rgb),.18)!important}
body[data-jc-pg="suporte"] .toolbar{border-radius:18px!important}
body[data-jc-pg="suporte"] .deptag{border-radius:999px!important;box-shadow:0 0 12px rgba(245,158,11,.35)}
@media(max-width:768px){body[data-jc-pg="online"] .admin-content{padding-top:66px!important}}