/* Panel rodzica → „Płatności i subskrypcje” (partials/parent-billing.html.twig). Ładowany po konto-gaming.css,
   tylko na szablonie moje-konto. Kolory z tokenów motywu; własne tylko dla stanów (ok / ostrzeżenie / błąd). */
.konto-quicklinks{display:flex;flex-wrap:wrap;gap:8px 16px;margin:10px 0 0;font-size:.92rem}
.konto-quicklinks a{color:var(--mint,var(--primary));text-decoration:none;border-bottom:1px dashed currentColor}

.konto-billing{margin-top:34px;margin-bottom:34px;padding:24px 22px;border:1px solid var(--line-strong);background:var(--panel);
  border-radius:var(--radius-sm);clip-path:var(--gh-clip,none);position:relative;scroll-margin-top:90px}
.konto-billing::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--mint,var(--primary)),var(--primary))}
.konto-billing .eyebrow{display:inline-block;margin-bottom:6px}
.konto-billing .konto-section-h{margin:0 0 8px}
.billing-lead{color:var(--muted);font-size:.9rem;margin:0 0 16px}
.billing-muted{color:var(--muted);font-size:.86em}
.billing-empty{color:var(--muted);padding:12px 0}
.billing-note{color:var(--muted);font-size:.86rem;margin:10px 0 0;line-height:1.55}
.billing-note.is-err{color:#fca5a5}
.billing-h{font-family:var(--font-h);font-size:1rem;letter-spacing:.06em;margin:4px 0 12px}
.billing-h4{font-family:var(--font-h);font-size:.9rem;letter-spacing:.06em;margin:20px 0 8px}

.billing-tabs{display:flex;gap:6px;overflow-x:auto;margin:0 0 18px;padding-bottom:4px;border-bottom:1px solid var(--line-strong);scrollbar-width:thin}
.billing-tabs[hidden]{display:none}
.billing-tabs button{flex:0 0 auto;font:inherit;font-size:.86rem;font-weight:600;padding:9px 14px;border:1px solid transparent;border-bottom:0;
  background:transparent;color:var(--muted);cursor:pointer;border-radius:8px 8px 0 0}
.billing-tabs button:hover{color:var(--ink)}
.billing-tabs button[aria-selected="true"]{color:var(--ink);border-color:var(--line-strong);background:rgba(126,150,255,.08);box-shadow:inset 0 -2px 0 var(--mint,var(--primary))}
.billing-tabs button:focus-visible{outline:2px solid var(--mint,var(--primary));outline-offset:2px}
.billing-count{display:inline-block;min-width:20px;padding:0 6px;margin-left:4px;border-radius:999px;font-size:.75rem;line-height:20px;text-align:center;background:rgba(126,150,255,.18);color:var(--ink)}
.billing-panel[hidden]{display:none}

.billing-sub{scroll-margin-top:110px;border:1px solid var(--line-strong);border-radius:12px;padding:16px;margin:0 0 14px;background:rgba(126,150,255,.04)}
.billing-sub.is-past{opacity:.72}
.billing-sub header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:10px}
.billing-sub-name{font-size:1.02rem}
.billing-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr));gap:8px 18px;margin:0}
.billing-facts div{min-width:0}
.billing-facts dt{color:var(--muted);font-size:.76rem;text-transform:uppercase;letter-spacing:.05em}
.billing-facts dd{margin:2px 0 0;font-size:.92rem;overflow-wrap:anywhere}
.billing-facts small{color:var(--muted)}

.billing-badge{flex:0 0 auto;display:inline-block;padding:3px 10px;border-radius:999px;font-size:.76rem;font-weight:700;white-space:nowrap;border:1px solid currentColor}
.billing-badge.is-ok{color:#4ade80}
.billing-badge.is-warn{color:#fbbf24}
.billing-badge.is-err{color:#f87171}
.billing-badge.is-muted{color:var(--muted)}

.billing-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:12px}
.billing-status{font-size:.85rem;color:var(--muted)}
.billing-danger{border-color:rgba(248,113,113,.5)!important}
.billing-danger:hover{color:#f87171!important}

.billing-table-wrap{overflow-x:auto}
.billing-table{width:100%;border-collapse:collapse;font-size:.88rem}
.billing-table th{text-align:left;color:var(--muted);font-weight:600;font-size:.76rem;text-transform:uppercase;letter-spacing:.05em;padding:8px;border-bottom:1px solid var(--line-strong)}
.billing-table td{padding:10px 8px;border-bottom:1px solid var(--line);vertical-align:top}

.billing-method,.billing-complaint{display:grid;grid-template-columns:1fr auto;gap:8px 12px;align-items:start;border:1px solid var(--line-strong);border-radius:12px;padding:14px;margin:0 0 12px}
.billing-method .billing-actions,.billing-complaint p{grid-column:1/-1;margin:0}
.billing-list{margin:0;padding-left:0;list-style:none}
.billing-list li{padding:6px 0;border-bottom:1px solid var(--line);font-size:.9rem}
.billing-sent li{font-size:.85rem}

.billing-form{scroll-margin-top:110px;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:12px;margin:14px 0 6px}
.billing-form label{display:flex;flex-direction:column;gap:4px;font-size:.85rem;color:var(--muted)}
.billing-form-wide{grid-column:1/-1}
.billing-form select,.billing-form textarea{font:inherit;font-size:.92rem;color:var(--ink);background:var(--bg-2);border:1px solid var(--line-strong);border-radius:8px;padding:9px 10px;width:100%;box-sizing:border-box}
.billing-form select:focus,.billing-form textarea:focus{outline:none;border-color:var(--mint,var(--primary))}

@media (max-width:640px){
  .konto-billing{padding:18px 14px}
  .billing-sub header{flex-direction:column}
  .billing-table thead{display:none}
  .billing-table,.billing-table tbody,.billing-table tr,.billing-table td{display:block;width:100%}
  .billing-table tr{border:1px solid var(--line-strong);border-radius:10px;padding:6px 10px;margin:0 0 10px}
  .billing-table td{border:0;padding:5px 0;display:flex;gap:12px;justify-content:space-between;align-items:flex-start;text-align:right}
  .billing-table td .billing-cell{flex:1 1 auto;min-width:0}
  .billing-table td::before{content:attr(data-label);flex:0 0 64px;color:var(--muted);font-size:.78rem;text-align:left}
  .billing-table td:last-child{justify-content:flex-end}
  .billing-method,.billing-complaint{grid-template-columns:1fr}
}