.reins-messages-layout {
    display: flex;
    gap: 24px;
    align-items: flex-start;
}

.reins-messages-layout__main {
    flex: 1;
    min-width: 0; /* מונע מ-flex item לדחוף רוחב מעבר לזמין */
}

.reins-messages-layout__sidebar {
    flex: 0 0 300px;
}

@media (max-width: 1200px) {
    .reins-messages-layout {
        flex-direction: column;
    }

    .reins-messages-layout__sidebar {
        flex-basis: auto;
        width: 100%;
        order: 2; /* מתחת לצ'אט. להצגה מעליו: order: -1 */
    }

    .reins-messages-layout__main {
        order: 1;
    }
}