/* CSS isolado no wrapper; tokens compartilhados do SimCálculo Tools. */
.simcalculo-tool--contador-caracteres.sim-contador {
    width: 100%; margin: 24px auto; padding: 24px;
    border: 1px solid var(--simcalculo-border);
    border-radius: var(--simcalculo-radius);
    background: var(--simcalculo-surface-soft);
    box-shadow: var(--simcalculo-shadow);
}
.simcalculo-tool--contador-caracteres .sim-contador__textarea {
    display: block; width: 100%; min-height: 180px; padding: 16px;
    font: inherit; line-height: 1.5; resize: vertical;
}
.simcalculo-tool--contador-caracteres .sim-contador__estatisticas {
    display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; margin-top: 20px;
}
.simcalculo-tool--contador-caracteres .sim-contador__estatistica {
    padding: 16px; border: 1px solid var(--simcalculo-border);
    border-radius: var(--simcalculo-control-radius); background: var(--simcalculo-surface); text-align: center;
}
.simcalculo-tool--contador-caracteres .sim-contador__numero {
    display: block; margin-bottom: 4px; color: var(--simcalculo-text); font-size: 24px; font-weight: 700;
}
.simcalculo-tool--contador-caracteres .sim-contador__rotulo { color: var(--simcalculo-muted); font-size: 13px; }
.simcalculo-tool--contador-caracteres .sim-contador__acoes { margin-top: 16px; text-align: right; }
@media (max-width: 760px) {
    .simcalculo-tool--contador-caracteres .sim-contador__estatisticas { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 480px) {
    .simcalculo-tool--contador-caracteres.sim-contador { padding: 16px; }
    .simcalculo-tool--contador-caracteres .sim-contador__estatisticas { gap: 10px; }
}