/* ============================================================
   ACBP 2.6.97 — unified, isolated grid engine
   Applies only to the five toolbar-controlled grid views.
============================================================ */

/* Old experimental generated grids and row-swap icons must never compete. */
body .acbp-isolated-grid,
body .acbp-grid-swap-icon{
  display:none!important;
}

/* Grid-only change badge stays out of the original column/table view. */
body .acbp-v2697-target.acbp-table-view .acbp-grid-change-badge,
body .acbp-v2697-target:not(.acbp-grid-view) .acbp-grid-change-badge,
body .acbp-columns-table.acbp-table-view .acbp-grid-change-badge{
  display:none!important;
}

/* Keep every target as a normal full-width wrapper, never as a table column. */
body .acbp-v2697-target{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
}

/* New grid is hidden until grid mode is chosen and cards are ready. */
body .acbp-v2697-grid{
  display:none!important;
}

/* Table/columns mode: original HTML is the only visible representation. */
body .acbp-v2697-target.acbp-table-view > .acbp-table-scroll{
  display:block!important;
}
body .acbp-v2697-target.acbp-table-view > table.acbp-table{
  display:table!important;
}

/* Grid mode: hide only the original table canvas after the replacement exists. */
body .acbp-v2697-target.acbp-grid-view.acbp-v2697-grid-ready{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  overflow:visible!important;
  border:0!important;
  background:transparent!important;
}
body .acbp-v2697-target.acbp-grid-view.acbp-v2697-grid-ready > .acbp-table-scroll,
body .acbp-v2697-target.acbp-grid-view.acbp-v2697-grid-ready > table.acbp-table{
  display:none!important;
}
body .acbp-v2697-target.acbp-grid-view.acbp-v2697-grid-ready > .acbp-v2697-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  align-items:start!important;
  gap:18px!important;
  width:100%!important;
  max-width:100%!important;
  margin:0!important;
  padding:0!important;
  direction:rtl!important;
}

body .acbp-v2697-grid > .acbp-v2697-card[hidden],
body .acbp-v2697-grid > .acbp-v2697-card.acbp-pagination-hidden{
  display:none!important;
}


body .acbp-v2697-card,
body .acbp-v2697-card *,
body .acbp-v2697-card *::before,
body .acbp-v2697-card *::after{
  box-sizing:border-box!important;
}

body .acbp-v2697-card{
  position:relative!important;
  isolation:isolate!important;
  display:grid!important;
  grid-template-rows:31% 69%!important;
  width:100%!important;
  min-width:0!important;
  aspect-ratio:1 / 1!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  border:1px solid #d8e3ef!important;
  border-radius:22px!important;
  background:#fff!important;
  color:#10233e!important;
  box-shadow:0 12px 30px rgba(17,49,88,.13)!important;
  direction:rtl!important;
  font-family:"Cairo",Arial,Tahoma,sans-serif!important;
  font-size:14px!important;
  font-weight:900!important;
  line-height:1.42!important;
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease!important;
}
body .acbp-v2697-card:hover{
  transform:translateY(-3px)!important;
  border-color:rgba(0,70,170,.36)!important;
  box-shadow:0 17px 37px rgba(17,49,88,.18)!important;
}

body .acbp-v2697-header{
  position:relative!important;
  z-index:1!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:start!important;
  gap:10px!important;
  width:100%!important;
  min-width:0!important;
  height:100%!important;
  margin:0!important;
  padding:15px 16px 34px!important;
  overflow:hidden!important;
  background-color:#0046AA!important;
  background-image:linear-gradient(145deg,#258cff 0%,#0b73e6 34%,#0046AA 70%,#00357f 100%)!important;
  color:#fff!important;
  direction:ltr!important;
}
body .acbp-v2697-header::after{
  content:""!important;
  position:absolute!important;
  z-index:1!important;
  inset:auto 0 -1px 0!important;
  width:100%!important;
  height:38%!important;
  min-height:34px!important;
  background-repeat:no-repeat!important;
  background-position:center bottom!important;
  background-size:100% 100%!important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 120' preserveAspectRatio='none'%3E%3Cpath d='M0 24 C210 53 330 96 500 96 C670 96 790 53 1000 24 L1000 120 L0 120 Z' fill='%23dfeafa' fill-opacity='.86'/%3E%3Cpath d='M0 38 C220 67 340 108 500 108 C660 108 780 67 1000 38 L1000 120 L0 120 Z' fill='%23ffffff'/%3E%3C/svg%3E")!important;
  pointer-events:none!important;
}

body .acbp-v2697-identity{
  position:relative!important;
  z-index:3!important;
  display:grid!important;
  grid-template-columns:60px minmax(0,1fr)!important;
  align-items:center!important;
  gap:11px!important;
  width:100%!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  direction:ltr!important;
  color:#fff!important;
  text-decoration:none!important;
}
body .acbp-v2697-visual{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:60px!important;
  height:60px!important;
  min-width:60px!important;
  min-height:60px!important;
  max-width:60px!important;
  max-height:60px!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  border:1px solid rgba(255,255,255,.95)!important;
  border-radius:10px!important;
  background:#fff!important;
  color:#10233e!important;
  box-shadow:0 6px 14px rgba(0,31,83,.20)!important;
  font-size:32px!important;
  line-height:1!important;
}
body .acbp-v2697-visual-image{
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-width:0!important;
  max-width:100%!important;
  min-height:0!important;
  max-height:100%!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:8px!important;
  background:#fff!important;
  object-fit:cover!important;
  object-position:center!important;
  transform:scale(1.20)!important;
  transform-origin:center!important;
  box-shadow:none!important;
}
body .acbp-v2697-card--bank-directory .acbp-v2697-visual-image,
body .acbp-v2697-card--bank-for-currency .acbp-v2697-visual-image{
  object-fit:cover!important;
  border-radius:8px!important;
  transform:scale(1.20)!important;
}
body .acbp-v2697-copy{
  display:block!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  direction:rtl!important;
  text-align:right!important;
  color:#fff!important;
}
body .acbp-v2697-copy strong{
  display:block!important;
  max-width:100%!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  color:#fff!important;
  font-size:16px!important;
  font-weight:900!important;
  line-height:1.5!important;
  white-space:nowrap!important;
  word-break:normal!important;
  overflow-wrap:normal!important;
  text-overflow:ellipsis!important;
  text-shadow:0 1px 2px rgba(0,34,90,.2)!important;
}
body .acbp-v2697-copy small{
  display:block!important;
  max-width:100%!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  color:#dceaff!important;
  font-size:14px!important;
  font-weight:900!important;
  line-height:1.35!important;
  white-space:nowrap!important;
  text-overflow:ellipsis!important;
}
body .acbp-v2697-badge{
  position:relative!important;
  z-index:4!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:72px!important;
  min-height:31px!important;
  margin:2px 0 0!important;
  padding:4px 9px!important;
  border:1px solid rgba(255,255,255,.42)!important;
  border-radius:14px!important;
  background:rgba(238,249,241,.94)!important;
  color:#11813a!important;
  box-shadow:0 5px 12px rgba(0,28,70,.12)!important;
  font-size:13px!important;
  font-weight:900!important;
  line-height:1.2!important;
  white-space:nowrap!important;
  direction:ltr!important;
}
body .acbp-v2697-badge[hidden]{display:none!important}
body .acbp-v2697-badge.is-down{background:rgba(255,239,239,.95)!important;color:#d12828!important}
body .acbp-v2697-badge.is-flat,
body .acbp-v2697-badge.is-pending{background:rgba(240,245,250,.95)!important;color:#52667f!important}

body .acbp-v2697-body{
  position:relative!important;
  z-index:2!important;
  display:grid!important;
  grid-template-rows:minmax(0,1fr) 58px 27px 40px!important;
  row-gap:6px!important;
  width:100%!important;
  min-width:0!important;
  min-height:0!important;
  margin:0!important;
  padding:3px 14px 12px!important;
  background:#fff!important;
}
body .acbp-v2697-prices{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:18px!important;
  width:100%!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  direction:ltr!important;
}
body .acbp-v2697-price{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:3px!important;
  width:90px!important;
  height:90px!important;
  min-width:90px!important;
  min-height:90px!important;
  margin:0!important;
  padding:8px!important;
  border-radius:50%!important;
  text-align:center!important;
}
body .acbp-v2697-price--buy{
  border:1px solid #bfe4ca!important;
  background:radial-gradient(circle at 50% 35%,#f9fff9 0%,#edf8f0 72%,#e4f3e8 100%)!important;
  color:#14823d!important;
}
body .acbp-v2697-price--sell{
  border:1px solid #f2c4c4!important;
  background:radial-gradient(circle at 50% 35%,#fffafa 0%,#fff0f0 72%,#fde7e7 100%)!important;
  color:#df2020!important;
}
body .acbp-v2697-price span{
  display:block!important;
  margin:0!important;
  color:inherit!important;
  font-size:14px!important;
  font-weight:900!important;
  line-height:1.25!important;
}
body .acbp-v2697-price strong{
  display:block!important;
  margin:0!important;
  color:inherit!important;
  font-size:21px!important;
  font-weight:900!important;
  line-height:1.2!important;
  white-space:nowrap!important;
}

body .acbp-v2697-swap{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 44px!important;
  width:44px!important;
  height:44px!important;
  min-width:44px!important;
  min-height:44px!important;
  margin:0!important;
  padding:0!important;
  border:1px solid #d7e1ee!important;
  border-radius:50%!important;
  background:#fff!important;
  color:#0f2342!important;
  box-shadow:0 4px 12px rgba(17,49,88,.10)!important;
  font-family:Arial,Tahoma,sans-serif!important;
  font-size:28px!important;
  font-weight:700!important;
  line-height:1!important;
}

body .acbp-v2697-metrics{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  align-items:center!important;
  width:100%!important;
  min-width:0!important;
  margin:0!important;
  padding:5px 0!important;
  border-top:1px solid #dfe7f0!important;
  border-bottom:1px solid #dfe7f0!important;
  direction:ltr!important;
}
body .acbp-v2697-metric{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:0!important;
  margin:0!important;
  padding:0 5px!important;
  text-align:center!important;
  direction:rtl!important;
}
body .acbp-v2697-metric + .acbp-v2697-metric{border-left:1px solid #dfe7f0!important}
body .acbp-v2697-metric span{
  display:block!important;
  max-width:100%!important;
  overflow:hidden!important;
  color:#3e526e!important;
  font-size:12px!important;
  font-weight:900!important;
  line-height:1.25!important;
  white-space:nowrap!important;
  text-overflow:ellipsis!important;
}
body .acbp-v2697-metric strong{
  display:block!important;
  max-width:100%!important;
  overflow:hidden!important;
  margin-top:2px!important;
  color:#52667f!important;
  font-size:14px!important;
  font-weight:900!important;
  line-height:1.25!important;
  white-space:nowrap!important;
  text-overflow:ellipsis!important;
}
body .acbp-v2697-metric strong.is-up{color:#13823f!important}
body .acbp-v2697-metric strong.is-down{color:#df2020!important}
body .acbp-v2697-metric strong.is-flat,
body .acbp-v2697-metric strong.is-pending{color:#52667f!important}

body .acbp-v2697-update{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:4px!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  color:#52667f!important;
  font-size:13px!important;
  font-weight:900!important;
  line-height:1.3!important;
  white-space:nowrap!important;
}
body .acbp-v2697-clock,
body .acbp-v2697-balance{
  display:inline-grid!important;
  place-items:center!important;
  flex:0 0 auto!important;
}
body .acbp-v2697-clock{width:18px!important;height:18px!important}
body .acbp-v2697-clock svg,
body .acbp-v2697-balance svg{
  display:block!important;
  width:100%!important;
  height:100%!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.8!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}
body .acbp-v2697-update-value{
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
body .acbp-v2697-action{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:9px!important;
  width:100%!important;
  min-height:40px!important;
  margin:0!important;
  padding:6px 12px!important;
  border:0!important;
  border-radius:11px!important;
  background-color:#0046AA!important;
  background-image:linear-gradient(135deg,#1684ff 0%,#075fdb 45%,#0046AA 100%)!important;
  color:#fff!important;
  box-shadow:0 7px 15px rgba(0,70,170,.2)!important;
  font-size:16px!important;
  font-weight:900!important;
  line-height:1.35!important;
  text-align:center!important;
  text-decoration:none!important;
  white-space:nowrap!important;
}
body .acbp-v2697-action:hover,
body .acbp-v2697-action:focus{
  color:#fff!important;
  filter:brightness(.97)!important;
  transform:translateY(-1px)!important;
}
body .acbp-v2697-balance{width:20px!important;height:20px!important}

@media(max-width:1050px){
  body .acbp-v2697-target.acbp-grid-view.acbp-v2697-grid-ready > .acbp-v2697-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}

@media(max-width:680px){
  body .acbp-v2697-target.acbp-grid-view.acbp-v2697-grid-ready > .acbp-v2697-grid{
    grid-template-columns:1fr!important;
    gap:14px!important;
  }
  body .acbp-v2697-card{
    max-width:430px!important;
    margin-inline:auto!important;
  }
}

@media(max-width:360px){
  body .acbp-v2697-card{grid-template-rows:30% 70%!important}
  body .acbp-v2697-header{padding:13px 12px 31px!important}
  body .acbp-v2697-identity{grid-template-columns:50px minmax(0,1fr)!important;gap:8px!important}
  body .acbp-v2697-visual{width:50px!important;height:50px!important;min-width:50px!important;min-height:50px!important;max-width:50px!important;max-height:50px!important;border-radius:9px!important}
  body .acbp-v2697-visual-image{width:100%!important;height:100%!important;min-width:0!important;max-width:100%!important;min-height:0!important;max-height:100%!important;border-radius:7px!important;transform:scale(1.20)!important}
  body .acbp-v2697-copy strong{font-size:15px!important}
  body .acbp-v2697-copy small{font-size:12px!important}
  body .acbp-v2697-badge{min-width:62px!important;padding-inline:7px!important;font-size:11px!important}
  body .acbp-v2697-body{grid-template-rows:minmax(0,1fr) 54px 25px 37px!important;padding:2px 10px 10px!important;row-gap:5px!important}
  body .acbp-v2697-prices{gap:12px!important}
  body .acbp-v2697-price{width:78px!important;height:78px!important;min-width:78px!important;min-height:78px!important;padding:6px!important}
  body .acbp-v2697-price strong{font-size:18px!important}
  body .acbp-v2697-swap{flex-basis:36px!important;width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important}
  body .acbp-v2697-swap{font-size:24px!important}
  body .acbp-v2697-metric span{font-size:11px!important}
  body .acbp-v2697-metric strong{font-size:12px!important}
  body .acbp-v2697-update{font-size:11px!important}
  body .acbp-v2697-action{min-height:37px!important;font-size:14px!important}
}

body .acbp-v2697-more{display:block!important;margin:16px auto 0!important;border:0!important;border-radius:10px!important;background:#0046AA!important;color:#fff!important;padding:10px 24px!important;font-family:'Cairo',Arial,sans-serif!important;font-size:14px!important;font-weight:900!important;cursor:pointer!important}
