/* ═════════════ RESPONSIVE ══════════════ */
@media (max-width: 991px) {
    .sidebar {
        transform: translateX(-100%);
    }

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

    .app-main {
        margin-left: 0;
    }

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

    .kyc-grid,
    .details-grid {
        grid-template-columns: 1fr;
    }

    .header-date {
        display: none;
    }
}

@media (max-width: 599px) {
    .app-content {
        padding: 18px 14px;
    }

    .kpi-grid {
        grid-template-columns: 1fr 1fr;
        gap: 10px;
    }

    .kpi-value {
        font-size: 1.3rem;
    }

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

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

    .table-wrap {
        margin: 0 -14px;
    }

    .toast-container {
        right: 10px;
        bottom: 10px;
    }

    .toast {
        min-width: auto;
        max-width: calc(100vw - 20px);
    }

    .rating-summary {
        gap: 20px;
    }

    .header-date {
        display: none;
    }

    .profile-name {
        display: none;
    }
}

/* Mobile */

@media (max-width: 991px) {

    .sidebar {
        left: -100%;
        transition: 0.3s ease;
    }

    .sidebar.mobile-open {
        left: 0;
    }

    .app-main {
        margin-left: 0 !important;
    }
}

/* Show only mobile */
@media (max-width:991px) {

    .mobile-sidebar-close {
        display: flex;
    }
}

/* Hide on desktop */
@media (min-width:992px) {

    .mobile-sidebar-close {
        display: none !important;
    }
}