/* Densidade é independente do estilo visual e reduz controles sem alterar a estrutura. */
body.density-compact {
    font-size: 14px;
}

body.density-compact .form-label,
body.density-compact label,
body.density-compact .form-input,
body.density-compact .form-select,
body.density-compact .btn,
body.density-compact .glass-button,
body.density-compact .button-icon,
body.density-compact .input-text,
body.density-compact .glass-input,
body.density-compact .form-control,
body.density-compact .glass-select-input,
body.density-compact .glass-select-button,
body.density-compact input,
body.density-compact select,
body.density-compact textarea {
    font-size: 13px;
}

body.density-compact h1,
body.density-compact .header h1 {
    font-size: 2.1rem;
}

body.density-compact h2 {
    font-size: 1.5rem;
}

body.density-compact h3,
body.density-compact .card-title {
    font-size: 1.2rem;
}

body.density-compact .btn,
body.density-compact .glass-button {
    min-height: 38px;
    padding: 8px 12px;
}

body.density-compact .glass-input,
body.density-compact .input-text,
body.density-compact .form-control,
body.density-compact .form-input,
body.density-compact .form-select,
body.density-compact .glass-select-input,
body.density-compact .glass-select-button {
    min-height: 38px;
    padding-top: 8px;
    padding-bottom: 8px;
}

body.density-compact .table th,
body.density-compact .table td {
    padding: 8px 10px;
    font-size: 13px;
}

body.density-compact .form-group,
body.density-compact .glass-select-wrapper {
    margin-bottom: 14px;
}

body.density-compact .card {
    padding: 18px;
    margin-bottom: 20px;
}

body.density-compact .card-header {
    padding-bottom: 10px;
    margin-bottom: 14px;
}

body.density-compact .table th,
body.density-compact .table td {
    line-height: 22px;
}

/* Densidade Grande aumenta a leitura, sem alterar a geometria da tela. */
body.density-large {
    font-size: 18px;
}

body.density-large .form-label,
body.density-large label,
body.density-large .form-input,
body.density-large .form-select,
body.density-large .btn,
body.density-large .glass-button,
body.density-large .button-icon,
body.density-large .input-text,
body.density-large .glass-input,
body.density-large .form-control,
body.density-large .glass-select-input,
body.density-large .glass-select-button,
body.density-large input,
body.density-large select,
body.density-large textarea {
    font-size: 17px !important;
}

body.density-large h1,
body.density-large .header h1 {
    font-size: 3.25rem !important;
}

body.density-large h2 {
    font-size: 2.5rem !important;
}

body.density-large h3,
body.density-large .card-title {
    font-size: 2rem !important;
}

body.density-large h4 {
    font-size: 1.75rem !important;
}

body.density-large h5 {
    font-size: 1.5rem !important;
}

body.density-large h6,
body.density-large .table th,
body.density-large .table td {
    font-size: 17px !important;
}
