/* Banka Hesapları sayfası. Yalnız .cv2ba kapsamındadır. Referans: koyu hesap kartı, gri kabuk + beyaz yüz kart, hap biçimli sekme. */
.cv2ba{--ba-face:#fff;--ba-shell:#eef0f3;--ba-line:#e3e6eb;--ba-fg:#0f1218;--ba-muted:#7a8190;--ba-soft:#f5f6f8;--ba-act:#a3a8b2;--ba-primary:var(--primary,#3b5bdb);--ba-dark:#17181b;--ba-dark2:#222327;display:grid;gap:22px;color:var(--ba-fg);font-variant-numeric:tabular-nums}
html.dark-mode .cv2ba,html[data-theme=dark] .cv2ba,body.night-mode .cv2ba{--ba-face:#1d1f24;--ba-shell:#141519;--ba-line:#2a2d34;--ba-fg:#f3f4f6;--ba-muted:#8d93a0;--ba-soft:#25272d;--ba-act:#3a3d45;--ba-dark:#0c0d0f;--ba-dark2:#1a1b1f}

/* Compact bank banner; contain the artwork rather than enlarging/cropping it. */
.st-page--banks{--st-bank-image-gray:#ababab}
.st-page--banks .st-intro{height:170px;min-height:170px;margin-bottom:28px;background:var(--st-bank-image-gray)}
.st-page--banks .st-intro__image{object-fit:contain;object-position:right center}

/* Heading stays within the sharing row, without a separate summary card. */
.st-page--banks .st-meta__info{flex:1 1 260px;min-width:0}
.st-bank-heading{display:flex;align-items:center;gap:12px;min-width:0}
.st-bank-heading__icon{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;border-radius:50%;background:var(--st-soft);color:var(--st-accent);font-size:23px}
.st-bank-heading h2{margin:0;font-size:18px;font-weight:700;line-height:1.35;color:var(--st-ink)}
.st-bank-heading p{margin:4px 0 0;font-size:12px;line-height:1.6;color:var(--st-muted)}
@media(max-width:760px){.st-page--banks .st-meta__info{flex:0 1 auto;width:100%}.st-bank-heading h2{font-size:17px}}

/* Hap sekme */
.cv2ba-seg{display:inline-flex;justify-self:start;gap:4px;padding:5px;border-radius:999px;background:var(--ba-soft);border:1px solid var(--ba-line)}
.cv2ba-seg button{min-height:38px;padding:0 18px;border:0;border-radius:999px;background:transparent;color:var(--ba-muted);font:inherit;font-size:14px;font-weight:600;cursor:pointer;transition:background .2s,color .2s,box-shadow .2s}
.cv2ba-seg button.is-active{background:var(--ba-face);color:var(--ba-fg);}

/* Banka kartları: gri kabuk + beyaz yüz */
.cv2ba-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr));gap:18px}
.cv2ba-card{display:flex;flex-direction:column;padding:6px;border-radius:30px;background:var(--ba-shell);border:1px solid var(--ba-line);transition:transform .25s ease,box-shadow .25s ease}
.cv2ba-card[hidden]{display:none}
.cv2ba-card:hover{transform:translateY(-2px);}
.cv2ba-card__face{display:grid;gap:18px;padding:20px 20px 18px;border-radius:25px;background:var(--ba-face);border:1px solid var(--ba-line);}
.cv2ba-card__head{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px}
.cv2ba-card__logo{display:grid;place-items:center;width:56px;height:56px;border-radius:16px;background:#fff;border:1px solid var(--ba-line);color:var(--ba-muted);overflow:hidden}
.cv2ba-card__logo img{width:100%;height:100%;object-fit:contain;padding:6px}
.cv2ba-card__logo svg{width:22px;height:22px}
.cv2ba-card__bank{min-width:0}
.cv2ba-card__bank strong{display:block;font-size:16px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cv2ba-card__bank small{display:block;margin-top:2px;font-size:12.5px;color:var(--ba-muted)}
.cv2ba-card__mask{font-size:15px;color:var(--ba-muted);letter-spacing:.04em;white-space:nowrap}
.cv2ba-card__iban{position:relative;padding-right:36px}
.cv2ba-card__iban small{display:block;margin-bottom:4px;font-size:12px;font-weight:600;letter-spacing:.12em;color:var(--ba-muted)}
.cv2ba-card__num{display:inline-flex;align-items:center;gap:10px;max-width:100%;padding:8px 12px;margin-left:-12px;border:0;border-radius:12px;background:transparent;font:inherit;font-size:14px;font-weight:600;letter-spacing:.02em;line-height:1.35;white-space:nowrap;color:var(--ba-fg);text-align:left;cursor:pointer;transition:background .2s}
.cv2ba-card__num:hover{background:var(--ba-soft)}
.cv2ba-card__num span{overflow:hidden;text-overflow:ellipsis}
.cv2ba-card__num svg{flex:0 0 auto;width:16px;height:16px;color:var(--ba-muted)}
.cv2ba-card__num.is-done svg{color:#16a34a}
.cv2ba-card__up{position:absolute;right:0;bottom:2px;color:var(--ba-line)}
.cv2ba-card__up svg{width:26px;height:26px}
.cv2ba-card__meta{display:grid;grid-template-columns:1fr 1fr;gap:10px 14px;margin:0;padding-top:16px;border-top:1px dashed var(--ba-line)}
.cv2ba-card__meta>div{min-width:0}
.cv2ba-card__meta .is-wide{grid-column:1/-1}
.cv2ba-card__meta dt{font-size:12px;color:var(--ba-muted)}
.cv2ba-card__meta dd{margin:2px 0 0;font-size:14px;font-weight:600;overflow-wrap:anywhere}
.cv2ba-card__dots{display:flex;justify-content:center;gap:4px;padding:12px 0 2px}
.cv2ba-card__dots i{width:8px;height:4px;border-radius:4px;background:var(--ba-act);opacity:.6}
.cv2ba-card__dots i:nth-child(2){width:26px;background:var(--ba-muted);opacity:1}
.cv2ba-card__actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:6px;padding:10px 8px 14px}
.cv2ba-act{display:grid;justify-items:center;gap:8px;padding:4px;border:0;background:transparent;color:var(--ba-fg);font:inherit;cursor:pointer}
.cv2ba-act__ic{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:var(--ba-act);color:#fff;transition:background .2s,transform .2s}
.cv2ba-act__ic svg{width:21px;height:21px}
.cv2ba-act__t{font-size:13px;font-weight:600;color:var(--ba-muted);text-align:center;line-height:1.2}
.cv2ba-act:hover .cv2ba-act__ic,.cv2ba-act:focus-visible .cv2ba-act__ic{background:var(--ba-primary);transform:translateY(-1px)}
.cv2ba-act:focus-visible{outline:none}
.cv2ba-act.is-done .cv2ba-act__ic{background:#16a34a}
.cv2ba-act.is-done .cv2ba-act__t{color:#16a34a}

/* Boş durum ve bildirim */
.cv2ba-empty{display:grid;justify-items:center;gap:8px;padding:44px 24px;border-radius:28px;background:var(--ba-shell);border:1px dashed var(--ba-line);text-align:center}
.cv2ba-empty__ic{display:grid;place-items:center;width:56px;height:56px;border-radius:50%;background:var(--ba-face);color:var(--ba-muted);border:1px solid var(--ba-line)}
.cv2ba-empty__ic svg{width:26px;height:26px}
.cv2ba-empty h3{margin:6px 0 0;font-size:18px}
.cv2ba-empty p{margin:0;max-width:420px;font-size:14px;color:var(--ba-muted)}
.cv2ba-toast{position:fixed;left:50%;bottom:28px;z-index:60;padding:10px 18px;border-radius:999px;background:var(--ba-dark);color:#fff;font-size:14px;font-weight:600;transform:translate(-50%,12px);opacity:0;transition:opacity .2s,transform .2s;pointer-events:none}
.cv2ba-toast.is-on{opacity:1;transform:translate(-50%,0)}

/* Telefon */
@media (max-width:640px){
  .cv2ba{gap:16px}
  .cv2ba-seg{justify-self:stretch;overflow-x:auto}
  .cv2ba-seg button{flex:1 0 auto}
  .cv2ba-card{border-radius:26px}
  .cv2ba-card__face{padding:16px;border-radius:21px}
  .cv2ba-card__mask{display:none}
  .cv2ba-card__head{grid-template-columns:auto minmax(0,1fr)}
  .cv2ba-card__num{font-size:12.5px;letter-spacing:0}
  .cv2ba-act__ic{width:52px;height:52px}
}

/* Bank intro: keep the complete page path on one row at compact widths. */
@media(max-width:1024px){
  .st-page--banks .st-intro{height:auto;min-height:140px;padding:18px 24px;margin-bottom:24px;background:var(--st-paper)}
  .st-page--banks .st-intro__body{width:100%;max-width:100%;min-width:0}
  .st-page--banks .st-crumbs{display:flex;flex-wrap:nowrap;width:max-content;max-width:100%;min-width:0;white-space:nowrap;overflow:hidden}
  .st-page--banks .st-crumbs>a,.st-page--banks .st-crumbs__sep{flex:0 0 auto}
  .st-page--banks .st-crumbs>span[aria-current]{flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .st-page--banks .st-crumbs>a:first-child span{max-width:64px;overflow:hidden;text-overflow:ellipsis}
}
@media(max-width:760px){
  .st-page--banks .st-intro{min-height:132px;padding:16px 18px;margin-bottom:20px}
  .st-page--banks .st-crumbs{margin-bottom:12px}
}