/*
 * ============================================================
 * BRILL VAULT DESKTOP OS V6
 * COMMAND DASHBOARD
 * ============================================================
 */

#bvdLegacy {
  display: none !important;
}


/* Compatibility correction:
   do not duplicate the real OWNER badge. */

#adminNavItem::after {
  content: none !important;
  display: none !important;
}


#bvCommandDashboard {
  --v6-panel:
    rgba(11, 18, 29, .92);

  --v6-panel-2:
    rgba(14, 23, 37, .95);

  --v6-line:
    rgba(127, 151, 188, .105);

  --v6-blue-line:
    rgba(76, 134, 226, .26);

  --v6-text:
    #eef3f9;

  --v6-muted:
    #718097;

  --v6-dim:
    #536177;

  --v6-blue:
    #4b87e8;

  --v6-blue-2:
    #71a8f4;

  --v6-green:
    #54d5a5;

  --v6-gold:
    #d5ad60;

  --v6-red:
    #dc747e;

  display: grid;

  gap: 16px;

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


/* ============================================================
   HEADER
   ============================================================ */

.bvd-header {
  display: flex;

  align-items: flex-end;

  justify-content: space-between;

  min-height: 76px;

  gap: 24px;
}

.bvd-heading {
  display: grid;

  gap: 4px;
}

.bvd-kicker {
  margin: 0;

  color: #6e91c4;

  font-size: 8px;

  font-weight: 850;

  letter-spacing: .19em;

  text-transform: uppercase;
}

.bvd-heading h1 {
  margin: 0;

  color: #f3f6fa;

  font-size: 31px;

  font-weight: 780;

  letter-spacing: -.035em;
}

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

  color: var(--v6-muted);

  font-size: 11px;
}

.bvd-head-actions {
  display: flex;

  align-items: center;

  gap: 8px;
}

.bvd-status-chip {
  display: inline-flex;

  align-items: center;

  min-height: 34px;

  gap: 7px;

  padding: 0 11px;

  border:
    1px solid
    rgba(81, 197, 153, .15);

  border-radius: 9px;

  background:
    rgba(46, 128, 96, .055);

  color: #8cc6ae;

  font-size: 8px;

  font-weight: 800;

  letter-spacing: .07em;
}

.bvd-status-chip::before {
  content: "";

  width: 6px;

  height: 6px;

  border-radius: 50%;

  background: var(--v6-green);

  box-shadow:
    0 0 11px
    rgba(84, 213, 165, .5);
}

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

  padding: 0 13px !important;

  border-radius: 9px !important;

  font-size: 9px !important;
}


/* ============================================================
   TOP GRID
   ============================================================ */

.bvd-top-grid {
  display: grid;

  grid-template-columns:
    minmax(520px, 1.55fr)
    minmax(330px, .85fr);

  gap: 14px;
}


/* ============================================================
   BALANCE COMMAND MODULE
   ============================================================ */

.bvd-balance {
  position: relative;

  min-height: 300px;

  overflow: hidden;

  padding: 25px;

  border:
    1px solid
    rgba(78, 135, 225, .23);

  border-radius: 20px;

  background:
    radial-gradient(
      circle at 82% 20%,
      rgba(78, 140, 236, .22),
      transparent 36%
    ),
    linear-gradient(
      145deg,
      #162b4d,
      #0f213c 55%,
      #0b182b
    );

  box-shadow:
    0 28px 65px
    rgba(0, 0, 0, .17);
}

.bvd-balance::after {
  content: "";

  position: absolute;

  width: 390px;

  height: 390px;

  top: -235px;

  right: -90px;

  border:
    1px solid
    rgba(130, 181, 255, .09);

  border-radius: 50%;
}

.bvd-balance-top {
  position: relative;

  z-index: 2;

  display: flex;

  align-items: flex-start;

  justify-content: space-between;
}

.bvd-balance-label {
  display: grid;

  gap: 4px;
}

.bvd-balance-label span {
  color: #82a7d9;

  font-size: 8px;

  font-weight: 850;

  letter-spacing: .15em;

  text-transform: uppercase;
}

.bvd-balance-label small {
  color: #6282af;

  font-size: 8px;
}

.bvd-balance-state {
  display: inline-flex;

  min-height: 25px;

  align-items: center;

  gap: 6px;

  padding: 0 8px;

  border:
    1px solid
    rgba(105, 196, 163, .14);

  border-radius: 999px;

  color: #98cbb8;

  font-size: 7px;

  font-weight: 850;
}

.bvd-balance-state::before {
  content: "";

  width: 5px;

  height: 5px;

  border-radius: 50%;

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

.bvd-balance-value {
  position: relative;

  z-index: 2;

  display: flex;

  align-items: baseline;

  gap: 10px;

  margin-top: 43px;
}

.bvd-balance-value strong {
  color: #ffffff;

  font-size: clamp(
    36px,
    3.2vw,
    55px
  );

  font-weight: 630;

  letter-spacing: -.055em;
}

.bvd-balance-value span {
  color: #8eb1df;

  font-size: 13px;

  font-weight: 730;
}

.bvd-balance-player {
  position: relative;

  z-index: 2;

  margin-top: 7px;

  color: #7593bd;

  font-size: 9px;
}

.bvd-balance-actions {
  position: relative;

  z-index: 2;

  display: flex;

  align-items: center;

  gap: 8px;

  margin-top: 33px;
}

.bvd-primary-action,
.bvd-secondary-action {
  min-height: 39px;

  padding: 0 15px;

  border-radius: 10px;

  cursor: pointer;

  font: inherit;

  font-size: 9px;

  font-weight: 780;

  transition: .15s ease;
}

.bvd-primary-action {
  border:
    1px solid
    rgba(255, 255, 255, .18);

  background: #eef4ff;

  color: #10284c;
}

.bvd-primary-action:hover {
  transform: translateY(-1px);

  background: #ffffff;
}

.bvd-secondary-action {
  border:
    1px solid
    rgba(144, 180, 231, .20);

  background:
    rgba(28, 57, 98, .28);

  color: #b6cff0;
}

.bvd-secondary-action:hover {
  border-color:
    rgba(144, 180, 231, .34);

  background:
    rgba(37, 72, 120, .35);
}


/* ============================================================
   VAULT CARD
   ============================================================ */

.bvd-card {
  position: relative;

  min-height: 300px;

  overflow: hidden;

  padding: 22px;

  border:
    1px solid
    rgba(199, 162, 90, .20);

  border-radius: 20px;

  background:
    radial-gradient(
      circle at 80% 18%,
      rgba(204, 166, 92, .14),
      transparent 30%
    ),
    linear-gradient(
      145deg,
      #17191d,
      #090b0f 67%,
      #121419
    );

  box-shadow:
    0 28px 65px
    rgba(0, 0, 0, .17);
}

.bvd-card[data-tier="STANDARD"] {
  border-color:
    rgba(103, 147, 207, .18);
}

.bvd-card[data-tier="STANDARD"]
.bvd-card-tier {
  color: #8caedc;
}

.bvd-card[data-tier="GOLD"] {
  border-color:
    rgba(211, 169, 83, .25);
}

.bvd-card[data-tier="PLATINUM"] {
  border-color:
    rgba(219, 192, 132, .24);
}

.bvd-card-top {
  display: flex;

  align-items: flex-start;

  justify-content: space-between;
}

.bvd-card-brand {
  display: grid;

  gap: 3px;
}

.bvd-card-brand strong {
  color: #f0f2f5;

  font-size: 11px;

  font-weight: 820;

  letter-spacing: .10em;
}

.bvd-card-brand span {
  color: #666d76;

  font-size: 7px;

  letter-spacing: .13em;
}

.bvd-card-tier {
  color: #d7b468;

  font-size: 9px;

  font-weight: 850;

  letter-spacing: .15em;
}

.bvd-card-number {
  display: grid;

  gap: 5px;

  margin-top: 65px;
}

.bvd-card-number small {
  color: #5e6570;

  font-size: 7px;

  letter-spacing: .12em;

  text-transform: uppercase;
}

.bvd-card-number strong {
  overflow: hidden;

  color: #e4e7eb;

  font-size: 15px;

  font-weight: 600;

  letter-spacing: .07em;

  text-overflow: ellipsis;

  white-space: nowrap;
}

.bvd-card-footer {
  display: flex;

  align-items: flex-end;

  justify-content: space-between;

  gap: 20px;

  margin-top: 47px;
}

.bvd-card-holder {
  display: grid;

  gap: 3px;
}

.bvd-card-holder small {
  color: #5d6470;

  font-size: 6px;

  letter-spacing: .12em;

  text-transform: uppercase;
}

.bvd-card-holder strong {
  color: #bec5ce;

  font-size: 9px;

  font-weight: 650;

  text-transform: uppercase;
}


/* ============================================================
   SYSTEM MODULES
   ============================================================ */

.bvd-system-grid {
  display: grid;

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

  gap: 9px;
}

.bvd-system-card {
  display: grid;

  min-height: 112px;

  align-content: center;

  gap: 6px;

  padding: 16px;

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

  border-radius: 14px;

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

  cursor: pointer;

  transition: .15s ease;
}

.bvd-system-card:hover {
  border-color:
    rgba(74, 132, 224, .25);

  transform: translateY(-1px);
}

.bvd-system-card small {
  color: #6385b6;

  font-size: 7px;

  font-weight: 850;

  letter-spacing: .13em;

  text-transform: uppercase;
}

.bvd-system-card strong {
  overflow: hidden;

  color: #e4eaf2;

  font-size: 19px;

  font-weight: 700;

  letter-spacing: -.025em;

  text-overflow: ellipsis;

  white-space: nowrap;
}

.bvd-system-card span {
  overflow: hidden;

  color: #627188;

  font-size: 8px;

  text-overflow: ellipsis;

  white-space: nowrap;
}

.bvd-system-card.alert strong {
  color: #d8b46b;
}

.bvd-system-card.safe strong {
  color: #89c6ad;
}


/* ============================================================
   LOWER GRID
   ============================================================ */

.bvd-lower-grid {
  display: grid;

  grid-template-columns:
    minmax(560px, 1.45fr)
    minmax(300px, .75fr);

  align-items: start;

  gap: 14px;
}


/* ============================================================
   LEDGER
   ============================================================ */

.bvd-ledger {
  min-height: 315px;

  overflow: hidden;

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

  border-radius: 17px;

  background:
    linear-gradient(
      145deg,
      rgba(12, 19, 31, .91),
      rgba(8, 14, 23, .93)
    );
}

.bvd-panel-head {
  display: flex;

  align-items: center;

  justify-content: space-between;

  min-height: 55px;

  gap: 15px;

  padding: 0 17px;

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

.bvd-panel-title {
  display: grid;

  gap: 2px;
}

.bvd-panel-title strong {
  color: #e3e9f1;

  font-size: 10px;

  font-weight: 780;
}

.bvd-panel-title span {
  color: #58677e;

  font-size: 8px;
}

.bvd-text-action {
  border: 0;

  background: transparent;

  color: #7197ce;

  cursor: pointer;

  font: inherit;

  font-size: 8px;

  font-weight: 750;
}

.bvd-transactions {
  display: grid;

  padding: 8px;
}

.bvd-tx {
  display: grid;

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

  align-items: center;

  min-height: 66px;

  gap: 11px;

  padding: 8px 10px;

  border-bottom:
    1px solid
    rgba(128, 151, 185, .07);
}

.bvd-tx:last-child {
  border-bottom: 0;
}

.bvd-tx-icon {
  display: grid;

  width: 35px;

  height: 35px;

  place-items: center;

  border:
    1px solid
    rgba(80, 131, 209, .14);

  border-radius: 10px;

  background:
    rgba(44, 83, 145, .07);

  color: #7ca4df;

  font-size: 12px;
}

.bvd-tx.credit .bvd-tx-icon {
  border-color:
    rgba(75, 184, 142, .14);

  background:
    rgba(55, 135, 103, .05);

  color: #7fc0a4;
}

.bvd-tx-copy {
  display: grid;

  min-width: 0;

  gap: 3px;
}

.bvd-tx-copy strong {
  overflow: hidden;

  color: #dce4ee;

  font-size: 9px;

  font-weight: 720;

  text-overflow: ellipsis;

  white-space: nowrap;
}

.bvd-tx-copy small {
  overflow: hidden;

  color: #5f6e84;

  font-size: 8px;

  text-overflow: ellipsis;

  white-space: nowrap;
}

.bvd-tx-money {
  display: grid;

  justify-items: end;

  gap: 3px;
}

.bvd-tx-money strong {
  color: #dce4ee;

  font-size: 9px;

  font-weight: 750;
}

.bvd-tx.credit
.bvd-tx-money strong {
  color: #83c4a9;
}

.bvd-tx-money small {
  color: #536178;

  font-size: 7px;
}


/* ============================================================
   APPLICATION LAUNCHER
   ============================================================ */

.bvd-launcher {
  overflow: hidden;

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

  border-radius: 17px;

  background:
    linear-gradient(
      145deg,
      rgba(14, 22, 35, .91),
      rgba(8, 14, 23, .94)
    );
}

.bvd-launcher-head {
  display: grid;

  gap: 3px;

  padding: 16px 17px;

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

.bvd-launcher-head strong {
  color: #e1e8f1;

  font-size: 10px;

  font-weight: 770;
}

.bvd-launcher-head span {
  color: #58687f;

  font-size: 8px;
}

.bvd-apps {
  display: grid;

  grid-template-columns:
    1fr
    1fr;

  gap: 7px;

  padding: 9px;
}

.bvd-app {
  display: grid;

  min-height: 86px;

  align-content: center;

  gap: 5px;

  padding: 13px;

  border:
    1px solid
    rgba(127, 151, 188, .09);

  border-radius: 12px;

  background:
    rgba(20, 31, 48, .32);

  color: inherit;

  cursor: pointer;

  font: inherit;

  text-align: left;

  transition: .15s ease;
}

.bvd-app:hover {
  border-color:
    rgba(76, 132, 222, .24);

  background:
    rgba(43, 74, 120, .11);

  transform: translateY(-1px);
}

.bvd-app small {
  color: #6284b5;

  font-size: 7px;

  font-weight: 850;

  letter-spacing: .12em;
}

.bvd-app strong {
  color: #dce4ef;

  font-size: 9px;

  font-weight: 730;
}

.bvd-app span {
  color: #5d6d83;

  font-size: 7px;
}


/* ============================================================
   EMPTY / ERROR
   ============================================================ */

.bvd-empty {
  display: grid;

  min-height: 180px;

  place-items: center;

  padding: 30px;

  color: #65748a;

  font-size: 9px;

  text-align: center;
}


/* ============================================================
   FOOTER
   ============================================================ */

.bvd-footer {
  display: flex;

  align-items: center;

  justify-content: space-between;

  min-height: 34px;

  padding: 0 3px;

  color: #4f5e73;

  font-size: 8px;
}

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

  align-items: center;

  gap: 11px;
}

.bvd-footer-dot {
  width: 5px;

  height: 5px;

  border-radius: 50%;

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


/* ============================================================
   DESKTOP RESOLUTION TUNING
   ============================================================ */

@media (max-width: 1450px) {

  .bvd-top-grid {
    grid-template-columns:
      minmax(480px, 1.45fr)
      minmax(320px, .85fr);
  }

  .bvd-system-grid {
    grid-template-columns:
      repeat(
        4,
        minmax(120px, 1fr)
      );
  }

  .bvd-lower-grid {
    grid-template-columns:
      minmax(500px, 1.35fr)
      minmax(290px, .75fr);
  }

}

@media (max-width: 1250px) {

  .bvd-top-grid {
    grid-template-columns:
      minmax(440px, 1.3fr)
      310px;
  }

  .bvd-system-grid {
    grid-template-columns:
      repeat(
        2,
        minmax(0, 1fr)
      );
  }

  .bvd-lower-grid {
    grid-template-columns:
      minmax(470px, 1.2fr)
      285px;
  }

}