@media (max-width: 1025px) {
    .hub-top-controls {
        max-width: 100%;
        padding: 0 var(--space-md);
        gap: var(--space-xs);
        flex-wrap: wrap;
        justify-content: center;
        flex-direction: column;
        align-items: center;
    }

    .hub-top-diagnostics-info{
        position: relative;
        transform: none;
        align-self: end;
    }

    .filters-section{
        padding: 0;
    }

    .filters-content,
    .clients-section {
        max-width: 100%;
        margin: 0;
        padding: var(--space-md);
    }

    .search-sort-container {
        gap: var(--space-md);
        margin: 0;
        flex-direction: column;
    }

    .search-container {
        min-width: 0;
        width: 100%;
    }

    .sort-and-tags-row {
        width: 100%;
        gap: var(--space-sm);
        flex-wrap: wrap;
    }

    .diagnostics-grid {
        grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
        gap: var(--space-md);
    }
}

@media (max-width: 992px) {
    .filter-btn {
        padding: 10px 12px;
        font-size: 15px;
    }

    .dropbtn,
    .sort-select {
        width: 100%;
    }

    .tags-container {
        width: 100%;
        flex-wrap: wrap;
    }

    .dropdown-content {
        right: 0;
        min-width: 100%;
    }
}

@media (max-width: 768px) {
    .top-bar-questionnaire-name {
        display: none;
    }

    .sort-and-tags-row {
        margin: 0;
        justify-content: center;
    }
}

@media (max-width: 576px) {
    .hub-top-controls {
        padding: 0 var(--space-sm);
        gap: var(--space-sm);
    }

    .filters-section {
        padding: var(--space-sm);
    }

    .filter-btn {
        padding: 10px 10px;
        font-size: 14px;
    }

    .dropbtn, .sort-select {
        padding: 10px 12px;
    }

    .dropdown-content {
        max-height: 50vh;
    }

    .diagnostics-grid {
        grid-template-columns: repeat(1, minmax(300px, 1fr));
    }
}

@media (max-width: 450px) {
    .dropbtn {
        min-width: 150px;
    }
}

@media (max-width: 375px) {
    .dropbtn {
        min-width: 120px;
    }

    .diagnostic-actions__menu{
        max-width: min(260px, calc(100vw - 24px));
    }
}

@media (max-width: 768px) {
    .tax-diagnostics-calculations-container {
        max-width: 100%;
        padding: 0 var(--space-md);
    }
}