/* Shared screen typography: readable text without scaling the layout or printouts. */
@media screen {
    body { --bs-body-font-size: 14px; font-size: 14px; }
    body.gotbl-compact-desktop { --bs-body-font-size: 14px !important; font-size: 14px !important; }
    body :is(#appvue, .dash-content, .modal, .auth-wrapper, .table-popup) :is(
        .form-control, .form-select, .form-label, label, .input-group-text,
        .btn:not(.btn-icon):not(.btn-close):not(.action-btn), .page-link,
        .select2-selection, .select2-results__option, th, td
    ) { font-size: 14px !important; }
    body :is(#appvue, .dash-content, .modal, .auth-wrapper) :is(.form-control, .form-select) {
        min-height: 32px; line-height: 1.5;
    }
    body[class] nav.gotbl-sidebar .gotbl-sidebar__menu li > a,
    body[class] nav#superadmin-sidebar.gotbl-sidebar.super-admin .gotbl-sidebar__menu li > a {
        font-size: 14px !important;
    }
    body[class] .report-drawer-links a { font-size: 14px !important; }
    body .login-panel :is(.form-label, a, .login-remember, .login-social-divider) { font-size: 15px !important; }
    body .login-panel .form-control { font-size: 17px !important; }
    body .login-panel #saveBtn { font-size: 16px !important; }
    body.website-readable { font-size: 17px; }
    body.website-readable .nav .menu-link { font-size: 15px !important; }
    body.website-readable :is(.site-page, .site-footer) :is(p, label, input, select, textarea) { font-size: 16px; }
    body.website-readable .btn { font-size: 15px; }
    @media (max-width: 600px) {
        body :is(#appvue, .modal, .auth-wrapper) :is(input.form-control, select.form-select, textarea.form-control) { font-size: 16px !important; }
    }
}