/* ========================================
   RESPONSIVE STYLES
   Media Queries for Mobile/Desktop
   ======================================== */

/* Responsive grid adjustments */
@media (max-width: 480px) {
    .assets-grid.grid-view {
        grid-template-columns: 1fr;
        gap: 15px;
    }
    
    .app-container {
        max-width: 100%;
    }
    
    .header {
        padding: 0 15px 0;
    }
    
    .main-content {
        padding: 0 15px 100px;
    }
    
    .banner {
        padding: 4px 15px 8px;
    }
    
    .banner-text {
        font-size: 18px;
    }
    
    .controls-row {
        flex-wrap: nowrap;
    }
    
    .search-row {
        width: 100%;
    }
    
    .search-input-wrapper {
        width: 100%;
    }
    
    .assets-grid {
        gap: 12px;
    }
    
    .asset-card {
        padding: 15px;
    }
    
    .earnings-grid {
        grid-template-columns: 1fr;
    }
}

@media (min-width: 1200px) {
    .assets-grid.grid-view {
        gap: 20px;
    }
}