/* ═══ Orders History — الموبايل ═══
   يُحمَّل بعد mobile-ui.css فيغلبه بترتيب المصدر.
   ثلاثة أعمدة: التاريخ 42% · المبلغ 29% · الحالة 29% */
@media (max-width: 768px) {
  table.oh-table { display: block !important; width: 100% !important;
                   min-width: 0 !important; }
  table.oh-table > thead,
  table.oh-table > tbody { display: block !important; width: 100% !important; }
  table.oh-table thead tr.oh-subhead { display: none !important; }

  table.oh-table > thead > tr,
  table.oh-table > tbody > tr {
    display: flex !important; width: 100% !important;
    align-items: stretch !important;
  }

  table.oh-table th[data-role="drop"],
  table.oh-table td[data-role="drop"] { display: none !important; }

  table.oh-table th[data-role="identity"],
  table.oh-table td[data-role="identity"] {
    display: flex !important; align-items: center !important;
    flex: 0 0 42% !important; width: 42% !important; max-width: 42% !important;
    min-width: 0 !important; overflow: hidden !important;
    padding: 10px 6px !important; text-align: start !important;
    font-size: 12px !important; white-space: normal !important;
  }
  table.oh-table th[data-role="col"],
  table.oh-table td[data-role="col"] {
    display: flex !important; align-items: center !important;
    justify-content: flex-end !important;
    flex: 0 0 29% !important; width: 29% !important; max-width: 29% !important;
    min-width: 0 !important; overflow: hidden !important;
    padding: 10px 5px !important; text-align: end !important;
    font-size: 11.5px !important; white-space: normal !important;
    word-break: break-word !important;
  }
  table.oh-table thead th {
    font-size: 9px !important; padding: 8px 5px !important;
    text-transform: uppercase; letter-spacing: .3px;
  }
  table.oh-table tbody tr { border-bottom: 1px solid var(--border-default); }
}

/* ═══ نافذة Edit على الموبايل ═══ */
@media (max-width: 768px) {
  .modal-backdrop .app-card { padding: 16px !important; }
  .oh-item-row input.app-btn { font-size: 13px !important; padding: 8px 4px !important; }
  .modal-backdrop .grid.grid-cols-2 { grid-template-columns: 1fr !important; }
  .modal-backdrop select.app-input,
  .modal-backdrop select.app-btn { font-size: 14px !important; }
}