@media (max-width: 1240px) {
    .standard-metric-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .standard-filter-bar {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 1024px) {
    .standard-sidebar.left-drawer {
        transform: translateX(-103%);
    }

    .standard-sidebar.left-drawer.is-open {
        transform: translateX(0);
    }

    .standard-sidebar-close {
        display: inline-grid;
    }

    .standard-topbar-search {
        display: none;
    }
}

@media (max-width: 760px) {
    .standard-page-content {
        padding: 12px;
    }

    .standard-page-header {
        align-items: stretch;
        flex-direction: column;
    }

    .standard-page-actions {
        justify-content: stretch;
    }

    .standard-page-actions .btn,
    .standard-page-actions a {
        flex: 1 1 auto;
    }

    .standard-metric-grid,
    .standard-filter-bar,
    .standard-form-grid-2,
    .standard-form-grid-3,
    .standard-form-grid-4,
    .standard-view-grid {
        grid-template-columns: 1fr;
    }

    .standard-topbar-user .chip,
    .standard-date-pill {
        display: none;
    }

    .standard-table {
        min-width: 760px;
    }

    .standard-drawer .conversion-row {
        grid-template-columns: 1fr;
    }
}

/* V3 second-pass responsive rules. */
@media (max-width: 1380px) {
    .standard-metric-grid.is-five {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 1160px) {
    .standard-metric-grid.is-five,
    .standard-metric-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .standard-filter-bar {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 760px) {
    .standard-metric-grid.is-five,
    .standard-metric-grid,
    .standard-filter-bar,
    .standard-nutrient-grid {
        grid-template-columns: 1fr;
    }

    .standard-page-actions {
        display: grid;
        grid-template-columns: 1fr 1fr auto;
    }

    .standard-page-actions .btn:not(.standard-icon-btn) {
        width: 100%;
    }

    .standard-panel-header,
    .standard-panel-footer {
        align-items: flex-start;
        flex-direction: column;
    }

    .side-panel.standard-wide-drawer,
    .side-panel.large-width,
    .side-panel {
        width: 100vw;
    }

    .standard-drawer-body {
        padding: 12px;
    }

    .standard-drawer-actions {
        padding: 11px 12px;
    }

    .standard-drawer-actions .btn {
        flex: 1 1 auto;
        min-width: 0;
    }
}

/* V3 third-pass responsive overrides for slide-in menu and compact metrics. */
@media (min-width: 1025px) {
    .standard-sidebar.left-drawer {
        transform: translateX(-103%);
    }

    .standard-sidebar.left-drawer.is-open {
        transform: translateX(0);
    }

    .standard-sidebar-close,
    .standard-menu-btn {
        display: inline-grid !important;
    }

    .standard-page-wrap {
        margin-left: 0 !important;
    }
}

@media (max-width: 1380px) {
    .standard-metric-grid.is-five {
        grid-template-columns: repeat(5, minmax(108px, 1fr));
    }
}

@media (max-width: 920px) {
    .standard-metric-grid.is-five {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .standard-filter-bar.is-library-filter {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 560px) {
    .standard-metric-grid.is-five,
    .standard-filter-bar.is-library-filter {
        grid-template-columns: 1fr;
    }
}