/* 10.0 — Serviços, cores de movimento e cartões sem bordas internas.
   Fonte única das cores de Entradas, Saídas e Serviços (mesmos valores do gráfico em Dashboard.js). */
:root{--mov-entradas:#13875A;--mov-saidas:#3457e6;--mov-servicos:#FFC222}

/* Itens ocultos por classificação não deixam espaço vazio. */
#dashboardView .finance-tile[hidden],#dashboardView .comparativo-vendas-card[hidden]{display:none!important}
#empresaModal [hidden],#editModal [hidden]{display:none!important}

/* Tom "Serviços" nos campos de lançamento/edição. */
#lancamentoModal .tone-services,#editarMesModal .tone-services{--field-tone:var(--mov-servicos)}

/* Indicadores: Entradas, Saídas e Serviços usam as cores do gráfico (tema claro e escuro). */
#dashboardView .finance-tile[data-fin="entradas"]{color:var(--mov-entradas)}
#dashboardView .finance-tile[data-fin="saidas"]{color:var(--mov-saidas)}
#dashboardView .finance-tile[data-fin="servicos"]{color:var(--mov-servicos)}
#dashboardView .finance-tile[data-fin="servicos"] small{color:#8a6500}
body.dark-mode #dashboardView .finance-tile[data-fin="servicos"] small{color:var(--mov-servicos)}
#dashboardView .finance-grid.finance-misto .finance-tile[data-fin="servicos"]{grid-column:1/-1}

/* 14. Sem bordas individuais nos campos de Resumo Financeiro e Comparativo de Vendas. */
#dashboardView .financial-card .finance-tile,
#dashboardView .comparativo-vendas-card .demo-item{border:0!important;box-shadow:none!important;background:transparent!important}
#dashboardView .financial-card .finance-grid{gap:10px 8px}
#dashboardView .financial-card .finance-tile{padding:6px 4px}
#dashboardView .comparativo-vendas-card .demo-list{padding-top:8px;border-top:1px solid color-mix(in srgb,currentColor 12%,transparent)}

/* 13. Alíquota dividida (Comércio | Serviço) em um único componente. */
#dashboardView .company-lines b.aliquota-dividida{display:inline-flex;align-items:center;gap:0;flex-wrap:wrap;white-space:normal}
#dashboardView .aliquota-parte em{font-style:normal;font-weight:800}
#dashboardView .aliquota-parte{font-weight:600}
#dashboardView .aliquota-divisor{align-self:stretch;width:1px;margin:0 9px;background:currentColor;opacity:.28}

/* 1 e 2. Detalhamento Mensal: fundos transparentes; cores = gráfico. */
#detalhamentoModal .detalhe-table :is(th,td){background:transparent!important}
#detalhamentoModal .detalhe-table thead tr:first-child th:not(.grp-ent):not(.grp-sai):not(.grp-serv){color:var(--rel-blue)!important;border-top:0!important}
#detalhamentoModal .detalhe-table thead tr:first-child th.grp-ent{color:var(--mov-entradas)!important;border-top:3px solid var(--mov-entradas)!important}
#detalhamentoModal .detalhe-table thead tr:first-child th.grp-sai{color:var(--mov-saidas)!important;border-top:3px solid var(--mov-saidas)!important}
#detalhamentoModal .detalhe-table thead tr:first-child th.grp-serv{color:var(--mov-servicos)!important;border-top:3px solid var(--mov-servicos)!important}
#detalhamentoModal .detalhe-table thead tr:nth-child(2) td.sub-ent{color:var(--mov-entradas)!important}
#detalhamentoModal .detalhe-table thead tr:nth-child(2) td.sub-sai{color:var(--mov-saidas)!important}
#detalhamentoModal .detalhe-table tbody td.tot-ent{color:var(--mov-entradas);border-inline:1px solid color-mix(in srgb,var(--mov-entradas) 30%,transparent)}
#detalhamentoModal .detalhe-table tbody td.tot-sai{color:var(--mov-saidas);border-inline:1px solid color-mix(in srgb,var(--mov-saidas) 30%,transparent)}
#detalhamentoModal .detalhe-table tbody td.col-serv{color:var(--mov-servicos)!important;font-weight:700;background:transparent!important;border-inline:1px solid color-mix(in srgb,var(--mov-servicos) 45%,transparent)}
#detalhamentoModal .detalhe-table tbody td.c-est{color:var(--rel-blue)}
#detalhamentoModal .detalhe-table tbody td:nth-child(19):not(.col-serv):not(.c-est){color:var(--ink)}


/* 10.5: linhas neutras; somente a fonte identifica cada categoria. */
#appContainer #detalhamentoModal .detalhe-table :is(th,td){border-color:var(--line)!important}
/* Serviço: agrupa os cartões no início, sem distribuir o espaço livre. */
#dashboardView .right-column.tipo-servico{justify-content:flex-start;align-content:start;gap:10px}