/* Roger payment history, receipt page and the profile Receipts section (Mikko 2026-10-14).
   Global on purpose: Roger does not load the WebUI scoped-CSS bundle, so .razor.css files are never applied. */
.roger-payments-table-wrapper { overflow-x: auto; }
.roger-payments-table { width: 100%; border-collapse: collapse; }
.roger-payments-table th,
.roger-payments-table td { text-align: left; vertical-align: middle; padding: 0.85rem 1rem; white-space: nowrap; border-bottom: 1px solid rgba(255, 255, 255, 0.12); }
.roger-payments-table th { font-size: 0.8rem; font-weight: 600; opacity: 0.75; }
.roger-payments-table th:first-child,
.roger-payments-table td:first-child { padding-left: 0; }
.roger-payments-table td:nth-child(2) { white-space: normal; width: 100%; }
.roger-payments-table .amount { text-align: right; font-variant-numeric: tabular-nums; }
.roger-payments-table .receipt { text-align: right; padding-right: 0; }
.roger-payments-receipt-link { display: inline-block; padding: 0.4rem 0.9rem; font-size: 0.85rem; text-decoration: none; }
@media (max-width: 650px) {
    .roger-payments-table th,
    .roger-payments-table td { padding: 0.6rem 0.5rem; }
}
.roger-receipt-page { max-width: 920px; }
.roger-receipt-toolbar { display: flex; justify-content: space-between; align-items: center; gap: 20px; margin-bottom: 20px; }
.roger-receipt-toolbar h1 { font-size: 1.4rem; margin: 0; }
.roger-receipt-toolbar p { margin: 6px 0 0; opacity: 0.8; }
.roger-receipt-actions { display: flex; gap: 8px; flex-wrap: wrap; }
.roger-receipt-paper { display: block; width: 100%; min-height: 1150px; border: 0; border-radius: 6px; background: #fff; color-scheme: light; }
.roger-receipt-email { padding: 0; }
.roger-receipt-email-form { display: flex; flex-direction: column; gap: 0.6rem; }
.roger-receipt-email-form p { margin: 0; line-height: 1.5; }
.roger-receipt-email-form label { font-weight: 600; margin-top: 0.4rem; }
.roger-receipt-email-hint { opacity: 0.75; font-size: 0.875rem; }
@media (max-width: 650px) { .roger-receipt-toolbar { flex-direction: column; align-items: flex-start; } }
@media print { .roger-receipt-toolbar, .roger-receipt-email { display: none; } }
/* Receipts section (Mikko 2026-10-14). */
.profile-receipt-list { list-style: none; margin: 0 0 1rem; padding: 0; display: flex; flex-direction: column; gap: 0.5rem; }
.profile-receipt-row { display: grid; grid-template-columns: 7.5rem minmax(0, 1fr) auto auto; align-items: center; gap: 1rem; padding: 0.75rem 1rem; border: 1px solid rgba(255, 255, 255, 0.08); border-radius: 8px; }
.profile-receipt-date { opacity: 0.75; white-space: nowrap; }
.profile-receipt-description { min-width: 0; overflow-wrap: anywhere; }
.profile-receipt-amount { white-space: nowrap; font-variant-numeric: tabular-nums; text-align: right; }
.profile-receipt-action { text-align: right; }
.profile-receipt-link { display: inline-block; padding: 0.35rem 0.85rem; font-size: 0.85rem; white-space: nowrap; text-decoration: none; }
.profile-receipts-all { display: inline-block; margin-top: 0.25rem; padding: 0.5rem 1rem; text-decoration: none; }
@media (max-width: 650px) {
    .profile-receipt-row { grid-template-columns: minmax(0, 1fr) auto; }
    .profile-receipt-description { grid-column: 1 / -1; }
}