.receipt-toolbar{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:12px;
  margin-bottom:18px;
}

.btn-back{
  text-decoration:none;
  font-weight:800;
  color:#111827;
  background:#f3f4f6;
  border:1px solid #e5e7eb;
  padding:10px 12px;
  border-radius:12px;
}

.btn-back:hover{background:#e5e7eb}

.btn-secondary{
  background:#111827;
  color:#ffffff;
  padding:10px 14px;
  border:none;
  border-radius:12px;
  cursor:pointer;
  font-size:12px;
  font-weight:800;
}

.btn-secondary:hover:not([disabled]){opacity:0.92}

.list-wrap{
  overflow:auto;
  border:1px solid #e5e7eb;
  border-radius:14px;
}

.list-table{
  width:100%;
  border-collapse:collapse;
  min-width:980px;
}

.list-table thead th{
  text-align:left;
  font-size:12px;
  letter-spacing:.04em;
  color:#6b7280;
  background:#f9fafb;
  padding:14px 14px;
  border-bottom:1px solid #e5e7eb;
}

.list-table tbody td{
  padding:14px 14px;
  border-bottom:1px solid #eef2f7;
  vertical-align:top;
}

.list-table .notes{
  max-width:320px;
  white-space:pre-wrap;
  word-break:break-word;
  color:#111827;
}

.list-table tbody tr:hover{background:#f9fafb}

.list-table .amount{
  text-align:right;
  font-variant-numeric:tabular-nums;
}

.list-table a{
  font-weight:800;
  color:#dc2626;
  text-decoration:none;
}

.list-table a:hover{text-decoration:underline}

.btn-delete{
  background:#fef2f2;
  color:#dc2626;
  border:1px solid #fecaca;
  border-radius:10px;
  padding:8px 10px;
  font-weight:800;
  cursor:pointer;
}

.btn-delete:hover{background:#fee2e2}

@media (max-width: 720px){
  .receipt-toolbar{flex-wrap:wrap; justify-content:flex-start}
}