/* ===================================================
Login Page Start
=================================================== */
@media (max-width: 768px) {
    .login-card {
        flex-direction: column; /* বাম ও ডান পাশ উপর-নিচ হয়ে যাবে */
        min-height: auto;
    }

    .left-panel {
        width: 100%;
        padding: 40px 30px;
        text-align: center;
    }

    .left-content {
        max-width: 100%;
    }

    .features-list {
        display: inline-block;
        text-align: left;
    }

    .right-panel {
        width: 100%;
        padding: 40px 30px;
    }
}

@media (max-width: 480px) {
    
    .left-panel h1 {
        font-size: 26px;
    }
    
    .right-panel {
        padding: 30px 20px;
    }
}
/* ===================================================
Login Page End
=================================================== */


/* ===================================================
Dashboard Page Start
=================================================== */

/* Tablet & Mobile View Logic */
@media (max-width: 991px) {
    .mobile-header {
        display: flex; /* মোবাইল হেডার অন হবে */
    }

    .sidebar {
        transform: translateX(-100%); /* সাইডবার স্ক্রিনের বামে লুকিয়ে যাবে */
    }

    /* যখন JS দিয়ে 'open' ক্লাস অ্যাড হবে */
    .sidebar.open {
        transform: translateX(0);
    }

    .sidebar-overlay.open {
        display: block;
    }

    .main-content {
        margin-left: 0; /* ফুল উইডথ পাবে */
        padding: 20px;
    }

    .dashboard-grid {
        grid-template-columns: 1fr; /* ২য় ইমেজের মতো এক কলাম হয়ে যাবে */
    }
}

@media (max-width: 576px) {
    .stats-container {
        grid-template-columns: 1fr; /* ব্যালেন্স কার্ডগুলো উপর-নিচ হবে */
    }
    
    .stat-card h2 {
        font-size: 32px;
    }

    .activity-header {
        flex-direction: column;
        align-items: flex-start;
        gap: 15px;
    }

    .btn-history {
        width: 100%;
        text-align: center;
    }
}

/* ===================================================
Dashboard Page End
=================================================== */

/* ===================================================
Transactions Page Start
=================================================== */

@media (max-width: 992px) {
    .table-headings {
        display: none; /* মোবাইলে মেইন হেডিং হাইড হবে */
    }

    .table-row {
        grid-template-columns: 1fr 1fr; /* কলাম কমিয়ে ২ ভাগ করা হলো */
        gap: 15px;
        padding: 20px 0;
    }

    .col-hash {
        text-align: left;
        grid-column: span 2; /* হ্যাশ ফুল স্ক্রিন ছড়াবে */
    }
    
    .card-header {
        flex-direction: column;
        align-items: flex-start;
    }
    
    .header-right {
        width: 100%;
        justify-content: space-between;
    }
}

@media (max-width: 600px) {
    .card-footer {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }
    
    .header-right {
        flex-direction: column;
        align-items: flex-start;
    }
    
    .search-box {
        width: 100%;
    }
    
    .pagination {
        max-width: 100%;
        overflow-x: auto; /* ছোট স্ক্রিনে পেজিনেশন স্ক্রোল করা যাবে */
    }
}

/* ===================================================
Transactions Page End
=================================================== */


/* ===================================================
Withdrawals Page Start
=================================================== */

@media (max-width: 992px) {
    .withdraw-grid {
        grid-template-columns: 1fr;
        gap: 25px;
    }

    .card-box {
        padding: 25px;
    }
}

@media (max-width: 480px) {
    
    .no-data-msg {
        padding: 80px 0;
    }
}

/* ===================================================
Withdrawals Page End
=================================================== */


/* ===================================================
Subusers Page Start
=================================================== */


@media (max-width: 768px) {

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

    .btn-add-subuser {
        width: 100%;
        justify-content: center;
    }

    .subusers-card {
        padding: 20px;
        border-radius: 20px;
    }

    .table-labels {
        display: none;
    }
    
    .empty-state-container {
        padding: 40px 0;
    }
}

/* ===================================================
Subusers Page End
=================================================== */


/* ===================================================
subuser-withdrawals Page Start
=================================================== */

@media (max-width: 992px) {
    .team-card {
        padding: 25px;
        border-radius: 20px;
    }

    .table-headings {
        display: none;
    }

    .empty-table-msg {
        padding: 80px 15px;
        font-size: 12px;
    }
}

@media (max-width: 576px) {
    body {
        padding: 20px 10px;
    }

    .page-title {
        font-size: 26px;
    }

    .card-info-header h2 {
        font-size: 18px;
    }

    .card-info-header p {
        font-size: 13px;
    }
}

/* ===================================================
subuser-withdrawals Page End
=================================================== */

/* ===================================================
Profile Page Start
=================================================== */

@media (max-width: 768px) {
    body {
        padding: 20px 15px;
    }

    .profile-card {
        padding: 25px;
        border-radius: 20px;
    }

    .card-header h2 {
        font-size: 18px;
    }

    .card-header p {
        font-size: 13px;
    }

    .form-group input {
        padding: 12px 14px;
    }
}

/* ===================================================
Profile Page End
=================================================== */