/* ========================================
   NEXUS RESPONSIVE
   ======================================== */

@media (max-width: 768px) {
    .demo-close {
        top: 1rem;
        left: 1rem;
        width: 40px;
        height: 40px;
    }

    .demo-close svg {
        stroke: white;
    }

    .nexus-header {
        padding: 1rem;
        gap: 1rem;
        flex-wrap: wrap;
    }

    /* Removed .nexus-logo-text display:none - icon now visible on mobile */

    .nexus-nav-tabs {
        width: 100%;
        order: 3;
        justify-content: space-around;
    }

    .nexus-tab {
        padding: 0.5rem 0.75rem;
        font-size: 0.85rem;
    }

    .nexus-tab span {
        display: none;
    }

    .nexus-main {
        padding: 1rem;
    }

    .nexus-balance-card {
        padding: 1.5rem;
    }

    .nexus-balance-amount {
        font-size: 2.5rem;
    }

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

    .nexus-action-btn {
        padding: 1rem 0.75rem;
    }

    .nexus-action-icon {
        width: 48px;
        height: 48px;
    }

    .nexus-transaction {
        padding: 0.75rem;
    }

    .nexus-transaction-icon {
        width: 40px;
        height: 40px;
    }
}

@media (max-width: 480px) {
    .nexus-header {
        padding: 0.75rem;
    }

    .nexus-logo-icon {
        width: 32px;
        height: 32px;
        font-size: 1.2rem;
    }

    .nexus-balance-amount {
        font-size: 2rem;
    }

    .nexus-balance-card {
        padding: 1.25rem;
    }
}