/* InsFollowTR V36 — per-IBAN bank logo upload */
.v36-bank-logo-field{
  display:grid;
  grid-template-columns:72px minmax(0,1fr) auto;
  gap:12px;
  align-items:center;
  margin-top:12px;
  padding:12px;
  border:1px solid #e3e6ec;
  border-radius:13px;
  background:#f8f9fb;
}
.v36-bank-logo-preview{
  width:64px;
  height:64px;
  display:grid;
  place-items:center;
  overflow:hidden;
  border:1px solid #e0e3e9;
  border-radius:14px;
  background:#fff;
  color:#6550d4;
  font-size:19px;
  font-weight:900;
}
.v36-bank-logo-preview img{
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:center;
  padding:7px;
}
.v36-bank-logo-upload{
  display:grid!important;
  gap:5px!important;
  min-width:0;
}
.v36-bank-logo-upload>span{
  font-size:12px!important;
  font-weight:750!important;
}
.v36-bank-logo-upload input[type="file"]{
  width:100%;
  padding:8px!important;
  border:1px dashed #ccd1dc!important;
  border-radius:9px!important;
  background:#fff!important;
  font-size:11px!important;
}
.v36-bank-logo-upload small{
  font-size:10px!important;
  line-height:1.45!important;
  color:#8a919d!important;
}
.v36-remove-logo{
  display:flex!important;
  align-items:center!important;
  gap:6px!important;
  white-space:nowrap;
  font-size:10px!important;
  color:#a64b4b;
}
.v36-remove-logo span{font-size:10px!important}

/* The existing ₺ badge becomes the logo container. */
.v29-bank-symbol.v36-bank-symbol{
  overflow:hidden;
  padding:4px;
  background:#fff!important;
  border:1px solid #e5e7ed;
}
.v29-bank-symbol.v36-bank-symbol img{
  display:block;
  width:100%;
  height:100%;
  max-width:100%;
  max-height:100%;
  object-fit:contain;
  object-position:center;
}
@media(max-width:720px){
  .v36-bank-logo-field{grid-template-columns:58px 1fr}
  .v36-bank-logo-preview{width:54px;height:54px}
  .v36-remove-logo{grid-column:2}
}