.page-saved-chalan,
.page-saved-invoices {
  padding: 16px;
  min-height: calc(100dvh - 52px);
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
.page-saved-chalan .saved-doc-table,
.page-saved-invoices .saved-doc-table {
  max-height: calc(100dvh - 112px);
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
.saved-doc-toolbar {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  flex-wrap: wrap;
  margin-bottom: 12px;
}
.saved-doc-toolbar input,
.saved-doc-toolbar select {
  min-height: 42px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: rgb(255 255 255 / .82);
  color: var(--ink);
  padding: 8px 12px;
}
.saved-doc-table .deleted-row {
  background: #fff2f2;
}
.saved-doc-total {
  font-weight: 900;
}
.document-view-modal .modal-panel {
  width: min(980px, 96vw);
}
.document-view-modal .document-print-area {
  margin: 0 auto;
  transform-origin: top center;
}

@media (max-width: 760px) {
  .page-saved-chalan,
  .page-saved-invoices {
    padding: 12px;
  }

  html body #app .page-saved-chalan .saved-doc-table,
  html body #app .page-saved-invoices .saved-doc-table {
    max-height: none !important;
    overflow-x: visible !important;
    overflow-y: visible !important;
  }

  html body #app .page-saved-chalan .saved-doc-table > table,
  html body #app .page-saved-invoices .saved-doc-table > table,
  .saved-doc-table table {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    table-layout: auto !important;
  }

  .saved-doc-table thead {
    display: none !important;
  }

  .saved-doc-table tbody {
    display: grid !important;
    gap: 10px !important;
  }

  html body #app .page-saved-chalan .saved-doc-table tr[data-saved-doc-row],
  html body #app .page-saved-invoices .saved-doc-table tr[data-saved-doc-row],
  .saved-doc-table tr[data-saved-doc-row] {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
    width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    padding: 10px !important;
    border: 1px solid var(--line) !important;
    border-radius: 8px !important;
    background: rgb(255 255 255 / .92) !important;
    box-shadow: none !important;
  }

  :root[data-mode="night"] .saved-doc-table tr[data-saved-doc-row] {
    background: rgb(15 23 42 / .94) !important;
  }

  html body #app .page-saved-chalan .saved-doc-table td,
  html body #app .page-saved-invoices .saved-doc-table td,
  .saved-doc-table td {
    display: grid !important;
    gap: 4px !important;
    min-width: 0 !important;
    width: auto !important;
    max-width: 100% !important;
    padding: 0 !important;
    border: 0 !important;
    white-space: normal !important;
    overflow: visible !important;
    overflow-wrap: anywhere !important;
    text-align: left !important;
  }

  .saved-doc-table td::before {
    content: attr(data-cell-label);
    color: var(--muted);
    font-size: 0.68rem;
    font-weight: 850;
    letter-spacing: 0;
    text-transform: uppercase;
  }

  .saved-doc-table td[data-cell-label="Customer"],
  .saved-doc-table td[data-cell-label="Actions"],
  .saved-doc-table tr:not([data-saved-doc-row]) td {
    grid-column: 1 / -1 !important;
  }

  .saved-doc-table td.saved-doc-total.cell-ellipsis,
  .saved-doc-table .saved-doc-total {
    display: grid !important;
    justify-content: start !important;
    max-width: 100% !important;
    white-space: normal !important;
  }

  .saved-doc-actions {
    justify-content: flex-start !important;
    flex-wrap: wrap !important;
  }

  html body #app .page-saved-chalan .saved-doc-table tr[data-saved-doc-row],
  html body #app .page-saved-invoices .saved-doc-table tr[data-saved-doc-row],
  .saved-doc-table tr[data-saved-doc-row] {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    align-items: start !important;
  }

  .saved-doc-table td[data-cell-label="No"] {
    order: 1;
    gap: 2px !important;
  }

  .saved-doc-table td[data-cell-label="Status"] {
    order: 2;
  }

  .saved-doc-table td[data-cell-label="Items"] {
    order: 3;
  }

  .saved-doc-table td[data-cell-label="Total"] {
    order: 4;
  }

  .saved-doc-table td[data-cell-label="Customer"] {
    order: 5;
    grid-column: 1 / -1 !important;
  }

  .saved-doc-table td[data-cell-label="Actions"] {
    order: 6;
    grid-column: 1 / -1 !important;
  }

  .saved-doc-table .saved-doc-status-cell .badge,
  .saved-doc-table td[data-cell-label="Status"] .badge {
    width: auto !important;
    max-width: max-content !important;
    min-width: 0 !important;
    min-height: 30px;
    padding: 5px 10px;
    justify-self: start;
    border-radius: 999px;
    line-height: 1.1;
  }

  .saved-doc-table .saved-doc-stamp {
    margin-top: 0;
    line-height: 1.08;
  }

  .saved-doc-table td.saved-doc-total.cell-ellipsis,
  .saved-doc-table .saved-doc-total {
    justify-content: start !important;
  }

  .document-view-modal .modal-panel {
    width: min(100%, calc(100vw - 24px));
  }

  .document-view-modal .document-print-area {
    zoom: 0.72;
  }
}