/* GSM UI V15 — mobile card normalization for dashboard and orders.
   Fixes initial mismatched card rendering on small screens.
   Visual layer only. */
html[data-page="orders"] .orders-card,
html[data-page="dashboard"] .dashboard-table{
  contain:layout paint style;
}
@media(max-width:700px){
  html[data-page="orders"] .orders-card .table-wrap,
  html[data-page="dashboard"] .dashboard-table .table-wrap{
    overflow:visible!important;
  }
  html[data-page="orders"] .responsive-table.orders-table tbody,
  html[data-page="dashboard"] .dashboard-table .responsive-table tbody{
    gap:10px!important;
  }
  html[data-page="orders"] .responsive-table.orders-table tr,
  html[data-page="dashboard"] .dashboard-table .responsive-table tr{
    display:block!important;
    width:100%!important;
    padding:8px 12px!important;
    border-radius:14px!important;
    background:var(--ur12-paper)!important;
    border:1px solid var(--ur12-border)!important;
    box-shadow:0 10px 26px rgba(1,10,28,.12)!important;
    color:var(--ur12-text)!important;
    transform:translateZ(0);
    -webkit-transform:translateZ(0);
    backface-visibility:hidden;
    -webkit-backface-visibility:hidden;
  }
  html[data-page="orders"] .responsive-table.orders-table td,
  html[data-page="dashboard"] .dashboard-table .responsive-table td{
    grid-template-columns:minmax(88px,31%) minmax(0,1fr)!important;
    gap:10px!important;
    padding:8px 0!important;
    color:var(--ur12-text)!important;
    border-bottom:1px dashed rgba(154,177,205,.24)!important;
    background:transparent!important;
  }
  html[data-page="orders"] .responsive-table.orders-table td:last-child,
  html[data-page="dashboard"] .dashboard-table .responsive-table td:last-child{
    border-bottom:0!important;
  }
  html[data-page="orders"] .responsive-table.orders-table td::before,
  html[data-page="dashboard"] .dashboard-table .responsive-table td::before{
    color:var(--ur12-muted)!important;
  }
  html[data-page="orders"] .responsive-table.orders-table td.table-empty-cell,
  html[data-page="dashboard"] .dashboard-table .responsive-table td.table-empty-cell{
    display:grid!important;
    grid-template-columns:1fr!important;
    place-items:center!important;
    min-height:44px!important;
    padding:18px 10px!important;
    color:var(--ur12-muted)!important;
    text-align:center!important;
    border-bottom:0!important;
  }
  html[data-page="orders"] .responsive-table.orders-table td.table-empty-cell::before,
  html[data-page="dashboard"] .dashboard-table .responsive-table td.table-empty-cell::before{
    display:none!important;
  }
  html[data-page="orders"] .orders-table .empty,
  html[data-page="dashboard"] .dashboard-table .empty{
    color:var(--ur12-muted)!important;
  }
}
@media(max-width:480px){
  html[data-page="orders"] .responsive-table.orders-table td,
  html[data-page="dashboard"] .dashboard-table .responsive-table td{
    grid-template-columns:1fr!important;
    gap:4px!important;
  }
  html[data-page="orders"] .responsive-table.orders-table td::before,
  html[data-page="dashboard"] .dashboard-table .responsive-table td::before{
    margin-bottom:2px!important;
  }
}