@media (max-width: 1700px) {
    .table-overview-grid {
        grid-template-columns: repeat(6, minmax(86px, 1fr));
        gap: 18px;
    }
}

@media (max-width: 1399.98px) {
    .top-header {
        grid-template-columns: auto 1fr;
        gap: 16px;
    }

    .top-left {
        gap: 16px;
    }

    .top-actions {
        gap: 12px;
    }

    .summary-card-row {
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 16px;
    }

    .table-overview-card {
        padding: 18px;
    }

    .table-overview-head {
        align-items: flex-start;
        flex-direction: column;
    }

    .table-actions {
        justify-content: flex-start;
    }

    .table-overview-grid {
        grid-template-columns: repeat(5, minmax(86px, 1fr));
        gap: 16px;
    }
}

@media (max-width: 1199.98px) {
    .sidebar {
        transform: translateX(-100%);
        transition: transform 0.22s ease;
    }

    body.sidebar-collapsed .sidebar {
        width: 250px;
        padding: 22px 14px 18px;
    }

    body.sidebar-collapsed .sidebar-brand {
        justify-content: flex-start;
    }

    body.sidebar-collapsed .sidebar-brand > div:last-child,
    body.sidebar-collapsed .sidebar-nav .nav-link span,
    body.sidebar-collapsed .plan-card {
        display: block;
    }

    body.sidebar-collapsed .branch-card {
        display: flex;
    }

    body.sidebar-collapsed .sidebar-nav .nav-link {
        justify-content: flex-start;
        padding: 0 14px;
    }

    body.sidebar-open .sidebar {
        transform: translateX(0);
    }

    .sidebar-close {
        display: inline-grid;
        place-items: center;
    }

    .top-header,
    .content-shell {
        margin-left: 0;
    }

    body.sidebar-open::after {
        content: "";
        position: fixed;
        inset: 0;
        z-index: 1045;
        background: rgba(2, 6, 23, 0.48);
    }

    .summary-card-row {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .table-overview-grid {
        grid-template-columns: repeat(4, minmax(86px, 1fr));
        max-height: 416px;
    }
}

@media (max-width: 991.98px) {
    .table-overview-grid {
        grid-template-columns: repeat(3, minmax(86px, 1fr));
        gap: 14px;
        max-height: 402px;
    }

    .table-filter {
        min-height: 34px;
        padding: 0 12px;
        font-size: 0.78rem;
    }
}

@media (max-width: 767.98px) {
    .top-header,
    .content-shell {
        padding-left: 14px;
        padding-right: 14px;
    }

    .top-header {
        min-height: auto;
        gap: 12px;
        padding-top: 12px;
        padding-bottom: 12px;
    }

    .top-left {
        gap: 10px;
    }

    .top-actions {
        justify-content: flex-end;
        gap: 8px;
    }

    .icon-button,
    .theme-toggle {
        width: 40px;
        height: 40px;
    }

    .admin-profile {
        gap: 0;
    }

    .admin-copy,
    .admin-profile .bi-chevron-down {
        display: none;
    }

    .summary-card-row {
        grid-template-columns: 1fr;
    }

    .summary-card-row > .card {
        min-height: 126px;
        padding: 20px 18px 14px;
    }

    .table-overview-card {
        padding: 14px;
        border-radius: 14px;
    }

    .table-actions {
        width: 100%;
        flex-wrap: nowrap;
        overflow-x: auto;
        padding-bottom: 4px;
    }

    .table-filter {
        flex: 0 0 auto;
        white-space: nowrap;
    }

    .table-view-btn {
        flex: 0 0 36px;
    }

    .table-overview-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 12px;
        max-height: 390px;
    }

    .table-tile {
        min-height: 118px;
    }
}

@media (max-width: 430px) {
    .top-header {
        grid-template-columns: 1fr auto;
    }

    .theme-toggle {
        display: none;
    }

    .notification-menu {
        width: min(320px, calc(100vw - 24px));
    }

    .table-overview-grid {
        grid-template-columns: 1fr;
        max-height: 430px;
    }
}