/*
 * V138 · acabamento do Início e do Dinheiro do admin (aplicativo /admin/app e
 * site /admin). CSS estático, fora do build do tema do site (que não é
 * recompilado), carregado nos quatro painéis por PanelChrome::acabamentoHead().
 * Toda regra é escopada por body.fi-panel-admin ou body.fi-panel-adminapp.
 * Easing único: cubic-bezier(0.16, 1, 0.3, 1).
 */

/* ------------------------------------------------------------------ Início
   Filtro de período do cartão de destaque (chips) e datas do personalizado. */
body.fi-panel-adminapp .ta-periodo {
    display: flex;
    gap: 6px;
    overflow-x: auto;
    padding: 2px 0;
    scroll-snap-type: x proximity;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
}
body.fi-panel-adminapp .ta-periodo::-webkit-scrollbar { display: none; }
body.fi-panel-adminapp .ta-periodo__item {
    flex: 0 0 auto;
    min-height: 40px;
    padding: 0 15px;
    border-radius: 999px;
    border: 1px solid var(--ta-linha-forte, rgba(255, 255, 255, 0.12));
    background: var(--ta-superficie, #141821);
    color: var(--ta-texto-2, #b7bdc9);
    font: 600 0.84rem/1 'Geist', 'Inter', system-ui, sans-serif;
    letter-spacing: -0.005em;
    white-space: nowrap;
    cursor: pointer;
    scroll-snap-align: start;
    -webkit-tap-highlight-color: transparent;
    transition: background-color 240ms cubic-bezier(0.16, 1, 0.3, 1), border-color 240ms cubic-bezier(0.16, 1, 0.3, 1), color 240ms cubic-bezier(0.16, 1, 0.3, 1), transform 200ms cubic-bezier(0.16, 1, 0.3, 1), box-shadow 240ms cubic-bezier(0.16, 1, 0.3, 1);
}
body.fi-panel-adminapp .ta-periodo__item:active { transform: scale(0.97); }
body.fi-panel-adminapp .ta-periodo__item:focus-visible { outline: 2px solid #ac76ff; outline-offset: 2px; }
body.fi-panel-adminapp .ta-periodo__item--ativo {
    background: rgba(138, 72, 245, 0.2);
    border-color: rgba(172, 118, 255, 0.55);
    color: #f1e8ff;
    box-shadow: 0 8px 22px -12px rgba(138, 72, 245, 0.9);
}
body.fi-panel-adminapp .ta-periodo-datas {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 8px;
    margin-top: -4px;
}
body.fi-panel-adminapp .ta-periodo-datas label {
    display: flex;
    flex-direction: column;
    gap: 5px;
    min-width: 0;
    font: 500 0.64rem/1 'Geist Mono', ui-monospace, monospace;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--ta-mudo, #7f889b);
}
body.fi-panel-adminapp .ta-periodo-datas input {
    width: 100%;
    min-width: 0;
    min-height: 44px;
    padding: 0 12px;
    border-radius: 12px;
    border: 1px solid var(--ta-linha-forte, rgba(255, 255, 255, 0.12));
    background: var(--ta-superficie, #141821);
    color: var(--ta-texto, #e9ecf2);
    font: 500 16px/1 'Geist Mono', ui-monospace, monospace;
    letter-spacing: 0;
    text-transform: none;
    color-scheme: dark;
}
body.fi-panel-adminapp .ta-periodo-datas input:focus { outline: none; border-color: #8a48f5; box-shadow: 0 0 0 3px rgba(138, 72, 245, 0.25); }

/* cartão de destaque: valor que cabe numa linha, chip que não quebra e
   esmaecer suave enquanto o período novo carrega */
body.fi-panel-adminapp .ta-hero { transition: opacity 260ms cubic-bezier(0.16, 1, 0.3, 1); }
body.fi-panel-adminapp .ta-hero--carregando { opacity: 0.55; }
body.fi-panel-adminapp .ta-hero__topo .ta-rotulo { min-width: 0; }
body.fi-panel-adminapp .ta-hero__topo .ta-chip { flex: none; white-space: nowrap; }
body.fi-panel-adminapp .ta-hero__valor {
    white-space: nowrap;
    font-size: clamp(1.5rem, 8.4vw, 2.1rem);
}
body.fi-panel-adminapp .ta-hero__rodape .ta-num { white-space: nowrap; }

/* barras: cada uma é um botão; a linha de cima mostra o dia tocado (ou o de
   maior venda) e o valor */
body.fi-panel-adminapp .ta-serie-v138 { margin-top: 14px; }
body.fi-panel-adminapp .ta-serie__leitura {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    gap: 10px;
    min-height: 18px;
    margin: 0 0 8px;
    font: 500 0.76rem/1.3 'Geist', 'Inter', system-ui, sans-serif;
    color: var(--ta-texto-2, #b7bdc9);
}
body.fi-panel-adminapp .ta-serie__leitura-rot { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
body.fi-panel-adminapp .ta-serie__leitura-val {
    flex: none;
    font: 600 0.8rem/1.3 'Geist Mono', ui-monospace, monospace;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
    color: var(--ta-texto, #e9ecf2);
}
body.fi-panel-adminapp .ta-serie.ta-serie--v138 { height: auto; margin-top: 0; align-items: end; }
body.fi-panel-adminapp .ta-serie--v138 .ta-serie__dia {
    position: relative;
    appearance: none;
    -webkit-appearance: none;
    margin: 0;
    padding: 10px 0 0;
    min-height: 96px;
    height: auto;
    border: 0;
    border-radius: 8px;
    background: none;
    color: inherit;
    font: inherit;
    cursor: pointer;
    justify-content: flex-end;
    gap: 6px;
    -webkit-tap-highlight-color: transparent;
    touch-action: manipulation;
}
body.fi-panel-adminapp .ta-serie--v138 .ta-serie__dia:focus-visible { outline: 2px solid #ac76ff; outline-offset: 2px; }
body.fi-panel-adminapp .ta-serie--v138 .ta-serie__barra {
    position: relative;
    max-width: 26px;
    height: calc(var(--h, 0.06) * 58px);
    transition: filter 200ms cubic-bezier(0.16, 1, 0.3, 1), box-shadow 220ms cubic-bezier(0.16, 1, 0.3, 1);
}
body.fi-panel-adminapp .ta-serie--v138 .ta-serie__inicial {
    min-height: 2.5em;
    line-height: 1.25;
    text-align: center;
    white-space: nowrap;
}
body.fi-panel-adminapp .ta-serie--v138 .ta-serie__dia-num { font-weight: 500; opacity: 0.75; }
body.fi-panel-adminapp .ta-serie--compacta .ta-serie__dia { min-height: 84px; }
body.fi-panel-adminapp .ta-serie--compacta .ta-serie__barra { max-width: none; border-radius: 3px 3px 2px 2px; }
body.fi-panel-adminapp .ta-serie--compacta .ta-serie__inicial { min-height: 1.3em; font-size: 9px; letter-spacing: 0; }
/* dia de maior venda: barra mais clara e um ponto dourado em cima */
body.fi-panel-adminapp .ta-serie--v138 .ta-serie__dia--pico .ta-serie__barra {
    background: linear-gradient(180deg, #e6d6ff, #9a63ff);
}
body.fi-panel-adminapp .ta-serie--v138 .ta-serie__dia--pico .ta-serie__barra::before {
    content: '';
    position: absolute;
    left: 50%;
    top: -8px;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #e2c46f;
    box-shadow: 0 0 8px rgba(226, 196, 111, 0.7);
    transform: translateX(-50%);
}
body.fi-panel-adminapp .ta-serie--v138 .ta-serie__dia--sel .ta-serie__barra {
    box-shadow: 0 0 0 2px rgba(241, 232, 255, 0.92), 0 0 18px -2px rgba(138, 72, 245, 0.7);
}
body.fi-panel-adminapp .ta-serie--v138 .ta-serie__dia--sel .ta-serie__inicial { color: #f1e8ff; }
@media (hover: hover) {
    body.fi-panel-adminapp .ta-serie--v138 .ta-serie__dia:hover .ta-serie__barra { filter: brightness(1.18); }
}

/* ---------------------------------------------------------------- Dinheiro */
body.fi-panel-adminapp .v138-linha__fim {
    display: inline-flex;
    align-items: center;
    justify-self: end;
    gap: 8px;
    min-width: 0;
}
body.fi-panel-adminapp .v138-linha--sem-acesso { opacity: 0.72; }

/* ---------------------------------------------------------------- Gráficos
   O canvas só cresce se o container tiver altura (com maintainAspectRatio
   false o Chart.js lê a altura do pai); sem isso ficava com ~150 px. */
body.fi-panel-admin .fi-wi-chart .fi-wi-chart-canvas-ctn-no-aspect-ratio,
body.fi-panel-adminapp .fi-wi-chart .fi-wi-chart-canvas-ctn-no-aspect-ratio {
    position: relative;
    width: 100%;
    height: 300px;
}
body.fi-panel-adminapp .fi-wi-chart .fi-wi-chart-canvas-ctn-no-aspect-ratio { height: 250px; }

/* ---------------------------------------------------------------- Tabelas
   Dinheiro nunca quebra em duas linhas (o "R$" numa linha e o número na outra). */
body.fi-panel-admin .fi-ta-cell.fi-align-right .fi-ta-text-item,
body.fi-panel-admin .fi-ta-cell.fi-align-end .fi-ta-text-item,
body.fi-panel-adminapp .fi-ta-cell.fi-align-right .fi-ta-text-item,
body.fi-panel-adminapp .fi-ta-cell.fi-align-end .fi-ta-text-item {
    white-space: nowrap;
}
@media (max-width: 767px) {
    body.fi-panel-adminapp .fi-ta-table tbody > tr > td.fi-ta-cell.fi-align-right .fi-ta-text-item,
    body.fi-panel-adminapp .fi-ta-table tbody > tr > td.fi-ta-cell.fi-align-end .fi-ta-text-item {
        overflow-wrap: normal;
        word-break: keep-all;
        font-size: min(0.84rem, 3.1vw);
        letter-spacing: -0.01em;
        font-variant-numeric: tabular-nums;
    }
}

/* ------------------------------------------------- Listas no lugar de tabela
   Tesouraria, Visão do CEO e Retenção: abaixo de 768 px a tabela larga some e
   entra a lista (título, nota e valor), sem rolagem lateral. */
body.fi-panel-admin .v138-lista-mobile,
body.fi-panel-adminapp .v138-lista-mobile { display: none; }
@media (max-width: 767px) {
    body.fi-panel-admin .v138-tabela-larga,
    body.fi-panel-adminapp .v138-tabela-larga { display: none !important; }
    body.fi-panel-admin .v138-lista-mobile,
    body.fi-panel-adminapp .v138-lista-mobile {
        display: flex;
        flex-direction: column;
        gap: 1px;
        overflow: hidden;
        border-radius: 14px;
        border: 1px solid rgba(255, 255, 255, 0.07);
        background: rgba(255, 255, 255, 0.07);
    }
    body.fi-panel-admin .v138-lista-mobile__linha,
    body.fi-panel-adminapp .v138-lista-mobile__linha {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        align-items: center;
        gap: 12px;
        min-height: 56px;
        padding: 12px 14px;
        background: #141821;
    }
    body.fi-panel-admin .v138-lista-mobile__titulo,
    body.fi-panel-adminapp .v138-lista-mobile__titulo {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        font: 600 0.92rem/1.3 'Geist', 'Inter', system-ui, sans-serif;
        color: #e9ecf2;
    }
    body.fi-panel-admin .v138-lista-mobile__nota,
    body.fi-panel-adminapp .v138-lista-mobile__nota {
        margin-top: 2px;
        font-size: 0.76rem;
        line-height: 1.35;
        color: #7f889b;
    }
    body.fi-panel-admin .v138-lista-mobile__valor,
    body.fi-panel-adminapp .v138-lista-mobile__valor {
        white-space: nowrap;
        text-align: right;
        font: 600 0.9rem/1.2 'Geist Mono', 'JetBrains Mono', ui-monospace, monospace;
        font-variant-numeric: tabular-nums;
        color: #e9ecf2;
    }
}

/* página do aplicativo sem rolagem lateral: item de grade/flex encolhe até a
   largura da tela e a tabela crua rola dentro do próprio container (Webhook
   de vendas, Tesouraria e as telas herdadas do site) */
@media (max-width: 767px) {
    body.fi-panel-adminapp .fi-page-main,
    body.fi-panel-adminapp .fi-page-content,
    body.fi-panel-adminapp .fi-page-content > *,
    body.fi-panel-adminapp .fi-sc,
    body.fi-panel-adminapp .fi-sc > *,
    body.fi-panel-adminapp .fi-grid-col,
    body.fi-panel-adminapp .fi-section,
    body.fi-panel-adminapp .fi-section-content-ctn,
    body.fi-panel-adminapp .fi-section-content { min-width: 0; }
    body.fi-panel-adminapp .fi-page-main div:has(> table:not(.fi-ta-table)) { max-width: 100%; }
}

/* --------------------------------------------- "Como funciona" recolhível */
body.fi-panel-admin details.v138-como > summary,
body.fi-panel-adminapp details.v138-como > summary {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 40px;
    list-style: none;
    cursor: pointer;
    font-weight: 600;
    color: #c9adff;
    -webkit-tap-highlight-color: transparent;
}
body.fi-panel-admin details.v138-como > summary::-webkit-details-marker,
body.fi-panel-adminapp details.v138-como > summary::-webkit-details-marker { display: none; }
body.fi-panel-admin details.v138-como > summary::after,
body.fi-panel-adminapp details.v138-como > summary::after {
    content: '';
    width: 7px;
    height: 7px;
    border-right: 1.6px solid currentColor;
    border-bottom: 1.6px solid currentColor;
    transform: translateY(-2px) rotate(45deg);
    transition: transform 260ms cubic-bezier(0.16, 1, 0.3, 1);
}
body.fi-panel-admin details.v138-como[open] > summary::after,
body.fi-panel-adminapp details.v138-como[open] > summary::after { transform: translateY(2px) rotate(-135deg); }
body.fi-panel-admin details.v138-como > p,
body.fi-panel-adminapp details.v138-como > p { margin-top: 4px; line-height: 1.55; }

/* ------------------------------------------------- Resumo por período */
body.fi-panel-admin .v138-periodo__item,
body.fi-panel-adminapp .v138-periodo__item {
    display: inline-flex;
    align-items: center;
    min-height: 40px;
    padding: 0 14px !important;
    border-radius: 999px !important;
    white-space: nowrap;
    transition: background-color 220ms cubic-bezier(0.16, 1, 0.3, 1), color 220ms cubic-bezier(0.16, 1, 0.3, 1), transform 200ms cubic-bezier(0.16, 1, 0.3, 1);
}
body.fi-panel-admin .v138-periodo__item:active,
body.fi-panel-adminapp .v138-periodo__item:active { transform: scale(0.97); }
body.fi-panel-adminapp .v138-cf {
    background: var(--ta-superficie, #141821) !important;
    border-color: var(--ta-linha, rgba(255, 255, 255, 0.07)) !important;
    border-radius: var(--ta-raio, 16px) !important;
    padding: 16px !important;
}
body.fi-panel-adminapp .v138-periodo {
    flex-wrap: nowrap !important;
    overflow-x: auto;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
}
body.fi-panel-adminapp .v138-periodo::-webkit-scrollbar { display: none; }
body.fi-panel-adminapp .v138-cf .v138-periodo__item--ativo {
    background: rgba(138, 72, 245, 0.22) !important;
    color: #f1e8ff !important;
    box-shadow: inset 0 0 0 1px rgba(172, 118, 255, 0.55) !important;
}
body.fi-panel-adminapp .v138-cf select,
body.fi-panel-adminapp .v138-cf input[type='date'] {
    min-height: 44px;
    font-size: 16px !important;
    color-scheme: dark;
}
body.fi-panel-adminapp .v138-cf__seller label,
body.fi-panel-adminapp .v138-cf__datas label {
    display: flex;
    flex-direction: column;
    gap: 6px;
    flex: 1 1 140px;
}
body.fi-panel-adminapp .v138-cf__seller select,
body.fi-panel-adminapp .v138-cf__datas input { margin-left: 0 !important; width: 100%; }
body.fi-panel-adminapp .v138-cf__numeros { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important; gap: 10px !important; }
body.fi-panel-adminapp .v138-cf__card { padding: 14px !important; min-width: 0; }
body.fi-panel-adminapp .v138-cf__card .text-3xl { font-size: clamp(1.15rem, 5.6vw, 1.7rem) !important; }
/* V138 · em tela de celular um valor de seis dígitos não cabia na meia coluna
   e passava da borda: os dois números empilham e o valor vai no mono tabular */
@media (max-width: 479px) {
    body.fi-panel-adminapp .v138-cf__numeros { grid-template-columns: minmax(0, 1fr) !important; }
}
body.fi-panel-admin .v138-cf__card .text-3xl,
body.fi-panel-adminapp .v138-cf__card .text-3xl {
    font-family: 'Geist Mono', ui-monospace, monospace;
    font-weight: 600 !important;
    letter-spacing: -0.03em !important;
}
/* V138 · chips do resumo iguais aos do Painel de controle nos dois painéis
   (no site o ativo era um bloco roxo sólido e os outros, cinza do Filament) */
body.fi-panel-admin .v138-cf .v138-periodo__item,
body.fi-panel-adminapp .v138-cf .v138-periodo__item {
    background: rgba(255, 255, 255, 0.04) !important;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.12) !important;
    color: #b7bdc9 !important;
    font-weight: 600 !important;
}
body.fi-panel-admin .v138-cf .v138-periodo__item:hover,
body.fi-panel-adminapp .v138-cf .v138-periodo__item:hover { color: #e9ecf2 !important; }
body.fi-panel-admin .v138-cf .v138-periodo__item--ativo,
body.fi-panel-adminapp .v138-cf .v138-periodo__item--ativo {
    background: rgba(138, 72, 245, 0.2) !important;
    box-shadow: inset 0 0 0 1px rgba(172, 118, 255, 0.55), 0 8px 22px -12px rgba(138, 72, 245, 0.9) !important;
    color: #f1e8ff !important;
}
/* V138 · select e datas do resumo sem o controle nativo do sistema (seta do
   Windows e fundo claro no desktop): grafite, borda fina e seta em SVG */
body.fi-panel-admin .v138-cf select,
body.fi-panel-adminapp .v138-cf select,
body.fi-panel-admin .v138-cf input[type='date'],
body.fi-panel-adminapp .v138-cf input[type='date'] {
    min-height: 40px;
    padding: 0 12px !important;
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
    border-radius: 12px !important;
    background-color: #14111d !important;
    color: #e9ecf2 !important;
    font: 500 0.875rem/1 'Geist', 'Inter', system-ui, sans-serif;
    color-scheme: dark;
    transition: border-color 200ms cubic-bezier(0.16, 1, 0.3, 1), box-shadow 200ms cubic-bezier(0.16, 1, 0.3, 1);
}
body.fi-panel-admin .v138-cf select,
body.fi-panel-adminapp .v138-cf select {
    -webkit-appearance: none;
    appearance: none;
    min-width: 220px;
    padding-right: 40px !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23b7bdc9' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: right 12px center !important;
    cursor: pointer;
}
body.fi-panel-admin .v138-cf select:hover,
body.fi-panel-adminapp .v138-cf select:hover { border-color: rgba(172, 118, 255, 0.45) !important; }
body.fi-panel-admin .v138-cf select:focus,
body.fi-panel-adminapp .v138-cf select:focus,
body.fi-panel-admin .v138-cf input[type='date']:focus,
body.fi-panel-adminapp .v138-cf input[type='date']:focus {
    outline: none;
    border-color: #8a48f5 !important;
    box-shadow: 0 0 0 3px rgba(138, 72, 245, 0.25) !important;
}
body.fi-panel-admin .v138-cf select option,
body.fi-panel-adminapp .v138-cf select option { background: #14111d; color: #e9ecf2; }
body.fi-panel-admin .v138-cf__seller label,
body.fi-panel-admin .v138-cf__datas label {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}
body.fi-panel-admin .v138-cf__seller select,
body.fi-panel-admin .v138-cf__datas input { margin-left: 0 !important; }
body.fi-panel-adminapp .v138-cf select,
body.fi-panel-adminapp .v138-cf input[type='date'] { min-height: 44px; }

/* filtro de seller de "Podem ser adiantadas": abaixo de 16 px o iPhone dava
   zoom na página inteira ao tocar */
body.fi-panel-adminapp #seller-filter-select { font-size: 16px !important; min-height: 44px; }

/* selo do método na tabela de vendas: o azul inline ficava com contraste
   baixo sobre o grafite e fora da paleta (o !important vence o estilo inline) */
body.fi-panel-admin .thr-pm.thr-pm--card,
body.fi-panel-adminapp .thr-pm.thr-pm--card {
    background: rgba(138, 72, 245, 0.12) !important;
    color: #c9adff !important;
    box-shadow: inset 0 0 0 1px rgba(138, 72, 245, 0.32) !important;
}

/* ------------------------------------------------ Itálico da KnightWish
   V145 · o nome na saudação do Painel usa o itálico da fonte de título. O
   tema do site já declara o arquivo; o do aplicativo só tem o regular e o
   navegador inclinava a fonte à força.
   V147 · font-display: block, como em v138-conta.css (esta folha vem depois
   dela e, com swap, voltaria a trocar o nome na frente da pessoa). O arquivo
   é pré-carregado e aquecido pelo PanelChrome::acabamentoHead. */
@font-face {
    font-family: 'KnightWish';
    src: url('/fonts/knightwish/KnightWish-Italic.otf') format('opentype'),
         url('/fonts/knightwish/KnightWish-Italic.ttf') format('truetype');
    font-weight: 400;
    font-style: italic;
    font-display: block;
}

/* ------------------------------------------------ Saudação do Painel completo
   O tema do aplicativo não tem a classe .font-knightwish: a marca fica só na
   saudação e o número vai no mono dos valores. */
body.fi-panel-adminapp .throne-hero-welcome h2.font-knightwish {
    font-family: 'KnightWish', 'Cinzel', Georgia, serif;
    letter-spacing: 0.02em;
}
body.fi-panel-adminapp .throne-hero-welcome .throne-hero-welcome__valor {
    font-family: 'Geist Mono', ui-monospace, monospace;
    font-weight: 600;
    font-size: clamp(2rem, 10.5vw, 3.2rem);
    letter-spacing: -0.03em;
}

/* ------------------------------------- Filtro de período (Painel de controle)
   V138 · os botões do ToggleButtons saíam todos roxos (o tema do site pinta
   todo .fi-btn.fi-color-primary com degradê, marcado ou não) e quebravam em
   três linhas. Viram chips: cinza, o marcado em roxo; no celular rolam de lado. */
body.fi-panel-admin .v138-periodo-filtro,
body.fi-panel-adminapp .v138-periodo-filtro {
    display: flex !important;
    flex-wrap: wrap;
    gap: 8px !important;
}
/* V138 · o tema limita a 280 px todo campo do formulário de filtros do painel
   ([wire:partial=table-filters-form] .fi-fo-field-content-col): no desktop os
   seis chips quebravam em três linhas mesmo com a linha inteira livre */
body.fi-panel-admin .fi-fo-field-content-col:has(> .v138-periodo-filtro),
body.fi-panel-adminapp .fi-fo-field-content-col:has(> .v138-periodo-filtro) {
    max-width: none !important;
    width: 100%;
}
body.fi-panel-admin .v138-periodo-filtro .fi-fo-toggle-buttons-btn-ctn,
body.fi-panel-adminapp .v138-periodo-filtro .fi-fo-toggle-buttons-btn-ctn { flex: none; }
body.fi-panel-admin .v138-periodo-filtro label.fi-btn,
body.fi-panel-adminapp .v138-periodo-filtro label.fi-btn,
body.fi-panel-admin .v138-periodo-filtro label.fi-btn.fi-color-primary,
body.fi-panel-adminapp .v138-periodo-filtro label.fi-btn.fi-color-primary {
    min-height: 40px;
    padding: 0 16px !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: rgba(255, 255, 255, 0.04) !important;
    background-image: none !important;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.12) !important;
    color: #b7bdc9 !important;
    font: 600 0.84rem/1 'Geist', 'Inter', system-ui, sans-serif !important;
    letter-spacing: -0.005em !important;
    text-transform: none !important;
    text-shadow: none !important;
    white-space: nowrap;
    -webkit-tap-highlight-color: transparent;
    transition: background-color 240ms cubic-bezier(0.16, 1, 0.3, 1), box-shadow 240ms cubic-bezier(0.16, 1, 0.3, 1), color 240ms cubic-bezier(0.16, 1, 0.3, 1), transform 200ms cubic-bezier(0.16, 1, 0.3, 1);
}
body.fi-panel-admin .v138-periodo-filtro label.fi-btn:hover,
body.fi-panel-adminapp .v138-periodo-filtro label.fi-btn:hover { color: #e9ecf2 !important; }
body.fi-panel-admin .v138-periodo-filtro label.fi-btn:active,
body.fi-panel-adminapp .v138-periodo-filtro label.fi-btn:active { transform: scale(0.97); }
body.fi-panel-admin .v138-periodo-filtro .fi-fo-toggle-buttons-input:checked + label.fi-btn,
body.fi-panel-adminapp .v138-periodo-filtro .fi-fo-toggle-buttons-input:checked + label.fi-btn {
    background: rgba(138, 72, 245, 0.2) !important;
    box-shadow: inset 0 0 0 1px rgba(172, 118, 255, 0.55), 0 8px 22px -12px rgba(138, 72, 245, 0.9) !important;
    color: #f1e8ff !important;
}
body.fi-panel-admin .v138-periodo-filtro .fi-fo-toggle-buttons-input:focus-visible + label.fi-btn,
body.fi-panel-adminapp .v138-periodo-filtro .fi-fo-toggle-buttons-input:focus-visible + label.fi-btn {
    outline: 2px solid #ac76ff;
    outline-offset: 2px;
}
@media (max-width: 767px) {
    body.fi-panel-admin .v138-periodo-filtro,
    body.fi-panel-adminapp .v138-periodo-filtro {
        flex-wrap: nowrap;
        overflow-x: auto;
        padding: 2px 32px 2px 0;
        scroll-snap-type: x proximity;
        scrollbar-width: none;
        -webkit-overflow-scrolling: touch;
        /* V138 · o último chip esmaece na borda: diz que há mais para o lado */
        -webkit-mask-image: linear-gradient(90deg, #000 91%, transparent);
        mask-image: linear-gradient(90deg, #000 91%, transparent);
    }
    body.fi-panel-admin .v138-periodo-filtro::-webkit-scrollbar,
    body.fi-panel-adminapp .v138-periodo-filtro::-webkit-scrollbar { display: none; }
    body.fi-panel-admin .v138-periodo-filtro .fi-fo-toggle-buttons-btn-ctn,
    body.fi-panel-adminapp .v138-periodo-filtro .fi-fo-toggle-buttons-btn-ctn { scroll-snap-align: start; }
}

/* ------------------------------------ Período dos rankings (botões do topo)
   V138 · "Hoje, Esta semana, Este mês..." das tabelas de ranking eram botões
   grandes em três linhas: viram os mesmos chips. */
body.fi-panel-admin .fi-ta-actions:has(> .v138-periodo-acao),
body.fi-panel-adminapp .fi-ta-actions:has(> .v138-periodo-acao) { gap: 6px !important; }
body.fi-panel-admin .fi-btn.v138-periodo-acao,
body.fi-panel-adminapp .fi-btn.v138-periodo-acao {
    min-height: 36px;
    padding: 0 14px !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: rgba(255, 255, 255, 0.04) !important;
    background-image: none !important;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.12) !important;
    color: #b7bdc9 !important;
    font: 600 0.8rem/1 'Geist', 'Inter', system-ui, sans-serif !important;
    letter-spacing: -0.005em !important;
    white-space: nowrap;
    transition: background-color 240ms cubic-bezier(0.16, 1, 0.3, 1), box-shadow 240ms cubic-bezier(0.16, 1, 0.3, 1), color 240ms cubic-bezier(0.16, 1, 0.3, 1);
}
body.fi-panel-admin .fi-btn.v138-periodo-acao.fi-color-primary,
body.fi-panel-adminapp .fi-btn.v138-periodo-acao.fi-color-primary {
    background: rgba(138, 72, 245, 0.2) !important;
    box-shadow: inset 0 0 0 1px rgba(172, 118, 255, 0.55) !important;
    color: #f1e8ff !important;
}
body.fi-panel-admin .fi-btn.v138-periodo-acao .fi-icon:not(.fi-loading-indicator),
body.fi-panel-adminapp .fi-btn.v138-periodo-acao .fi-icon:not(.fi-loading-indicator) { display: none; }
@media (max-width: 767px) {
    body.fi-panel-admin .fi-ta-actions:has(> .v138-periodo-acao),
    body.fi-panel-adminapp .fi-ta-actions:has(> .v138-periodo-acao) {
        flex-wrap: nowrap !important;
        justify-content: flex-start !important;
        width: 100%;
        overflow-x: auto;
        padding: 2px 0;
        scrollbar-width: none;
        -webkit-overflow-scrolling: touch;
    }
    body.fi-panel-admin .fi-ta-actions:has(> .v138-periodo-acao)::-webkit-scrollbar,
    body.fi-panel-adminapp .fi-ta-actions:has(> .v138-periodo-acao)::-webkit-scrollbar { display: none; }
}

/* ------------------------------------------------------- Dinheiro (linhas)
   V138 · o valor abre a linha de baixo: ao lado do título ele quebrava o
   título em duas linhas. */
body.fi-panel-adminapp .v138-linha__valor {
    font-family: 'Geist Mono', ui-monospace, monospace;
    font-variant-numeric: tabular-nums;
    font-weight: 600;
    letter-spacing: -0.01em;
    color: var(--ta-texto, #e9ecf2);
    white-space: nowrap;
}

/* ------------------------------------------------- Saldo BaaS e Saldo cartão
   V138 · valores grandes no Geist Mono tabular, como o resto do dinheiro. */
body.fi-panel-admin .v138-saldo .text-3xl.font-bold,
body.fi-panel-adminapp .v138-saldo .text-3xl.font-bold {
    font-family: 'Geist Mono', ui-monospace, monospace;
    font-variant-numeric: tabular-nums;
    font-weight: 600 !important;
    letter-spacing: -0.03em;
}
@media (max-width: 767px) {
    body.fi-panel-adminapp .v138-saldo .text-3xl.font-bold { font-size: clamp(1.45rem, 7.4vw, 1.875rem) !important; }
}

/* ------------------------------------------------ Texto de alerta nas tabelas
   V138 · o tom "warning" do Filament saía laranja (#d97706) no texto das
   células: fica no ouro discreto da paleta. */
body.fi-panel-admin .fi-ta-text-item.fi-color-warning,
body.fi-panel-adminapp .fi-ta-text-item.fi-color-warning { color: #e2c46f !important; }

/* ------------------------------------------- Valor com bandeira nas tabelas
   V138 · a célula do Filament é -webkit-box com overflow escondido e cortava o
   último caractere do valor ao lado da bandeira. */
body.fi-panel-admin .fi-ta-text-item:has(.throne-bandeira),
body.fi-panel-adminapp .fi-ta-text-item:has(.throne-bandeira) {
    display: block;
    overflow: visible;
    white-space: nowrap;
}

/* ------------------------------------------------- Retenção: grade do celular
   V138 · abaixo de 768 px a tabela larga some e entra esta grade, que cabe na
   tela (mês, tamanho e as quatro janelas em % inteiro, no roxo da tabela). */
body.fi-panel-admin .v138-coorte-m,
body.fi-panel-adminapp .v138-coorte-m { display: none; }
@media (max-width: 767px) {
    body.fi-panel-admin .v138-coorte-m,
    body.fi-panel-adminapp .v138-coorte-m {
        display: flex;
        flex-direction: column;
        gap: 6px;
    }
    body.fi-panel-admin .v138-coorte-m__linha,
    body.fi-panel-adminapp .v138-coorte-m__linha {
        display: grid;
        grid-template-columns: minmax(0, 1fr) 52px repeat(4, 44px);
        align-items: center;
        gap: 4px;
        min-height: 36px;
    }
    body.fi-panel-admin .v138-coorte-m__linha--topo,
    body.fi-panel-adminapp .v138-coorte-m__linha--topo {
        min-height: 24px;
        font: 500 0.62rem/1 'Geist Mono', ui-monospace, monospace;
        letter-spacing: 0.1em;
        text-transform: uppercase;
        color: #7f889b;
    }
    body.fi-panel-admin .v138-coorte-m__mes,
    body.fi-panel-adminapp .v138-coorte-m__mes {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        font: 500 0.78rem/1 'Geist Mono', ui-monospace, monospace;
        color: #b7bdc9;
    }
    body.fi-panel-admin .v138-coorte-m__n,
    body.fi-panel-adminapp .v138-coorte-m__n {
        text-align: right;
        font: 600 0.82rem/1 'Geist Mono', ui-monospace, monospace;
        font-variant-numeric: tabular-nums;
        color: #e9ecf2;
    }
    body.fi-panel-admin .v138-coorte-m__linha--topo .v138-coorte-m__n,
    body.fi-panel-adminapp .v138-coorte-m__linha--topo .v138-coorte-m__n { font: inherit; color: inherit; }
    body.fi-panel-admin .v138-coorte-m__pct,
    body.fi-panel-adminapp .v138-coorte-m__pct {
        display: grid;
        place-items: center;
        min-height: 30px;
        border-radius: 8px;
        font: 600 0.74rem/1 'Geist Mono', ui-monospace, monospace;
        font-variant-numeric: tabular-nums;
        white-space: nowrap;
    }
    body.fi-panel-admin .v138-coorte-m__linha--topo .v138-coorte-m__pct,
    body.fi-panel-adminapp .v138-coorte-m__linha--topo .v138-coorte-m__pct { min-height: 0; font: inherit; }
}

/* --------------------------------------------------------- Radar de sellers
   V138 · cartão em grafite com a cor só no ícone e no selo; no celular o
   detalhe ("Aprovado há 3 meses") desce para baixo do nome. */
body.fi-panel-admin .v138-radar,
body.fi-panel-adminapp .v138-radar {
    --v138-tom: #c9adff;
    --v138-tom-fundo: rgba(138, 72, 245, 0.14);
    margin-bottom: 16px;
    padding: 20px;
    border-radius: 16px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    background: rgba(20, 24, 33, 0.72);
}
body.fi-panel-admin .v138-radar--ouro,
body.fi-panel-adminapp .v138-radar--ouro { --v138-tom: #e2c46f; --v138-tom-fundo: rgba(226, 196, 111, 0.12); }
body.fi-panel-admin .v138-radar--rosa,
body.fi-panel-adminapp .v138-radar--rosa { --v138-tom: #fb7185; --v138-tom-fundo: rgba(244, 63, 94, 0.12); }
body.fi-panel-admin .v138-radar__topo,
body.fi-panel-adminapp .v138-radar__topo {
    display: grid;
    grid-template-columns: 40px minmax(0, 1fr);
    gap: 12px;
    align-items: start;
    margin-bottom: 16px;
}
body.fi-panel-admin .v138-radar__icone,
body.fi-panel-adminapp .v138-radar__icone {
    display: grid;
    place-items: center;
    width: 40px;
    height: 40px;
    border-radius: 12px;
    background: var(--v138-tom-fundo);
    color: var(--v138-tom);
}
body.fi-panel-admin .v138-radar__titulo,
body.fi-panel-adminapp .v138-radar__titulo {
    margin: 0 0 4px;
    font: 600 1.02rem/1.3 'Geist', 'Inter', system-ui, sans-serif;
    color: #f2f4f8;
}
body.fi-panel-admin .v138-radar__desc,
body.fi-panel-adminapp .v138-radar__desc {
    margin: 0;
    font-size: 0.85rem;
    line-height: 1.45;
    color: #9aa3b5;
}
body.fi-panel-admin .v138-radar__selo,
body.fi-panel-adminapp .v138-radar__selo {
    display: inline-flex;
    align-items: center;
    margin-top: 10px;
    padding: 4px 10px;
    border-radius: 999px;
    background: var(--v138-tom-fundo);
    color: var(--v138-tom);
    font: 600 0.7rem/1 'Geist Mono', ui-monospace, monospace;
    letter-spacing: 0.04em;
}
body.fi-panel-admin .v138-radar__lista,
body.fi-panel-adminapp .v138-radar__lista {
    display: flex;
    flex-direction: column;
    gap: 1px;
    overflow: hidden;
    border-radius: 12px;
    border: 1px solid rgba(255, 255, 255, 0.06);
    background: rgba(255, 255, 255, 0.06);
}
body.fi-panel-admin .v138-radar__item,
body.fi-panel-adminapp .v138-radar__item {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto 16px;
    align-items: center;
    gap: 12px;
    min-height: 48px;
    padding: 10px 14px;
    background: #11141b;
    color: inherit;
    text-decoration: none;
    transition: background-color 220ms cubic-bezier(0.16, 1, 0.3, 1);
}
body.fi-panel-admin .v138-radar__item:hover,
body.fi-panel-adminapp .v138-radar__item:hover { background: #171b24; }
body.fi-panel-admin .v138-radar__nome,
body.fi-panel-adminapp .v138-radar__nome {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font: 600 0.9rem/1.3 'Geist', 'Inter', system-ui, sans-serif;
    color: #e9ecf2;
}
body.fi-panel-admin .v138-radar__det,
body.fi-panel-adminapp .v138-radar__det {
    white-space: nowrap;
    font: 500 0.76rem/1.3 'Geist Mono', ui-monospace, monospace;
    font-variant-numeric: tabular-nums;
    color: #9aa3b5;
}
body.fi-panel-admin .v138-radar__seta,
body.fi-panel-adminapp .v138-radar__seta { display: inline-flex; color: #5f6676; }
@media (max-width: 639px) {
    body.fi-panel-admin .v138-radar,
    body.fi-panel-adminapp .v138-radar { padding: 16px; }
    body.fi-panel-admin .v138-radar__item,
    body.fi-panel-adminapp .v138-radar__item {
        grid-template-columns: minmax(0, 1fr) 16px;
        grid-template-rows: auto auto;
        row-gap: 2px;
    }
    body.fi-panel-admin .v138-radar__nome,
    body.fi-panel-adminapp .v138-radar__nome { grid-column: 1; grid-row: 1; }
    body.fi-panel-admin .v138-radar__det,
    body.fi-panel-adminapp .v138-radar__det { grid-column: 1; grid-row: 2; white-space: normal; }
    body.fi-panel-admin .v138-radar__seta,
    body.fi-panel-adminapp .v138-radar__seta { grid-column: 2; grid-row: 1 / span 2; }
}

/* ------------------------------------------------------------------ Pushcut
   V138 · no celular "Salvar" vem primeiro em largura cheia e os dois testes
   dividem a linha de baixo (antes três botões de larguras diferentes). */
@media (max-width: 639px) {
    body.fi-panel-admin .v138-pushcut-acoes,
    body.fi-panel-adminapp .v138-pushcut-acoes {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
        gap: 8px !important;
    }
    body.fi-panel-admin .v138-pushcut-acoes > .fi-btn,
    body.fi-panel-adminapp .v138-pushcut-acoes > .fi-btn { width: 100%; min-height: 44px; }
    body.fi-panel-admin .v138-pushcut-acoes > .v138-pushcut-salvar,
    body.fi-panel-adminapp .v138-pushcut-acoes > .v138-pushcut-salvar { grid-column: 1 / -1; order: -1; }
}

/* ------------------------------------------ Cartão compacto das tabelas
   V138 · coluna com ->visibleFrom('md') sai do cartão do celular (ID, seller,
   valor, status e data ficam). O tema do aplicativo força display:flex
   !important em toda célula, e a classe do Filament (md:fi-visible) só tem
   display:none sem !important. No desktop nada muda. */
@media (max-width: 767px) {
    body.fi-panel-admin .fi-ta-table tbody > tr > td.fi-ta-cell.md\:fi-visible,
    body.fi-panel-adminapp .fi-ta-table tbody > tr > td.fi-ta-cell.md\:fi-visible,
    body.fi-panel-admin .fi-ta-table thead th.md\:fi-visible,
    body.fi-panel-adminapp .fi-ta-table thead th.md\:fi-visible { display: none !important; }
}

/* ------------------------------------------- Tabelas de dinheiro (desktop)
   V138 · nome do seller com teto menor nas tabelas de dinheiro (classe
   v138-tabela): com 15rem a coluna ia a 308 px e empurrava o status e as
   ações para fora da tela em 1440 px. O nome inteiro segue na dica. */
@media (min-width: 768px) {
    body.fi-panel-admin .v138-tabela .v138-seller-mini,
    body.fi-panel-adminapp .v138-tabela .v138-seller-mini { max-width: 11rem !important; }
}
/* V138 · selos de um tamanho só nas tabelas de dinheiro do site: o bundle
   dava pílula grande com brilho a success, warning e primary e etiqueta
   pequena a gray e danger (um selo enorme ao lado de outro mínimo).
   Mesma altura, sem brilho, cor só no tom. */
body.fi-panel-admin .v138-tabela .fi-ta-cell .fi-badge {
    min-height: 24px !important;
    padding: 0 10px !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: rgba(255, 255, 255, 0.06) !important;
    background-image: none !important;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.12) !important;
    color: #c3c9d4 !important;
    font: 600 0.72rem/1 'Geist Mono', ui-monospace, monospace !important;
    letter-spacing: 0.04em !important;
    text-shadow: none !important;
    text-transform: none !important;
    white-space: nowrap;
}
body.fi-panel-admin .v138-tabela .fi-ta-cell .fi-badge * { color: inherit !important; text-shadow: none !important; }
body.fi-panel-admin .v138-tabela .fi-ta-cell .fi-badge.fi-color-warning {
    background: rgba(226, 196, 111, 0.12) !important;
    box-shadow: inset 0 0 0 1px rgba(226, 196, 111, 0.36) !important;
    color: #e9cf86 !important;
}
body.fi-panel-admin .v138-tabela .fi-ta-cell .fi-badge.fi-color-success {
    background: rgba(52, 211, 153, 0.1) !important;
    box-shadow: inset 0 0 0 1px rgba(52, 211, 153, 0.32) !important;
    color: #8fe3b0 !important;
}
body.fi-panel-admin .v138-tabela .fi-ta-cell .fi-badge.fi-color-danger {
    background: rgba(244, 63, 94, 0.1) !important;
    box-shadow: inset 0 0 0 1px rgba(244, 63, 94, 0.32) !important;
    color: #f5a3b0 !important;
}
body.fi-panel-admin .v138-tabela .fi-ta-cell .fi-badge:is(.fi-color-primary, .fi-color-info) {
    background: rgba(138, 72, 245, 0.16) !important;
    box-shadow: inset 0 0 0 1px rgba(172, 118, 255, 0.4) !important;
    color: #d6c1ff !important;
}

/* ----------------------------------------------- Saudação do Painel (site)
   V138 · a fonte de título fica só na saudação; o valor vai no mono dos
   números, num tamanho que cabe na coluna da direita */
body.fi-panel-admin .throne-hero-welcome .throne-hero-welcome__valor {
    font-family: 'Geist Mono', ui-monospace, monospace;
    font-weight: 600;
    font-size: clamp(2.25rem, 3.6vw, 3.5rem);
    letter-spacing: -0.04em;
}

/* ------------------------------------------- Cartões de número (widgets)
   V138 · só nos widgets do admin (app/Filament/Admin/Widgets): o valor no
   Geist Mono tabular, como o resto do dinheiro. O bundle do site impunha
   Geist em negrito 2.4rem com !important. No celular o tema já usa o mono. */
@media (min-width: 641px) {
    /* o tamanho segue a largura do cartão: em 1024 px um valor de seis dígitos
       saía cortado com reticências (o tema corta o valor que não cabe) */
    body.fi-panel-admin [wire\:name^="App\\Filament\\Admin\\Widgets\\"] .fi-wi-stats-overview-stat { container-type: inline-size; }
    body.fi-panel-admin [wire\:name^="App\\Filament\\Admin\\Widgets\\"] .fi-wi-stats-overview-stat-value {
        font-family: 'Geist Mono', 'JetBrains Mono', ui-monospace, monospace !important;
        font-weight: 600 !important;
        font-size: clamp(1.05rem, 11.5cqi, 2rem) !important;
        letter-spacing: -0.035em !important;
    }
}

/* ------------------------------------------- Gráficos e rankings (site)
   V138 · o gráfico era cartão dentro de cartão (o widget tinha borda e 24 px
   de respiro e a seção de dentro, outra borda). Fica só a seção. E o título
   das tabelas dos widgets usava outra letra (mono de 16 px, branco) e outro
   recuo: agora é igual ao título das seções ao lado. */
body.fi-panel-admin .fi-wi-widget.fi-wi-chart[wire\:name^="App\\Filament\\Admin\\Widgets\\"] {
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}
body.fi-panel-admin [wire\:name^="App\\Filament\\Admin\\Widgets\\"] .fi-ta-header-heading {
    font-family: 'Geist', 'Inter', system-ui, sans-serif !important;
    font-size: 0.78rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.16em !important;
    line-height: 1.5 !important;
    text-transform: uppercase;
    color: rgba(214, 193, 255, 0.95) !important;
}
body.fi-panel-admin [wire\:name^="App\\Filament\\Admin\\Widgets\\"] .fi-ta-header { padding-inline: 24px !important; }

/* ----------------------------------------- Valor que encolhe com o cartão
   V138 · cartões de saldo: em 1440 px um valor de seis dígitos passava da
   borda do cartão de 1/4. O tamanho segue a largura do próprio cartão. */
body.fi-panel-admin .v138-saldo .grid > div,
body.fi-panel-adminapp .v138-saldo .grid > div,
body.fi-panel-admin .v138-ceo .grid > div,
body.fi-panel-adminapp .v138-ceo .grid > div { container-type: inline-size; }
body.fi-panel-admin .v138-saldo .text-3xl.font-bold,
body.fi-panel-adminapp .v138-saldo .text-3xl.font-bold { font-size: clamp(1.25rem, 11.5cqi, 1.875rem) !important; }
body.fi-panel-admin .v138-ceo .grid > div > .text-3xl,
body.fi-panel-adminapp .v138-ceo .grid > div > .text-3xl { font-size: clamp(1.25rem, 10.5cqi, 1.875rem) !important; }

/* ------------------------------------------------------- Início (app)
   V138 · a comparação agora é por extenso ("em relação aos 30 dias
   anteriores"): o chip desce para baixo do rótulo quando não cabe ao lado.
   Os chips do período esmaecem na borda para mostrar que rolam. */
body.fi-panel-adminapp .ta-hero__topo { flex-wrap: wrap; row-gap: 8px; }
body.fi-panel-adminapp .ta-periodo {
    padding-right: 32px;
    -webkit-mask-image: linear-gradient(90deg, #000 91%, transparent);
    mask-image: linear-gradient(90deg, #000 91%, transparent);
}

@media (prefers-reduced-motion: reduce) {
    body.fi-panel-adminapp .ta-periodo__item,
    body.fi-panel-adminapp .ta-hero,
    body.fi-panel-adminapp .ta-serie--v138 .ta-serie__barra,
    body.fi-panel-admin .v138-periodo__item,
    body.fi-panel-adminapp .v138-periodo__item,
    body.fi-panel-admin details.v138-como > summary::after,
    body.fi-panel-adminapp details.v138-como > summary::after,
    body.fi-panel-admin .v138-periodo-filtro label.fi-btn,
    body.fi-panel-adminapp .v138-periodo-filtro label.fi-btn,
    body.fi-panel-admin .fi-btn.v138-periodo-acao,
    body.fi-panel-adminapp .fi-btn.v138-periodo-acao,
    body.fi-panel-admin .v138-radar__item,
    body.fi-panel-adminapp .v138-radar__item { transition: none !important; }
}