@media (min-width:761px) {
  /* Phiếu Trả owns the same full-screen desktop frame as Phiếu Bán.  Keep
     these rules local so the legacy card/list surfaces cannot constrain it. */
  body.returns-mode .app-shell {
    height: 100vh;
    min-height: 0;
    font-family: "Be Vietnam Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
  }
  body.returns-mode .main {
    height: 100vh;
    min-height: 0;
    padding: 0;
    gap: 0;
    background: #f8fafc;
  }
  body.returns-mode .standard-topbar {
    position: relative;
    top: auto;
    z-index: 20;
    display: flex;
    align-items: center;
    gap: 8px;
    min-height: 56px;
    width: 100%;
    min-width: 0;
    box-sizing: border-box;
    margin: 0;
    padding: 10px 24px;
    border: 0;
    border-bottom: 1px solid #e2e8f0;
    border-radius: 0;
    background: #ffffff;
    box-shadow: none;
    backdrop-filter: none;
  }
  body.returns-mode .standard-topbar > .mobile-subpage-back,
  body.returns-mode .standard-topbar .topbar-title .purchase-topbar-search {
    display: none;
  }
  body.returns-mode .standard-topbar .topbar-title {
    display: flex;
    align-items: center;
    gap: 9px;
    flex: 0 0 auto;
    min-width: 170px;
  }
  body.returns-mode .standard-topbar .topbar-title h1 {
    color: #0f172a;
    font-size: 1rem;
    line-height: 24px;
    font-weight: 800;
  }
  body.returns-mode .standard-topbar .top-actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    flex: 1 1 auto;
    min-width: 0;
    flex-wrap: nowrap;
  }
  body.returns-mode .standard-topbar .standard-search-box {
    order: 1;
    width: min(240px, 22vw);
    min-height: 32px;
    border-radius: 9px;
    background: #f8fafc;
  }
  body.returns-mode .standard-topbar .standard-search-box input {
    height: 30px;
    min-height: 30px;
    font-size: 0.74rem;
  }
  body.returns-mode .standard-topbar .advanced-filter-wrap,
  body.returns-mode .standard-topbar .orders-import-menu,
  body.returns-mode .standard-topbar .orders-topbar-filters {
    flex: 0 0 auto;
  }
  body.returns-mode .standard-topbar .orders-topbar-filters {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    order: 4;
  }
  body.returns-mode .standard-topbar .order-date-filter-field {
    gap: 4px;
    font-size: 0.68rem;
  }
  body.returns-mode .standard-topbar .order-date-filter-field input,
  body.returns-mode .standard-topbar .order-filter-date-wrap {
    width: 88px;
  }
  body.returns-mode .standard-topbar .order-date-filter-field input {
    min-height: 32px;
    height: 32px;
    padding: 0 8px;
    border-radius: 9px;
    font-size: 0.7rem;
  }
  body.returns-mode .standard-topbar .orders-date-apply,
  body.returns-mode .standard-topbar .orders-misa-export,
  body.returns-mode .standard-topbar .advanced-filter-button,
  body.returns-mode .standard-topbar .orders-import-button {
    min-height: 32px;
    padding: 0 10px;
    border-radius: 9px;
    font-size: 0.7rem;
  }
  body.returns-mode .standard-topbar .advanced-filter-wrap { order: 2; }
  body.returns-mode .standard-topbar .orders-import-menu { order: 3; }

  body.returns-mode #returnsView > .return-list-header { display:none; }
  body.returns-mode #returnsView.active { display:grid;grid-template-rows:minmax(0,1fr) auto;height:100%;min-height:0;gap:0;padding:0;overflow:hidden; }
  body.returns-mode #returnsView .returns-desktop-list { min-width:0;min-height:0;overflow:auto;background:#fff; }
  .returns-desktop-table-wrap { width:100%;min-width:0;overflow-x:auto; }
  .returns-desktop-table { width:100%;min-width:1180px;border-collapse:collapse;table-layout:fixed;color:#334155;font-size:.72rem; }
  .returns-desktop-table thead { position:sticky;top:0;z-index:2;background:#f8fafc;box-shadow:0 1px 0 #e2e8f0;color:#64748b; }
  .returns-desktop-table th { height:42px;padding:0 14px;border-bottom:1px solid #e2e8f0;text-align:left;font-size:.66rem;font-weight:800;letter-spacing:.025em;line-height:1.2;text-transform:uppercase;white-space:nowrap; }
  .returns-desktop-table td { height:52px;padding:7px 14px;border-bottom:1px solid #edf2f7;vertical-align:middle;line-height:1.25; }
  .returns-desktop-table tbody tr[data-return-receipt-card] { cursor:pointer;transition:background-color 160ms ease; }
  .returns-desktop-table tbody tr[data-return-receipt-card]:hover td { background:#f8fbff; }
  .returns-desktop-table tbody tr.is-expanded td { background:#f8fbff;border-bottom-color:#bfdbfe; }
  /* Match the 100% column rhythm of Phiếu Bán so no field is pushed into a
     neighbouring column when the desktop viewport changes width. */
  .returns-col-check { width:3%; }.returns-col-code { width:9%; }.returns-col-order { width:9%; }.returns-col-date { width:9%; }.returns-col-customer { width:17%; }.returns-col-channel { width:8%; }.returns-col-status,.returns-col-payment { width:8%; }.returns-col-number { width:7%; }.returns-col-money { width:8%; }.returns-col-actions { width:7%; }
  .returns-desktop-check { text-align:center; }.returns-desktop-check input { width:16px;height:16px;margin:0; }
  .returns-desktop-code strong { color:#2563eb;font-family:var(--font-mono);font-size:.74rem;font-weight:800;white-space:nowrap; }.returns-desktop-order,.returns-desktop-number,.returns-desktop-money { font-family:var(--font-mono);white-space:nowrap; }.returns-desktop-order { color:#475569; }.returns-desktop-number,.returns-desktop-money { text-align:right; }
  /* Keep these as real table cells; applying grid to a td makes the browser collapse the date and customer columns into one visual column. */
  .returns-desktop-date,.returns-desktop-customer { min-width:0;vertical-align:middle; }.returns-desktop-date strong,.returns-desktop-customer strong { display:block;overflow:hidden;color:#0f172a;font-size:.75rem;font-weight:700;text-overflow:ellipsis;white-space:nowrap; }.returns-desktop-date small,.returns-desktop-customer small { display:block;overflow:hidden;color:#94a3b8;font-size:.66rem;text-overflow:ellipsis;white-space:nowrap; }
  .returns-desktop-channel { display:inline-flex;align-items:center;min-height:22px;padding:0 8px;border:1px solid #dbeafe;border-radius:6px;color:#1d4ed8;background:#eff6ff;font-size:.68rem;font-weight:700;white-space:nowrap; }.returns-desktop-badge { display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:999px;font-size:.66rem;font-weight:800;white-space:nowrap; }.returns-desktop-badge.is-complete,.returns-desktop-badge.is-refunded { color:#006c49;background:#6cf8bb80; }.returns-desktop-badge.is-canceled { color:#ba1a1a;background:#ffdad699; }
  .returns-desktop-actions { text-align:center;white-space:nowrap; }.returns-desktop-actions button { display:inline-grid;place-items:center;width:28px;height:28px;margin:0 2px;padding:0;border:1px solid #e2e8f0;border-radius:7px;color:#64748b;background:#fff; }.returns-desktop-actions button:hover:not(:disabled) { color:#1d4ed8;border-color:#93c5fd;background:#eff6ff; }.returns-desktop-actions .icon,.returns-desktop-actions svg { width:15px;height:15px; }.returns-desktop-empty { padding:48px!important;text-align:center!important;color:#94a3b8; }
  .returns-desktop-detail td { padding:0;background:#f8fbff; }.returns-desktop-detail .order-inline-detail { margin:0;padding:16px 24px;border:0;border-radius:0;background:transparent; }
  #returnReceiptsPagination { min-height:48px;margin:0;padding:7px 24px;border:0;border-top:1px solid #e2e8f0;border-radius:0;background:#fff; }
}