/*
 * Densidade e tamanhos de texto iguais aos do ZoPlace (zoplace-theme.blade.php e zoplace-filament.css).
 * Só tamanhos, alturas e espaçamentos; cores e identidade continuam as do ZoFarm.
 */

/* Mantém a largura do conteúdo quando o Filament bloqueia a rolagem ao abrir um modal. */
html { scrollbar-gutter: stable; }

/* No desktop tudo que é medido em rem fica 80% (equivale ao zoom de 80% do navegador).
   No celular mantém 100% para não prejudicar o toque. */
@media (min-width: 1024px) { html { font-size: 80%; } }

:root {
    --zf-control-height: 2.15rem;
    --zf-table-row-height: 2.8rem;
}

.fi-main { padding-block: .85rem !important; }

.fi-page-header { margin-bottom: .75rem; }

.fi-page-header-heading {
    font-size: clamp(1.2rem, 1.4vw, 1.5rem);
    font-weight: 800;
    letter-spacing: -.025em;
}

.fi-page-header-description { font-size: .8rem; }

.fi-section-header,
.fi-ta-header { padding: .75rem .9rem; }

.fi-section-header-heading,
.fi-ta-header-heading { font-weight: 800; }

.fi-btn {
    font-size: .76rem;
    min-height: var(--zf-control-height);
    padding-inline: .75rem;
}

.fi-fo-field-wrp-label { font-size: .72rem; }

.fi-input,
.fi-select-input,
.fi-fo-date-time-picker input,
.fi-fo-textarea textarea {
    font-size: .82rem;
    min-height: var(--zf-control-height);
}

.fi-ta-table { font-size: .79rem; }

.fi-ta-table th { font-size: .64rem; }

.fi-ta-table th,
.fi-ta-table td { padding-block: .62rem; }

.fi-badge {
    font-size: .69rem;
    padding-inline: .6rem;
}

.fi-pagination { padding: .55rem .75rem; }

.fi-pagination-item-button { font-size: .78rem; }

@media (min-width: 768px) {
    :root {
        --zf-control-height: 1.95rem;
    }

    .fi-main { padding-block: .7rem !important; }

    .fi-page-header { margin-bottom: .6rem; }

    .fi-page-header-heading { font-size: clamp(1.1rem, 1.25vw, 1.35rem); }

    .fi-section-header,
    .fi-ta-header { padding: .65rem .75rem; }

    .fi-btn,
    .fi-input,
    .fi-select-input,
    .fi-fo-date-time-picker input,
    .fi-fo-textarea textarea { font-size: .76rem; }

    .fi-ta-table { font-size: .74rem; }

    .fi-ta-table th {
        font-size: .6rem;
        padding-block: .55rem;
    }

    .fi-ta-table tbody tr { height: var(--zf-table-row-height); }

    .fi-ta-table tbody td { padding-block: 0; }

    .fi-pagination { padding: .45rem .6rem; }
}

@media (max-width: 767px) {
    .fi-main { padding-block: .75rem !important; }

    .fi-page-header-heading { font-size: 1.3rem; }

    .fi-ta-table th,
    .fi-ta-table td { padding-block: .65rem; }

    .fi-btn { min-height: 2.55rem; }
}