/* T9 AI – responsive overrides */

@media (max-width: 768px) {
    .mobile-container {
        width: 420px;
        height: 100vh;
        border: none;
        box-shadow: none;
        margin: 0 auto;
    }
    .cube-img { max-width: 220px; }
    .wallet-icon { width: 60px; }
    .connect-btn {
        font-size: 16px;
        padding: 14px 32px !important;
        min-width: 240px;
    }
    .login-exchangtext { font-size: 36px; }
}

@media (max-width: 440px) {
    body {
        display: block;
        background: var(--t9-bg-deep);
    }

    .mobile-container {
        width: 100%;
        height: 100vh;
        border: none;
        box-shadow: none;
        margin: 0;
    }
    .footer-menu { width: 100%; max-width: 100%; }
    .cube-img { max-width: 200px; }
    .wallet-icon { width: 60px; }
    .connect-btn {
        font-size: 16px;
        padding: 14px 32px !important;
        min-width: 220px;
    }
    .balance-value { font-size: 38px; }
    .login-exchangtext { font-size: 32px; }
    .header-box { min-height: 76px; padding: 14px 16px !important; }
}

@media (max-width: 360px) {
    .balance-value { font-size: 32px; }
    .dashboard-actions { gap: 8px; }
    .homebtn-box { font-size: 11px; padding: 12px 6px; }
}