/* BankFinder v11 - spokojniejszy panel prowizji bez kapsułki mobile, nagłówek po lewej */
.cash-fee-bar,
.network-cash-mini{
  position:relative!important;
  overflow:hidden!important;
  border:1px solid rgba(207,224,255,.92)!important;
  background:linear-gradient(135deg,rgba(248,251,255,.98) 0%,rgba(240,247,255,.94) 58%,rgba(248,252,250,.96) 100%)!important;
  box-shadow:0 12px 28px rgba(15,35,70,.065)!important;
}
.cash-fee-bar::before,
.network-cash-mini::before{
  content:"";
  position:absolute;
  inset:-64px auto auto -46px;
  width:150px;
  height:150px;
  border-radius:999px;
  background:rgba(11,91,234,.045);
  pointer-events:none;
}
.cash-fee-bar::after,
.network-cash-mini::after{
  content:"";
  position:absolute;
  right:-48px;
  bottom:-62px;
  width:148px;
  height:148px;
  border-radius:999px;
  background:rgba(16,185,129,.045);
  pointer-events:none;
}
.cash-fee-bar > *,
.network-cash-mini > *{
  position:relative;
  z-index:1;
}
.cash-fee-context,
.network-cash-mini-context{
  color:#07183a!important;
  font-weight:950!important;
}
.cash-fee-chip,
.network-cash-chip{
  background:rgba(255,255,255,.80)!important;
  border-color:#d7e6ff!important;
  box-shadow:0 7px 16px rgba(11,91,234,.045)!important;
}
.cash-fee-chip span,
.network-cash-icon{
  box-shadow:0 5px 12px rgba(11,91,234,.065)!important;
}
.cash-fee-deposit span,
.network-cash-deposit .network-cash-icon{
  box-shadow:0 5px 12px rgba(4,120,87,.065)!important;
}
.cash-fee-bank select,
.network-cash-mini-bank select{
  background:rgba(255,255,255,.90)!important;
  border-color:#cfe0ff!important;
  box-shadow:0 7px 16px rgba(15,35,70,.04)!important;
}
.cash-fee-bank select:focus,
.network-cash-mini-bank select:focus{
  border-color:#0b5bea!important;
  outline:3px solid rgba(11,91,234,.13)!important;
}
.network-cash-chip .fee-result-badge{
  box-shadow:none!important;
}

@media(max-width:760px){
  /* Lekko uspokojone tło na widokach, gdzie ładuje się panel prowizji. */
  body{
    background:radial-gradient(circle at top center,rgba(214,231,255,.62) 0,rgba(246,249,254,.84) 260px,#f4f7fb 620px)!important;
  }
  .cash-fee-bar,
  .network-cash-mini{
    margin-top:16px!important;
    padding:14px 16px 16px!important;
    border-radius:20px!important;
    overflow:hidden!important;
  }
  .cash-fee-bar::before,
  .network-cash-mini::before{
    inset:-78px auto auto -66px;
    width:148px;
    height:148px;
    background:rgba(11,91,234,.035);
  }
  .cash-fee-bar::after,
  .network-cash-mini::after{
    right:-70px;
    bottom:-78px;
    width:148px;
    height:148px;
    background:rgba(16,185,129,.035);
  }
  .cash-fee-context,
  .network-cash-mini-context{
    position:relative!important;
    z-index:2!important;
    top:auto!important;
    left:auto!important;
    transform:none!important;
    display:block!important;
    width:auto!important;
    max-width:none!important;
    min-height:0!important;
    margin:0 0 10px!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    color:#263852!important;
    font-size:13px!important;
    font-weight:950!important;
    line-height:1.25!important;
    text-align:left!important;
    white-space:normal!important;
    overflow:visible!important;
  }
  .cash-fee-context::before,
  .network-cash-mini-context::before{
    content:none!important;
  }
  .cash-fee-chip,
  .network-cash-chip,
  .cash-fee-bank select,
  .network-cash-mini-bank select{
    background:rgba(255,255,255,.88)!important;
  }
}

@media(max-width:360px){
  .cash-fee-bar,
  .network-cash-mini{
    margin-top:14px!important;
    padding:13px 14px 15px!important;
  }
  .cash-fee-context,
  .network-cash-mini-context{
    font-size:12px!important;
    margin-bottom:9px!important;
  }
}


/* v12 - mikrocopy wyjaśniające "od 0 zł" bez rozbijania układu panelu */
.cash-fee-bank,
.network-cash-mini-bank{
  display:flex!important;
  flex-direction:column!important;
  gap:4px!important;
}
.cash-fee-help,
.network-cash-mini-help,
.network-cash-mini-bank > .network-cash-mini-help{
  display:block!important;
  margin:2px 2px 0!important;
  color:#5a6e8a!important;
  font-size:11px!important;
  line-height:1.3!important;
  font-weight:760!important;
  letter-spacing:-.01em!important;
}
@media(max-width:760px){
  .cash-fee-help,
  .network-cash-mini-help,
  .network-cash-mini-bank > .network-cash-mini-help{
    margin-top:1px!important;
    font-size:10.5px!important;
    line-height:1.35!important;
  }
}


/* v13 - mikrocopy zmienia się po wyborze banku/konta */
.cash-fee-help.is-selected-account,
.network-cash-mini-help.is-selected-account{
  color:#334966!important;
  font-weight:820!important;
}


/* v14 - mikrocopy po prawej na desktopie, na środku na mobile; tooltip tylko dla stawek warunkowych po wyborze banku */
.cash-fee-help,
.network-cash-mini-help,
.network-cash-mini-bank > .network-cash-mini-help{
  align-self:stretch!important;
  text-align:right!important;
}
@media(max-width:760px){
  .cash-fee-help,
  .network-cash-mini-help,
  .network-cash-mini-bank > .network-cash-mini-help{
    text-align:center!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
}


/* v15 - tooltipy w belkach opłat nie mogą być przycinane przez panel */
.cash-fee-bar .fee-result-badge.has-tooltip::before,
.network-cash-mini .fee-result-badge.has-tooltip::before{
  display:none!important;
}
.cash-fee-bar .fee-result-badge.has-tooltip,
.network-cash-mini .fee-result-badge.has-tooltip{
  overflow:visible!important;
}
.cash-fee-bar,
.network-cash-mini{
  z-index:30!important;
}
body.bf-tooltip-floating .bf-floating-tooltip{
  z-index:999999!important;
}

/* v16 - mobile: czytelniejsza belka opłat, pełne wartości bez ucinania */
@media (max-width: 760px){
  .network-cash-mini,
  .cash-fee-bar{
    width:100%!important;
    max-width:100%!important;
    gap:12px!important;
    padding:16px!important;
    border-radius:22px!important;
  }
  .network-cash-mini-context,
  .cash-fee-context{
    margin-bottom:0!important;
    text-align:left!important;
    font-size:14px!important;
    line-height:1.25!important;
    color:#263852!important;
  }
  .network-cash-mini-bank,
  .cash-fee-bank{
    width:100%!important;
  }
  .network-cash-mini-bank select,
  .cash-fee-bank select{
    width:100%!important;
    height:46px!important;
    min-height:46px!important;
    border-radius:16px!important;
    font-size:14px!important;
    padding-left:14px!important;
    padding-right:38px!important;
  }
  .network-cash-mini-help,
  .cash-fee-help{
    max-width:100%!important;
    margin-top:6px!important;
    text-align:center!important;
    font-size:11px!important;
    line-height:1.3!important;
  }
}

@media (max-width: 520px){
  .network-cash-mini-chips{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:8px!important;
    width:100%!important;
  }
  .network-cash-chip{
    display:grid!important;
    grid-template-columns:22px minmax(0,1fr)!important;
    grid-template-areas:"icon label" "icon value"!important;
    align-items:center!important;
    justify-content:stretch!important;
    justify-items:start!important;
    gap:3px 9px!important;
    width:100%!important;
    min-height:54px!important;
    padding:10px 12px!important;
    border-radius:17px!important;
    text-align:left!important;
    white-space:normal!important;
  }
  .network-cash-chip .network-cash-icon{
    grid-area:icon!important;
    width:22px!important;
    height:22px!important;
    flex:0 0 22px!important;
    align-self:center!important;
  }
  .network-cash-chip > b{
    grid-area:label!important;
    display:block!important;
    min-width:0!important;
    max-width:100%!important;
    font-size:12px!important;
    line-height:1.15!important;
    white-space:normal!important;
  }
  .network-cash-chip .fee-result-badge{
    grid-area:value!important;
    justify-self:start!important;
    max-width:100%!important;
    min-width:0!important;
    margin:1px 0 0!important;
    padding:6px 9px!important;
    font-size:11px!important;
    line-height:1.15!important;
    white-space:normal!important;
    overflow:visible!important;
    text-overflow:clip!important;
    word-break:normal!important;
  }
  .network-cash-chip .fee-result-badge.has-tooltip{
    display:inline-flex!important;
    align-items:center!important;
    gap:5px!important;
    padding-right:9px!important;
  }
  .network-cash-chip .fee-result-badge.has-tooltip:after{
    width:14px!important;
    height:14px!important;
    min-width:14px!important;
    margin-left:3px!important;
  }
}

@media (max-width: 390px){
  .network-cash-mini,
  .cash-fee-bar{
    padding:14px!important;
    border-radius:20px!important;
  }
  .network-cash-chip{
    min-height:52px!important;
    padding:9px 10px!important;
  }
  .network-cash-chip .fee-result-badge{
    font-size:10.5px!important;
    padding:6px 8px!important;
  }
  .network-cash-mini-bank select,
  .cash-fee-bank select{
    font-size:13px!important;
  }
}

/* v17 - bez mikrokomunikatu; na mobile najpierw wybór banku, potem opłaty */
.cash-fee-help,
.network-cash-mini-help,
.network-cash-mini-bank > .network-cash-mini-help{
  display:none!important;
}

@media (max-width: 760px){
  .cash-fee-bar,
  .network-cash-mini{
    display:grid!important;
    grid-template-columns:1fr!important;
  }
  .cash-fee-context,
  .network-cash-mini-context{
    order:1!important;
  }
  .cash-fee-bank,
  .network-cash-mini-bank{
    order:2!important;
    width:100%!important;
  }
  .cash-fee-title,
  .network-cash-mini-chips{
    order:3!important;
    width:100%!important;
  }
  .cash-fee-title{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:8px!important;
  }
}


/* v18 - mobile: belka miasta jako kompaktowa legenda; desktop bez zmian */
.bf-fee-context-mobile,
.bf-fee-chip-mobile{
  display:none!important;
}
.bf-fee-context-desktop,
.bf-fee-chip-desktop{
  display:inline!important;
}

@media (max-width: 760px){
  .bf-fee-context-desktop,
  .bf-fee-chip-desktop{
    display:none!important;
  }
  .bf-fee-context-mobile,
  .bf-fee-chip-mobile{
    display:inline!important;
  }

  .cash-fee-context,
  .network-cash-mini-context{
    text-align:center!important;
    font-size:13px!important;
    line-height:1.2!important;
    margin:0!important;
    color:#263852!important;
  }

  /* Zwykłe miejscowości: legenda ma być mała i szybka do odczytania. */
  .cash-fee-title{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
    width:100%!important;
  }
  .cash-fee-chip{
    min-height:42px!important;
    padding:9px 10px!important;
    border-radius:15px!important;
    justify-content:center!important;
    text-align:center!important;
    gap:7px!important;
    white-space:nowrap!important;
  }
  .cash-fee-chip > span:first-child{
    width:22px!important;
    height:22px!important;
    min-width:22px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    border-radius:999px!important;
    font-size:13px!important;
    line-height:1!important;
  }
  .cash-fee-chip b{
    font-size:12px!important;
    line-height:1!important;
    letter-spacing:-.01em!important;
  }

  /* Strony sieci / miasto+sieć: skracamy etykiety, ale zostawiamy pełne wartości. */
  .network-cash-chip > b{
    font-size:12px!important;
  }
}

@media (max-width: 360px){
  .cash-fee-chip{
    min-height:40px!important;
    padding:8px 8px!important;
    gap:6px!important;
  }
  .cash-fee-chip b{
    font-size:11.5px!important;
  }
}


/* v19 - ujednolicone nazwy belki opłat: miasta, sieci i miasto+sieć */
@media (max-width: 760px){
  .cash-fee-context,
  .network-cash-mini-context{
    font-weight:950!important;
  }
}


/* v20 - desktop: najpierw wybór banku/konta, potem legenda wypłata/wpłata */
@media (min-width: 901px){
  .cash-fee-bar{
    grid-template-columns:minmax(180px,auto) minmax(260px,460px) auto!important;
    align-items:center!important;
  }
  .cash-fee-bank{
    order:2!important;
    justify-self:stretch!important;
    max-width:460px!important;
  }
  .cash-fee-title{
    order:3!important;
    justify-self:end!important;
  }
}

@media (min-width: 1181px){
  .network-cash-mini{
    grid-template-columns:max-content minmax(260px,420px) minmax(0,1fr)!important;
    justify-content:normal!important;
    column-gap:12px!important;
    align-items:center!important;
  }
  .network-cash-mini-bank{
    order:2!important;
    justify-self:stretch!important;
    max-width:420px!important;
    min-width:260px!important;
  }
  .network-cash-mini-bank select{
    width:100%!important;
    max-width:none!important;
  }
  .network-cash-mini-chips{
    order:3!important;
    justify-content:flex-end!important;
    min-width:0!important;
  }
}

@media (min-width: 761px) and (max-width: 1180px){
  .network-cash-mini-bank{order:2!important}
  .network-cash-mini-chips{order:3!important}
}