.t21-support-account { --t21-gold:var(--c-main,#c8a96a); --t21-card:#fff; --t21-soft:rgba(161,124,64,.055); --t21-line:rgba(161,124,64,.3); color:inherit; font:inherit; line-height:1.6; }
.t21-support-account[data-t21-theme="dark"] { --t21-card:#202020; --t21-soft:rgba(193,158,99,.09); --t21-line:rgba(193,158,99,.38); --t21-gold:#c19e63; }
.t21-support-account .ff_transactions_wrapper { margin:0 0 40px; }
.t21-support-account h3, .t21-support-account h4 { color:inherit!important; font-family:inherit; font-weight:400; line-height:1.3; }
.t21-support-account h3 { font-size:clamp(25px,3vw,32px); margin:0 0 22px; }
.t21-support-account h4 { font-size:23px; margin:0 0 18px; }
.t21-support-account .ff_subscriptions { display:grid; gap:18px; }
.t21-support-account .ff_subscriptions .ff_subscription { color:inherit!important; background:var(--t21-card)!important; border:1px solid var(--t21-line)!important; border-top:3px solid var(--t21-gold)!important; border-radius:4px; padding:24px!important; }
.t21-support-account .ff_subscription_header { gap:24px; align-items:flex-start; }
.t21-support-account .ff_subscription_header > .ff_pay_info { flex:1 1 300px!important; min-width:0; }
.t21-support-account .ff_subscription_header > .ff_plan_info { flex:0 1 270px!important; min-width:0; }
.t21-support-account .ff_form_name { font-size:18px!important; font-weight:600!important; margin-bottom:7px; }
.t21-support-account .ff_sub_name { color:inherit!important; font-size:15px; padding-bottom:12px!important; }
.t21-support-account .ff_sub_input_name { display:none; }
.t21-support-account .head_payment_amount { display:flex; flex-wrap:wrap; align-items:center; gap:6px; }
.t21-support-account .pay_amount { font-size:25px!important; font-weight:600; line-height:1.3!important; font-variant-numeric:tabular-nums; }
.t21-support-account .ff_billing_text { flex-basis:100%; font-size:14px; margin:8px 0 0!important; padding:0!important; opacity:.8; }
.t21-support-account .ff_billing_dates { font-size:14px; padding:0 0 14px!important; }
.t21-support-account .ff_payment_count_btn, .t21-support-account .sub_cancel_btns { display:flex; flex-wrap:wrap; gap:10px; justify-content:flex-end; }
.t21-support-account .ff_subscription button { min-height:44px; padding:11px 17px!important; border:1px solid var(--t21-gold)!important; border-radius:4px!important; background:transparent!important; color:inherit!important; font:inherit!important; font-size:14px!important; font-weight:600!important; line-height:1.35!important; white-space:normal!important; text-transform:none!important; box-shadow:none!important; cursor:pointer; }
.t21-support-account .ff_subscription button:hover { background:var(--t21-soft)!important; }
.t21-support-account .ff_subscription button:focus-visible, .t21-support-account a:focus-visible { outline:2px solid var(--t21-gold)!important; outline-offset:3px; }
.t21-support-account .ff_subscription button:disabled { opacity:.55; cursor:wait; }
.t21-support-account .ff_subscription button.ff_cancel_subscription { border-color:var(--t21-line)!important; }
.t21-support-account .ff_sub_cancel_confirmation { margin:22px 0 0!important; padding:22px!important; background:var(--t21-soft)!important; border:1px solid var(--t21-line); border-radius:4px; color:inherit!important; }
.t21-support-account .ff_sub_cancel_confirmation h4 { font-size:21px; }
.t21-support-account .sub_cancel_btns { justify-content:center; }
.t21-support-account .ff_subscription button.ff_confirm_subscription_cancel { color:#fff!important; background:#854335!important; border-color:#854335!important; }
.t21-support-account .ff_subscription button.ff_confirm_subscription_cancel:hover { background:#71372b!important; }
.t21-support-account .ff_sub_message_notices { flex-basis:100%; margin:8px 0 0; font-size:14px; }
.t21-support-account .ff_subscription_payments { color:inherit!important; }
.t21-support-account .ff_subscription_payments.ff_has_payments { margin:22px 0 0!important; padding:22px!important; background:var(--t21-soft)!important; border:1px solid var(--t21-line)!important; border-radius:4px; }
.t21-support-account .ff_transactions, .t21-support-account .ff_subscription_payments, .t21-support-account .ff_payment_transaction { overflow-x:auto; }
.t21-support-account table.ffp_table { width:100%!important; border:1px solid var(--t21-line)!important; border-collapse:collapse!important; background:var(--t21-card)!important; color:inherit!important; margin:0!important; }
.t21-support-account table.ffp_table th, .t21-support-account table.ffp_table td { padding:14px 16px!important; border:1px solid var(--t21-line)!important; color:inherit!important; background:transparent!important; font:inherit; font-size:15px; vertical-align:middle; }
.t21-support-account table.ffp_table th { background:var(--t21-soft)!important; font-weight:600!important; }
.t21-support-account table.ffp_table thead, .t21-support-account table.ffp_table tfoot { background:var(--t21-soft)!important; color:inherit!important; }
.t21-support-account table.ffp_table tr { border-color:var(--t21-line)!important; }
.t21-support-account table.ffp_table tbody tr:hover { background:var(--t21-soft); }
.t21-support-account .ff_td_amount, .t21-support-account .table_payment_amount { white-space:nowrap; font-variant-numeric:tabular-nums; }
.t21-support-account a.ff_pat_action_view { color:inherit!important; text-decoration:underline!important; text-decoration-color:var(--t21-gold)!important; text-underline-offset:4px; font-weight:600; }
.t21-support-account .ff_pay_status_badge, .t21-support-account .ff_pay_status { display:inline-block; font-size:13px!important; line-height:1.5; font-weight:600!important; padding:3px 9px!important; border-radius:4px!important; background:var(--t21-soft)!important; border:1px solid var(--t21-line); color:inherit!important; text-transform:none!important; white-space:nowrap; }
.t21-support-account [data-t21-state="active"], .t21-support-account [data-t21-state="paid"] { background:rgba(76,130,90,.12)!important; border-color:rgba(76,130,90,.35)!important; }
.t21-support-account [data-t21-state="failed"] { background:rgba(157,75,61,.12)!important; border-color:rgba(157,75,61,.4)!important; }
.t21-support-account [data-t21-state="cancelled"] { opacity:.75; }
.t21-support-account .ffp_payment_info { display:grid!important; grid-template-columns:repeat(4,minmax(0,1fr)); background:var(--t21-soft)!important; border:1px solid var(--t21-line)!important; border-top:3px solid var(--t21-gold)!important; margin:0 0 28px!important; color:inherit!important; box-shadow:none!important; }
.t21-support-account .ffp_payment_info_item { float:none!important; width:auto!important; padding:18px!important; border-right:1px solid var(--t21-line)!important; color:inherit!important; background:transparent!important; box-shadow:none!important; }
.t21-support-account .ffp_item_heading { font-size:13px; font-weight:600; margin-bottom:5px; }
.t21-support-account .ffp_customer_details { margin-top:30px; color:inherit!important; }
.t21-support-account .ffp_customer_details ul { margin:0; padding:0; list-style:none; }
.t21-support-account .ffp_customer_details li { margin:0 0 8px; }
@media(max-width:768px) { .t21-support-account .ff_subscription_header { flex-direction:column!important; gap:20px; } .t21-support-account .ff_subscription_header > .ff_pay_info, .t21-support-account .ff_subscription_header > .ff_plan_info { flex:0 1 auto!important; width:100%; } .t21-support-account .ff_subscription_header .ff_plan_info { text-align:left!important; } .t21-support-account .ff_payment_count_btn { justify-content:flex-start; } .t21-support-account .ff_transactions table { min-width:600px; } .t21-support-account .ff_subscription_payments table { min-width:360px; } .t21-support-account .ffp_payment_info { grid-template-columns:repeat(2,minmax(0,1fr)); } .t21-support-account .ff_subscription_payments.ff_has_payments { padding:16px!important; } }
@media(max-width:480px) { .t21-support-account .ff_subscriptions .ff_subscription { padding:18px!important; } .t21-support-account .ff_payment_count_btn button { flex:1 1 100%; } .t21-support-account .sub_cancel_btns button { width:100%; } .t21-support-account .ff_sub_cancel_confirmation { padding:18px!important; } .t21-support-account .ffp_payment_info { grid-template-columns:1fr; } }
.t21-support-account table.ffp_table { display:table; }


/* 1.7.61: az állapot önálló oszlopban, az egyszeri befizetésekhez igazítva. */
.t21-support-account .t21-payment-status-cell,
.t21-support-account .t21-payment-status-heading { white-space: nowrap; }
.t21-support-account .t21-resume-payment { display: block; margin-top: 8px; font-weight: 600; }
@media(max-width:768px) {
  .t21-support-account .ff_subscription_payments table { min-width: 440px; }
}

/* Plan names repeat the recurring amount; keep the main amount and status. */
.t21-support-account .ff_subscription_header .ff_sub_name { display:none!important; }