/* Shared responsive layer for SIM ESKUL pages */
html, body {
    max-width: 100%;
    overflow-x: hidden;
}

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

.navbar .container,
.navbar .container-fluid {
    row-gap: 0.5rem;
}

.navbar .navbar-text {
    white-space: normal;
    font-size: 0.92rem;
}

.card,
.modal-content {
    border-radius: 12px;
}

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

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

@media (max-width: 991.98px) {
    .container,
    .container-fluid {
        padding-left: 12px;
        padding-right: 12px;
    }

    h1 { font-size: 1.6rem; }
    h2 { font-size: 1.45rem; }
    h3 { font-size: 1.3rem; }
    h4 { font-size: 1.2rem; }
    h5 { font-size: 1.08rem; }

    .navbar .navbar-brand {
        font-size: 1rem;
    }

    .table {
        display: block;
        width: 100%;
        overflow-x: auto;
        white-space: nowrap;
        font-size: 0.9rem;
    }

    .btn-group-mobile-stack .btn,
    .quick-actions .btn {
        width: 100%;
    }
}

@media (max-width: 575.98px) {
    .card-body {
        padding: 0.85rem;
    }

    .btn {
        font-size: 0.9rem;
    }
}