/* =========================================================
   ATLAS V6 — Order Entry Responsive Layout Styles
   ========================================================= */

@media (max-width: 1024px) {
    .order-desk-container {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 640px) {
    .form-grid-2x2 {
        grid-template-columns: 1fr;
    }
    
    .instrument-ticker-bar {
        flex-direction: column;
        align-items: flex-start;
    }
    
    .instrument-metrics {
        flex-wrap: wrap;
        gap: 0.75rem;
    }
    
    .toast-container {
        right: 12px;
        bottom: 12px;
        width: calc(100% - 24px);
    }
}