/* On narrow screens always show cards, including a saved desktop rows preference.
   Match the specificity of the desktop data-view rules; this file loads last.
   Desktop choice and localStorage remain unchanged when resizing back. */
@media(max-width:800px){
  #orders-display>.order-grid,
  #orders-display[data-view="rows"]>.order-grid,
  #orders-display[data-view="cards"]>.order-grid{
    display:grid;
    grid-template-columns:minmax(0,1fr);
  }
  #orders-display>.orders-table-wrap,
  #orders-display[data-view="rows"]>.orders-table-wrap,
  #orders-display[data-view="cards"]>.orders-table-wrap,
  #orders-display>.order-view-toggle{display:none}
}