/*
 * V138 · vendas e dinheiro do seller (site /painel e aplicativo /app).
 *
 * CSS estático, fora do build do Vite: o tema do site não é recompilado, então
 * classe utilitária nova não existe lá. Carregado nos quatro painéis por
 * PanelChrome::acabamentoHead(); toda regra é escopada no body do painel
 * (fi-panel-seller ou fi-panel-sellerapp), nada vale no admin.
 *
 * Os ganchos (throne-vendas-lista, throne-ultimas-vendas, throne-extrato-tabela,
 * throne-antecip-*, throne-saques-tabela, throne-chaves-tabela,
 * throne-contestacoes-tabela, throne-taxas-mini, throne-cta, throne-bandeira-vaga,
 * throne-mov-entrada, throne-mov-saida, throne-num) vêm das classes PHP e Blade
 * desta frente.
 */

/* ---------------------------------------------------------------- 1. dinheiro nunca quebra em duas linhas
   V138 · a célula leva o nome da coluna: net_amount_cents vira
   fi-ta-cell-net-amount-cents e native_amount_cents vira
   fi-ta-cell-native-amount-cents. Sem os dois seletores abaixo, Líquido e
   Valor (moeda de origem) continuavam quebrando. */
body.fi-panel-seller td.fi-ta-cell[class*='-cell-amount-cents'] .fi-ta-text-item,
body.fi-panel-seller td.fi-ta-cell[class*='-cell-fee-cents'] .fi-ta-text-item,
body.fi-panel-seller td.fi-ta-cell[class*='-cell-net-cents'] .fi-ta-text-item,
body.fi-panel-seller td.fi-ta-cell[class*='-cell-net-amount-cents'] .fi-ta-text-item,
body.fi-panel-seller td.fi-ta-cell[class*='-cell-native-amount-cents'] .fi-ta-text-item,
body.fi-panel-seller td.fi-ta-cell[class*='-cell-balance-after-cents'] .fi-ta-text-item,
body.fi-panel-sellerapp td.fi-ta-cell[class*='-cell-amount-cents'] .fi-ta-text-item,
body.fi-panel-sellerapp td.fi-ta-cell[class*='-cell-fee-cents'] .fi-ta-text-item,
body.fi-panel-sellerapp td.fi-ta-cell[class*='-cell-net-cents'] .fi-ta-text-item,
body.fi-panel-sellerapp td.fi-ta-cell[class*='-cell-net-amount-cents'] .fi-ta-text-item,
body.fi-panel-sellerapp td.fi-ta-cell[class*='-cell-native-amount-cents'] .fi-ta-text-item,
body.fi-panel-sellerapp td.fi-ta-cell[class*='-cell-balance-after-cents'] .fi-ta-text-item {
    white-space: nowrap !important;
    overflow-wrap: normal !important;
    font-variant-numeric: tabular-nums;
}
body.fi-panel-sellerapp td.fi-ta-cell[class*='-cell-amount-cents'],
body.fi-panel-sellerapp td.fi-ta-cell[class*='-cell-fee-cents'],
body.fi-panel-sellerapp td.fi-ta-cell[class*='-cell-net-cents'],
body.fi-panel-sellerapp td.fi-ta-cell[class*='-cell-net-amount-cents'],
body.fi-panel-sellerapp td.fi-ta-cell[class*='-cell-native-amount-cents'],
body.fi-panel-sellerapp td.fi-ta-cell[class*='-cell-balance-after-cents'] {
    overflow-wrap: normal !important;
}

/* ---------------------------------------------------------------- 2. selo de método no fundo escuro
   A view do selo (payment-method) pinta a cor inline, saturada para o tema
   claro. No escuro o azul royal ficava com contraste baixo e fora da paleta.
   Aqui o cartão vira o lilás da marca e o PIX o verde da paleta. Só nos
   painéis do seller; o admin continua igual. */
body.fi-panel-sellerapp .thr-pm.thr-pm--card,
.dark body.fi-panel-seller .thr-pm.thr-pm--card {
    background: rgba(138, 72, 245, 0.14) !important;
    color: #d9c6ff !important;
    box-shadow: inset 0 0 0 1px rgba(138, 72, 245, 0.36) !important;
}
body.fi-panel-sellerapp .thr-pm.thr-pm--pix,
.dark body.fi-panel-seller .thr-pm.thr-pm--pix {
    background: rgba(126, 240, 192, 0.10) !important;
    color: #8ff3c9 !important;
    box-shadow: inset 0 0 0 1px rgba(126, 240, 192, 0.30) !important;
}

/* ---------------------------------------------------------------- 3. cartão da venda no aplicativo
   Antes: grade fixa de 3 colunas com 10 campos rotulados e o valor sem
   destaque. Agora:
     linha 1  valor (grande, sem quebra)              status
     linha 2  método, criada em, ID curto             líquido
     linha 3  liberação (só quando existe)
   Bruto, taxa e data de pagamento continuam no detalhe da venda.
   Vale para a lista de Vendas e para as Últimas vendas do Painel completo. */
@media (max-width: 767px) {
    body.fi-panel-sellerapp :is(.throne-vendas-lista, .throne-ultimas-vendas) .fi-ta-table tbody > tr.fi-ta-row {
        grid-template-columns: auto auto minmax(0, 1fr) auto !important;
        align-items: center !important;
        gap: 8px 10px !important;
        padding: 14px 16px !important;
    }
    body.fi-panel-sellerapp :is(.throne-vendas-lista, .throne-ultimas-vendas) .fi-ta-table tbody > tr > td.fi-ta-cell[data-th]::before {
        content: none !important;
    }
    body.fi-panel-sellerapp :is(.throne-vendas-lista, .throne-ultimas-vendas) .fi-ta-table tbody > tr > td.fi-ta-cell-native-amount-cents {
        grid-row: 1 !important;
        grid-column: 1 / 4 !important;
        padding-right: 0 !important;
    }
    body.fi-panel-sellerapp :is(.throne-vendas-lista, .throne-ultimas-vendas) .fi-ta-table tbody > tr > td.fi-ta-cell-native-amount-cents .fi-ta-text-item {
        font: 600 1.12rem/1.25 'Geist Mono', ui-monospace, monospace !important;
        letter-spacing: -0.01em;
        white-space: nowrap !important;
        overflow-wrap: normal !important;
        color: var(--ta-texto, #e9e1fa);
    }
    body.fi-panel-sellerapp :is(.throne-vendas-lista, .throne-ultimas-vendas) td.fi-ta-cell-native-amount-cents .fi-ta-text-item img {
        vertical-align: -1px;
    }
    /* um líquido só no cartão: o da moeda de origem fica no detalhe */
    body.fi-panel-sellerapp :is(.throne-vendas-lista, .throne-ultimas-vendas) td.fi-ta-cell-native-amount-cents .fi-ta-text-description {
        display: none !important;
    }
    body.fi-panel-sellerapp :is(.throne-vendas-lista, .throne-ultimas-vendas) .fi-ta-table tbody > tr > td.fi-ta-cell-display-status {
        grid-row: 1 !important;
        grid-column: 4 !important;
        justify-self: end;
        align-items: flex-end !important;
    }
    body.fi-panel-sellerapp :is(.throne-vendas-lista, .throne-ultimas-vendas) .fi-ta-table tbody > tr > td.fi-ta-cell-payment-method {
        grid-row: 2 !important;
        grid-column: 1 !important;
    }
    body.fi-panel-sellerapp :is(.throne-vendas-lista, .throne-ultimas-vendas) .fi-ta-table tbody > tr > td.fi-ta-cell-created-at {
        grid-row: 2 !important;
        grid-column: 2 !important;
    }
    body.fi-panel-sellerapp :is(.throne-vendas-lista, .throne-ultimas-vendas) .fi-ta-table tbody > tr > td.fi-ta-cell-created-at .fi-ta-text-item {
        font-size: 0.78rem !important;
        color: var(--ta-mudo, #9b86c4) !important;
        white-space: nowrap;
    }
    body.fi-panel-sellerapp :is(.throne-vendas-lista, .throne-ultimas-vendas) .fi-ta-table tbody > tr > td.fi-ta-cell-public-id {
        grid-row: 2 !important;
        grid-column: 3 !important;
        padding-right: 0 !important;
        min-width: 0 !important;
    }
    body.fi-panel-sellerapp :is(.throne-vendas-lista, .throne-ultimas-vendas) .fi-ta-table tbody > tr > td.fi-ta-cell-public-id .fi-ta-text-item {
        font: 500 0.72rem/1.2 'Geist Mono', ui-monospace, monospace !important;
        color: var(--ta-mudo, #9b86c4) !important;
        white-space: nowrap;
    }
    body.fi-panel-sellerapp .throne-vendas-lista .fi-ta-table tbody > tr > td.fi-ta-cell-net-amount-cents {
        grid-row: 2 !important;
        grid-column: 4 !important;
        justify-self: end;
        align-items: flex-end !important;
        gap: 2px !important;
    }
    body.fi-panel-sellerapp .throne-vendas-lista .fi-ta-table tbody > tr > td.fi-ta-cell-net-amount-cents[data-th]::before {
        content: 'Líquido' !important;
        font: 600 10.5px/1.4 'Geist Mono', ui-monospace, monospace !important; /* V138 · 1.4: com 1 o acento do Í era cortado */
        letter-spacing: 0.08em !important;
        text-transform: uppercase;
        color: var(--ta-mudo, #9b86c4);
    }
    body.fi-panel-sellerapp .throne-vendas-lista .fi-ta-table tbody > tr > td.fi-ta-cell-net-amount-cents .fi-ta-text-item {
        font: 600 0.86rem/1.2 'Geist Mono', ui-monospace, monospace !important;
    }
    body.fi-panel-sellerapp .throne-vendas-lista .fi-ta-table tbody > tr > td.fi-ta-cell-settlement-status {
        grid-row: 3 !important;
        grid-column: 1 / 4 !important;
    }
    /* liberação vazia (PIX, pendente) some, em vez de deixar o rótulo solto */
    body.fi-panel-sellerapp .throne-vendas-lista .fi-ta-table tbody > tr > td.fi-ta-cell-settlement-status:not(:has(.fi-badge)) {
        display: none !important;
    }
    body.fi-panel-sellerapp .throne-vendas-lista .fi-ta-table tbody > tr > td.fi-ta-cell-amount-cents,
    body.fi-panel-sellerapp .throne-vendas-lista .fi-ta-table tbody > tr > td.fi-ta-cell-fee-cents,
    body.fi-panel-sellerapp .throne-vendas-lista .fi-ta-table tbody > tr > td.fi-ta-cell-paid-at-masked {
        display: none !important;
    }

    /* toque no cartão dá retorno na hora (antes parecia que o toque falhou) */
    body.fi-panel-sellerapp :is(.throne-vendas-lista, .throne-ultimas-vendas) .fi-ta-table tbody > tr.fi-ta-row.fi-clickable {
        transition: background-color 220ms cubic-bezier(0.16, 1, 0.3, 1), transform 220ms cubic-bezier(0.16, 1, 0.3, 1);
    }
    body.fi-panel-sellerapp :is(.throne-vendas-lista, .throne-ultimas-vendas) .fi-ta-table tbody > tr.fi-ta-row.fi-clickable:active {
        background: var(--ta-superficie-2, #1a1030) !important;
        transform: scale(0.992);
    }
}

/* ---------------------------------------------------------------- 4. extrato no aplicativo
   A descrição ocupava 1/3 do cartão e quebrava em 6 linhas. Agora ela é o
   título do lançamento, na largura toda, e tipo, data e valor ficam embaixo. */
@media (max-width: 767px) {
    body.fi-panel-sellerapp .throne-extrato-tabela .fi-ta-table tbody > tr.fi-ta-row {
        grid-template-columns: auto minmax(0, 1fr) auto !important;
        align-items: center !important;
        gap: 8px 10px !important;
        padding: 14px 16px !important;
    }
    body.fi-panel-sellerapp .throne-extrato-tabela .fi-ta-table tbody > tr > td.fi-ta-cell[data-th]::before {
        content: none !important;
    }
    body.fi-panel-sellerapp .throne-extrato-tabela .fi-ta-table tbody > tr > td.fi-ta-cell-description {
        grid-row: 1 !important;
        grid-column: 1 / -1 !important;
        padding-right: 0 !important;
    }
    body.fi-panel-sellerapp .throne-extrato-tabela .fi-ta-table tbody > tr > td.fi-ta-cell-description .fi-ta-text-item {
        font-size: 0.9rem !important;
        font-weight: 600;
        color: var(--ta-texto, #e9e1fa) !important;
        line-height: 1.35;
    }
    body.fi-panel-sellerapp .throne-extrato-tabela .fi-ta-table tbody > tr > td.fi-ta-cell-type {
        grid-row: 2 !important;
        grid-column: 1 !important;
    }
    body.fi-panel-sellerapp .throne-extrato-tabela .fi-ta-table tbody > tr > td.fi-ta-cell-created-at {
        grid-row: 2 !important;
        grid-column: 2 !important;
    }
    body.fi-panel-sellerapp .throne-extrato-tabela .fi-ta-table tbody > tr > td.fi-ta-cell-created-at .fi-ta-text-item {
        font-size: 0.78rem !important;
        color: var(--ta-mudo, #9b86c4) !important;
        white-space: nowrap;
    }
    body.fi-panel-sellerapp .throne-extrato-tabela .fi-ta-table tbody > tr > td.fi-ta-cell-amount-cents {
        grid-row: 2 !important;
        grid-column: 3 !important;
        justify-self: end;
        align-items: flex-end !important;
    }
    body.fi-panel-sellerapp .throne-extrato-tabela .fi-ta-table tbody > tr > td.fi-ta-cell-amount-cents .fi-ta-text-item {
        font: 600 0.95rem/1.2 'Geist Mono', ui-monospace, monospace !important;
    }
    body.fi-panel-sellerapp .throne-extrato-tabela .fi-ta-table tbody > tr > td.fi-ta-cell-balance-after-cents {
        grid-row: 3 !important;
        grid-column: 1 / -1 !important;
        flex-direction: row !important;
        justify-content: flex-end !important;
        align-items: baseline !important;
        gap: 6px !important;
    }
    body.fi-panel-sellerapp .throne-extrato-tabela .fi-ta-table tbody > tr > td.fi-ta-cell-balance-after-cents[data-th]::before {
        content: 'Saldo após' !important;
        font: 600 10.5px/1.4 'Geist Mono', ui-monospace, monospace !important; /* V138 · 1.4: com 1 o acento do Í era cortado */
        letter-spacing: 0.08em !important;
        text-transform: uppercase;
        color: var(--ta-mudo, #9b86c4);
    }
    body.fi-panel-sellerapp .throne-extrato-tabela .fi-ta-table tbody > tr > td.fi-ta-cell-balance-after-cents .fi-ta-text-item {
        font: 500 0.78rem/1.2 'Geist Mono', ui-monospace, monospace !important;
    }
}

/* ---------------------------------------------------------------- 5. antecipações no aplicativo */
@media (max-width: 767px) {
    /* os dois números lado a lado, sem 350 px de cartão antes da lista */
    body.fi-panel-sellerapp .throne-antecip-hero {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 10px !important;
    }
    body.fi-panel-sellerapp .throne-antecip-hero > .throne-antecip-card {
        padding: 14px !important;
        border-radius: 16px !important;
    }
    body.fi-panel-sellerapp .throne-antecip-card .throne-antecip-rotulo {
        font-size: 0.74rem !important;
        line-height: 1.25;
    }
    body.fi-panel-sellerapp .throne-antecip-card .throne-antecip-valor {
        font-family: 'Geist Mono', ui-monospace, monospace !important;
        font-size: clamp(1.05rem, 5.4vw, 1.4rem) !important;
        letter-spacing: -0.02em !important;
        white-space: nowrap !important;
    }
    body.fi-panel-sellerapp .throne-antecip-card .throne-antecip-nota {
        font-size: 0.74rem !important;
        line-height: 1.4;
        margin-top: 8px !important;
    }

    /* sub-abas numa linha só, com 44 px de toque */
    body.fi-panel-sellerapp .throne-antecip-abas {
        display: grid !important;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        width: 100% !important;
        border-radius: 14px !important;
        background: var(--ta-superficie, #120b1f) !important;
        border-color: var(--ta-linha, rgba(138, 72, 245, 0.18)) !important;
    }
    body.fi-panel-sellerapp .throne-antecip-abas > button {
        justify-content: center;
        min-height: 44px;
        padding: 0 6px !important;
        font-size: 0.82rem !important;
        gap: 6px !important;
    }
    body.fi-panel-sellerapp .throne-antecip-abas > button.bg-white\/10 {
        background: rgba(138, 72, 245, 0.18) !important;
        box-shadow: inset 0 0 0 1px rgba(138, 72, 245, 0.35) !important;
        color: #e9e1fa !important;
    }

    /* pedidos e adiantadas: cada linha vira um cartão (antes rolagem lateral de 560 px) */
    body.fi-panel-sellerapp .fi-page-main div:has(> table.throne-antecip-tabela) {
        overflow-x: visible !important;
    }
    body.fi-panel-sellerapp .fi-page-main table.throne-antecip-tabela {
        min-width: 0 !important;
        display: block;
    }
    body.fi-panel-sellerapp table.throne-antecip-tabela thead {
        display: none !important;
    }
    body.fi-panel-sellerapp table.throne-antecip-tabela tbody {
        display: block;
    }
    body.fi-panel-sellerapp table.throne-antecip-tabela tbody > tr {
        display: grid;
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
        gap: 10px 12px;
        padding: 14px 16px;
        border-top: 1px solid var(--ta-linha, rgba(138, 72, 245, 0.18));
    }
    body.fi-panel-sellerapp table.throne-antecip-tabela tbody > tr:first-child {
        border-top: 0;
    }
    body.fi-panel-sellerapp table.throne-antecip-tabela tbody > tr > td {
        display: flex;
        flex-direction: column;
        gap: 3px;
        padding: 0 !important;
        text-align: left !important;
        min-width: 0;
    }
    body.fi-panel-sellerapp table.throne-antecip-tabela tbody > tr > td[data-th]::before {
        content: attr(data-th);
        font: 600 10.5px/1.4 'Geist Mono', ui-monospace, monospace;
        letter-spacing: 0.08em;
        text-transform: uppercase;
        color: var(--ta-mudo, #9b86c4);
    }
    body.fi-panel-sellerapp table.throne-antecip-tabela tbody > tr > td.throne-antecip-destaque {
        font: 600 1rem/1.2 'Geist Mono', ui-monospace, monospace;
    }
    body.fi-panel-sellerapp table.throne-antecip-tabela tbody > tr > td.throne-antecip-status {
        align-items: flex-start;
    }
    body.fi-panel-sellerapp table.throne-antecip-tabela tbody > tr > td.throne-antecip-obs {
        grid-column: 1 / -1;
    }
}

/* ---------------------------------------------------------------- 6. botão principal do saque no aplicativo */
@media (max-width: 767px) {
    body.fi-panel-sellerapp .throne-cta {
        justify-content: stretch !important;
    }
    body.fi-panel-sellerapp .throne-cta > .fi-btn {
        width: 100%;
        min-height: 52px;
        font-size: 16px;
        justify-content: center;
    }
}

/* ---------------------------------------------------------------- 7. detalhe da venda */
body.fi-panel-sellerapp .fi-resource-view-record-page.fi-resource-transactions .fi-in-entry .fi-copyable,
body.fi-panel-seller .fi-resource-view-record-page.fi-resource-transactions .fi-in-entry .fi-copyable {
    cursor: pointer;
    /* V138 · quebra só quando não cabe (ID, código Pix, e-mail longo); nome e
       endereço continuam quebrando nos espaços, sem cortar palavra no meio. */
    overflow-wrap: anywhere;
}
/* no aplicativo, rótulo miúdo em mono e valor em destaque (antes os dois
   tinham o mesmo tamanho e a mesma cor, e a tela parecia um formulário cru) */
body.fi-panel-sellerapp .fi-resource-view-record-page.fi-resource-transactions .fi-in-entry-label {
    font: 600 10.5px/1.3 'Geist Mono', ui-monospace, monospace !important;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--ta-mudo, #9b86c4) !important;
}
body.fi-panel-sellerapp .fi-resource-view-record-page.fi-resource-transactions .fi-in-text-item {
    font-size: 0.95rem;
}

/* ---------------------------------------------------------------- 8. chaves PIX no aplicativo */
@media (max-width: 767px) {
    /* o apelido vira o título do cartão (o tema procurava -cell-name) */
    body.fi-panel-sellerapp .fi-resource-pix-keys .fi-ta-table tbody > tr > td.fi-ta-cell-nickname {
        grid-column: 1 / -1 !important;
        order: -1;
        padding-right: 36px !important;
    }
    body.fi-panel-sellerapp .fi-resource-pix-keys .fi-ta-table tbody > tr > td.fi-ta-cell-nickname[data-th]::before {
        content: none !important;
    }
    /* sem selo "Padrão", a célula vazia some */
    body.fi-panel-sellerapp .fi-resource-pix-keys .fi-ta-table tbody > tr > td.fi-ta-cell-is-default:not(:has(.fi-badge)) {
        display: none !important;
    }
    /* Criar e Cancelar empilhados, na largura toda */
    body.fi-panel-sellerapp .fi-resource-pix-keys .fi-sc-actions > .fi-ac {
        display: grid !important;
        grid-template-columns: 1fr;
        gap: 10px;
    }
    body.fi-panel-sellerapp .fi-resource-pix-keys .fi-sc-actions > .fi-ac > .fi-btn {
        width: 100%;
        min-height: 50px;
        justify-content: center;
    }
}

/* ---------------------------------------------------------------- 9. tabelas de dinheiro no site
   V138 · Vendas, Últimas vendas, Extrato, A liberar, Saques, Chaves PIX e
   Contestações. O tema do site soma 1,1rem de respiro na célula e mais 16px no
   texto: 56 px por coluna e linhas de 95 px. Aqui fica um respiro só (12 px nas
   laterais, 14 px em cima e embaixo), e a tabela de Vendas cabe em 1440 px. */
body.fi-panel-seller .fi-ta:is(.throne-vendas-lista, .throne-ultimas-vendas, .throne-extrato-tabela, .throne-antecip-tabela-filament, .throne-saques-tabela, .throne-chaves-tabela, .throne-contestacoes-tabela) .fi-ta-table > tbody > tr > td.fi-ta-cell {
    padding: 0 !important;
    vertical-align: middle;
}
body.fi-panel-seller .fi-ta:is(.throne-vendas-lista, .throne-ultimas-vendas, .throne-extrato-tabela, .throne-antecip-tabela-filament, .throne-saques-tabela, .throne-chaves-tabela, .throne-contestacoes-tabela) .fi-ta-table > tbody > tr > td.fi-ta-cell > .fi-ta-col > .fi-ta-text,
body.fi-panel-seller .fi-ta:is(.throne-vendas-lista, .throne-ultimas-vendas, .throne-extrato-tabela, .throne-antecip-tabela-filament, .throne-saques-tabela, .throne-chaves-tabela, .throne-contestacoes-tabela) .fi-ta-table > tbody > tr > td.fi-ta-cell-payment-method > .fi-ta-col {
    padding: 14px 12px !important;
}
body.fi-panel-seller .fi-ta:is(.throne-vendas-lista, .throne-ultimas-vendas, .throne-extrato-tabela, .throne-antecip-tabela-filament, .throne-saques-tabela, .throne-chaves-tabela, .throne-contestacoes-tabela) .fi-ta-table > tbody > tr > td.fi-ta-cell:has(> .fi-ta-actions) {
    padding: 10px 12px !important;
}
body.fi-panel-seller .fi-ta:is(.throne-vendas-lista, .throne-ultimas-vendas, .throne-extrato-tabela, .throne-antecip-tabela-filament, .throne-saques-tabela, .throne-chaves-tabela, .throne-contestacoes-tabela) .fi-ta-table > tbody > tr > td.fi-ta-cell:first-child {
    padding-left: 8px !important;
}
body.fi-panel-seller .fi-ta:is(.throne-vendas-lista, .throne-ultimas-vendas, .throne-extrato-tabela, .throne-antecip-tabela-filament, .throne-saques-tabela, .throne-chaves-tabela, .throne-contestacoes-tabela) .fi-ta-table > tbody > tr > td.fi-ta-cell:last-child {
    padding-right: 8px !important;
}
/* cabeçalho na mesma grade do corpo: 20 px na borda, 12 px entre colunas */
body.fi-panel-seller .fi-ta:is(.throne-vendas-lista, .throne-ultimas-vendas, .throne-extrato-tabela, .throne-antecip-tabela-filament, .throne-saques-tabela, .throne-chaves-tabela, .throne-contestacoes-tabela) .fi-ta-table > thead > tr > th.fi-ta-header-cell {
    padding: 12px !important;
    letter-spacing: 0.12em !important;
    white-space: nowrap;
}
body.fi-panel-seller .fi-ta:is(.throne-vendas-lista, .throne-ultimas-vendas, .throne-extrato-tabela, .throne-antecip-tabela-filament, .throne-saques-tabela, .throne-chaves-tabela, .throne-contestacoes-tabela) .fi-ta-table > thead > tr > th.fi-ta-header-cell:first-child {
    padding-left: 20px !important;
}
body.fi-panel-seller .fi-ta:is(.throne-vendas-lista, .throne-ultimas-vendas, .throne-extrato-tabela, .throne-antecip-tabela-filament, .throne-saques-tabela, .throne-chaves-tabela, .throne-contestacoes-tabela) .fi-ta-table > thead > tr > th.fi-ta-header-cell:last-child {
    padding-right: 20px !important;
}

/* selo único: o tema só tinha versão de luxo para roxo e âmbar, e EXPIRADA,
   RECUSADA, Taxa e Concluído saíam no selo cru do Filament, menor e de outra
   família. Agora todos têm 24 px de altura, a mesma fonte e a cor do tom.
   V138 · todos em caixa alta: "A liberar" e "Taxa" ao lado de APROVADA e
   EXPIRADA pareciam outro componente. Vale também para o selo de status do
   detalhe da venda, que ainda saía no selo cru. */
body.fi-panel-seller :is(.fi-ta:is(.throne-vendas-lista, .throne-ultimas-vendas, .throne-extrato-tabela, .throne-antecip-tabela-filament, .throne-saques-tabela, .throne-chaves-tabela, .throne-contestacoes-tabela) td.fi-ta-cell, .fi-resource-view-record-page.fi-resource-transactions .fi-in-entry) .fi-badge {
    --selo-fundo: rgba(155, 134, 196, 0.08);
    --selo-borda: rgba(155, 134, 196, 0.30);
    --selo-texto: #c3b6e0;
    display: inline-flex !important;
    align-items: center;
    gap: 6px;
    min-height: 24px;
    padding: 0 10px !important;
    border-radius: 8px !important;
    border: 1px solid var(--selo-borda) !important;
    background: var(--selo-fundo) !important;
    color: var(--selo-texto) !important;
    box-shadow: none !important;
    text-shadow: none !important;
    font-family: 'Geist Mono', ui-monospace, monospace !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 0.08em !important;
    line-height: 1 !important;
    text-transform: uppercase !important;
    white-space: nowrap;
    animation: none !important;
}
body.fi-panel-seller :is(.fi-ta:is(.throne-vendas-lista, .throne-ultimas-vendas, .throne-extrato-tabela, .throne-antecip-tabela-filament, .throne-saques-tabela, .throne-chaves-tabela, .throne-contestacoes-tabela) td.fi-ta-cell, .fi-resource-view-record-page.fi-resource-transactions .fi-in-entry) .fi-badge > * {
    color: inherit !important;
}
body.fi-panel-seller :is(.fi-ta:is(.throne-vendas-lista, .throne-ultimas-vendas, .throne-extrato-tabela, .throne-antecip-tabela-filament, .throne-saques-tabela, .throne-chaves-tabela, .throne-contestacoes-tabela) td.fi-ta-cell, .fi-resource-view-record-page.fi-resource-transactions .fi-in-entry) .fi-badge .fi-icon {
    width: 14px !important;
    height: 14px !important;
    color: currentColor !important;
}
body.fi-panel-seller :is(.fi-ta:is(.throne-vendas-lista, .throne-ultimas-vendas, .throne-extrato-tabela, .throne-antecip-tabela-filament, .throne-saques-tabela, .throne-chaves-tabela, .throne-contestacoes-tabela) td.fi-ta-cell, .fi-resource-view-record-page.fi-resource-transactions .fi-in-entry) .fi-badge.fi-color-primary {
    --selo-fundo: rgba(138, 72, 245, 0.18);
    --selo-borda: rgba(168, 107, 255, 0.50);
    --selo-texto: #e4d6ff;
    box-shadow: 0 0 16px -6px rgba(138, 72, 245, 0.70) !important;
}
body.fi-panel-seller :is(.fi-ta:is(.throne-vendas-lista, .throne-ultimas-vendas, .throne-extrato-tabela, .throne-antecip-tabela-filament, .throne-saques-tabela, .throne-chaves-tabela, .throne-contestacoes-tabela) td.fi-ta-cell, .fi-resource-view-record-page.fi-resource-transactions .fi-in-entry) .fi-badge.fi-color-warning {
    --selo-fundo: rgba(245, 192, 74, 0.10);
    --selo-borda: rgba(245, 192, 74, 0.40);
    --selo-texto: #f5c04a;
}
body.fi-panel-seller :is(.fi-ta:is(.throne-vendas-lista, .throne-ultimas-vendas, .throne-extrato-tabela, .throne-antecip-tabela-filament, .throne-saques-tabela, .throne-chaves-tabela, .throne-contestacoes-tabela) td.fi-ta-cell, .fi-resource-view-record-page.fi-resource-transactions .fi-in-entry) .fi-badge.fi-color-success {
    --selo-fundo: rgba(126, 240, 192, 0.08);
    --selo-borda: rgba(126, 240, 192, 0.34);
    --selo-texto: #7ef0c0;
}
body.fi-panel-seller :is(.fi-ta:is(.throne-vendas-lista, .throne-ultimas-vendas, .throne-extrato-tabela, .throne-antecip-tabela-filament, .throne-saques-tabela, .throne-chaves-tabela, .throne-contestacoes-tabela) td.fi-ta-cell, .fi-resource-view-record-page.fi-resource-transactions .fi-in-entry) .fi-badge.fi-color-danger {
    --selo-fundo: rgba(242, 139, 130, 0.08);
    --selo-borda: rgba(242, 139, 130, 0.36);
    --selo-texto: #f28b82;
}
body.fi-panel-seller :is(.fi-ta:is(.throne-vendas-lista, .throne-ultimas-vendas, .throne-extrato-tabela, .throne-antecip-tabela-filament, .throne-saques-tabela, .throne-chaves-tabela, .throne-contestacoes-tabela) td.fi-ta-cell, .fi-resource-view-record-page.fi-resource-transactions .fi-in-entry) .fi-badge.fi-color-info {
    --selo-fundo: rgba(205, 182, 255, 0.08);
    --selo-borda: rgba(205, 182, 255, 0.32);
    --selo-texto: #cdb6ff;
}

/* cor do valor: o tema do site pinta todo texto de tabela de branco com
   !important, e o verde do líquido aprovado e o âmbar do "a liberar" nunca
   apareciam. Volta a cor de cada coluna, na paleta do Throne. */
body.fi-panel-seller .fi-ta:is(.throne-vendas-lista, .throne-ultimas-vendas, .throne-extrato-tabela, .throne-antecip-tabela-filament, .throne-saques-tabela, .throne-chaves-tabela, .throne-contestacoes-tabela) .fi-ta-text.fi-color-success { color: #7ef0c0 !important; }
body.fi-panel-seller .fi-ta:is(.throne-vendas-lista, .throne-ultimas-vendas, .throne-extrato-tabela, .throne-antecip-tabela-filament, .throne-saques-tabela, .throne-chaves-tabela, .throne-contestacoes-tabela) .fi-ta-text.fi-color-warning { color: #f5c04a !important; }
body.fi-panel-seller .fi-ta:is(.throne-vendas-lista, .throne-ultimas-vendas, .throne-extrato-tabela, .throne-antecip-tabela-filament, .throne-saques-tabela, .throne-chaves-tabela, .throne-contestacoes-tabela) .fi-ta-text.fi-color-danger { color: #f28b82 !important; }
body.fi-panel-seller .fi-ta:is(.throne-vendas-lista, .throne-ultimas-vendas, .throne-extrato-tabela, .throne-antecip-tabela-filament, .throne-saques-tabela, .throne-chaves-tabela, .throne-contestacoes-tabela) .fi-ta-text.fi-color-gray { color: #9b86c4 !important; }
body.fi-panel-seller .fi-ta:is(.throne-vendas-lista, .throne-ultimas-vendas, .throne-extrato-tabela, .throne-antecip-tabela-filament, .throne-saques-tabela, .throne-chaves-tabela, .throne-contestacoes-tabela) .fi-ta-text.fi-color-primary { color: #cdb6ff !important; }
body.fi-panel-seller .fi-ta:is(.throne-vendas-lista, .throne-ultimas-vendas, .throne-extrato-tabela, .throne-antecip-tabela-filament, .throne-saques-tabela, .throne-chaves-tabela, .throne-contestacoes-tabela) .fi-ta-placeholder {
    color: #6f5f94 !important;
}

/* ID curto e datas: Geist Mono tabular, num tom abaixo do valor */
body.fi-panel-seller .fi-ta:is(.throne-vendas-lista, .throne-ultimas-vendas, .throne-extrato-tabela, .throne-antecip-tabela-filament, .throne-saques-tabela, .throne-chaves-tabela, .throne-contestacoes-tabela) td.fi-ta-cell-public-id .fi-ta-text-item {
    font-family: 'Geist Mono', ui-monospace, monospace !important;
    font-size: 13px !important;
    letter-spacing: 0.01em;
    white-space: nowrap;
}
body.fi-panel-seller .fi-ta:is(.throne-vendas-lista, .throne-ultimas-vendas, .throne-extrato-tabela, .throne-antecip-tabela-filament, .throne-saques-tabela, .throne-chaves-tabela, .throne-contestacoes-tabela) td.fi-ta-cell-public-id .fi-ta-text-item:not(.fi-color) {
    color: #cdb6ff !important;
}
body.fi-panel-seller .fi-ta:is(.throne-vendas-lista, .throne-ultimas-vendas, .throne-extrato-tabela, .throne-antecip-tabela-filament, .throne-saques-tabela, .throne-chaves-tabela, .throne-contestacoes-tabela) td.fi-ta-cell:is([class*='-cell-created-at'], [class*='-cell-paid-at'], [class*='-cell-completed-at'], [class*='-cell-charged-back-at']) .fi-ta-text-item {
    color: #b4a9d4 !important;
    /* V138 · a data ficava na Geist do tema, ao lado do ID em mono */
    font-family: 'Geist Mono', ui-monospace, monospace !important;
    font-size: 13px !important;
    letter-spacing: 0 !important;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}
/* V138 · o valor tinha dois pesos na mesma coluna: com a linha de apoio
   (aprovada) o texto fica num <p> e escapa do peso 450 que o tema força em
   .fi-ta-text, e sem ela (expirada, recusada) ficava fino. Agora todas as
   linhas usam o mesmo peso. */
body.fi-panel-seller .fi-ta:is(.throne-vendas-lista, .throne-ultimas-vendas, .throne-contestacoes-tabela) td.fi-ta-cell-native-amount-cents .fi-ta-text-item {
    font-weight: 600 !important;
}
/* linha de apoio do valor (líquido na moeda de origem) */
body.fi-panel-seller .fi-ta:is(.throne-vendas-lista, .throne-ultimas-vendas, .throne-extrato-tabela, .throne-antecip-tabela-filament, .throne-saques-tabela, .throne-chaves-tabela, .throne-contestacoes-tabela) .fi-ta-text-description {
    font: 500 12px/1.3 'Geist Mono', ui-monospace, monospace !important;
    color: #9b86c4 !important;
    white-space: nowrap;
}

/* tabela vazia: sem cabeçalho de colunas solto em cima do aviso, e o
   círculo do ícone no roxo da marca (antes cinza do Filament) */
body.fi-panel-seller .fi-ta:is(.throne-vendas-lista, .throne-ultimas-vendas, .throne-extrato-tabela, .throne-antecip-tabela-filament, .throne-saques-tabela, .throne-chaves-tabela, .throne-contestacoes-tabela):has(.fi-ta-empty-state) .fi-ta-table > thead {
    display: none;
}
body:is(.fi-panel-seller, .fi-panel-sellerapp) .fi-ta:is(.throne-vendas-lista, .throne-ultimas-vendas, .throne-extrato-tabela, .throne-antecip-tabela-filament, .throne-saques-tabela, .throne-chaves-tabela, .throne-contestacoes-tabela) .fi-ta-empty-state-icon-bg {
    background: rgba(138, 72, 245, 0.14) !important;
    box-shadow: inset 0 0 0 1px rgba(138, 72, 245, 0.30);
    color: #cdb6ff !important;
}
/* sem resultado, sem filtro e sem busca digitada, a barra de busca e filtro
   não tem o que fazer (na lista vazia sobrava só o funil) */
body:is(.fi-panel-seller, .fi-panel-sellerapp) .fi-ta:is(.throne-vendas-lista, .throne-ultimas-vendas, .throne-extrato-tabela, .throne-antecip-tabela-filament, .throne-saques-tabela, .throne-chaves-tabela, .throne-contestacoes-tabela):has(.fi-ta-empty-state):not(:has(.fi-ta-filter-indicators)):not(:has(.fi-ta-search-field input:not(:placeholder-shown))) .fi-ta-header-toolbar {
    display: none !important;
}
/* V138 · no aplicativo o invólucro da barra ficava com a divisória e 20 px
   vazios em cima do aviso. Some junto quando não tem título (as Últimas
   vendas têm, e o título fica). */
body:is(.fi-panel-seller, .fi-panel-sellerapp) .fi-ta:is(.throne-vendas-lista, .throne-ultimas-vendas, .throne-extrato-tabela, .throne-antecip-tabela-filament, .throne-saques-tabela, .throne-chaves-tabela, .throne-contestacoes-tabela):has(.fi-ta-empty-state):not(:has(.fi-ta-filter-indicators)):not(:has(.fi-ta-search-field input:not(:placeholder-shown))) .fi-ta-header-ctn:not(:has(.fi-ta-header)) {
    display: none !important;
}
/* texto do aviso vazio em linhas equilibradas (sem "saque." sozinho embaixo) */
body:is(.fi-panel-seller, .fi-panel-sellerapp) .fi-ta:is(.throne-vendas-lista, .throne-ultimas-vendas, .throne-extrato-tabela, .throne-antecip-tabela-filament, .throne-saques-tabela, .throne-chaves-tabela, .throne-contestacoes-tabela) .fi-ta-empty-state-description {
    text-wrap: balance;
}
/* o Filament mostra "0" no funil mesmo sem filtro ativo */
body:is(.fi-panel-seller, .fi-panel-sellerapp) .fi-ta:is(.throne-vendas-lista, .throne-ultimas-vendas, .throne-extrato-tabela, .throne-antecip-tabela-filament, .throne-saques-tabela, .throne-chaves-tabela, .throne-contestacoes-tabela):not(:has(.fi-ta-filter-indicators)) .fi-ta-filters-dropdown .fi-icon-btn-badge-ctn {
    display: none !important;
}

/* ---------------------------------------------------------------- 10. aplicativo: linhas vazias somem do cartão
   Líquido de venda não aprovada e "Saldo após" de lançamento que não mexe
   no saldo chegam como marcador vazio ("-"); o rótulo solto só ocupava altura. */
@media (max-width: 767px) {
    body.fi-panel-sellerapp .throne-vendas-lista .fi-ta-table tbody > tr > td.fi-ta-cell-net-amount-cents:has(.fi-ta-placeholder),
    body.fi-panel-sellerapp .throne-extrato-tabela .fi-ta-table tbody > tr > td.fi-ta-cell-balance-after-cents:has(.fi-ta-placeholder) {
        display: none !important;
    }
}

/* ---------------------------------------------------------------- 11. aplicativo: cartão de "A liberar" (Antecipações)
   Antes o ID ocupava uma linha inteira com rótulo. Agora:
     linha 1  líquido (destaque)                 selo "antecipável em"
     linha 2  vendida em                          valor original (se estrangeira)
     linha 3  ID curto, discreto */
@media (max-width: 767px) {
    body.fi-panel-sellerapp .throne-antecip-tabela-filament .fi-ta-table tbody > tr.fi-ta-row {
        grid-template-columns: minmax(0, 1fr) auto !important;
        align-items: center !important;
        gap: 10px 12px !important;
        padding: 14px 16px !important;
    }
    body.fi-panel-sellerapp .throne-antecip-tabela-filament .fi-ta-table tbody > tr > td.fi-ta-cell-net-amount-cents {
        grid-row: 1 !important;
        grid-column: 1 !important;
    }
    body.fi-panel-sellerapp .throne-antecip-tabela-filament .fi-ta-table tbody > tr > td.fi-ta-cell-net-amount-cents[data-th]::before,
    body.fi-panel-sellerapp .throne-antecip-tabela-filament .fi-ta-table tbody > tr > td.fi-ta-cell-release-date[data-th]::before,
    body.fi-panel-sellerapp .throne-antecip-tabela-filament .fi-ta-table tbody > tr > td.fi-ta-cell-public-id[data-th]::before {
        content: none !important;
    }
    body.fi-panel-sellerapp .throne-antecip-tabela-filament .fi-ta-table tbody > tr > td.fi-ta-cell-net-amount-cents .fi-ta-text-item {
        font: 600 1.08rem/1.2 'Geist Mono', ui-monospace, monospace !important;
        letter-spacing: -0.01em;
        white-space: nowrap !important;
    }
    body.fi-panel-sellerapp .throne-antecip-tabela-filament .fi-ta-table tbody > tr > td.fi-ta-cell-release-date {
        grid-row: 1 !important;
        grid-column: 2 !important;
        justify-self: end;
        align-items: flex-end !important;
    }
    body.fi-panel-sellerapp .throne-antecip-tabela-filament .fi-ta-table tbody > tr > td.fi-ta-cell-paid-at {
        grid-row: 2 !important;
        grid-column: 1 !important;
    }
    body.fi-panel-sellerapp .throne-antecip-tabela-filament .fi-ta-table tbody > tr > td.fi-ta-cell-native-amount-cents {
        grid-row: 2 !important;
        grid-column: 2 !important;
        justify-self: end;
        align-items: flex-end !important;
        margin-left: 0 !important;
    }
    body.fi-panel-sellerapp .throne-antecip-tabela-filament .fi-ta-table tbody > tr > td.fi-ta-cell-native-amount-cents:has(.fi-ta-placeholder) {
        display: none !important;
    }
    body.fi-panel-sellerapp .throne-antecip-tabela-filament .fi-ta-table tbody > tr > td.fi-ta-cell-public-id {
        grid-row: 3 !important;
        grid-column: 1 / -1 !important;
        padding-right: 0 !important;
    }
    body.fi-panel-sellerapp .throne-antecip-tabela-filament .fi-ta-table tbody > tr > td.fi-ta-cell-public-id .fi-ta-text-item {
        font: 500 0.72rem/1.2 'Geist Mono', ui-monospace, monospace !important;
        color: var(--ta-mudo, #9b86c4) !important;
    }
}

/* ---------------------------------------------------------------- 12. números grandes em Geist Mono
   O font-mono do site aponta para a fonte mono do sistema (Consolas no
   Windows), diferente da Geist Mono das tabelas. Saldos de Antecipações e
   valores de Minhas taxas passam a usar a mesma família, com números tabulares. */
body:is(.fi-panel-seller, .fi-panel-sellerapp) :is(.throne-antecip-valor, .throne-valor) {
    font-family: 'Geist Mono', ui-monospace, monospace !important;
    font-variant-numeric: tabular-nums;
    letter-spacing: -0.02em !important;
    white-space: nowrap;
}

/* ---------------------------------------------------------------- 13. Minhas taxas no aplicativo
   Saque PIX e saque cripto lado a lado; a antecipação fica na largura toda. */
@media (max-width: 767px) {
    body.fi-panel-sellerapp .throne-taxas-mini {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 10px !important;
    }
    body.fi-panel-sellerapp .throne-taxas-mini > :last-child {
        grid-column: 1 / -1;
    }
    body.fi-panel-sellerapp .throne-taxas-mini > * {
        padding: 14px !important;
    }
}

/* ---------------------------------------------------------------- 14. vaga da bandeira no valor
   V138 · a venda em reais não tem bandeira, e no cartão do aplicativo o valor
   começava antes das linhas com bandeira. A vaga (TransactionResource::
   valorComBandeira) tem a largura da bandeira retangular, e a bandeira
   quadrada (Suíça) fica centrada na mesma vaga de 18 px: todos os valores
   começam na mesma coluna. Na lista de Vendas do site a coluna é alinhada à
   direita e a vaga não aparece; nas Últimas vendas do Início, alinhadas à
   esquerda, ela alinha os valores como no aplicativo. */
body:is(.fi-panel-seller, .fi-panel-sellerapp) .throne-bandeira-vaga {
    display: inline-block;
    width: 18px;
    height: 13px;
    vertical-align: -2px;
}
body:is(.fi-panel-seller, .fi-panel-sellerapp) :is(.throne-vendas-lista, .throne-ultimas-vendas) td.fi-ta-cell-native-amount-cents img.throne-bandeira[width='13'][height='13'] {
    margin-inline: 2.5px;
}

/* ---------------------------------------------------------------- 15. extrato: entrada e saída
   V138 · cor pelo sentido do lançamento, igual no site e no aplicativo (as
   classes vêm de WalletExtract). Entrada em verde suave, inclusive a venda no
   cartão que ainda vai liberar; saída em vermelho suave. Nunca laranja: no
   aplicativo o âmbar do "a liberar" virava laranja e lia como alerta. */
body:is(.fi-panel-seller, .fi-panel-sellerapp) .fi-ta.throne-extrato-tabela .fi-ta-text.throne-mov-entrada,
body:is(.fi-panel-seller, .fi-panel-sellerapp) .fi-ta.throne-extrato-tabela .fi-ta-text-item.throne-mov-entrada {
    color: #8fe3b0 !important;
}
body:is(.fi-panel-seller, .fi-panel-sellerapp) .fi-ta.throne-extrato-tabela .fi-ta-text.throne-mov-saida,
body:is(.fi-panel-seller, .fi-panel-sellerapp) .fi-ta.throne-extrato-tabela .fi-ta-text-item.throne-mov-saida {
    color: #f0a3a0 !important;
}

/* ---------------------------------------------------------------- 16. valores pequenos em Geist Mono
   V138 · detalhe da venda (bruto, taxa, líquido, moeda de origem e datas):
   mesma família dos valores das listas, sem o aperto de letra dos números
   grandes (throne-valor). */
body:is(.fi-panel-seller, .fi-panel-sellerapp) .throne-num {
    font-family: 'Geist Mono', ui-monospace, monospace !important;
    font-variant-numeric: tabular-nums;
    letter-spacing: 0 !important;
    white-space: nowrap;
}
/* sem valor (o "-" de venda não aprovada) e a taxa ficam no lilás apagado; em
   negrito o cinza do Filament quase não se distinguia do branco */
body:is(.fi-panel-seller, .fi-panel-sellerapp) .fi-resource-view-record-page.fi-resource-transactions .fi-in-text-item.throne-num.fi-color-gray {
    color: #a99bc9 !important;
}

/* ---------------------------------------------------------------- 17. aplicativo: selos e linha de apoio do cartão
   V138 · o tema do aplicativo zera o respiro lateral de todo filho direto da
   célula (padding: 2px 0), e o selo "Cartão" ficava com o texto encostado na
   borda. Os selos das listas desta frente ficam todos em caixa alta, como
   APROVADA e EXPIRADA, e a data do cartão sai em Geist Mono, igual ao ID. */
@media (max-width: 767px) {
    body.fi-panel-sellerapp .fi-ta-table tbody > tr > td.fi-ta-cell > .fi-ta-col > .thr-pm:not(.thr-pm--paypal) {
        padding: 0 8px !important;
        font-size: 11.5px !important;
    }
    body.fi-panel-sellerapp .fi-ta:is(.throne-vendas-lista, .throne-ultimas-vendas, .throne-extrato-tabela, .throne-antecip-tabela-filament, .throne-saques-tabela, .throne-chaves-tabela, .throne-contestacoes-tabela) .fi-ta-table tbody > tr > td.fi-ta-cell .fi-badge {
        text-transform: uppercase;
        letter-spacing: 0.04em;
    }
    body.fi-panel-sellerapp .fi-ta:is(.throne-vendas-lista, .throne-ultimas-vendas, .throne-extrato-tabela) .fi-ta-table tbody > tr > td.fi-ta-cell-created-at .fi-ta-text-item,
    body.fi-panel-sellerapp .fi-ta.throne-antecip-tabela-filament .fi-ta-table tbody > tr > td.fi-ta-cell-paid-at .fi-ta-text-item {
        font-family: 'Geist Mono', ui-monospace, monospace !important;
        font-variant-numeric: tabular-nums;
        letter-spacing: 0;
    }
}

/* ---------------------------------------------------------------- 18. Antecipações: sub-abas na paleta
   V138 · a aba inativa usava o cinza neutro do Tailwind (text-gray-400, que
   vem da troca de classe do Alpine). Fica no lilás apagado, e no hover clareia. */
body:is(.fi-panel-seller, .fi-panel-sellerapp) .throne-antecip-abas > button.text-gray-400 {
    color: #a99bc9 !important;
}
body:is(.fi-panel-seller, .fi-panel-sellerapp) .throne-antecip-abas > button.text-gray-400:hover {
    color: #e9e1fa !important;
}

/* ---------------------------------------------------------------- 19. Sacar: aviso de "sem chave PIX"
   V138 · no lugar do select vazio fica um aviso (Withdraw::avisoSemChave).
   O rótulo dele é de leitura, e o tema do aplicativo deixava rótulo de
   leitura em mono miúdo, diferente de "Valor" e "Tipo" logo acima. Aqui ele
   fica igual aos rótulos do formulário. */
body.fi-panel-sellerapp [wire\:key$='form.sem_chave_pix'] .fi-in-entry-label {
    font-family: inherit !important;
    font-size: 0.875rem !important;
    line-height: 1.25rem !important;
    font-weight: 600 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
    color: #fff !important;
}

@media (prefers-reduced-motion: reduce) {
    body.fi-panel-sellerapp :is(.throne-vendas-lista, .throne-ultimas-vendas) .fi-ta-table tbody > tr.fi-ta-row.fi-clickable {
        transition: none !important;
    }
    body.fi-panel-sellerapp :is(.throne-vendas-lista, .throne-ultimas-vendas) .fi-ta-table tbody > tr.fi-ta-row.fi-clickable:active {
        transform: none !important;
    }
}