/* ============================================
   DASHBOARD MOBILE RESPONSIVENESS
   100px Breakpoint System
   ============================================ */

.mobile-lang-container {
    display: none;
}

.sidebar-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.4);
    backdrop-filter: blur(4px);
    z-index: 9998;
    display: none;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.sidebar-overlay.active {
    display: block;
    opacity: 1;
}

/* TABLET & SMALL LAPTOPS (< 1050px) */
/* TABLET & DESKTOP (> 1050px) - Equal 50/50 Split */
@media (min-width: 1051px) {
    .dash-split-grid {
        display: grid !important;
        grid-template-columns: 1fr 1fr !important; /* Equal distribution */
        gap: 2rem !important;
        width: 100% !important;
        align-items: stretch !important;
    }
    .dashboard-section {
        width: 100% !important;
        min-width: 0 !important;
    }
    .dashboard-section h2 {
        font-size: 1rem !important;
    }
    .btn-view-more-premium {
        padding: 6px 12px !important;
        font-size: 0.75rem !important;
    }
}

/* Stacking only on mobile (< 600px) */
@media (max-width: 600px) {
    .dash-split-grid {
        grid-template-columns: 1fr !important;
    }
}

/* TABLET (< 1050px) */
@media (max-width: 1050px) {
    .sidebar {
        transform: translateX(-100%) !important;
        transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        height: 100vh !important;
        width: 280px !important; /* Force good width on mobile */
        z-index: 9999 !important;
        background: var(--sidebar-bg) !important;
        backdrop-filter: blur(25px) !important;
        padding: 1rem !important; /* 16px all around as requested */
    }
    .sidebar.sidebar-mobile-open {
        transform: translateX(0) !important;
        box-shadow: 25px 0 50px rgba(0,0,0,0.5) !important;
    }
    .nav-item span {
        display: block !important;
        font-size: 0.9rem !important;
        opacity: 1 !important;
    }
    .nav-item.active {
        background: linear-gradient(135deg, #1e40af, #3b82f6) !important;
        color: #ffffff !important;
    }
    .nav-item.active span, .nav-item.active i {
        color: #ffffff !important;
    }
    .nav-item {
        justify-content: flex-start !important;
        padding: 9px 18px !important; /* Reduced to bring items closer */
        color: var(--text-dim);
        margin-bottom: 2px !important;
    }
    .sidebar-footer {
        padding: 16px 20px !important; /* Adjusted to 16px as requested */
    }
    .sidebar-logo span {
        display: inline !important; /* Keep it inline to prevent 'N' breaking */
        opacity: 1 !important;
        font-size: 0.85rem !important;
        white-space: nowrap !important;
        letter-spacing: 0.5px !important;
    }
    .sidebar-logo {
        display: flex !important;
        align-items: center !important;
        gap: 8px !important;
        padding: 8px 20px !important;
        margin-bottom: 10px !important;
    }
    .main-content {
        margin-left: 0 !important;
        width: 100% !important;
        padding: 0 !important;
    }
    /* Hamburger Menu Button (Requested: White box, Blue border, Blue Icon) */
    .mobile-nav-trigger-premium {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        background-color: #ffffff !important;
        background: #ffffff !important;
        width: 38px !important;
        height: 38px !important;
        border-radius: 10px !important;
        border: 2px solid #1e40af !important; /* Dark Blue Border */
        color: #1e40af !important; /* Dark Blue Icon */
        cursor: pointer;
        padding: 0 !important;
        box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05) !important;
    }

    .mobile-nav-trigger-premium i {
        color: #1e40af !important;
        font-size: 1.2rem !important;
    }

    .top-bar {
        padding: 0 1rem !important;
        margin: 0 !important;
        border-radius: 0 !important;
        min-height: 60px !important;
        gap: 8px !important;
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        align-items: center !important;
        width: 100% !important;
        left: 0 !important;
        top: 0 !important;
        position: sticky !important;
        border-left: none !important;
        border-right: none !important;
        border-top: none !important;
    }
    #user-full-name {
        display: none !important;
    }
    .welcome-section h1 {
        font-size: 0.9rem !important;
    }
    .search-section {
        display: flex !important;
        margin: 0 1rem !important;
        max-width: 320px !important;
    }
    .lang-selector-wrapper {
        display: none !important; /* Move lang selector to sidebar */
    }
    .mobile-lang-container {
        display: block !important;
    }
    .stats-grid {
        grid-template-columns: repeat(2, 1fr) !important;
    }
    /* Keep CodeForge Promo as row between 500px and 1050px */
    .codeforge-promo-premium {
        flex-direction: row !important;
        justify-content: space-between !important;
        text-align: left !important;
        align-items: center !important;
        gap: 1rem !important;
        padding: 1rem 1.5rem !important;
    }
    .codeforge-promo-premium > div:first-child {
        flex-direction: row !important;
        text-align: left !important;
    }
    .promo-subtitle-premium {
        display: none !important; /* Hide extra text to save space */
    }
}

/* TABLET/MOBILE (< 700px) */
@media (max-width: 700px) {
    #user-full-name {
        display: none !important; /* Hide user name and role on mobile header */
    }
    .top-actions {
        gap: 0.8rem !important;
    }
    .welcome-section h1 {
        font-size: 1rem !important;
    }
    .welcome-section > div:nth-child(2) {
        /* Hide the vertical gold line */
        display: none !important; 
    }
}

/* MOBILE (< 600px) */
@media (max-width: 600px) {
    .carousel-nav {
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 10px !important;
    }
    .bento-card {
        min-width: 100% !important;
    }
    .stat-card {
        min-width: 0 !important;
    }
    .robot-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 10px !important;
    }
    .robot-card {
        padding: 10px !important;
    }
    .robot-card h3 {
        font-size: 0.85rem !important;
    }
    .robot-card .price {
        font-size: 0.8rem !important;
    }

    /* VPS Mobile Slider */
    .vps-mobile-slider {
        display: flex !important;
        flex-direction: row !important;
        overflow-x: hidden !important; /* hide scrollbar since it's auto sliding */
        scroll-snap-type: x mandatory !important;
        scroll-behavior: smooth !important;
        gap: 15px !important;
        width: 100% !important;
        padding-bottom: 10px !important;
    }
    .vps-mobile-slider > div {
        min-width: 100% !important;
        scroll-snap-align: center !important;
        flex: 0 0 100% !important;
    }
    
    .vps-slider-dots {
        display: flex !important;
        justify-content: center !important;
        gap: 8px !important;
        margin-top: 5px !important;
        width: 100% !important;
    }
    
    .vps-slider-dot {
        width: 8px !important;
        height: 8px !important;
        border-radius: 50% !important;
        background: rgba(128, 128, 128, 0.3) !important;
        transition: 0.3s !important;
    }
    
    .vps-slider-dot.active {
        background: var(--gold) !important;
        width: 24px !important;
        border-radius: 4px !important;
    }
}

/* MOBILE & TABLET (< 1050px) */
@media (max-width: 1050px) {
    html, body {
        overflow-x: hidden !important; /* Block global horizontal scroll */
        width: 100% !important;
        position: relative !important;
    }

    .dashboard-container, .main-content {
        width: 100% !important;
        max-width: 100vw !important;
        overflow-x: hidden !important; /* Strict containment */
        padding-left: 3px !important; 
        padding-right: 3px !important; 
        margin: 0 !important;
        box-sizing: border-box !important;
    }

    /* TRADINGVIEW WIDGETS RESPONSIVENESS */
    .ticker-wrapper {
        padding: 0px !important;
        border-radius: 12px !important;
        width: 100% !important;
        max-width: 100% !important;
        overflow: hidden !important;
        margin-top: 5px !important;
        margin-bottom: 8px !important;
        height: 36px !important;
        min-height: 36px !important;
        border: 1px solid var(--glass-border) !important;
        background: #ffffff !important;
    }

    .stats-grid {
        margin-top: 0 !important;
        padding-top: 0 !important;
    }

    .ticker-wrapper .tradingview-widget-container, 
    .ticker-wrapper .tradingview-widget-container__widget {
        width: 100% !important;
        max-width: 100% !important;
        border-radius: 12px !important;
        height: 36px !important;
    }

    .ticker-wrapper .tradingview-widget-container iframe {
        width: 100% !important;
        max-width: 100% !important;
        border-radius: 12px !important;
        height: 46px !important; /* Original height to keep internal layout */
        margin-top: -4px !important; /* Shift up to offset internal top padding */
    }

    .bento-card .tradingview-widget-container {
        min-height: 250px !important;
    }

    /* Market/Robots Description Style */
    [data-i18n="robots-section-desc"],
    [data-i18n="market-section-desc"] {
        font-size: 0.85rem !important;
        line-height: 1.4 !important;
        max-width: 500px !important;
        color: var(--text-dim) !important;
        margin-top: 4px !important;
        display: block !important;
    }

    .top-bar {
        width: calc(100% - 6px) !important; /* 3px left + 3px right gap */
        margin: 0 3px 8px 3px !important; /* Respect the side gutters */
        border-radius: 0 0 15px 15px !important;
        padding: 0.7rem 12px !important;
        box-sizing: border-box !important;
    }

    .stats-grid {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 15px !important;
        padding: 5px !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }

    .section-header {
        margin-bottom: 0px !important;
        padding-bottom: 0px !important;
    }

    .dash-split-grid {
        display: grid !important;
        grid-template-columns: 1fr !important; /* Stack sections vertically */
        gap: 1.5rem !important;
        width: 100% !important;
        max-width: 100% !important;
    }

    .dashboard-section {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 0 1.5rem 0 !important;
        padding: 0 !important;
        box-sizing: border-box !important;
        overflow-x: hidden !important; /* Safety constraint */
    }

/* ============================================================
   GLOBAL PREMIUM CAROUSEL SYSTEM (Robots & Market)
   ============================================================ */
.robot-grid-carousel,
#dashboard-robots-grid,
#dashboard-market-preview-grid {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    overflow-x: scroll !important; /* Force scroll to be active */
    overflow-y: hidden !important;
    scroll-snap-type: x mandatory !important;
    gap: 20px !important;
    padding: 10px 5px 30px 5px !important; /* More space for scrollbar */
    touch-action: pan-x !important;
    -webkit-overflow-scrolling: touch !important;
    width: 100% !important;
    min-width: 0 !important;
}

/* HIGHLY VISIBLE Scrollbar for Desktop/Tablet */
@media (min-width: 801px) {
    .robot-grid-carousel::-webkit-scrollbar,
    #dashboard-robots-grid::-webkit-scrollbar,
    #dashboard-market-preview-grid::-webkit-scrollbar {
        display: block !important;
        height: 10px !important; /* Thicker for visibility */
    }
    .robot-grid-carousel::-webkit-scrollbar-track,
    #dashboard-robots-grid::-webkit-scrollbar-track,
    #dashboard-market-preview-grid::-webkit-scrollbar-track {
        background: rgba(0, 0, 0, 0.05) !important;
        border-radius: 10px !important;
    }
    .robot-grid-carousel::-webkit-scrollbar-thumb,
    #dashboard-robots-grid::-webkit-scrollbar-thumb,
    #dashboard-market-preview-grid::-webkit-scrollbar-thumb {
        background: #1e40af !important; /* Strong Blue */
        border-radius: 10px !important;
        border: 2px solid #f8fafc !important;
    }
}

/* Hide scrollbar ONLY on mobile/tablet touch devices */
@media (max-width: 1050px) {
    .robot-grid-carousel::-webkit-scrollbar,
    #dashboard-robots-grid::-webkit-scrollbar,
    #dashboard-market-preview-grid::-webkit-scrollbar {
        display: none !important;
    }
}

/* Card Width & Squeeze Prevention */
.robot-card-premium, 
.market-card-premium,
.dashboard-preview-card {
    flex-shrink: 0 !important; /* NEVER SQUEEZE */
}

@media (min-width: 1051px) {
    .robot-card-premium, 
    .market-card-premium,
    .dashboard-preview-card {
        flex: 0 0 92% !important; /* Balanced for 2-column desktop */
        width: 92% !important;
        min-width: 92% !important;
    }
}
@media (max-width: 1050px) {
    .robot-card-premium, 
    .market-card-premium,
    .dashboard-preview-card {
        flex: 0 0 88% !important;
        width: 88% !important;
        min-width: 88% !important;
    }



    /* Unified Premium Card Design - VERTICALLY COMPACT */
    .robot-card-premium, 
    .market-card-premium,
    .dashboard-preview-card {
        flex: 0 0 88% !important;
        width: 88% !important;
        min-width: 88% !important;
        flex-shrink: 0 !important;
        scroll-snap-align: center !important;
        padding: 0.7rem 1.1rem !important; /* Shorter top/bottom padding */
        border-radius: 14px !important;
        background: #ffffff !important;
        border: 1px solid rgba(0, 0, 0, 0.05) !important;
        box-shadow: 0 10px 40px rgba(0, 0, 0, 0.06) !important;
        margin: 0 !important;
        display: flex !important;
        flex-direction: column !important;
        gap: 8px !important; /* Tighter vertical gap */
        position: relative !important;
    }

    /* Compact Elements for shorter height */
    .robot-info-premium h4, 
    .market-card-header h4 {
        font-size: 1.05rem !important;
        font-weight: 800 !important;
        line-height: 1.1 !important;
    }

    .robot-stat-box {
        background: rgba(241, 245, 249, 0.6) !important;
        padding: 8px 12px !important; /* Shorter stat box */
        border-radius: 8px !important;
    }

    .stat-label {
        font-size: 0.65rem !important;
        font-weight: 700 !important;
        text-transform: uppercase;
        color: #64748b !important;
    }

    .stat-value {
        font-size: 0.9rem !important;
        font-weight: 800 !important;
        color: #1e40af !important;
    }

    /* Unified Action Buttons System - SHORTER */
    .robot-card-actions-premium {
        display: flex !important;
        gap: 8px !important;
        margin-top: auto !important;
        width: 100% !important;
        align-items: center !important;
    }

    .btn-premium-action,
    .btn-premium-settings {
        width: 46px !important; /* Shorter icons */
        height: 46px !important;
        min-width: 46px !important;
        padding: 0 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        border-radius: 8px !important;
        flex-shrink: 0 !important;
        font-size: 1rem !important;
    }

    .btn-premium-download, 
    .btn-market-action,
    .btn-premium-buy {
        flex: 1 !important;
        height: 46px !important; /* Shorter button height */
        font-size: 0.9rem !important;
        font-weight: 700 !important;
        border-radius: 8px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 8px !important;
    }

    .stat-card {
        min-width: 100% !important; /* One by one slide */
        height: auto !important;
        scroll-snap-align: center !important;
        min-height: 140px !important;
        background: #ffffff !important;
        border: 1px solid rgba(0,0,0,0.05) !important;
        padding: 6px !important; /* Reduced from 12px/1.2rem */
    }

    /* Compact Dashboard Section Container */
    .dashboard-section {
        padding: 0.6rem !important;
        margin-bottom: 0.6rem !important;
        border-radius: 20px !important;
    }

    .market-guide-premium {
        padding: 0.8rem !important;
        margin-bottom: 1rem !important;
        gap: 12px !important;
    }

    .market-guide-premium i {
        font-size: 1.2rem !important;
    }

    .market-guide-premium h4 {
        font-size: 0.85rem !important;
    }

    .market-guide-premium p {
        font-size: 0.7rem !important;
    }

    .section-header {
        margin-bottom: 1rem !important;
    }

    .section-header h2 {
        font-size: 0.95rem !important;
        gap: 8px !important;
    }

    .section-header h2 i {
        font-size: 1.1rem !important;
    }

    /* Compact Market Header */
    .market-header-premium {
        padding: 1rem !important;
        border-radius: 20px !important;
        margin-bottom: 1rem !important;
    }

    .market-header-premium h1 {
        font-size: 1.1rem !important;
        line-height: 1.3 !important;
    }

    .market-header-premium .btn-gold {
        padding: 8px 12px !important;
        font-size: 0.8rem !important;
    }

    .mql-market-icon {
        width: 50px !important;
        height: 50px !important;
    }

    .mql-market-icon i {
        font-size: 1.5rem !important;
    }

    .market-header-premium p {
        font-size: 0.85rem !important;
        line-height: 1.5 !important;
    }

    .market-search-container input, 
    .market-search-container select {
        font-size: 0.9rem !important;
        padding: 10px 8px !important;
    }

    .codeforge-promo-premium h2 {
        justify-content: center !important;
    }
    .welcome-section span[data-i18n="welcome-hello"] {
        display: none !important; /* Shorter welcome */
    }
    .top-bar-tooltip {
        display: none !important; /* Tooltips overflow screen */
    }
    .btn-high-iq {
        width: 100% !important;
        justify-content: center !important;
        padding: 10px 20px !important;
        font-size: 0.85rem !important;
        margin-top: 5px !important;
    }
    .codeforge-promo-premium {
        flex-direction: column !important;
        text-align: center !important;
        gap: 0.8rem !important;
        padding: 1.2rem !important;
        align-items: stretch !important;
    }
    .codeforge-promo-premium h2 {
        font-size: 1.1rem !important;
        justify-content: center !important;
        width: 100% !important;
        text-align: center !important;
    }
    .codeforge-promo-premium p {
        font-size: 0.8rem !important;
        line-height: 1.4 !important;
        text-align: center !important;
        margin: 0 auto !important;
    }
    .promo-icon-wrapper-premium, .iq-pulse-ring {
        display: none !important; /* Hide icons on small mobile to save space */
    }
    .codeforge-promo-premium > div:first-child {
        flex-direction: column !important;
        align-items: center !important;
        gap: 5px !important;
        width: 100% !important;
    }

    /* DELETED CONFLICTING SMALL-SCALE RULES TO ALLOW PREMIUM DESIGN */

    /* COMPACT INSTALLATION GUIDE (Timeline) */
    .usage-step-item {
        gap: 12px !important;
    }

    .usage-step-num {
        width: 28px !important;
        height: 28px !important;
        font-size: 0.8rem !important;
        box-shadow: 0 0 10px rgba(var(--gold-rgb), 0.2) !important;
    }

    .usage-step-item h4 {
        font-size: 0.85rem !important;
        margin-bottom: 2px !important;
    }

    .usage-step-text {
        font-size: 0.75rem !important;
        line-height: 1.4 !important;
    }

    /* Vertical line adjustment */
    .usage-step-item:parent > div[style*="position: absolute; left: 19px"] {
        left: 13px !important;
    }
    /* Better way to target the line if parent has class */
    [style*="position: relative"] > [style*="position: absolute; left: 19px"] {
        left: 14px !important;
    }

    /* COMPACT FAQ SECTION */
    .premium-faq-summary {
        padding: 10px 12px !important;
        font-size: 0.8rem !important;
    }

    .premium-faq-content {
        padding: 0 12px 10px 12px !important;
        font-size: 0.75rem !important;
    }

    .premium-faq-item {
        border-radius: 10px !important;
    }

    /* COMPACT HEADINGS */
    h3[style*="font-size: 1.6rem"], .dashboard-section h3 {
        font-size: 1.1rem !important;
    }

    div[style*="display: flex; justify-content: space-between; align-items: center; margin-bottom: 2rem;"] {
        margin-bottom: 1rem !important;
        gap: 10px !important;
    }
    
    .dashboard-section h2 {
        font-size: 1rem !important;
    }

    /* Compact guide icon */
    [style*="width: 40px; height: 40px; background: rgba(var(--gold-rgb), 0.1)"] {
        width: 32px !important;
        height: 32px !important;
    }

    [style*="width: 40px; height: 40px; background: rgba(var(--gold-rgb), 0.1)"] i {
        font-size: 0.9rem !important;
    }

    /* Reduce large container paddings */
    div[style*="padding: 2rem"] {
        padding: 1rem !important;
    }

    /* COMPACT TECH SUPPORT BUTTON */
    .btn-premium-settings[onclick*="askHelp"], .btn-premium-settings {
        padding: 0 10px !important;
        height: 32px !important;
        width: auto !important;
        min-width: auto !important;
        gap: 6px !important;
        border-radius: 8px !important;
        transform: none !important; /* Disable rotation on mobile */
    }

    .btn-premium-settings:hover {
        transform: none !important; /* Disable rotation on mobile hover */
        border-color: var(--gold) !important;
    }

    .btn-premium-settings[onclick*="askHelp"] span {
        font-size: 0.7rem !important;
        white-space: nowrap !important;
    }

    .btn-premium-settings[onclick*="askHelp"] i {
        font-size: 0.85rem !important;
    }

    /* REMOVE CAROUSEL NAV ON MOBILE */
    .carousel-nav {
        display: none !important;
    }

    .stat-card {
        min-height: 100px !important;
        padding: 0.8rem !important;
    }

    /* COMPACT MARKET TAB ELEMENTS */
    .market-header-premium {
        padding: 1rem !important;
        border-radius: 16px !important;
        margin-bottom: 1rem !important;
    }

    .market-header-premium h1 {
        font-size: 1rem !important;
        line-height: 1.3 !important;
    }

    .mql-market-icon {
        width: 50px !important;
        height: 50px !important;
    }

    .mql-market-icon i {
        font-size: 1.5rem !important;
    }

    .market-header-premium p {
        font-size: 0.75rem !important;
        line-height: 1.4 !important;
    }

    .market-search-container {
        flex-direction: column !important;
        gap: 8px !important;
    }

    .market-search-container input {
        padding: 10px 12px !important;
        font-size: 0.85rem !important;
    }

    .market-search-container select {
        width: 100% !important;
        padding: 10px 12px !important;
        font-size: 0.85rem !important;
    }

    /* COMPACT TOP BAR */
    .top-bar {
        padding: 0.5rem 1rem !important;
        height: 60px !important;
    }

    .welcome-section h1 {
        font-size: 0.9rem !important;
    }

    .search-section {
        display: none !important; /* Hide search on mobile top bar to save space */
    }

    .top-bar-icon-btn {
        width: 34px !important;
        height: 34px !important;
        font-size: 0.9rem !important;
    }

    .lang-selector {
        padding: 4px 8px !important;
    }

    .user-profile-btn img {
        width: 32px !important;
        height: 32px !important;
    }
}

/* SMALL MOBILE (< 400px) */
@media (max-width: 400px) {
    .top-bar {
        padding: 0.5rem !important;
    }
    .btn-premium-settings span {
        display: none !important;
    }
    .btn-premium-settings {
        padding: 0 12px !important;
    }
    .bento-card .tradingview-widget-container {
        min-height: 250px !important;
    }
}
/* EXTRA SMALL (< 300px) */
@media (max-width: 300px) {
    .top-actions {
        gap: 0.3rem !important;
    }
    .user-avatar {
        width: 32px !important;
        height: 32px !important;
    }
}

/* ===== COMPACT SCALING SYSTEM (500px - 1100px) ===== */
@media screen and (max-width: 1100px) and (min-width: 500px) {
    .dashboard-section {
        padding: 1rem !important;
    }

    .section-header h2 {
        font-size: 1.1rem !important;
    }

    .setup-hub-container {
        padding: 1rem !important;
        margin-bottom: 1.2rem !important;
    }

    .setup-hub-container h3.setup-title {
        font-size: 1.1rem !important;
        gap: 6px !important;
    }

    .setup-hub-container h3.setup-title i {
        font-size: 1rem !important;
    }

    .setup-hub-container p {
        font-size: 0.75rem !important;
        margin-left: 24px !important;
        margin-top: 2px !important;
    }

    .setup-progress-line {
        display: none !important; /* Hide line when cards wrap to avoid glitches */
    }

    .btn-setup-support {
        height: 32px !important;
        padding: 0 10px !important;
        font-size: 0.7rem !important;
    }

    .btn-setup-support i {
        font-size: 0.8rem !important;
    }

    .btn-setup-support span {
        font-size: 0.7rem !important;
    }

    .setup-header-wrapper {
        margin-bottom: 0.8rem !important;
        flex-direction: row !important;
        align-items: center !important;
    }

    /* Fluid Grid for setup steps - Adapts to width */
    .setup-hub-container > div[style*="display: grid"] {
        grid-template-columns: repeat(auto-fit, minmax(130px, 1fr)) !important;
        gap: 12px !important;
    }

    .setup-step-card {
        padding: 10px 5px !important;
    }

    .setup-step-card .step-number-circle {
        width: 40px !important;
        height: 40px !important;
        font-size: 1rem !important;
        margin-bottom: 8px !important;
        font-weight: 700 !important;
    }

    .setup-step-card h5 {
        font-size: 0.75rem !important;
    }

    .setup-step-card p {
        font-size: 0.65rem !important;
        line-height: 1.3 !important;
    }

    @media screen and (max-width: 950px) {
        .setup-header-wrapper {
            flex-direction: column !important;
            align-items: flex-start !important;
            gap: 10px !important;
        }
        .btn-setup-support {
            width: 100% !important;
            justify-content: center !important;
        }
    }

    }

/* Tablet & Mobile Setup Carousel (< 900px) - FORCED ONE-BY-ONE */
@media (max-width: 900px) {
    .setup-steps-carousel {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        grid-template-columns: none !important;
        overflow-x: auto !important;
        scroll-snap-type: x mandatory !important;
        gap: 0 !important;
        padding: 0 !important;
        margin: 0 !important;
        scrollbar-width: none !important;
        -ms-overflow-style: none !important;
        width: 100% !important;
    }

    .setup-steps-carousel::-webkit-scrollbar {
        display: none !important;
    }

    .setup-step-card {
        flex: 0 0 100% !important;
        width: 100% !important;
        min-width: 100% !important;
        max-width: 100% !important;
        flex-shrink: 0 !important;
        scroll-snap-align: center !important;
        padding: 30px 20px !important;
        background: transparent !important;
        border: none !important;
        box-sizing: border-box !important;
    }
    
    .setup-hub-container {
        padding: 1.5rem 0 !important;
        overflow: hidden !important;
    }
    
    .setup-header-wrapper {
        padding: 0 1.5rem !important;
    }
    
    .setup-hub-container p {
        padding: 0 1.5rem !important;
    }

    .setup-progress-line {
        display: none !important;
    }
}

/* VISIBILITY CONTROLS */
@media (max-width: 800px) {
    .hide-on-mobile { display: none !important; }
    .show-only-mobile { display: block !important; }
}
@media (min-width: 801px) {
    .show-only-mobile { display: none !important; }
}

/* INDEPENDENT MOBILE SETUP v2 (< 800px) */
@media (max-width: 800px) {
    .setup-hub-mobile-v2 {
        background: var(--bg-secondary) !important;
        backdrop-filter: blur(20px) !important;
        border: 1px solid var(--glass-border) !important;
        border-radius: 18px !important;
        margin: 1rem 0.5rem !important;
        padding: 1rem !important; /* Exactly 16px (1rem) */
        box-shadow: var(--shadow) !important;
        overflow: hidden !important;
    }

    .mobile-setup-header {
        display: flex !important;
        justify-content: space-between !important;
        align-items: flex-start !important;
        margin-bottom: 1.5rem !important;
        padding: 0 0.5rem !important;
    }

    .mobile-setup-title-group h3 {
        font-size: 1.1rem !important;
        color: var(--text-main) !important;
        margin: 0 !important;
    }

    .mobile-setup-title-group p {
        font-size: 0.8rem !important;
        color: var(--text-dim) !important;
        margin: 4px 0 0 0 !important;
    }

    .mobile-support-btn {
        width: 38px !important;
        height: 38px !important;
        border-radius: 10px !important;
        background: rgba(var(--gold-rgb), 0.1) !important;
        border: 1px solid rgba(var(--gold-rgb), 0.2) !important;
        color: var(--gold) !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    .mobile-steps-slider {
        display: flex !important;
        overflow-x: auto !important;
        scroll-snap-type: x mandatory !important;
        scrollbar-width: none !important;
        gap: 0 !important;
        width: 100% !important;
        padding: 15px 0 !important; /* Added vertical padding to prevent border clipping */
    }

    .mobile-steps-slider::-webkit-scrollbar {
        display: none !important;
    }

    .m-step-card {
        flex: 0 0 90% !important;
        min-width: 90% !important;
        scroll-snap-align: center !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        text-align: center !important;
        padding: 1.5rem !important;
        background: var(--card-bg) !important;
        border: 2px solid var(--glass-border) !important;
        border-radius: 24px !important;
        margin: 0 5% !important;
        transition: all 0.3s ease !important;
        box-shadow: var(--shadow) !important;
    }

    .m-step-card.active {
        background: rgba(var(--gold-rgb), 0.05) !important;
        border: 2px solid var(--gold) !important; /* Strong gold border for active card */
        box-shadow: 0 10px 30px rgba(var(--gold-rgb), 0.2) !important;
        transform: scale(1.02) !important;
    }

    .m-step-num {
        width: 46px !important;
        height: 46px !important;
        background: var(--bg-secondary) !important;
        color: var(--text-main) !important;
        border: 2px solid var(--gold) !important;
        border-radius: 12px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        font-weight: 800 !important;
        font-size: 1.1rem !important;
        margin-bottom: 1.2rem !important;
        box-shadow: 0 8px 16px rgba(var(--gold-rgb), 0.1) !important;
    }

    .m-step-card.m-step-5 .m-step-num {
        border: 2px solid #27ae60 !important;
    }

    .m-step-content i {
        font-size: 1.4rem !important;
        color: var(--gold) !important;
        margin-bottom: 0.8rem !important;
        display: block !important;
    }

    .m-step-content h5 {
        font-size: 1rem !important;
        color: var(--text-main) !important;
        margin-bottom: 0.5rem !important;
        text-transform: uppercase !important;
        font-weight: 800 !important;
        letter-spacing: 0.5px !important;
    }

    .m-step-content p {
        font-size: 0.85rem !important;
        color: var(--text-dim) !important;
        line-height: 1.5 !important;
        margin: 0 !important;
    }

    .m-copy-btn {
        margin-top: 1.2rem !important;
        background: var(--gold) !important;
        border: none !important;
        color: #ffffff !important;
        padding: 10px 20px !important;
        border-radius: 10px !important;
        font-size: 0.75rem !important;
        display: flex !important;
        align-items: center !important;
        gap: 8px !important;
        font-weight: 600 !important;
        box-shadow: 0 5px 15px rgba(var(--gold-rgb), 0.2) !important;
    }

    .m-copy-btn i {
        color: #ffffff !important;
        margin: 0 !important;
        font-size: 0.85rem !important;
    }
}

/* Robots Filter Bar Adaptation */
@media (max-width: 800px) {
    .setup-hub-mobile-v2 {
        margin-bottom: 10px !important;
    }

    .stats-grid {
        display: flex !important;
        flex-wrap: nowrap !important; /* Force row */
        overflow-x: auto !important; /* Internal scroll only */
        overflow-y: hidden !important;
        scroll-snap-type: x mandatory !important;
        gap: 15px !important;
        padding: 5px 5px 15px 5px !important;
        width: 100% !important;
        box-sizing: border-box !important;
        scrollbar-width: none;
        -ms-overflow-style: none;
        -webkit-overflow-scrolling: touch;
        margin-bottom: 0 !important;
    }
    .stats-grid::-webkit-scrollbar {
        display: none;
    }

    .robots-filter-bar {
        display: flex !important;
        width: 100% !important; /* Full width edge-to-edge */
        margin: 0 0 10px 0 !important; /* Removed side margins */
        justify-content: space-around !important;
        padding: 6px !important;
        background: rgba(255, 255, 255, 0.7) !important;
        backdrop-filter: blur(10px) !important;
        border-radius: 0 !important; /* Flat edges for full-width */
        border-left: none !important;
        border-right: none !important;
        border-top: 1px solid rgba(255, 255, 255, 0.5) !important;
        border-bottom: 1px solid rgba(255, 255, 255, 0.5) !important;
    }

    .robots-filter-bar .premium-nav-item {
        flex: 1 !important;
        padding: 8px 5px !important; /* Reduced padding */
        font-size: 0.8rem !important; /* Slightly smaller text */
        display: flex !important;
        flex-direction: row !important; /* Changed from column to row */
        align-items: center !important;
        justify-content: center !important;
        gap: 6px !important;
        background: transparent !important;
        color: #64748b !important;
        transition: all 0.3s ease !important;
        border: none !important;
    }

    .robots-filter-bar .premium-nav-item i {
        font-size: 0.95rem !important; /* Smaller icons for row layout */
    }

    .robots-filter-bar .premium-nav-item.active {
        background: var(--gold) !important;
        color: #ffffff !important;
        border-radius: 10px !important;
        box-shadow: 0 4px 15px rgba(var(--gold-rgb), 0.3) !important;
    }

    /* CLEAN START: Dashboard carousel rules consolidated above */
}
} /* Close the main @media (max-width: 1050px) block starting at line 242 */

/* Icon-only mode for very narrow screens (< 380px) */
@media (max-width: 380px) {
    .robots-filter-bar .premium-nav-item span {
        display: none !important;
    }
    
    .robots-filter-bar .premium-nav-item i {
        font-size: 1.4rem !important;
    }

    .robot-card-premium {
        padding: 1.2rem !important;
    }
}

/* FORCE HIDE Status Badges between 1050px and 1500px (Specific & Global) */
@media (min-width: 1050px) and (max-width: 1500px) {
    .robot-card-premium .robot-status-badge,
    .market-card-premium .robot-status-badge,
    .dashboard-preview-card .robot-status-badge,
    .robot-status-badge {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        width: 0 !important;
        height: 0 !important;
        padding: 0 !important;
        margin: 0 !important;
    }
}

@media (max-width: 1050px) {
    /* Hide all inner sub-sidebars on mobile/tablet view because their options are already inside the main hamburger menu */
    .premium-side-nav-aside,
    .market-sidebar,
    .profile-sidebar-aside,
    .mm-sidebar-aside {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        width: 0 !important;
        height: 0 !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    .sub-nav-trigger-wrapper {
        display: none !important;
    }

    .mm-grid-container {
        flex-direction: column !important;
        height: auto !important;
        gap: 1rem !important;
        padding: 0.5rem 0 !important;
    }

    .mm-analysis-grid {
        grid-template-columns: 1fr !important;
        gap: 1.5rem !important;
    }

    .main-content {
        padding: 0 !important;
        margin: 0 !important;
        width: 100% !important;
    }

    .tab-content {
        padding: 0 1rem 1.5rem 1rem !important; /* Matches topbar side gutters (16px) */
        margin: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }

    .settings-grid-container {
        flex-direction: column !important;
        gap: 1rem !important;
        padding: 0.5rem !important;
    }

    .market-grid-container {
        flex-direction: column !important;
        gap: 1rem !important;
        width: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    .market-content-area {
        width: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    #dashboard-market-grid,
    #dashboard-market-preview-grid {
        grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)) !important;
        gap: 1.2rem !important;
    }

    .dashboard-section {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    #dashboard-market-grid .market-card-premium,
    #dashboard-market-grid .robot-card-premium,
    #dashboard-market-grid .dashboard-preview-card,
    #dashboard-market-preview-grid .market-card-premium,
    #dashboard-market-preview-grid .robot-card-premium,
    #dashboard-market-preview-grid .dashboard-preview-card,
    .market-grid-container .market-card-premium,
    .market-grid-container .robot-card-premium,
    .market-grid-container .dashboard-preview-card {
        width: 100% !important;
        min-width: 0 !important;
        flex: 1 1 100% !important;
    }
}

@media (max-width: 600px) {
    #dashboard-market-grid,
    #dashboard-market-preview-grid {
        grid-template-columns: 1fr !important;
        gap: 1rem !important;
    }
}