/* AI Forecast Grid */
        .ai-grid {
            display: grid;
            grid-template-columns: 1fr 1.2fr;
            gap: 15px;
        }

        @media (max-width: 768px) {
            .ai-grid {
                grid-template-columns: 1fr;
                gap: 12px;
            }

            .ai-card-header {
                flex-direction: column;
                align-items: stretch !important;
                gap: 15px;
            }

            .ai-card-header button {
                width: 100% !important;
                text-align: center;
                justify-content: center;
                display: flex;
                align-items: center;
                gap: 8px;
            }
        }

        .nav-btn.active {
            background: var(--primary-light);
            color: var(--primary);
        }

        .nav-footer {
            margin-top: auto;
        }