/* CE-GLOBAL-V4 (2026-10-21; v4: KPIs/abas/títulos reconhecidos pelo formato; v3: pop-ups e largura; v2: sem :has — a classe html.ce-g é posta pelo JS fora da Expedição) — o visual da Expedição e do card "Caixa necessário" levado para todo o Conseller.
   Só aparência. Fica fora da Expedição (que já tem o próprio, ce-expedicao-v*), da tela de login e do topo/menu. */
@keyframes ceG-up{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@keyframes ceG-line{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes ceG-shine{0%{background-position:200% 0}100%{background-position:-200% 0}}
@keyframes ceG-dot{0%{box-shadow:0 0 0 0 currentColor}70%,100%{box-shadow:0 0 0 6px transparent}}
/* ---------- títulos da página ---------- */
html.ce-g body .csl-content :is(.csl-page-header,.page-head,.hero,.dash-head) h1{background:linear-gradient(90deg,var(--text-0) 0%,var(--text-0) 40%,var(--accent) 50%,var(--text-0) 60%,var(--text-0) 100%);background-size:250% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:ceG-up .5s cubic-bezier(.16,1,.3,1) backwards,ceG-shine 7s ease-in-out 1.2s infinite}
html.ce-g body .csl-content :is(.csl-page-header,.page-head,.hero,.dash-head) h1 svg{-webkit-text-fill-color:initial}
html.ce-g body .csl-content :is(.csl-page-header,.page-head,.hero,.dash-head)>*:not(h1) p,html.ce-g body .csl-content :is(.csl-page-header,.page-head,.hero,.dash-head) p{font-size:13.5px!important;color:color-mix(in srgb,var(--text-2) 55%,var(--text-0))!important;animation:ceG-up .5s cubic-bezier(.16,1,.3,1) .1s backwards}
html.ce-g body .csl-section-header-title{letter-spacing:-.02em!important;animation:ceG-up .45s cubic-bezier(.16,1,.3,1) backwards}
html.ce-g body .csl-section-header-sub,html.ce-g body .csl-section-header-text p{font-size:13px!important;color:color-mix(in srgb,var(--text-2) 55%,var(--text-0))!important}
html.ce-g body .csl-section-header-icon{transition:transform .3s cubic-bezier(.16,1,.3,1)}
html.ce-g body .csl-section-header:hover .csl-section-header-icon{transform:rotate(-6deg) scale(1.06)}
html.ce-g body .csl-content .section-title{position:relative;animation:ceG-up .45s cubic-bezier(.16,1,.3,1) backwards}
/* ---------- textos pequenos/cinza: mais claros ---------- */
html.ce-g body .csl-content :is(.muted,.sub,.source-note,.exp-row-meta,.hint,.help,.note,small){color:color-mix(in srgb,var(--text-2) 60%,var(--text-0))}
/* ---------- KPIs ---------- */
html.ce-g body .csl-content :is(.kpi,.kpi-box,.metric-card,.csl-kpi){border-radius:16px;transition:transform .25s cubic-bezier(.16,1,.3,1),border-color .2s,box-shadow .25s;animation:ceG-up .45s cubic-bezier(.16,1,.3,1) backwards}
html.ce-g body .csl-content :is(.kpi,.kpi-box,.metric-card,.csl-kpi):hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--accent) 40%,var(--border));box-shadow:0 16px 30px -22px var(--accent)}
html.ce-g body .csl-content :is(.kpis,.kpi-grid)>*:nth-child(2){animation-delay:.04s}html.ce-g body .csl-content :is(.kpis,.kpi-grid)>*:nth-child(3){animation-delay:.08s}html.ce-g body .csl-content :is(.kpis,.kpi-grid)>*:nth-child(4){animation-delay:.12s}html.ce-g body .csl-content :is(.kpis,.kpi-grid)>*:nth-child(5){animation-delay:.16s}html.ce-g body .csl-content :is(.kpis,.kpi-grid)>*:nth-child(6){animation-delay:.2s}
html.ce-g body .csl-content :is(.kpi-label,.kpi-top,.kpi-title,.metric-label,.exp-bd-cap){color:color-mix(in srgb,var(--accent) 55%,var(--text-2))!important;font-weight:850!important;letter-spacing:.06em}
html.ce-g body .csl-content :is(.kpi-val,.kpi-value,.metric-value){font-variant-numeric:tabular-nums;letter-spacing:-.03em}
/* ---------- tabelas ---------- */
html.ce-g body .csl-content table:is(.csl-table,.table,.data-table) thead th{position:relative;font-size:11px!important;font-weight:900!important;letter-spacing:.07em!important;text-transform:uppercase;color:color-mix(in srgb,var(--accent) 60%,var(--text-2))!important;animation:ceG-up .4s cubic-bezier(.16,1,.3,1) backwards}
html.ce-g body .csl-content table:is(.csl-table,.table,.data-table) thead th::after{content:"";position:absolute;left:12px;right:12px;bottom:0;height:2px;border-radius:2px;background:linear-gradient(90deg,var(--accent),transparent);opacity:.65;transform-origin:left;animation:ceG-line .7s cubic-bezier(.16,1,.3,1) .25s backwards;pointer-events:none}
html.ce-g body .csl-content table:is(.csl-table,.table,.data-table) thead th:nth-child(2){animation-delay:.03s}html.ce-g body .csl-content table:is(.csl-table,.table,.data-table) thead th:nth-child(3){animation-delay:.06s}html.ce-g body .csl-content table:is(.csl-table,.table,.data-table) thead th:nth-child(4){animation-delay:.09s}html.ce-g body .csl-content table:is(.csl-table,.table,.data-table) thead th:nth-child(5){animation-delay:.12s}html.ce-g body .csl-content table:is(.csl-table,.table,.data-table) thead th:nth-child(6){animation-delay:.15s}html.ce-g body .csl-content table:is(.csl-table,.table,.data-table) thead th:nth-child(7){animation-delay:.18s}html.ce-g body .csl-content table:is(.csl-table,.table,.data-table) thead th:nth-child(8){animation-delay:.21s}html.ce-g body .csl-content table:is(.csl-table,.table,.data-table) thead th:nth-child(9){animation-delay:.24s}
html.ce-g body .csl-content table:is(.csl-table,.table,.data-table) tbody td{font-size:13.5px;font-variant-numeric:tabular-nums;color:color-mix(in srgb,var(--text-1) 70%,var(--text-0));transition:background .18s,color .18s}
html.ce-g body .csl-content table:is(.csl-table,.table,.data-table) tbody tr{transition:background .18s}
html.ce-g body .csl-content table:is(.csl-table,.table,.data-table) tbody tr:hover td{background:color-mix(in srgb,var(--accent) 6%,transparent)}
html.ce-g body .csl-content table:is(.csl-table,.table,.data-table) tbody tr:hover td b,html.ce-g body .csl-content table:is(.csl-table,.table,.data-table) tbody tr:hover td strong{color:var(--accent)}
html.ce-g body .csl-content table:is(.csl-table,.table,.data-table) tbody td :is(b,strong){font-weight:850;color:var(--text-0)}
html.ce-g body .csl-content table:is(.csl-table,.table,.data-table) tbody td img{border-radius:10px;transition:transform .25s cubic-bezier(.16,1,.3,1)}
html.ce-g body .csl-content table:is(.csl-table,.table,.data-table) tbody tr:hover td img{transform:scale(1.06)}
/* ---------- botões, seletores, chips e campos ---------- */
html.ce-g body .csl-content .btn{border-radius:10px;font-weight:800;transition:transform .18s cubic-bezier(.16,1,.3,1),filter .18s,box-shadow .2s,background .2s,border-color .2s}
html.ce-g body .csl-content .btn:not(:disabled):hover{transform:translateY(-1px)}
html.ce-g body .csl-content .btn:not(:disabled):active{transform:scale(.97)}
html.ce-g body .csl-content .btn:not(.secondary):not(.danger):not(.ghost):not(:disabled){box-shadow:0 8px 18px -12px var(--accent)}
html.ce-g body .csl-content :is(.chip,.seg button,.segmented button,.tabs button,.tab-btn,.filter-chip){transition:background .2s,color .2s,transform .2s,border-color .2s}
html.ce-g body .csl-content :is(.chip,.filter-chip):hover{transform:translateY(-1px)}
html.ce-g body .csl-content :is(.chip.active,.chip.on,.filter-chip.active){box-shadow:0 6px 16px -10px var(--accent)}
html.ce-g body .csl-content :is(select,input[type=text],input[type=number],input[type=date],input[type=search],input[type=time],input[type=email],textarea){transition:border-color .2s,box-shadow .2s}
html.ce-g body .csl-content :is(select,input,textarea):focus{border-color:var(--accent)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 22%,transparent)!important;outline:0}
/* ---------- cards ---------- */
html.ce-g body .csl-content .card{transition:border-color .25s,box-shadow .25s}
html.ce-g body .csl-content .card:hover{border-color:color-mix(in srgb,var(--accent) 22%,var(--border))}
/* ---------- selos/contagens ao lado de títulos ---------- */
html.ce-g body .csl-content :is(.badge,.pill,.tag,.status-pill):not(.badge-pending){transition:transform .2s}
@media (prefers-reduced-motion:reduce){html.ce-g body .csl-content *,html.ce-g body .csl-content *::before,html.ce-g body .csl-content *::after{animation:none!important}}
/* v2: linhas de tabela sem animação de entrada (páginas com centenas de linhas ficavam ~300 ms mais lentas ao abrir) */

/* ================= v3: pop-ups de qualquer página + nada empurrando a tela para o lado ================= */
@keyframes ceP-in{from{opacity:0;transform:translateY(14px) scale(.97)}to{opacity:1;transform:none}}
.ce-pop-ov{backdrop-filter:blur(7px) saturate(115%);-webkit-backdrop-filter:blur(7px) saturate(115%)}
.ce-pop{position:relative;border-radius:20px!important;border:1px solid color-mix(in srgb,var(--accent) 38%,var(--border-strong,var(--border)))!important;background:radial-gradient(120% 70% at 0 0,color-mix(in srgb,var(--accent) 10%,transparent),transparent 55%),var(--bg-2)!important;box-shadow:0 40px 90px -30px rgba(0,0,0,.75)!important;animation:ceP-in .32s cubic-bezier(.16,1,.3,1);overflow-x:hidden!important;max-height:calc(100vh - 24px)!important;box-sizing:border-box}   /* largura: a original de cada pop-up; só alarga (inline) quando o conteúdo não cabe */
.ce-pop::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;border-radius:20px 20px 0 0;background:linear-gradient(90deg,transparent,var(--accent),#84ff40,transparent);pointer-events:none;z-index:1}
.ce-pop :is(h2,h3,h4,.modal-title,.modal-head b,.c49-modal-head b){letter-spacing:-.02em}
.ce-pop :is(h2,h3){font-weight:900}
.ce-pop :is(input,select,textarea){border-radius:10px;transition:border-color .2s,box-shadow .2s}
.ce-pop :is(input,select,textarea):focus{border-color:var(--accent)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 22%,transparent)!important;outline:0}
.ce-pop :is(button,.btn){transition:transform .18s cubic-bezier(.16,1,.3,1),filter .18s,box-shadow .2s}
.ce-pop :is(button,.btn):not(:disabled):hover{transform:translateY(-1px)}
.ce-pop :is(.muted,small,.sub,.hint,.help){color:color-mix(in srgb,var(--text-2) 60%,var(--text-0))}
.ce-pop img{max-width:100%;height:auto}
/* sem rolar: o pop-up alarga e o conteúdo vai para colunas */
.ce-pop-col{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px 16px!important;align-items:start}
.ce-pop-col.c3{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.ce-pop-col>*{min-width:0;margin:0!important}
.ce-pop-col>:is(h2,h3,h4,.modal-head,.c49-modal-head,.empty,hr){grid-column:1/-1}
.ce-pop-lista{scrollbar-width:thin;border-radius:12px}
.ce-pop.ce-pop-compacto{padding:14px 16px!important}
.ce-pop.ce-pop-compacto :is(p,label,li){margin-top:2px!important;margin-bottom:4px!important;line-height:1.4}
.ce-pop.ce-pop-compacto :is(input,select,textarea){padding-top:6px!important;padding-bottom:6px!important}
.ce-pop.ce-pop-compacto textarea{min-height:60px}
/* KPIs/blocos que passariam da largura da tela */
.ce-kfit{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(min(150px,100%),1fr))!important;max-width:100%!important}
.ce-kfit>*{min-width:0!important;max-width:100%!important}
.ce-kfit :is(.kpi-val,.kpi-value,.big,.metric-value,b,strong){overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}
.ce-larg{max-width:100%!important;min-width:0!important;box-sizing:border-box}
.csl-content :is(.kpis,.kpi-grid,.kpi-row,.metrics,.cards-grid)>*{min-width:0}
.csl-content :is(.kpi-val,.kpi-value,.metric-value){overflow-wrap:anywhere}

/* ================= v4: KPIs, abas e títulos de TODAS as páginas iguais aos da Expedição (reconhecidos pelo formato, não pelo nome) ================= */
@keyframes ceK-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@keyframes ceK-line{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes ceK-glow{0%,100%{box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 30%,transparent) inset}50%{box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 55%,transparent) inset,0 10px 26px -16px var(--accent)}}
html.ce-g .ce-kpi{position:relative!important;overflow:hidden;border-radius:16px!important;border:1px solid color-mix(in srgb,var(--accent) 22%,var(--border))!important;background:radial-gradient(120% 90% at 0 0,color-mix(in srgb,var(--accent) 10%,transparent),transparent 60%),var(--bg-2)!important;padding:14px 16px!important;min-width:0!important;transition:transform .25s cubic-bezier(.16,1,.3,1),border-color .2s,box-shadow .25s!important;animation:ceK-in .45s cubic-bezier(.16,1,.3,1) backwards}
html.ce-g .ce-kpi::before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,var(--accent),#84ff40 35%,transparent 80%);transform-origin:left;animation:ceK-line .8s cubic-bezier(.16,1,.3,1) .15s backwards;pointer-events:none}
html.ce-g .ce-kpi:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--accent) 50%,var(--border))!important;box-shadow:0 18px 34px -22px var(--accent)}
html.ce-g .ce-kpi.ce-kpi-dest{animation:ceK-in .45s cubic-bezier(.16,1,.3,1) backwards,ceK-glow 3.5s ease-in-out 1s infinite}
html.ce-g .ce-kpi .ce-kpi-l{display:block;font-size:11px!important;font-weight:850!important;letter-spacing:.07em!important;text-transform:uppercase;color:color-mix(in srgb,var(--accent) 60%,var(--text-2))!important;padding-right:38px;line-height:1.3;animation:ceK-in .45s cubic-bezier(.16,1,.3,1) .1s backwards}
html.ce-g .ce-kpi .ce-kpi-v{display:block;font-size:clamp(20px,2vw,30px)!important;font-weight:900!important;letter-spacing:-.035em!important;color:var(--text-0)!important;line-height:1.15;margin-top:8px;font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;animation:ceK-in .5s cubic-bezier(.16,1,.3,1) .18s backwards}
html.ce-g .ce-kpi .ce-kpi-s{font-size:12px!important;color:color-mix(in srgb,var(--text-2) 55%,var(--text-0))!important;margin-top:4px;line-height:1.4}
html.ce-g .ce-kpi .ce-kic{position:absolute;top:12px;right:12px;width:28px;height:28px;border-radius:9px;display:grid;place-items:center;background:color-mix(in srgb,var(--accent) 15%,transparent);color:var(--accent);border:1px solid color-mix(in srgb,var(--accent) 30%,transparent);transition:transform .3s cubic-bezier(.16,1,.3,1)}
html.ce-g .ce-kpi .ce-kic svg{width:15px;height:15px}
html.ce-g .ce-kpi:hover .ce-kic{transform:rotate(-8deg) scale(1.08)}
html.ce-g .ce-kpis{gap:12px!important}
html.ce-g .ce-kpis>.ce-kpi:nth-child(2){animation-delay:.05s}html.ce-g .ce-kpis>.ce-kpi:nth-child(3){animation-delay:.1s}html.ce-g .ce-kpis>.ce-kpi:nth-child(4){animation-delay:.15s}html.ce-g .ce-kpis>.ce-kpi:nth-child(5){animation-delay:.2s}html.ce-g .ce-kpis>.ce-kpi:nth-child(6){animation-delay:.25s}html.ce-g .ce-kpis>.ce-kpi:nth-child(7){animation-delay:.3s}html.ce-g .ce-kpis>.ce-kpi:nth-child(8){animation-delay:.35s}
/* abas: sublinhado verde como na Expedição */
html.ce-g .ce-tabs{display:flex!important;flex-wrap:wrap;gap:2px!important;border-bottom:1px solid var(--border)!important;background:transparent!important;border-radius:0!important;padding:0 2px!important;box-shadow:none!important}
html.ce-g .ce-tabs>*{cursor:pointer;position:relative;background:transparent!important;border:0!important;border-radius:10px 10px 0 0!important;box-shadow:none!important;color:var(--text-1)!important;font-size:13.5px!important;font-weight:750!important;padding:10px 14px!important;transition:color .2s,background .2s,transform .2s!important;animation:ceK-in .4s cubic-bezier(.16,1,.3,1) backwards;text-decoration:none!important}
html.ce-g .ce-tabs>*:hover{color:var(--text-0)!important;background:var(--bg-2)!important;transform:translateY(-1px)}
html.ce-g .ce-tabs>.ce-tab-on{color:var(--accent)!important;font-weight:850!important}
html.ce-g .ce-tabs>.ce-tab-on::after{content:"";position:absolute;left:10px;right:10px;bottom:-1px;height:3px;border-radius:3px;background:linear-gradient(90deg,var(--accent),#84ff40);box-shadow:0 0 12px var(--accent);transform-origin:left;animation:ceK-line .5s cubic-bezier(.16,1,.3,1)}
html.ce-g .ce-tabs>:nth-child(2){animation-delay:.03s}html.ce-g .ce-tabs>:nth-child(3){animation-delay:.06s}html.ce-g .ce-tabs>:nth-child(4){animation-delay:.09s}html.ce-g .ce-tabs>:nth-child(5){animation-delay:.12s}html.ce-g .ce-tabs>:nth-child(6){animation-delay:.15s}html.ce-g .ce-tabs>:nth-child(7){animation-delay:.18s}html.ce-g .ce-tabs>:nth-child(8){animation-delay:.21s}html.ce-g .ce-tabs>:nth-child(9){animation-delay:.24s}html.ce-g .ce-tabs>:nth-child(10){animation-delay:.27s}
/* títulos de seção (h2/h3 dentro do conteúdo): risco verde embaixo */
html.ce-g .csl-content :is(h2,h3).ce-tit{position:relative;padding-bottom:8px!important;letter-spacing:-.02em;animation:ceK-in .45s cubic-bezier(.16,1,.3,1) backwards}
html.ce-g .csl-content :is(h2,h3).ce-tit::after{content:"";position:absolute;left:0;bottom:0;width:34px;height:3px;border-radius:3px;background:linear-gradient(90deg,var(--accent),transparent);transform-origin:left;animation:ceK-line .6s cubic-bezier(.16,1,.3,1) .1s backwards}
/* listas de linhas (ex.: "Por conta"): acendem no hover */
html.ce-g .ce-linha{transition:background .18s,transform .18s}
html.ce-g .ce-linha:hover{background:color-mix(in srgb,var(--accent) 6%,transparent)!important}
@media (prefers-reduced-motion:reduce){html.ce-g .ce-kpi,html.ce-g .ce-kpi *,html.ce-g .ce-tabs>*,html.ce-g .ce-kpi::before{animation:none!important}}

/* ================= v5: cabeçalho de TODA página igual ao Rankeamento (aurora verde + onda correndo) e textos/números de tabela legíveis e animados ================= */
@keyframes ceH-wave{from{background-position:0 center}to{background-position:-360px center}}
@keyframes ceH-aurora{from{transform:translate3d(-4%,0,0) scale(1);opacity:.7}to{transform:translate3d(4%,4%,0) scale(1.12);opacity:1}}
@keyframes ceH-wipe{from{clip-path:inset(-6px 100% -6px -6px);opacity:0}to{clip-path:inset(-6px -6px -6px -6px);opacity:1}}
@keyframes ceH-rise{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
html.ce-g .ce-hd{position:relative!important;isolation:isolate}
html.ce-g .ce-hd>.ce-hd-fx{position:absolute;z-index:-1;left:0;right:0;top:-26px;bottom:-6px;overflow:hidden;pointer-events:none}
html.ce-g .ce-hd-fx::before{content:"";position:absolute;right:-2%;top:-30%;width:58%;height:170%;background:radial-gradient(60% 70% at 70% 40%,color-mix(in srgb,var(--accent) 22%,transparent),transparent 70%);filter:blur(10px);animation:ceH-aurora 9s ease-in-out infinite alternate}
html.ce-g .ce-hd-fx::after{content:"";position:absolute;right:0;top:0;bottom:0;width:54%;opacity:.6;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 80' preserveAspectRatio='none'%3E%3Cpath d='M0 62 C30 62 40 28 72 32 S124 58 156 44 S214 8 246 22 S322 52 360 62 V80 H0 Z' fill='rgb(34,197,94)' fill-opacity='.10'/%3E%3Cpath d='M0 62 C30 62 40 28 72 32 S124 58 156 44 S214 8 246 22 S322 52 360 62' fill='none' stroke='rgb(34,197,94)' stroke-opacity='.55' stroke-width='1.6'/%3E%3C/svg%3E") repeat-x 0 center/360px 100%;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 38%,#000 78%,transparent);mask-image:linear-gradient(90deg,transparent,#000 38%,#000 78%,transparent);animation:ceH-wave 24s linear infinite}
html.ce-g .ce-hd h1.ce-h1{font-size:clamp(26px,2.3vw,32px)!important;font-weight:850!important;letter-spacing:-.045em!important;line-height:1.12!important;animation:ceH-wipe .7s cubic-bezier(.16,1,.3,1) .04s both}
html.ce-g .ce-hd .ce-hsub{color:var(--text-1)!important;font-size:14px!important;line-height:1.5!important;animation:ceH-rise .6s cubic-bezier(.16,1,.3,1) .16s both}

/* tabelas: números grandes e claros (contam até o valor), textos legíveis */
@keyframes ceN-pop{0%{color:var(--accent)}100%{}}
html.ce-g .csl-content td.ce-txt{color:color-mix(in srgb,var(--text-1) 35%,var(--text-0))!important;font-size:max(13.5px,1em)!important}
html.ce-g .csl-content td.ce-num{font-size:14.5px!important;font-weight:650!important;color:var(--text-0)!important;font-variant-numeric:tabular-nums;letter-spacing:-.01em;transition:color .18s}
html.ce-g .csl-content td.ce-num.ce-din{font-weight:700!important}
html.ce-g .csl-content td.ce-num :is(b,strong){font-size:15px!important;font-weight:850!important}
html.ce-g .csl-content td.ce-num.ce-pct{color:color-mix(in srgb,var(--accent) 55%,var(--text-0))!important}
html.ce-g .csl-content td.ce-num.ce-neg{color:#f87171!important}
html.ce-g .csl-content td.ce-num.ce-contou{animation:ceN-pop 1.2s ease-out}
html.ce-g .csl-content tr:hover>td.ce-num{color:var(--accent)!important}
@media (prefers-reduced-motion:reduce){html.ce-g .ce-hd-fx::before,html.ce-g .ce-hd-fx::after,html.ce-g .ce-hd h1.ce-h1,html.ce-g .ce-hd .ce-hsub,html.ce-g td.ce-contou{animation:none!important}}

/* ================= v6: dados de gráficos grandes e legíveis (padrão da Expedição) ================= */
@keyframes ceGr-in{from{opacity:0}to{opacity:1}}
html.ce-g svg.ce-graf text{font-family:var(--font,inherit)}
html.ce-g svg.ce-graf.ce-graf-novo text{animation:ceGr-in .6s ease-out .15s backwards}
html.ce-g svg.ce-graf text.ce-gx{font-weight:650}
html.ce-g svg.ce-graf text.ce-gv{font-weight:800}
html.ce-g .csl-content .ce-gl{font-weight:650!important}
html.ce-g .csl-content .ce-gn{font-weight:800!important;color:var(--text-0)}
html.ce-g .csl-content [class*="legend"]:not(svg *){font-size:13px!important}
html.ce-g .csl-content [class*="legend"] :is(span,i,b){font-size:13px!important}
html.ce-g .csl-content [class*="legend"]:not(svg *){color:color-mix(in srgb,var(--text-1) 40%,var(--text-0))!important;font-weight:650}
@media (prefers-reduced-motion:reduce){html.ce-g svg.ce-graf text{animation:none!important}}

/* ================= v7: tabelas e listas no padrão da Expedição (linhas em cartão, logotipo do marketplace, avatar, números grandes, barras, animação) ================= */
@keyframes ceT-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@keyframes ceT-bar{from{transform:scaleX(0)}to{transform:scaleX(1)}}
/* tabela */
html.ce-g .csl-content table.ce-tb{border-collapse:separate!important;border-spacing:0 6px!important}
html.ce-g .csl-content table.ce-tb>thead th,html.ce-g .csl-content table.ce-tb>tbody>tr>th{font-size:11px!important;font-weight:850!important;letter-spacing:.07em;text-transform:uppercase;color:color-mix(in srgb,var(--accent) 65%,var(--text-1))!important;background:transparent!important;border:0!important;box-shadow:inset 0 -2px 0 color-mix(in srgb,var(--accent) 55%,transparent);padding-top:10px!important;padding-bottom:10px!important;white-space:nowrap}
html.ce-g .csl-content table.ce-tb>tbody>tr>td{background:var(--bg-2)!important;border-top:1px solid var(--border)!important;border-bottom:1px solid var(--border)!important;padding-top:12px!important;padding-bottom:12px!important;vertical-align:middle;transition:background .18s,border-color .18s}
html.ce-g .csl-content table.ce-tb>tbody>tr>td:first-child{border-left:1px solid var(--border)!important;border-radius:12px 0 0 12px;box-shadow:inset 3px 0 0 transparent;transition:box-shadow .2s,background .18s}
html.ce-g .csl-content table.ce-tb>tbody>tr>td:last-child{border-right:1px solid var(--border)!important;border-radius:0 12px 12px 0}
html.ce-g .csl-content table.ce-tb>tbody>tr:hover>td{background:color-mix(in srgb,var(--accent) 7%,var(--bg-2))!important;border-color:color-mix(in srgb,var(--accent) 35%,var(--border))!important}
html.ce-g .csl-content table.ce-tb>tbody>tr:hover>td:first-child{box-shadow:inset 3px 0 0 var(--accent)}
html.ce-g .csl-content table.ce-tb.ce-tb-ent>tbody>tr:nth-child(-n+24){animation:ceT-in .45s cubic-bezier(.16,1,.3,1) backwards}
html.ce-g .csl-content table.ce-tb.ce-tb-ent>tbody>tr:nth-child(2){animation-delay:.03s}html.ce-g .csl-content table.ce-tb.ce-tb-ent>tbody>tr:nth-child(3){animation-delay:.06s}html.ce-g .csl-content table.ce-tb.ce-tb-ent>tbody>tr:nth-child(4){animation-delay:.09s}html.ce-g .csl-content table.ce-tb.ce-tb-ent>tbody>tr:nth-child(5){animation-delay:.12s}html.ce-g .csl-content table.ce-tb.ce-tb-ent>tbody>tr:nth-child(6){animation-delay:.15s}html.ce-g .csl-content table.ce-tb.ce-tb-ent>tbody>tr:nth-child(7){animation-delay:.18s}html.ce-g .csl-content table.ce-tb.ce-tb-ent>tbody>tr:nth-child(8){animation-delay:.21s}html.ce-g .csl-content table.ce-tb.ce-tb-ent>tbody>tr:nth-child(n+9){animation-delay:.24s}
/* barra de proporção embaixo do número */
html.ce-g .ce-tbar{display:block;height:4px;min-width:54px;margin-top:6px;border-radius:4px;background:color-mix(in srgb,var(--text-2) 18%,transparent);overflow:hidden}
html.ce-g td[style*="right"] .ce-tbar,html.ce-g td.ce-num .ce-tbar{margin-left:auto}
html.ce-g .ce-tbar>i{display:block;height:100%;border-radius:4px;background:linear-gradient(90deg,var(--accent),#84ff40);transform-origin:left;animation:ceT-bar .9s cubic-bezier(.16,1,.3,1) .2s backwards}
html.ce-g .ce-tbar.pct>i{background:linear-gradient(90deg,#22c55e,#16a34a)}
/* avatar com inicial e logotipo do marketplace */
html.ce-g .ce-av{flex:none;display:inline-grid;place-items:center;width:30px;height:30px;border-radius:10px;margin-right:10px;vertical-align:middle;font:850 13px/1 var(--font,inherit);color:#fff;background:linear-gradient(135deg,hsl(var(--h,140) 62% 46%),hsl(calc(var(--h,140) + 30) 62% 36%));box-shadow:0 6px 14px -8px hsl(var(--h,140) 70% 45%);transition:transform .25s cubic-bezier(.16,1,.3,1)}
html.ce-g tr:hover .ce-av,html.ce-g .ce-lrow:hover .ce-av{transform:rotate(-6deg) scale(1.08)}
html.ce-g .ce-mk{flex:none;display:inline-grid;place-items:center;width:24px;height:24px;border-radius:8px;margin-right:7px;vertical-align:middle;background:#2a2f36;color:#fff}
html.ce-g .ce-mk svg{width:15px;height:15px}
html.ce-g .ce-mk.mk-shopee{background:linear-gradient(135deg,#ff6a3d,#ee4d2d)}
html.ce-g .ce-mk.mk-ml{background:#ffe600;color:#2d3277}
html.ce-g .ce-mk.mk-mp{background:#00b1ea;color:#fff}
html.ce-g .ce-mk.mk-tt{background:#0b0b0f;color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.14)}
html.ce-g .ce-mk.mk-kw{background:linear-gradient(135deg,#ff8a1f,#ff5a00);font-weight:900;font-size:12px}
html.ce-g .ce-mktag{display:inline-flex!important;align-items:center;gap:0;padding:3px 9px 3px 3px!important;border-radius:999px!important;font-size:11px!important;font-weight:800!important;letter-spacing:.04em;background:color-mix(in srgb,var(--text-2) 12%,transparent)!important;color:var(--text-0)!important}
html.ce-g .ce-mktag .ce-mk{width:20px;height:20px;border-radius:999px;margin-right:6px}
html.ce-g .ce-mktag .ce-mk svg{width:12px;height:12px}
html.ce-g td.ce-tdav{white-space:normal}
html.ce-g td.ce-tdav>.ce-avw{display:inline-flex;align-items:center;min-width:0}
/* listas de linhas (ex.: "Por conta"): cada linha vira cartão */
html.ce-g .ce-lista{display:flex!important;flex-direction:column!important;gap:8px!important;border:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important;padding:0!important}
html.ce-g .ce-lista>.ce-lrow{position:relative;border:1px solid var(--border)!important;border-radius:14px!important;background:radial-gradient(120% 120% at 0 0,color-mix(in srgb,var(--accent) 6%,transparent),transparent 55%),var(--bg-2)!important;box-shadow:inset 3px 0 0 transparent;transition:transform .2s cubic-bezier(.16,1,.3,1),border-color .2s,box-shadow .2s,background .2s;animation:ceT-in .45s cubic-bezier(.16,1,.3,1) backwards}
html.ce-g .ce-lista>.ce-lrow:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--accent) 45%,var(--border))!important;box-shadow:inset 3px 0 0 var(--accent),0 14px 28px -20px var(--accent)}
html.ce-g .ce-lista>.ce-lrow:nth-child(2){animation-delay:.04s}html.ce-g .ce-lista>.ce-lrow:nth-child(3){animation-delay:.08s}html.ce-g .ce-lista>.ce-lrow:nth-child(4){animation-delay:.12s}html.ce-g .ce-lista>.ce-lrow:nth-child(5){animation-delay:.16s}html.ce-g .ce-lista>.ce-lrow:nth-child(6){animation-delay:.2s}html.ce-g .ce-lista>.ce-lrow:nth-child(n+7){animation-delay:.24s}
html.ce-g .ce-lrow .ce-lv{font-size:17px!important;font-weight:850!important;letter-spacing:-.02em;color:var(--text-0)!important;font-variant-numeric:tabular-nums}
html.ce-g .ce-lrow:hover .ce-lv{color:var(--accent)!important}
html.ce-g .ce-lrow .ce-ll{font-size:10.5px!important;font-weight:850!important;letter-spacing:.08em!important;text-transform:uppercase;color:color-mix(in srgb,var(--accent) 60%,var(--text-2))!important}
html.ce-g .ce-lrow .ce-ln{font-size:14.5px!important;font-weight:800!important;color:var(--text-0)!important}
@media (prefers-reduced-motion:reduce){html.ce-g table.ce-tb tr,html.ce-g .ce-lrow,html.ce-g .ce-tbar>i{animation:none!important}}

/* ================= v8: título de card com faixa de fundo + ícone + brilho; linhas de tabela mais marcadas; ranking com posição ================= */
@keyframes ceC-shine{0%,70%{transform:translateX(-120%) skewX(-18deg)}100%{transform:translateX(320%) skewX(-18deg)}}
@keyframes ceC-in{from{opacity:0;transform:translateX(-8px)}to{opacity:1;transform:none}}
@keyframes ceC-pop{from{opacity:0;transform:scale(.6) rotate(-12deg)}to{opacity:1;transform:none}}
html.ce-g .csl-content .ce-ct{display:inline-flex!important;align-items:center;gap:10px;position:relative;overflow:hidden;max-width:100%;padding:6px 18px 6px 6px!important;margin:0 0 8px!important;border-radius:13px;border:1px solid color-mix(in srgb,var(--accent) 30%,var(--border));background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 20%,var(--bg-2)),color-mix(in srgb,var(--accent) 6%,var(--bg-2)) 65%,var(--bg-2));box-shadow:0 10px 24px -20px var(--accent);font-size:15px!important;font-weight:850!important;letter-spacing:-.01em!important;color:var(--text-0)!important;line-height:1.25!important;animation:ceC-in .5s cubic-bezier(.16,1,.3,1) backwards}
html.ce-g .csl-content .ce-ct::after{content:"";position:absolute;top:0;bottom:0;left:0;width:40%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.10),transparent);animation:ceC-shine 6s ease-in-out 1s infinite;pointer-events:none}
html.ce-g .ce-cti{flex:none;width:30px;height:30px;border-radius:9px;display:grid;place-items:center;color:#06210f;background:linear-gradient(135deg,#4ade80,var(--accent));box-shadow:0 6px 14px -6px var(--accent);animation:ceC-pop .55s cubic-bezier(.16,1,.3,1) .1s backwards}
html.ce-g .ce-cti svg{width:16px;height:16px}
html.ce-g .csl-content .ce-ct:hover .ce-cti{transform:rotate(-8deg) scale(1.06);transition:transform .25s cubic-bezier(.16,1,.3,1)}
html.ce-g .csl-content .ce-cs{display:block;position:relative;padding-left:14px!important;margin-top:0!important;font-size:12.5px!important;color:color-mix(in srgb,var(--text-2) 50%,var(--text-0))!important;animation:ceC-in .5s cubic-bezier(.16,1,.3,1) .12s backwards}
html.ce-g .csl-content .ce-cs::before{content:"";position:absolute;left:3px;top:.55em;width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 20%,transparent)}
/* linhas de tabela: listra alternada, nome forte, subtítulo legível, foto com borda */
html.ce-g .csl-content table.ce-tb>tbody>tr:nth-child(even)>td{background:color-mix(in srgb,var(--text-0) 2.5%,var(--bg-2))!important}
html.ce-g .csl-content table.ce-tb>tbody>tr:hover>td{background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 9%,var(--bg-2)),color-mix(in srgb,var(--accent) 5%,var(--bg-2)))!important}
html.ce-g .csl-content table.ce-tb>tbody>tr>td:first-child :is(b,strong):first-of-type{font-size:14.5px;font-weight:850;color:var(--text-0);letter-spacing:-.01em}
html.ce-g .csl-content table.ce-tb>tbody>tr>td:first-child img{border-radius:11px!important;box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 25%,transparent),0 8px 16px -10px rgba(0,0,0,.6);transition:transform .25s cubic-bezier(.16,1,.3,1),box-shadow .25s}
html.ce-g .csl-content table.ce-tb>tbody>tr:hover>td:first-child img{transform:scale(1.08) rotate(-2deg);box-shadow:0 0 0 2px var(--accent),0 10px 20px -10px var(--accent)}
/* ranking: selo com a posição (1º ouro, 2º prata, 3º bronze) */
html.ce-g .ce-rkn{flex:none;display:inline-grid;place-items:center;min-width:28px;height:28px;padding:0 6px;margin-right:10px;border-radius:9px;vertical-align:middle;font:900 13px/1 var(--font,inherit);font-variant-numeric:tabular-nums;color:var(--text-1);background:var(--bg-3,rgba(255,255,255,.06));border:1px solid var(--border);animation:ceC-pop .5s cubic-bezier(.16,1,.3,1) backwards}
html.ce-g .ce-rkn.p1{color:#3b2a00;background:linear-gradient(135deg,#ffe27a,#f5b70a);border-color:#f5b70a;box-shadow:0 6px 16px -6px #f5b70a}
html.ce-g .ce-rkn.p2{color:#1f2937;background:linear-gradient(135deg,#f1f5f9,#a8b3c2);border-color:#a8b3c2;box-shadow:0 6px 16px -8px #a8b3c2}
html.ce-g .ce-rkn.p3{color:#2b1405;background:linear-gradient(135deg,#f3b27a,#c26a2b);border-color:#c26a2b;box-shadow:0 6px 16px -8px #c26a2b}
html.ce-g tr:hover .ce-rkn{transform:scale(1.1);transition:transform .2s}
@media (prefers-reduced-motion:reduce){html.ce-g .ce-ct,html.ce-g .ce-ct::after,html.ce-g .ce-cti,html.ce-g .ce-cs,html.ce-g .ce-rkn{animation:none!important}}
/* v8.1: cada linha da tabela entra animada quando aparece na tela (desliza + acende a faixa verde) */
@keyframes ceTr-in{from{opacity:0;transform:translateX(-16px)}to{opacity:1;transform:none}}
@keyframes ceTr-flash{0%{box-shadow:inset 4px 0 0 var(--accent),inset 60px 0 40px -40px color-mix(in srgb,var(--accent) 35%,transparent)}100%{box-shadow:inset 3px 0 0 transparent}}
html.ce-g .csl-content table.ce-tb>tbody>tr.ce-tr-in{animation:ceTr-in .5s cubic-bezier(.16,1,.3,1) var(--d,0s) backwards}
html.ce-g .csl-content table.ce-tb>tbody>tr.ce-tr-in>td:first-child{animation:ceTr-flash 1.3s ease-out calc(var(--d,0s) + .15s) backwards}
html.ce-g .csl-content table.ce-tb>tbody>tr{transition:transform .2s cubic-bezier(.16,1,.3,1)}
html.ce-g .csl-content table.ce-tb>tbody>tr:hover{transform:translateX(3px)}
@media (prefers-reduced-motion:reduce){html.ce-g table.ce-tb tr.ce-tr-in,html.ce-g table.ce-tb tr.ce-tr-in>td{animation:none!important}html.ce-g table.ce-tb tr:hover{transform:none}}