@media (max-width: 575px) {
    .table-wrap:not(.responsive-cards) table {
        min-width: 760px;
    }

    .result-history-grid {
        min-width: 880px;
    }

    .login-card {
        padding: 22px;
    }

    .profile-dropdown {
        position: fixed;
        top: 68px;
        right: 12px;
        left: 12px;
        width: auto;
    }
}

@media (min-width: 576px) and (max-width: 991px) {
    .shell {
        padding: 22px;
    }

    .number-grid,
    .triple-grid {
        grid-template-columns: repeat(8, minmax(0, 1fr));
    }
}

@media (min-width: 1200px) {
    .shell {
        padding: 28px 32px;
    }
}