@media (min-width: 576px) {
    .kpi-grid { grid-template-columns: repeat(2, 1fr); gap: 1rem; }
    .kpi-value { font-size: 1.4rem; }
    .auth-card { padding: 2rem 1.75rem; }
    .activity-item .text-end {
        width: auto; text-align: right !important;
        padding-left: 0; margin-left: auto;
    }
    .activity-item { align-items: center; flex-wrap: nowrap; }
}

@media (min-width: 768px) {
    .app-content { padding: 1.5rem 2rem; }
    .app-navbar { padding: 0.75rem 2rem; flex-wrap: nowrap; gap: 1rem; }
    .navbar-search { order: unset; flex: 1; max-width: 420px; width: auto; }
    .mobile-search-bar { display: none !important; }
    .page-header {
        flex-direction: row; align-items: flex-start;
        justify-content: space-between; margin-bottom: 1.75rem;
    }
    .page-header h1 { font-size: 1.65rem; }
    .page-hero-inner { flex-direction: row; align-items: center; justify-content: space-between; }
    .page-hero h1 { font-size: 2rem; }
    .page-header .btn, .page-header .d-flex { width: auto; }
    .page-header .d-flex.gap-2 { flex-direction: row; }
    .chart-container { height: 280px; }
    .kpi-grid { grid-template-columns: repeat(2, 1fr); margin-bottom: 1.75rem; }
    .kpi-card { padding: 1.35rem; }
    .kpi-value { font-size: 1.55rem; }
    .card-icp .card-header { padding: 1.1rem 1.35rem; }
    .card-icp .card-body { padding: 1.35rem; }
    .table-icp { font-size: 0.875rem; }
    .app-footer {
        flex-direction: row; justify-content: space-between;
        text-align: left; padding: 1rem 2rem;
    }
    .auth-card { padding: 2.5rem; }
}

@media (min-width: 992px) {
    .app-sidebar { display: flex; }
    .app-main { margin-left: var(--icp-sidebar-width); }
    .sidebar-brand { padding: 1.5rem 1.5rem; font-size: 1.1rem; }
    .sidebar-nav { padding: 1rem 1rem; }
    .app-content { padding: 1.75rem 2.25rem; }
    .kpi-grid { grid-template-columns: repeat(4, 1fr); gap: 1.125rem; }
    .kpi-value { font-size: 1.65rem; }
    .chart-container { height: 300px; }
}

@media (min-width: 1200px) {
    .app-navbar { padding: 0.875rem 2.5rem; }
    .app-content { padding: 2rem 2.5rem; }
}

@media (max-width: 767.98px) {
    .navbar-search--desktop { display: none !important; }
    .card-icp .table-responsive { position: relative; }
    .card-icp .table-responsive::after {
        content: '';
        position: absolute; top: 0; right: 0; bottom: 0; width: 20px;
        pointer-events: none;
        background: linear-gradient(to left, rgba(255, 255, 255, 0.95), transparent);
        border-radius: 0 var(--icp-radius) var(--icp-radius) 0;
    }
    .card-icp .card-header.d-flex {
        flex-direction: column; align-items: flex-start !important; gap: 0.5rem;
    }
    .dropdown-menu { max-width: calc(100vw - 2rem); }
    .page-header .btn-group,
    .page-header .d-flex.gap-2 .btn { width: 100%; }
    .card-icp .card-body .row.g-2 > [class*="col-"],
    .card-icp .card-body .row.g-3 > [class*="col-"] {
        flex: 0 0 100%; max-width: 100%;
    }
}

@media (min-width: 768px) {
    .navbar-search--desktop { display: flex !important; }
}