@media (max-width: 1100px) {
    .erp-filter-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

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

    .erp-header {
        align-items: flex-start;
    }

    .erp-header-actions {
        flex-wrap: wrap;
        justify-content: flex-end;
    }
}

@media (max-width: 820px) {
    :root {
        --sidebar-width: 100%;
    }

    .erp-header {
        flex-direction: column;
        gap: 14px;
    }

    .erp-header-actions {
        width: 100%;
        justify-content: space-between;
    }

    .erp-workspace {
        flex-direction: column;
    }

    .erp-sidebar {
        width: 100%;
        flex-basis: auto;
        min-height: auto;
    }

    .erp-sidebar-nav {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .erp-grid-2,
    .erp-kpi-grid,
    .erp-detail-grid,
    .erp-data-list-columns {
        grid-template-columns: 1fr;
    }

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

    .erp-table-wrap {
        max-height: 55vh;
    }

    .erp-form-grid {
        grid-template-columns: 1fr;
    }

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

    .erp-field-wide {
        grid-column: auto;
    }

    .erp-detail-wide {
        grid-column: auto;
    }

    .erp-auth-shell {
        min-height: auto;
        grid-template-columns: 1fr;
    }

    .erp-auth-brand {
        min-height: 210px;
    }
}

@media (max-width: 540px) {
    .erp-header-actions,
    .erp-user,
    .erp-footer {
        align-items: flex-start;
        flex-direction: column;
    }

    .erp-content {
        padding: 18px 14px;
    }

    .erp-sidebar-nav {
        grid-template-columns: 1fr;
    }

    .erp-filter-grid {
        grid-template-columns: 1fr;
    }

    .erp-list-summary,
    .erp-detail-toolbar,
    .erp-form-actions,
    .erp-readiness-banner,
    .erp-dashboard-action {
        align-items: flex-start;
        flex-direction: column;
    }

    .erp-service-grid {
        grid-template-columns: 1fr;
    }

    .erp-access-grid {
        grid-template-columns: 1fr;
    }

    .erp-data-list div {
        grid-template-columns: 1fr;
        gap: 5px;
    }

    .erp-auth-body {
        padding: 12px;
    }

    .erp-auth-brand {
        min-height: 180px;
        padding: 28px;
    }

    .erp-auth-panel {
        padding: 30px 24px;
    }
}