.payment-table {
  min-width: 1450px;
  font-size: 11px;
}
.payment-table th {
  position: sticky;
  top: 0;
}
.payment-table td {
  padding: 11px 12px;
}
.payment-table tbody tr:nth-child(even) {
  background: var(--cream);
}
.payment-table td:first-child,
.payment-table td:nth-child(2) {
  white-space: nowrap;
}
.payment-amount {
  text-align: right;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
  font-weight: 600;
}
.payment-status {
  display: inline-block;
  padding: 4px 9px;
  border-radius: 4px;
  font-size: 10px;
  font-weight: 600;
}
.payment-status.done {
  color: #315b3a;
  background: #e5eee0;
}
.payment-status.waiting {
  color: #886817;
  background: #fff3ce;
}
.payment-note {
  min-width: 180px;
  white-space: pre-wrap;
}
.payment-panel .table-wrap {
  max-height: 65vh;
}
@media print {
  .payment-table {
    min-width: 0;
    font-size: 8px;
  }
  .payment-table th,
  .payment-table td {
    padding: 5px;
  }
  .payment-note {
    min-width: 0;
  }
  .payment-panel .table-wrap {
    max-height: none;
    overflow: visible;
  }
}
.payment-method-menu {
  position: relative;
  min-width: 190px;
  font-size: 12px;
}
.payment-method-menu summary {
  cursor: pointer;
  border: 1px solid var(--border);
  border-radius: 5px;
  padding: 9px 12px;
  background: #fff;
  color: #333;
  min-height: 39px;
}
.payment-method-options {
  position: absolute;
  top: calc(100% + 6px);
  left: 0;
  z-index: 10;
  width: 270px;
  max-width: 85vw;
  background: #fff;
  border: 1px solid var(--border);
  border-radius: 7px;
  padding: 12px;
  box-shadow: 0 8px 24px #0002;
}
.payment-method-options fieldset {
  border: 0;
  padding: 0;
  margin: 0;
}
.payment-method-options legend {
  font-size: 10px;
  color: var(--muted);
  margin-bottom: 8px;
}
.payment-method-options label {
  flex-direction: row;
  align-items: center;
  gap: 10px;
  padding: 7px 6px;
  font-size: 12px;
  cursor: pointer;
  border-radius: 4px;
}
.payment-method-options label:hover {
  background: var(--cream);
}
.filters .payment-method-options input[type="checkbox"] {
  width: 16px;
  height: 16px;
  padding: 0;
  margin: 0;
  accent-color: var(--red);
}
.payment-method-shortcuts {
  display: flex;
  gap: 10px;
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid var(--border);
}
.payment-method-shortcuts button {
  background: transparent;
  padding: 0;
  color: var(--red);
  font-size: 11px;
}