/*
 * BRILL VAULT DESKTOP OS V10
 * FUNDING CENTER
 */

#bvFundingCenter {
  --fc-line:
    rgba(128,151,188,.105);

  --fc-blue-line:
    rgba(73,132,225,.27);

  --fc-text:
    #eef3f8;

  --fc-muted:
    #718097;

  --fc-blue:
    #4b87e8;

  --fc-green:
    #54d5a5;

  --fc-gold:
    #d5ad60;

  display: grid;
  gap: 16px;

  color:
    var(--fc-text);
}

#bvfcLegacy {
  display: none !important;
}

.bvfc-header {
  display: flex;

  min-height: 80px;

  align-items: flex-end;
  justify-content: space-between;

  gap: 24px;
}

.bvfc-heading {
  display: grid;
  gap: 4px;
}

.bvfc-kicker {
  margin: 0;

  color: #6d91c5;

  font-size: 8px;
  font-weight: 850;

  letter-spacing: .19em;

  text-transform: uppercase;
}

.bvfc-heading h1 {
  margin: 0;

  color: #f3f6fa;

  font-size: 31px;
  font-weight: 780;

  letter-spacing: -.035em;
}

.bvfc-heading p:last-child {
  margin: 2px 0 0;

  color: var(--fc-muted);

  font-size: 11px;
}

.bvfc-actions {
  display: flex;
  align-items: center;

  gap: 8px;
}

.bvfc-chip {
  display: inline-flex;

  min-height: 34px;

  align-items: center;

  gap: 7px;

  padding: 0 11px;

  border:
    1px solid
    var(--fc-line);

  border-radius: 9px;

  background:
    rgba(14,22,35,.70);

  color: #79879c;

  font-size: 8px;
  font-weight: 800;

  letter-spacing: .07em;
}

.bvfc-chip.sandbox {
  border-color:
    rgba(212,170,93,.20);

  background:
    rgba(145,104,38,.065);

  color:
    #d6b06b;
}

.bvfc-chip.sandbox::before {
  content: "◆";

  font-size: 6px;
}

.bvfc-refresh {
  min-height: 34px !important;

  padding: 0 13px !important;

  border-radius: 9px !important;

  font-size: 9px !important;
}


/* ============================================================
   SUMMARY
   ============================================================ */

.bvfc-summary {
  display: grid;

  grid-template-columns:
    repeat(
      4,
      minmax(0,1fr)
    );

  overflow: hidden;

  border:
    1px solid
    var(--fc-line);

  border-radius: 15px;

  background:
    linear-gradient(
      145deg,
      rgba(13,21,34,.91),
      rgba(8,14,23,.93)
    );
}

.bvfc-stat {
  display: grid;

  min-height: 84px;

  align-content: center;

  gap: 5px;

  padding: 15px 18px;

  border-right:
    1px solid
    var(--fc-line);
}

.bvfc-stat:last-child {
  border-right: 0;
}

.bvfc-stat span {
  color: #606f86;

  font-size: 8px;
  font-weight: 750;

  letter-spacing: .08em;

  text-transform: uppercase;
}

.bvfc-stat strong {
  overflow: hidden;

  color: #edf1f7;

  font-size: 18px;
  font-weight: 760;

  text-overflow: ellipsis;
  white-space: nowrap;
}

.bvfc-stat.gold strong {
  color: #d4ad68;
}


/* ============================================================
   WORKSPACE
   ============================================================ */

.bvfc-workspace {
  display: grid;

  grid-template-columns:
    minmax(540px,1fr)
    390px;

  align-items: start;

  gap: 14px;
}

.bvfc-gateway {
  min-height: 510px;

  overflow: hidden;

  border:
    1px solid
    var(--fc-blue-line);

  border-radius: 19px;

  background:
    radial-gradient(
      circle at 82% 18%,
      rgba(70,132,226,.15),
      transparent 35%
    ),
    linear-gradient(
      145deg,
      rgba(15,28,48,.97),
      rgba(8,15,26,.98)
    );

  box-shadow:
    0 25px 60px
    rgba(0,0,0,.15);
}

.bvfc-gateway-head {
  display: flex;

  min-height: 60px;

  align-items: center;
  justify-content: space-between;

  gap: 16px;

  padding: 0 20px;

  border-bottom:
    1px solid
    var(--fc-line);
}

.bvfc-gateway-title {
  display: grid;
  gap: 2px;
}

.bvfc-gateway-title strong {
  color: #e7edf5;

  font-size: 10px;
  font-weight: 780;
}

.bvfc-gateway-title span {
  color: #5c6b81;

  font-size: 8px;
}

.bvfc-gateway-state {
  display: inline-flex;

  min-height: 26px;

  align-items: center;

  padding: 0 9px;

  border:
    1px solid
    rgba(212,170,93,.20);

  border-radius: 999px;

  color: #d1aa65;

  font-size: 7px;
  font-weight: 840;
}

.bvfc-main {
  display: grid;

  min-height: 330px;

  align-content: center;

  gap: 14px;

  padding: 35px 28px;
}

.bvfc-symbol {
  display: grid;

  width: 55px;
  height: 55px;

  place-items: center;

  border:
    1px solid
    rgba(205,166,88,.19);

  border-radius: 15px;

  background:
    rgba(139,103,41,.065);

  color: #d0aa65;

  font-size: 18px;
}

.bvfc-main small {
  color: #6d8dbd;

  font-size: 8px;
  font-weight: 850;

  letter-spacing: .14em;

  text-transform: uppercase;
}

.bvfc-main h2 {
  margin: 0;

  color: #f1f4f8;

  font-size: 25px;
  font-weight: 760;

  letter-spacing: -.03em;
}

.bvfc-main p {
  max-width: 620px;

  margin: 0;

  color: #718198;

  font-size: 10px;
  line-height: 1.7;
}

.bvfc-engine {
  display: grid;

  grid-template-columns:
    repeat(
      3,
      minmax(0,1fr)
    );

  border-top:
    1px solid
    var(--fc-line);
}

.bvfc-engine-item {
  display: grid;

  min-height: 100px;

  align-content: center;

  gap: 5px;

  padding: 15px 20px;

  border-right:
    1px solid
    var(--fc-line);
}

.bvfc-engine-item:last-child {
  border-right: 0;
}

.bvfc-engine-item span {
  color: #596a83;

  font-size: 8px;
  font-weight: 800;

  letter-spacing: .09em;

  text-transform: uppercase;
}

.bvfc-engine-item strong {
  color: #dfe7f1;

  font-size: 11px;
  font-weight: 730;
}


/* ============================================================
   DESTINATION
   ============================================================ */

.bvfc-destination {
  position: sticky;

  top: 83px;

  min-height: 510px;

  overflow: hidden;

  border:
    1px solid
    var(--fc-line);

  border-radius: 18px;

  background:
    linear-gradient(
      150deg,
      rgba(15,24,39,.97),
      rgba(8,14,23,.98)
    );

  box-shadow:
    0 22px 55px
    rgba(0,0,0,.15);
}

.bvfc-destination-head {
  display: grid;

  gap: 6px;

  padding: 19px;

  border-bottom:
    1px solid
    var(--fc-line);
}

.bvfc-destination-head small {
  color: #6889ba;

  font-size: 8px;
  font-weight: 850;

  letter-spacing: .15em;

  text-transform: uppercase;
}

.bvfc-destination-head h2 {
  margin: 0;

  color: #f1f4f9;

  font-size: 21px;
  font-weight: 770;

  letter-spacing: -.025em;
}

.bvfc-destination-head p {
  margin: 0;

  color: #65748b;

  font-size: 8px;
}

.bvfc-section {
  display: grid;

  gap: 10px;

  padding: 16px 19px;

  border-bottom:
    1px solid
    var(--fc-line);
}

.bvfc-section-title {
  color: #53647d;

  font-size: 8px;
  font-weight: 850;

  letter-spacing: .15em;

  text-transform: uppercase;
}

.bvfc-row {
  display: flex;

  min-height: 27px;

  align-items: center;
  justify-content: space-between;

  gap: 18px;
}

.bvfc-row span {
  color: #68768c;

  font-size: 8px;
}

.bvfc-row strong {
  max-width: 225px;

  overflow: hidden;

  color: #dce3ed;

  font-size: 8px;
  font-weight: 720;

  text-align: right;

  text-overflow: ellipsis;
  white-space: nowrap;
}

.bvfc-ok {
  color: #87c8ae !important;
}

.bvfc-route {
  display: grid;
  gap: 8px;
}

.bvfc-route-step {
  display: grid;

  grid-template-columns:
    26px
    minmax(0,1fr);

  min-height: 42px;

  align-items: center;

  gap: 9px;
}

.bvfc-route-index {
  display: grid;

  width: 24px;
  height: 24px;

  place-items: center;

  border:
    1px solid
    rgba(75,132,222,.16);

  border-radius: 7px;

  color: #6f98d2;

  font-size: 7px;
  font-weight: 850;
}

.bvfc-route-copy {
  display: grid;
  gap: 2px;
}

.bvfc-route-copy strong {
  color: #ced8e5;

  font-size: 8px;
  font-weight: 720;
}

.bvfc-route-copy span {
  color: #596980;

  font-size: 7px;
}

.bvfc-actions-grid {
  display: grid;

  gap: 8px;

  padding: 17px 19px;
}

.bvfc-action {
  min-height: 39px;

  border:
    1px solid
    rgba(77,132,223,.21);

  border-radius: 10px;

  background:
    rgba(44,83,147,.10);

  color: #a7c3ef;

  cursor: pointer;

  font: inherit;
  font-size: 9px;
  font-weight: 760;
}

.bvfc-action:hover {
  border-color:
    rgba(77,132,223,.36);

  background:
    rgba(48,91,161,.17);

  color: #dceaff;
}

.bvfc-notice {
  display: grid;

  grid-template-columns:
    42px
    minmax(0,1fr);

  min-height: 88px;

  align-items: center;

  gap: 14px;

  padding: 15px 17px;

  border:
    1px solid
    rgba(204,165,88,.16);

  border-radius: 14px;

  background:
    rgba(134,100,40,.045);
}

.bvfc-notice-icon {
  display: grid;

  width: 38px;
  height: 38px;

  place-items: center;

  border:
    1px solid
    rgba(204,165,88,.17);

  border-radius: 10px;

  color: #c8a45f;

  font-size: 13px;
}

.bvfc-notice-copy {
  display: grid;
  gap: 4px;
}

.bvfc-notice-copy strong {
  color: #d7c394;

  font-size: 9px;
  font-weight: 750;
}

.bvfc-notice-copy span {
  color: #736d61;

  font-size: 8px;

  line-height: 1.55;
}

.bvfc-footer {
  display: flex;

  min-height: 35px;

  align-items: center;
  justify-content: space-between;

  padding: 0 3px;

  color: #4f5e73;

  font-size: 8px;
}

.bvfc-footer-left,
.bvfc-footer-right {
  display: flex;

  align-items: center;

  gap: 11px;
}

.bvfc-footer-dot {
  width: 5px;
  height: 5px;

  border-radius: 50%;

  background:
    var(--fc-green);
}

@media (max-width: 1450px) {

  .bvfc-workspace {
    grid-template-columns:
      minmax(500px,1fr)
      350px;
  }

}

@media (max-width: 1250px) {

  .bvfc-workspace {
    grid-template-columns:
      minmax(450px,1fr)
      320px;
  }

}