/* Profile left sidebar — scrollable on its own */
.profile-sidebar {
    max-height: calc(100vh - 100px);
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: rgba(240,180,41,0.3) transparent;
}
.profile-sidebar::-webkit-scrollbar { width: 4px; }
.profile-sidebar::-webkit-scrollbar-track { background: transparent; }
.profile-sidebar::-webkit-scrollbar-thumb { background: rgba(240,180,41,0.3); border-radius: 2px; }

/* Prompt 9 — Mobile responsiveness fixes */

/* Wizard steps horizontal scroll */
.wizard-steps {
    overflow-x: auto;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
}
.wizard-steps::-webkit-scrollbar { display: none; }

/* Chat input row stacks on mobile */
@media (max-width: 575.98px) {
    .chat-input-row,
    #chat-input-row {
        flex-direction: column !important;
        gap: 8px !important;
    }

    .chat-input-row input,
    #chat-input-row input,
    #chat-input-row textarea {
        width: 100% !important;
    }

    /* Flex rows with buttons that overflow */
    .fp-btn-row,
    .league-predict-row,
    .em-actions,
    .otp-btn-row {
        flex-wrap: wrap;
    }

    /* Market card footer on mobile */
    .mc-footer {
        flex-wrap: wrap;
        gap: 8px;
    }

    /* Profile action buttons */
    .author-actions,
    .cmc-actions {
        flex-wrap: wrap;
    }

    /* Connect page quick chips */
    .qchip-row {
        flex-wrap: wrap;
    }
}

/* Tables without explicit wrappers */
.notif-page table,
.ranking-page table,
.fp-leaders table {
    display: block;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}