/* opiekadlaseniora.pl – style kreatora, konta, płatności i cennika (uzupełnienie app.css) */
.fs{border:0;padding:0;margin:0;min-width:0}
.fs>legend.field{margin-bottom:10px;padding:0}
.region-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,190px),1fr));gap:8px}
.region-grid .opt span{display:block;text-align:center;border-radius:14px}
.duty-inputs{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:8px;font-weight:500}
.feat-list{display:flex;flex-direction:column;gap:3px;font-size:14px;color:var(--muted2)}
.pkg-note{background:var(--lilac-l,#EEE6FC);border-radius:16px;padding:12px 16px;font-size:15px;margin-bottom:16px}

/* Paywall / odznaki */
.paywall{display:flex;gap:18px;align-items:center;justify-content:space-between;flex-wrap:wrap;background:var(--yellow-l);border:2px solid var(--yellow);border-radius:22px;padding:18px 22px}
.paywall b{font-family:var(--head);font-size:20px}
.paywall p{margin:4px 0 0;color:var(--muted2);font-size:15px;max-width:640px}
.badge-ok{background:var(--blue-l);color:var(--blue)}
.badge-no{background:var(--sand2);color:var(--muted)}
.cand .contact.locked{color:var(--muted)}
.cand .contact.locked a{font-weight:700;margin-left:4px}

/* Konto */
.wallet{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr));gap:12px;margin-top:22px}
.wcard{background:#fff;border:1px solid var(--line);border-radius:20px;padding:16px 18px;display:flex;flex-direction:column;gap:2px}
.wcard.ok{background:var(--blue-l);border-color:var(--blue-s)}
.wcard .k{font-size:13px;font-weight:700;color:var(--muted)}
.wcard b{font-family:var(--head);font-size:22px}
.wcard span:last-child{font-size:14px;color:var(--muted2)}
.table-wrap{overflow-x:auto;background:#fff;border:1px solid var(--line);border-radius:20px}
.tbl{width:100%;border-collapse:collapse;font-size:15px}
.tbl th,.tbl td{padding:12px 14px;text-align:left;border-bottom:1px solid var(--line);white-space:nowrap}
.tbl td:nth-child(2){white-space:normal}
.tbl th{font-size:13px;color:var(--muted);font-weight:700}
.tbl tr:last-child td{border-bottom:0}
.progress{height:8px;border-radius:4px;background:var(--line2);margin:12px 0 4px;max-width:320px;overflow:hidden}
.progress i{display:block;height:100%;background:var(--blue);border-radius:4px}

/* Rejestracja */
.acc-types{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:10px}
.acc-types .plan .in{gap:4px}

/* Kasa */
.checkout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:22px;margin-top:16px;align-items:start}
@media (max-width:860px){.checkout{grid-template-columns:1fr}}
.benefits{list-style:none;padding:0;margin:0 0 14px;display:flex;flex-direction:column;gap:6px}
.benefits li::before{content:"✓ ";color:var(--blue);font-weight:800}
.co-for{background:var(--bg);border-radius:14px;padding:12px 14px;font-size:15px;margin-bottom:14px}
.co-total{display:flex;justify-content:space-between;align-items:baseline;border-top:1px dashed var(--line2);padding-top:12px;margin-bottom:6px}
.co-total b{font-family:var(--head);font-size:32px}
.chk-line{display:flex;gap:10px;font-size:14px;align-items:flex-start}
.chk-line input{margin-top:3px}
.pay-chip{display:inline-block;border:1.5px solid var(--line2);border-radius:8px;padding:2px 8px;font-weight:700;font-size:13px;color:var(--ink)}
.order-box{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;text-align:left;margin:20px auto 0;max-width:460px}
.order-box div{background:var(--bg);border-radius:14px;padding:10px 14px}
.order-box span{display:block;font-size:13px;color:var(--muted)}
.order-box b{font-size:15px;word-break:break-all}

/* Cennik */
.price-section{padding-top:34px;padding-bottom:10px;scroll-margin-top:80px}
.price-head{border-left:8px solid var(--tint,var(--sand));padding-left:16px;margin-bottom:18px}
.plan-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,250px),1fr));gap:14px}
.pcard{position:relative;background:#fff;border:1px solid var(--line);border-radius:24px;padding:24px;display:flex;flex-direction:column;gap:6px}
.pcard.hl{border:2px solid var(--ink);background:var(--yellow-l)}
.pcard.free{background:var(--blue-l);border-color:var(--blue-s)}
.pcard .pop{position:absolute;top:-12px;left:20px;background:var(--ink);color:#fff;border-radius:999px;padding:3px 12px;font-size:12px;font-weight:700}
.pcard .name{font-weight:800;font-size:18px}
.pcard .amount{font-family:var(--head);font-weight:800;font-size:38px;line-height:1.1}
.pcard .strike{text-decoration:line-through;opacity:.5;font-size:22px;margin-right:8px}
.pcard .desc{font-size:14px;color:var(--muted2)}
.pcard ul{list-style:none;padding:0;margin:8px 0 16px;display:flex;flex-direction:column;gap:6px;font-size:15px;color:var(--muted2);flex:1}
.pcard ul li::before{content:"✓ ";color:var(--blue);font-weight:800}
.pcard .btn[aria-disabled]{pointer-events:none;opacity:.7}

.faq-cat{font-size:24px;margin:26px 0 10px;scroll-margin-top:90px}

/* Logowanie przez Google / Facebooka */
.social-login{display:flex;flex-direction:column;gap:12px;margin:4px 0 6px}
.social-btn{position:relative;display:flex;align-items:center;justify-content:center;gap:12px;min-height:56px;padding:12px 56px;border-radius:14px;font-weight:700;font-size:17px;text-decoration:none;transition:background .15s,border-color .15s}
.social-google{background:#fff;border:2px solid var(--line2,#E0D6C8);color:var(--ink)}
.social-google:hover{border-color:var(--ink);color:var(--ink)}
.social-facebook{background:#475A8C;border:2px solid #475A8C;color:#fff}
.social-facebook:hover{background:#3B4C78;color:#fff}
.social-facebook .fb-ico{position:absolute;left:18px;width:30px;height:30px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center}
.social-or{display:flex;align-items:center;gap:14px;color:var(--muted);font-size:14px;text-transform:uppercase;letter-spacing:.06em;margin-top:6px}
.social-or::before,.social-or::after{content:"";flex:1;height:1px;background:var(--line2,#E0D6C8)}