/*
 * TEMA DA TRILHA — protótipo da rodada de design (docs/planos/2026-10-23-design-guia.md).
 *
 * Registrado pelo Filament (FilamentAsset) e publicado em public/css/app/ por
 * `php artisan filament:assets`. Só vale nas telas que ligam a classe `trilha-tema` no corpo
 * (o interruptor é config('features.tema_trilha')). A cor principal é a da franquia (as
 * variáveis --primary-* do Filament); o destaque vem de --trilha-destaque (Identidade visual,
 * padrão: o amarelo da logo da Trilha), escrito no <head> pelo gancho do painel.
 */

/* ——— A letra, do próprio servidor ——— */
@font-face {
    font-family: 'Nunito Sans';
    font-style: normal;
    font-weight: 200 1000;
    font-display: swap;
    src: url('/fonts/nunito-sans/nunito-sans-latin.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: 'Nunito Sans';
    font-style: normal;
    font-weight: 200 1000;
    font-display: swap;
    src: url('/fonts/nunito-sans/nunito-sans-latin-ext.woff2') format('woff2');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
    font-family: 'Nunito Sans';
    font-style: italic;
    font-weight: 200 1000;
    font-display: swap;
    src: url('/fonts/nunito-sans/nunito-sans-italic-latin.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+20AC, U+2122, U+FEFF, U+FFFD;
}

/* ——— Os tokens ——— */
body.trilha-tema {
    --trilha-fundo: #F2F5F9;
    --trilha-superficie: #FFFFFF;
    --trilha-linha: #DCE3EC;
    --trilha-texto: #1B2533;
    --trilha-apoio: #5A6878;
    --trilha-destaque-claro: color-mix(in srgb, var(--trilha-destaque, #F7D300) 22%, #FFFFFF);
    --trilha-sombra-principal: 0 1px 2px rgba(27, 37, 51, .06), 0 6px 16px rgba(27, 37, 51, .06);
    --font-family: 'Nunito Sans', ui-sans-serif, system-ui, sans-serif;

    font-family: var(--font-family);
    background: var(--trilha-fundo);
    color: var(--trilha-texto);
    font-size: 15px;
    font-variant-numeric: tabular-nums;
}

body.trilha-tema :focus-visible {
    outline: 2px solid rgb(var(--primary-600));
    outline-offset: 2px;
}

@media (prefers-reduced-motion: reduce) {
    body.trilha-tema *, body.trilha-tema *::before, body.trilha-tema *::after {
        animation: none !important;
        transition: none !important;
    }
}

/* ——— Moldura: topo e menu brancos sobre o fundo cinza-azulado ——— */
body.trilha-tema .fi-topbar > nav {
    background: var(--trilha-superficie);
    box-shadow: none;
    border-bottom: 1px solid var(--trilha-linha);
}

@media (min-width: 1024px) {
    body.trilha-tema .fi-sidebar {
        background: var(--trilha-superficie);
    }

    /* O fundo branco do menu vai até o fim da página, mesmo quando ela é mais alta que a tela. */
    body.trilha-tema .fi-layout {
        position: relative;
    }

    /* No portal do tutor o menu do computador não recolhe (o Filament não marca "aberto"): sempre. */
    body.trilha-tema .fi-layout:has(.fi-sidebar.fi-sidebar-open)::before,
    body.trilha-tema.fi-panel-tutor .fi-layout::before {
        content: '';
        position: absolute;
        inset-block: 0;
        inset-inline-start: 0;
        width: var(--sidebar-width);
        background: var(--trilha-superficie);
        border-inline-end: 1px solid var(--trilha-linha);
    }
}

/* O campo já mostra o foco no contorno dele; o contorno do tema por cima fazia a borda dupla. */
body.trilha-tema .fi-input-wrp :focus-visible {
    outline: none;
}

body.trilha-tema .fi-sidebar-group-label {
    font-size: 13px;
    font-weight: 700;
    color: var(--trilha-apoio);
}

body.trilha-tema .fi-sidebar-item-label {
    font-weight: 600;
}

/* O item escolhido: fundo clarinho da cor principal e um traço do destaque. */
body.trilha-tema .fi-sidebar-item-active > a,
body.trilha-tema .fi-sidebar-item-active > button {
    background: rgba(var(--primary-50), 1);
    box-shadow: inset 3px 0 0 var(--trilha-destaque, #F7D300);
}

body.trilha-tema .fi-sidebar-item-active .fi-sidebar-item-label,
body.trilha-tema .fi-sidebar-item-active .fi-sidebar-item-icon {
    color: rgb(var(--primary-700));
}

/* ——— Títulos e blocos ——— */
body.trilha-tema .fi-header-heading {
    font-size: 28px;
    line-height: 1.2;
    font-weight: 800;
    letter-spacing: -.01em;
}

body.trilha-tema .fi-header-subheading {
    color: var(--trilha-apoio);
}

body.trilha-tema .fi-section,
body.trilha-tema .fi-ta-ctn {
    box-shadow: none;
    border-radius: 10px;
    --tw-ring-color: var(--trilha-linha);
}

body.trilha-tema .fi-section-header-heading {
    font-size: 18px;
    font-weight: 700;
}

body.trilha-tema .fi-ta-header-cell-label {
    font-size: 14px;
    font-weight: 600;
    color: var(--trilha-apoio);
}

body.trilha-tema .fi-btn {
    border-radius: 6px;
    font-weight: 600;
}

body.trilha-tema .fi-badge {
    border-radius: 999px;
    font-weight: 700;
}

/* Selos: as cores de significado do guia (seção 2), iguais em todo o sistema. */
body.trilha-tema .fi-badge {
    font-size: 12px;
    --tw-ring-color: transparent;
}

body.trilha-tema .fi-badge.fi-color-success { background-color: #DCFCE7; color: #15803D; }
body.trilha-tema .fi-badge.fi-color-warning { background-color: #FEF9C3; color: #A16207; }
body.trilha-tema .fi-badge.fi-color-danger { background-color: #FEE2E2; color: #B91C1C; }
body.trilha-tema .fi-badge.fi-color-gray { background-color: #F1F5F9; color: #4B5563; }
body.trilha-tema .fi-badge.fi-color-info { background-color: #DBEAFE; color: #1D4ED8; }

body.trilha-tema .fi-badge .fi-badge-icon {
    color: currentColor;
}

/* O texto de apoio embaixo do título da página: tamanho de texto, linha de até ~80 letras. */
body.trilha-tema .fi-header-subheading {
    font-size: 15px;
    line-height: 1.5;
    max-width: 80ch;
}

body.trilha-tema .fi-breadcrumbs {
    font-size: 13px;
}

/* As abas acima das listas ("Todas", "Em aberto"...): a escolhida com o fundo clarinho da cor principal. */
body.trilha-tema .fi-tabs {
    box-shadow: none;
    border-radius: 10px;
    --tw-ring-color: var(--trilha-linha);
}

body.trilha-tema .fi-tabs-item {
    border-radius: 6px;
}

body.trilha-tema .fi-tabs-item-label {
    font-weight: 600;
}

body.trilha-tema .fi-tabs-item-active {
    background: rgba(var(--primary-50), 1);
}

body.trilha-tema .fi-tabs-item-active .fi-tabs-item-label,
body.trilha-tema .fi-tabs-item-active .fi-tabs-item-icon {
    color: rgb(var(--primary-700));
}

body.trilha-tema .fi-tabs-item:not(.fi-tabs-item-active) .fi-tabs-item-label {
    color: var(--trilha-apoio);
}

/* As tabelas: linhas finas, texto no tamanho de leitura. */
body.trilha-tema .fi-ta-ctn {
    --tw-ring-color: var(--trilha-linha);
}

body.trilha-tema .fi-ta-content,
body.trilha-tema .fi-ta-header-toolbar,
body.trilha-tema .fi-ta-footer,
body.trilha-tema .fi-ta-table > tbody,
body.trilha-tema .fi-ta-table > thead {
    border-color: var(--trilha-linha);
}

body.trilha-tema .fi-ta-table > :not([hidden]) ~ :not([hidden]),
body.trilha-tema .fi-ta-table tbody > :not([hidden]) ~ :not([hidden]) {
    border-color: var(--trilha-linha);
}

body.trilha-tema .fi-ta-text-item-label {
    font-size: 14px;
}

/* Os campos: cantos de 6px e borda fina; o foco continua na cor principal. */
body.trilha-tema .fi-input-wrp {
    border-radius: 6px;
}

body.trilha-tema .fi-input-wrp:not(:focus-within) {
    --tw-ring-color: var(--trilha-linha);
}

body.trilha-tema .fi-fo-field-wrp-label {
    font-weight: 600;
}

body.trilha-tema .fi-fo-field-wrp-helper-text,
body.trilha-tema .fi-fo-field-wrp-hint {
    font-size: 13px;
    color: var(--trilha-apoio);
}

body.trilha-tema .fi-pagination-item-button,
body.trilha-tema .fi-pagination-records-per-page-select .fi-input-wrp {
    border-radius: 6px;
}

/*
 * Botões coloridos com texto branco: o laranja e o verde do Filament não chegam a 4,5:1 com o
 * branco. Com o tema, eles usam um tom mais escuro da mesma cor (o vermelho já passa).
 */
body.trilha-tema .fi-btn.fi-color-warning:not(.fi-btn-outlined) {
    --c-500: 180, 83, 9 !important;
    --c-600: 146, 64, 14 !important;
}

body.trilha-tema .fi-btn.fi-color-success:not(.fi-btn-outlined) {
    --c-500: 21, 128, 61 !important;
    --c-600: 22, 101, 52 !important;
}

/* Fechamento do mês e Aceleradores: as tabelas no padrão do guia (sem maiúsculas, texto legível). */
body.trilha-tema .trilha-fechamento .ms-tabela {
    font-size: 14px;
}

body.trilha-tema .trilha-fechamento .ms-tabela th {
    font-size: 14px;
    font-weight: 600;
    opacity: 1;
    color: var(--trilha-apoio);
    background: var(--trilha-superficie);
    white-space: nowrap;
}

body.trilha-tema .trilha-fechamento .ms-tabela td {
    border-color: var(--trilha-linha);
}

body.trilha-tema .trilha-fechamento .ms-tabela-nota {
    font-size: 13px;
    opacity: 1;
    color: var(--trilha-apoio);
}

body.trilha-tema .trilha-fechamento .ms-vazio {
    opacity: 1;
    color: var(--trilha-apoio);
}

/* Tela vazia: a frase é o convite. */
body.trilha-tema .fi-ta-empty-state-heading {
    font-size: 18px;
    font-weight: 700;
}

/* ——— Entrada do sistema ——— */
body.trilha-tema .fi-simple-layout {
    background: var(--trilha-fundo);
}

body.trilha-tema .fi-simple-main {
    border-radius: 16px;
    box-shadow: var(--trilha-sombra-principal);
    --tw-ring-color: var(--trilha-linha);
}

body.trilha-tema .fi-simple-header-heading {
    font-weight: 800;
    font-size: 26px;
}

.trilha-caminho {
    display: flex;
    justify-content: center;
    margin: -8px 0 8px;
}

.trilha-caminho svg {
    width: 220px;
    max-width: 100%;
    height: auto;
}

.trilha-caminho path {
    fill: none;
    stroke: rgb(var(--primary-600));
    stroke-width: 2.5;
    stroke-linecap: round;
    stroke-dasharray: 1 9;
    opacity: .55;
}

/* ——— Início: hierarquia (o "Precisa de atenção" em destaque, o resto discreto) ——— */
body.trilha-tema .pb {
    --pb-linha: var(--trilha-linha);
}

body.trilha-tema .pb-cartao {
    border-radius: 10px;
    box-shadow: none;
}

body.trilha-tema .pb-cartao.pb-principal {
    border-radius: 16px;
    box-shadow: var(--trilha-sombra-principal);
}

body.trilha-tema .pb-cartao.pb-principal .pb-titulo {
    font-size: 18px;
}

body.trilha-tema .pb-numero {
    font-weight: 800;
}

body.trilha-tema .pb-rotulo,
body.trilha-tema .pb-titulo {
    font-weight: 700;
}

/* Cartões limpos: número e uma linha curta; a explicação no "i", ao passar o mouse ou tocar. */
body.trilha-tema .pb-cartao {
    position: relative;
}

body.trilha-tema .pb-cartao:has(> .trilha-ajuda) > .pb-rotulo {
    padding-inline-end: 30px;
}

body.trilha-tema .pb-linha-extra {
    color: var(--trilha-apoio);
}

/* Sem a conta escrita, o "Recebido" não precisa esticar até a altura da Receita. */
body.trilha-tema .pb-grade-2 > .pb-destaque {
    align-self: start;
}

.trilha-ajuda {
    position: absolute;
    top: 12px;
    inset-inline-end: 12px;
}

.trilha-ajuda-botao {
    display: grid;
    place-items: center;
    width: 30px;
    height: 30px;
    border-radius: 999px;
    color: var(--trilha-apoio, #5A6878);
}

.trilha-ajuda-botao:hover,
.trilha-ajuda-aberta .trilha-ajuda-botao {
    color: rgb(var(--primary-700));
    background: rgba(var(--primary-50), 1);
}

.trilha-ajuda-texto {
    display: none;
    position: absolute;
    top: 34px;
    inset-inline-end: 0;
    z-index: 20;
    width: max-content;
    max-width: min(340px, 80vw);
    padding: 12px 14px;
    background: var(--trilha-superficie, #FFFFFF);
    border: 1px solid var(--trilha-linha, #DCE3EC);
    border-radius: 10px;
    box-shadow: var(--trilha-sombra-principal);
    font-size: 13px;
    font-weight: 400;
    line-height: 1.45;
    color: var(--trilha-texto, #1B2533);
    text-align: start;
}

.trilha-ajuda:hover .trilha-ajuda-texto,
.trilha-ajuda:focus-within .trilha-ajuda-texto,
.trilha-ajuda-aberta .trilha-ajuda-texto {
    display: block;
}

.trilha-ajuda-texto .pb-conta {
    margin: 0;
}

/* ——— Painel de Bordo (e as mesmas peças no Início): só letra, cores e cantos; a estrutura fica ——— */
body.trilha-tema .pb {
    --pb-tinta: var(--trilha-texto);
    --pb-tinta-2: #3E4B5C;
    --pb-tinta-3: var(--trilha-apoio);
    --pb-fundo-suave: var(--trilha-fundo);
}

body.trilha-tema .pb-cartao {
    border-radius: 10px;
}

body.trilha-tema .pb-numero {
    font-size: 30px;
    line-height: 1.1;
}

body.trilha-tema .pb-titulo {
    font-size: 18px;
    line-height: 1.3;
}

body.trilha-tema .pb-titulo-sub,
body.trilha-tema .pb-significa {
    font-size: 13px;
}

body.trilha-tema .pb-rotulo {
    font-size: 14px;
}

/* As abas: a escolhida em texto escuro com o traço da cor principal. */
body.trilha-tema .pb-abas {
    border-color: var(--trilha-linha);
}

body.trilha-tema .pb-abas a {
    font-size: 15px;
    color: var(--trilha-apoio);
}

body.trilha-tema .pb-abas a:hover {
    color: var(--trilha-texto);
}

body.trilha-tema .pb-abas a.on {
    color: var(--trilha-texto);
    font-weight: 700;
    border-bottom-width: 3px;
}

/* O filtro: cantos de campo (6px). */
body.trilha-tema .pb-seg,
body.trilha-tema .pb-nav,
body.trilha-tema .pb-filtro select,
body.trilha-tema .pb-filtro input[type=date] {
    border-radius: 6px;
    border-color: var(--trilha-linha);
}

/* As tabelas: cabeçalho em texto de apoio, 14px, sem maiúsculas. */
body.trilha-tema .pb-tabela {
    font-size: 14px;
}

body.trilha-tema .pb-tabela th {
    font-size: 14px;
    font-weight: 600;
    color: var(--trilha-apoio);
}

body.trilha-tema .pb-tabela td,
body.trilha-tema .pb-tabela th,
body.trilha-tema .pb-lista li,
body.trilha-tema .pb-atencao li {
    border-color: var(--trilha-linha);
}

body.trilha-tema .pb-selo,
body.trilha-tema .pb-sit {
    font-size: 12px;
    font-weight: 700;
}

body.trilha-tema .pb-link {
    color: rgb(var(--primary-700));
}

/* ——— Agenda, visão Dia: sem maiúsculas; o dia de hoje com o destaque ——— */
body.trilha-tema .pl-tabela {
    border-color: var(--trilha-linha);
    border-radius: 10px;
    color: var(--trilha-texto);
    font-size: 14px;
}

body.trilha-tema .pl-tabela th {
    text-transform: none;
    letter-spacing: 0;
    font-size: 14px;
    font-weight: 600;
    color: var(--trilha-apoio);
    background: var(--trilha-superficie);
    border-color: var(--trilha-linha);
}

body.trilha-tema .pl-tabela td {
    border-color: var(--trilha-linha);
}

body.trilha-tema .pl-tabela tr.pl-hora td {
    background: var(--trilha-fundo);
    color: var(--trilha-apoio);
    font-size: 13px;
    font-weight: 700;
}

body.trilha-tema .pl-t1 {
    font-size: 14px;
    font-weight: 700;
}

body.trilha-tema .pl-t2 {
    font-size: 12px;
    color: var(--trilha-apoio);
}

body.trilha-tema .pl-sit {
    text-transform: none;
    letter-spacing: 0;
    font-size: 12px;
    border-radius: 999px;
}

body.trilha-tema .pl-aba {
    color: var(--trilha-apoio);
    font-size: 14px;
}

body.trilha-tema .pl-aba.on {
    color: var(--trilha-texto);
    border-bottom-color: rgb(var(--primary-600));
    font-weight: 700;
}

body.trilha-tema .pl-aba.hoje .n {
    background: var(--trilha-destaque, #F7D300);
    color: var(--trilha-destaque-texto, #3A3000);
    font-weight: 700;
}

body.trilha-tema .pl-obs-hi {
    background: var(--trilha-destaque, #F7D300);
    color: var(--trilha-destaque-texto, #3A3000);
}

body.trilha-tema .pl-abas-linha {
    border-color: var(--trilha-linha);
}

body.trilha-tema .ms-tabela th,
body.trilha-tema .ms-painel-bloco h3,
body.trilha-tema .ms-cartao-tutor {
    text-transform: none;
    letter-spacing: 0;
}

/* ——— Pendências do tutor: rótulos sem maiúsculas, em texto de apoio ——— */
body.trilha-tema .pd-cabecalho,
body.trilha-tema .pd-rotulo {
    text-transform: none;
    letter-spacing: 0;
    opacity: 1;
    font-size: 13px;
    font-weight: 600;
    color: var(--trilha-apoio);
}

/* ——— Minha agenda do tutor, no celular: botões grandes, o dia de hoje com o destaque ——— */
body.trilha-tema .ms-faixa-dia {
    border-color: var(--trilha-linha);
    border-radius: 12px;
    min-height: 56px;
    justify-content: center;
}

body.trilha-tema .ms-faixa-hoje {
    box-shadow: inset 0 -4px 0 var(--trilha-destaque, #F7D300);
}

body.trilha-tema .ms-faixa-hoje .ms-faixa-rotulo {
    text-decoration: none;
    font-weight: 700;
}

body.trilha-tema .ms-faixa-selecionado,
body.trilha-tema .ms-faixa-selecionado:hover {
    background: rgb(var(--primary-600));
    border-color: rgb(var(--primary-600));
}

body.trilha-tema .ms-hoje {
    background: var(--trilha-destaque-claro);
}

@media (max-width: 767px) {
    body.trilha-tema .fi-btn,
    body.trilha-tema .ms-barra .fi-btn,
    body.trilha-tema .fi-input-wrp {
        min-height: 44px;
    }

    body.trilha-tema .ms-faixa-dia {
        min-width: calc(33.333% - 6px);
        flex: 1 1 calc(33.333% - 6px);
    }

    body.trilha-tema .ms-barra-grupo {
        width: 100%;
    }

    body.trilha-tema .ms-barra-grupo > * {
        flex: 1 1 auto;
    }
}

/* ——— Etapa 7: o "i" no meio de um texto (o aviso do topo de Cobranças) ——— */
body.trilha-tema .fi-header-subheading {
    position: relative;
}

body.trilha-tema .trilha-aviso-curto {
    display: block;
}

.trilha-ajuda.trilha-ajuda-em-linha {
    position: static;
    display: inline-block;
    vertical-align: middle;
    margin-inline-start: 2px;
}

.trilha-ajuda-em-linha .trilha-ajuda-botao {
    display: inline-grid;
    width: 28px;
    height: 28px;
}

/* O balão abre embaixo do aviso, na largura dele: cabe no computador e no celular. */
.trilha-ajuda-em-linha .trilha-ajuda-texto {
    top: calc(100% + 6px);
    inset-inline: 0;
    width: auto;
    max-width: none;
    font-size: 14px;
}

.trilha-ajuda-em-linha:hover .trilha-ajuda-texto,
.trilha-ajuda-em-linha:focus-within .trilha-ajuda-texto,
.trilha-ajuda-em-linha.trilha-ajuda-aberta .trilha-ajuda-texto {
    display: block;
}

/* ——— Etapa 7: no portal do tutor, o bloco Diário com o espaçamento do bloco Aula ——— */
body.trilha-tema .trilha-diario-tutor .dl-leitura {
    display: grid;
    gap: 24px;
    line-height: 1.5rem !important;
}

body.trilha-tema .trilha-diario-tutor .dl-campo {
    display: grid;
    gap: 8px;
    margin: 0 !important;
}

body.trilha-tema .trilha-diario-tutor .dl-rotulo {
    font-size: 14px !important;
    font-weight: 500 !important;
    opacity: 1 !important;
    line-height: 1.5rem;
}

body.trilha-tema .trilha-diario-tutor .dl-aluno {
    display: grid;
    gap: 24px;
    margin-top: 0 !important;
    padding-top: 24px !important;
    border-top-color: var(--trilha-linha) !important;
}

/* ——— Etapa 7: a tabela de Cobranças cabe no computador (nenhuma coluna cortada) ———
   Menos folga entre as colunas, nome e descrição em até duas linhas e a coluna das ações presa
   na ponta direita: numa tela mais estreita, o que rola é o meio da tabela, nunca o "Editar". */
body.trilha-tema .fi-resource-cobrancas .fi-ta-table .fi-ta-text,
body.trilha-tema .fi-resource-cobrancas .fi-ta-table .fi-ta-header-cell {
    padding-inline: 5px;
}

body.trilha-tema .fi-resource-cobrancas .fi-ta-table .fi-ta-text-item-label {
    font-size: 13px;
}

body.trilha-tema .fi-resource-cobrancas .fi-ta-table td[class*="fi-table-cell-responsavel"] .fi-ta-text,
body.trilha-tema .fi-resource-cobrancas .fi-ta-table td[class*="fi-table-cell-aluno"] .fi-ta-text,
body.trilha-tema .fi-resource-cobrancas .fi-ta-table td.fi-table-cell-descricao .fi-ta-text {
    white-space: normal;
    min-width: 6rem;
}

body.trilha-tema .fi-resource-cobrancas .fi-ta-table .fi-ta-actions-cell,
body.trilha-tema .fi-resource-cobrancas .fi-ta-table .fi-ta-actions-header-cell {
    position: sticky;
    inset-inline-end: 0;
    z-index: 1;
    background: var(--trilha-superficie, #FFFFFF);
}

/* O cabeçalho preso na ponta tem o mesmo fundo do resto do cabeçalho. */
body.trilha-tema .fi-resource-cobrancas .fi-ta-table .fi-ta-actions-header-cell {
    background: rgb(var(--gray-50));
}

body.trilha-tema .fi-resource-cobrancas .fi-ta-table .fi-ta-header-cell-label {
    font-size: 13px;
    white-space: normal;
}

body.trilha-tema .fi-resource-cobrancas .fi-ta-table .fi-ta-col-wrp .fi-badge {
    font-size: 12px;
    padding-inline: 6px;
}

body.trilha-tema .fi-resource-cobrancas .fi-ta-table .fi-ta-selection-cell,
body.trilha-tema .fi-resource-cobrancas .fi-ta-table thead th:first-child {
    padding-inline: 8px 2px;
}

body.trilha-tema .fi-resource-cobrancas .fi-ta-table .fi-ta-actions-cell,
body.trilha-tema .fi-resource-cobrancas .fi-ta-table .fi-ta-actions-cell > div {
    padding-inline: 6px;
}