/* Plany biur: krok „Wybierz plan” (plany.js), strona płatności (/konto/platnosc/), panel biura → „Plan i płatności”. */
form[data-krok="2"] .tn-krok-1,form[data-krok="3"] .tn-krok-1{display:none!important}
.tn-krok-plan[hidden]{display:none!important}
.tn-etapy{display:flex;gap:8px;list-style:none;margin:0 0 22px;padding:0;flex-wrap:wrap;counter-reset:none}
.tn-etapy li{display:flex;align-items:center;gap:8px;padding:7px 14px 7px 7px;border:1px solid var(--line);border-radius:999px;font-size:13px;font-weight:600;color:var(--muted);background:#fff}
.tn-etapy b{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#eef2ef;color:var(--muted);font-size:12px}
.tn-etapy li.biezacy{border-color:var(--green);color:var(--dark)}
.tn-etapy li.biezacy b{background:var(--green);color:#fff}
.tn-etapy li.zrobiony b{background:#d9efe6;color:var(--green)}
.tn-sekcja-tytul{font-family:'Playfair Display',Georgia,serif;font-size:24px;color:var(--dark);margin:0 0 14px}
.tn-wstecz{margin-top:18px}

.tn-plany{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.tn-plan{position:relative;display:block;cursor:pointer;margin:0;font-weight:400}
.tn-plan input{position:absolute;opacity:0;pointer-events:none}
.tn-plan-karta{position:relative;display:flex;flex-direction:column;gap:14px;height:100%;padding:22px 20px 18px;border:2px solid var(--line);border-radius:18px;background:#fff;transition:border-color .15s,box-shadow .15s,transform .15s}
.tn-plan:hover .tn-plan-karta{transform:translateY(-2px);box-shadow:0 10px 26px #103c331a}
.tn-plan input:checked+.tn-plan-karta{border-color:var(--green);box-shadow:0 0 0 4px #0b705b1f}
.tn-plan input:focus-visible+.tn-plan-karta{outline:3px solid var(--yellow);outline-offset:2px}
.tn-plan--premium .tn-plan-karta{background:linear-gradient(160deg,#103c33 0%,#0b5a49 100%);color:#fff;border-color:#103c33}
.tn-plan--premium input:checked+.tn-plan-karta{border-color:var(--yellow);box-shadow:0 0 0 4px #f8c61840}
.tn-plan-wstazka{position:absolute;top:-12px;right:18px;padding:4px 12px;border-radius:999px;background:var(--yellow);color:#103c33;font-size:12px;font-weight:700;letter-spacing:.02em}
.tn-plan-glowa{display:flex;align-items:center;gap:12px}
.tn-plan-glowa b{display:block;font-size:20px;line-height:1.2}
.tn-plan-glowa small{display:block;font-size:13px;color:var(--muted)}
.tn-plan--premium .tn-plan-glowa small{color:#cfe6dd}
.tn-plan-znak{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#eef7f1;color:var(--green);flex:none}
.tn-plan--premium .tn-plan-znak{background:#f8c6182e;color:var(--yellow)}
.tn-plan-znak svg,.tn-plan-ico svg,.tn-plan-wybor svg,.tn-metoda svg,.tn-plan-info svg,.tn-panel-ico svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.tn-plan-cena{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.tn-plan-cena b{font-family:'Playfair Display',Georgia,serif;font-size:38px;line-height:1;font-weight:600}
.tn-plan-cena small{font-size:12.5px;line-height:1.35;color:var(--muted)}
.tn-plan--premium .tn-plan-cena small{color:#cfe6dd}
.tn-plan-liczba{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:12px;background:#f5f7f5}
.tn-plan--premium .tn-plan-liczba{background:#ffffff14}
.tn-plan-liczba b{font-size:30px;line-height:1;font-weight:700;color:var(--green);min-width:34px;text-align:center}
.tn-plan--premium .tn-plan-liczba b{color:var(--yellow)}
.tn-plan-liczba b.nieskonczonosc{font-family:Georgia,'Times New Roman',serif;font-size:34px;font-weight:400}
.tn-plan-liczba small{font-size:13px;line-height:1.4}
.tn-plan-karta ul{list-style:none;margin:0;padding:0;display:grid;gap:8px;font-size:14px;line-height:1.4}
.tn-plan-karta li{display:flex;gap:10px;align-items:flex-start}
.tn-plan-ico{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#e2f2ea;color:var(--green);flex:none}
.tn-plan-ico svg{width:14px;height:14px;stroke-width:2.4}
.tn-plan-karta li.is-off{color:#8a9691;text-decoration:line-through;text-decoration-color:#c5ccc9}
.tn-plan-karta li.is-off .tn-plan-ico{background:#f1f3f2;color:#a3aca8}
.tn-plan--premium .tn-plan-ico{background:#f8c61833;color:var(--yellow)}
.tn-plan-wybor{margin-top:auto;display:flex;justify-content:center;padding:10px;border-radius:12px;font-weight:700;font-size:14px;border:1.5px solid var(--line);color:var(--dark)}
.tn-plan-wybor .tak{display:none;align-items:center;gap:6px}
.tn-plan input:checked+.tn-plan-karta .tn-plan-wybor{background:var(--green);border-color:var(--green);color:#fff}
.tn-plan input:checked+.tn-plan-karta .tn-plan-wybor .tak{display:inline-flex}
.tn-plan input:checked+.tn-plan-karta .tn-plan-wybor .nie{display:none}
.tn-plan--premium .tn-plan-wybor{border-color:#ffffff4d;color:#fff}
.tn-plan--premium input:checked+.tn-plan-karta .tn-plan-wybor{background:var(--yellow);border-color:var(--yellow);color:#103c33}

.tn-metody{margin-top:18px;display:grid;gap:10px}
.tn-metody[hidden],.tn-plan-info[hidden]{display:none!important}
.tn-metody-tytul{margin:0;font-weight:700;color:var(--dark)}
.tn-metoda{display:block;margin:0;cursor:pointer;font-weight:400}
.tn-metoda input{position:absolute;opacity:0;pointer-events:none}
.tn-metoda span{display:grid;grid-template-columns:24px 1fr;gap:2px 12px;align-items:center;padding:12px 14px;border:1.5px solid var(--line);border-radius:12px;background:#fff}
.tn-metoda svg{grid-row:span 2;color:var(--green)}
.tn-metoda b{font-size:14.5px;color:var(--dark)}
.tn-metoda small{font-size:13px;color:var(--muted)}
.tn-metoda input:checked+span{border-color:var(--green);background:#f2faf6}
.tn-metoda input:focus-visible+span{outline:3px solid var(--yellow);outline-offset:2px}
.tn-plan-info{display:flex;gap:10px;align-items:flex-start;margin:14px 0 0;padding:12px 14px;border-radius:12px;background:#fff8dc;border:1px solid #efd57a;font-size:13.5px;line-height:1.5;color:var(--ink)}
.tn-plan-info svg{flex:none;color:#8a6d00;margin-top:1px}

/* Panel biura → „Plan i płatności” i strona płatności */
.tn-panel-plan{display:grid;grid-template-columns:minmax(0,1fr);gap:18px}
.tn-plan-stan{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;flex-wrap:wrap}
.tn-plan-stan h2{margin:4px 0 6px}
.tn-plakietka{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:999px;font-size:12.5px;font-weight:700;background:#eef2ef;color:var(--dark)}
.tn-plakietka.premium{background:var(--dark);color:var(--yellow)}
.tn-plakietka.czeka{background:#fff3c4;color:#6b5300}
.tn-zuzycie{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}
.tn-zuzycie>div{padding:14px 16px;border:1px solid var(--line);border-radius:14px;background:#fff}
.tn-zuzycie b{display:block;font-size:26px;color:var(--dark);line-height:1.1}
.tn-zuzycie small{color:var(--muted);font-size:13px}
.tn-pasek{height:8px;border-radius:99px;background:#eef2ef;margin-top:10px;overflow:hidden}
.tn-pasek i{display:block;height:100%;border-radius:99px;background:var(--green)}
.tn-pasek i.pelny{background:#c0503f}
.tn-akcje{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.tn-przelacznik{display:flex;gap:12px;align-items:center;font-weight:600;color:var(--dark)}
.tn-tabela{width:100%;border-collapse:collapse;font-size:14px}
.tn-tabela th,.tn-tabela td{text-align:left;padding:10px 8px;border-bottom:1px solid var(--line)}
.tn-tabela th{font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}
.tn-tabela-wrap{overflow-x:auto}
.tn-upsell{display:flex;gap:14px;align-items:flex-start;padding:16px 18px;border-radius:14px;background:linear-gradient(135deg,#103c33,#0b5a49);color:#fff}
.tn-upsell .tn-panel-ico{color:var(--yellow);flex:none}
.tn-upsell strong{color:#fff}
.tn-upsell p{margin:4px 0 10px;color:#d8ebe3;font-size:14px}
.tn-upsell a.btn,.tn-upsell button{background:var(--yellow)!important;color:#103c33!important;border-color:var(--yellow)!important}
.tn-komunikat{padding:12px 16px;border-radius:12px;font-weight:600}
.tn-komunikat.ok{background:#e2f2ea;color:#0b5a49}
.tn-komunikat.err{background:#fdecea;color:#a5342c}
.tn-komunikat.info{background:#fff8dc;color:#6b5300}

@media (max-width:760px){
 .tn-plany{grid-template-columns:minmax(0,1fr)}
 .tn-plan--premium{order:-1}
 .tn-plan-cena b{font-size:32px}
}

/* /konto/platnosc/ */
.tn-platnosc{max-width:720px;margin:28px auto 60px}
.tn-platnosc h1{font-size:clamp(28px,4vw,38px);margin:6px 0 10px}
.tn-platnosc .success-mark{margin-bottom:14px}

/* Krok 3 „Opcje planu” (plany.js: opcje) */
.tn-opcje{display:grid;gap:12px}
.tn-opcja{display:block;margin:0;cursor:pointer;font-weight:400}
.tn-opcja input{position:absolute;opacity:0;pointer-events:none}
.tn-opcja-karta{display:grid;grid-template-columns:42px minmax(0,1fr) 46px;gap:14px;align-items:center;padding:16px 18px;border:2px solid var(--line);border-radius:16px;background:#fff;transition:border-color .15s,background .15s}
.tn-opcja-karta b{display:block;color:var(--dark);font-size:16px}
.tn-opcja-karta small{display:block;color:var(--muted);font-size:13.5px;line-height:1.45;margin-top:3px}
.tn-opcja input:checked+.tn-opcja-karta{border-color:var(--green);background:#f2faf6}
.tn-opcja input:focus-visible+.tn-opcja-karta{outline:3px solid var(--yellow);outline-offset:2px}
.tn-opcja-suwak{position:relative;width:46px;height:26px;border-radius:99px;background:#cfd8d3;transition:background .15s}
.tn-opcja-suwak::after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0003;transition:transform .15s}
.tn-opcja input:checked+.tn-opcja-karta .tn-opcja-suwak{background:var(--green)}
.tn-opcja input:checked+.tn-opcja-karta .tn-opcja-suwak::after{transform:translateX(20px)}
.tn-opcje.is-off .tn-opcja{cursor:not-allowed;opacity:.55}
.tn-opcje.is-off .tn-opcja input:checked+.tn-opcja-karta{border-color:var(--line);background:#fff}
.tn-opcje.is-off .tn-opcja-suwak{background:#cfd8d3!important}
.tn-opcje.is-off .tn-opcja-suwak::after{transform:none!important}
.tn-opcje-blokada{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:14px;padding:12px 14px;border-radius:12px;background:#fff8dc;border:1px solid #efd57a;font-size:14px}
.tn-opcje-blokada[hidden]{display:none!important}
.tn-opcje-blokada svg{width:20px;height:20px;fill:none;stroke:#8a6d00;stroke-width:1.8;flex:none}
.tn-opcje-blokada span{flex:1 1 260px}
.tn-krok-opcje .small{margin-top:12px}
.inq-card.src-match .inq-ribbon{background:#103c33;color:#f8c618}

/* /konto/rejestracja-biura/ i /konto/zaloz-konto/: baner nagłówka i karty korzyści z planu Premium */
.biz-hero{position:relative;display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap;margin:14px 0 6px;padding:38px 40px;border-radius:24px;overflow:hidden;color:#fff;
 background:radial-gradient(circle at 88% 15%,#2D947A66 0,transparent 42%),linear-gradient(135deg,#0d3a30,#103c33 55%,#0b5a49)}
.biz-hero::after{content:"";position:absolute;right:-60px;bottom:-80px;width:260px;height:260px;border-radius:50%;border:36px solid #f8c6181f;pointer-events:none}
.biz-hero .eyebrow{color:var(--yellow)!important}
.biz-hero h1{color:#fff;margin:10px 0 12px}
.biz-hero h1 em{font-style:italic;color:var(--yellow)}
.biz-hero .muted{color:#cfe6dd!important;max-width:560px}
.biz-hero-punkty{list-style:none;display:flex;flex-wrap:wrap;gap:12px;margin:20px 0 0;padding:0}
.biz-hero-punkty li{display:grid;padding:10px 16px;border:1px solid #ffffff2e;border-radius:14px;background:#ffffff12;font-size:13px;color:#d8ebe3}
.biz-hero-punkty b{font-size:18px;color:#fff}
.biz-hero-cta{position:relative;z-index:1;display:inline-flex;align-items:center;gap:10px;padding:15px 26px;border-radius:999px;background:var(--yellow);color:#103c33!important;font-weight:800;text-decoration:none;box-shadow:0 10px 26px #f8c61840;transition:transform .15s}
.biz-hero-cta:hover{transform:translateY(-2px)}
.benefit-grid article.benefit-premium{position:relative;background:linear-gradient(160deg,#103c33,#0b5a49)!important;border-color:#103c33!important;color:#d8ebe3}
.benefit-grid article.benefit-premium h3{color:#fff!important}
.benefit-grid article.benefit-premium p{color:#d8ebe3!important}
.benefit-grid article.benefit-premium a{color:var(--yellow)!important}
.benefit-grid article.benefit-premium>.benefit-icon{background:#f8c61826!important;color:var(--yellow)!important}
.benefit-grid .premium-odznaka{position:absolute;top:22px;right:20px;display:inline-block;width:auto;height:auto;margin:0;padding:5px 11px;border-radius:999px;background:var(--yellow);color:#103c33;font:800 11.5px/1.2 'DM Sans',Arial,sans-serif!important;font-style:normal!important;letter-spacing:.02em;text-transform:none;box-shadow:0 4px 12px #0003}
.benefit-grid article{transition:transform .2s,border-color .2s,box-shadow .2s!important}
.benefit-grid article:hover{transform:translateY(-3px)}
@media (max-width:640px){.biz-hero{padding:26px 20px;border-radius:18px}.biz-hero-cta{width:100%;justify-content:center}}

/* Panel biura: zakładki jako zwarty pasek tabów (profil podróżnika bez zmian - traveler.css) */
#panel-host .profile-tabs{gap:4px;margin:18px 0 22px;padding:5px;border:1px solid #e1e8e1;border-radius:14px;background:#fff;box-shadow:0 2px 8px #103c3308;overflow-x:auto;scrollbar-width:none}
#panel-host .profile-tabs::-webkit-scrollbar{display:none}
#panel-host .profile-tabs button{gap:7px;padding:7px 13px 7px 8px;border:0;border-radius:10px;background:transparent;box-shadow:none;font-size:13.5px;font-weight:600;color:#466055;transform:none}
#panel-host .profile-tabs button:hover{background:#f2f7f3;transform:none;box-shadow:none}
#panel-host .profile-tabs button[aria-selected=true]{background:#103c33;color:#fff;box-shadow:0 3px 10px #103c3326}
#panel-host .profile-tab-icon{width:26px;height:26px}
#panel-host .profile-tab-icon svg{width:16px;height:16px}
#panel-host .profile-tabs .inq-badge{margin-left:2px;transform:scale(.9)}

/* Telefon: historia płatności jako karty zamiast przewijanej tabeli. */
@media (max-width:560px){.tn-tabela thead{display:none}.tn-tabela,.tn-tabela tbody,.tn-tabela tr,.tn-tabela td{display:block;width:100%}.tn-tabela tr{padding:10px 0;border-bottom:1px solid var(--line)}.tn-tabela td{display:flex;justify-content:space-between;gap:12px;padding:3px 0;border:0}.tn-tabela td[data-l]::before{content:attr(data-l);color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.04em}}