@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");

:root {
    --app-font-sans: "Inter", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --bs-body-font-family: var(--app-font-sans);
    --app-font-size-base: .9rem;
}

html,
body {
    max-width: 100%;
}

body,
button,
input,
select,
textarea,
.form-control,
.form-select,
.btn,
.dropdown-menu,
.tooltip,
.popover {
    font-family: var(--app-font-sans);
}

button,
input,
select,
textarea,
.form-control,
.form-select,
.btn,
.dropdown-menu,
.popover {
    font-size: var(--app-font-size-base);
}

.tooltip {
    font-size: .81rem;
}

.h1, h1 { font-size: 2.25rem; }
.h2, h2 { font-size: 1.8rem; }
.h3, h3 { font-size: 1.575rem; }
.h4, h4 { font-size: 1.35rem; }
.h5, h5 { font-size: 1.125rem; }
.h6, h6 { font-size: .9rem; }

body {
    font-size: var(--app-font-size-base);
    font-optical-sizing: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background: #f7f9fc;
    color: #24324a;
    overflow-x: hidden;
}

img,
video,
iframe {
    max-width: 100%;
}

.card {
    border-radius: 1rem;
}

.alert {
    border-radius: .75rem;
}

.form-control,
.form-select,
.btn {
    min-height: 35px;
}

textarea.form-control {
    min-height: 110px;
}

.table-responsive {
    -webkit-overflow-scrolling: touch;
}

.text-break-anywhere {
    overflow-wrap: anywhere;
    word-break: break-word;
}

@media (max-width: 767.98px) {
    body {
        font-size: var(--app-font-size-base);
    }

    .container,
    .container-fluid {
        max-width: 100%;
    }

    .card {
        border-radius: .85rem;
    }

    .modal-dialog {
        margin: .75rem;
    }

    .modal-footer {
        flex-wrap: wrap;
    }

    .modal-footer .btn {
        flex: 1 1 auto;
    }

    .pagination {
        flex-wrap: wrap;
        gap: .2rem;
    }
}