@media (max-width: 1400px) {
    .charts-filters-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .charts-filters-grid .filter-actions-row {
        grid-column: 1 / -1;
    }
}

@media (max-width: 1280px) {
    .clients-filters-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .filter-actions-row {
        grid-column: 1 / -1;
    }
}

@media (max-width: 1200px) {
    .topbar {
        padding: 12px 16px;
    }

    .topbar-burger {
        display: inline-flex;
        align-items: center;
        justify-content: center;
    }

    .topbar-nav-wrap {
        display: none;
        position: absolute;
        top: calc(100% + 8px);
        right: 16px;
        width: min(320px, calc(100vw - 32px));
        background: #ffffff;
        border: 1px solid var(--border);
        border-radius: 16px;
        box-shadow: 0 8px 24px rgba(15, 23, 42, 0.12);
        padding: 10px;
    }

    .topbar-nav-wrap.open {
        display: block;
    }

    .topbar-nav {
        display: flex;
        flex-direction: column;
        align-items: stretch;
        gap: 6px;
    }

    .topbar-nav a {
        width: 100%;
        border-radius: 12px;
        padding: 10px 12px;
    }

    .ambassadors-filters-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .ambassadors-filters-grid .filter-actions-row {
        grid-column: 1 / -1;
    }
}

@media (max-width: 900px) {
    .summary-cards,
    .metrics-cards {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 768px) {
    .topbar {
        min-height: 60px;
        padding: 10px 12px;
    }

    .topbar-title {
        font-size: 15px;
        white-space: normal;
        line-height: 1.2;
        max-width: calc(100vw - 72px);
    }

    .topbar-nav-wrap {
        right: 12px;
        width: min(320px, calc(100vw - 24px));
    }

    .app-shell {
        padding: 12px;
    }

    .clients-filters-grid,
    .ambassadors-filters-grid {
        grid-template-columns: 1fr;
    }

    .filters-actions {
        flex-wrap: wrap;
        white-space: normal;
    }

    .amb-card-header {
        flex-direction: column;
        align-items: flex-start;
    }

    table.sheet-table th,
    table.sheet-table td {
        font-size: 12px;
        letter-spacing: 0.02em;
    }
}

@media (max-width: 520px) {
    .summary-cards,
    .metrics-cards {
        grid-template-columns: 1fr;
    }
}