/*
=========================================================
 BRILL VAULT V13 PRO
 Complete desktop presentation system
=========================================================
*/

:root {
  --bv-bg: #080b10;
  --bv-bg-deep: #05070a;

  --bv-sidebar: #090d12;
  --bv-sidebar-2: #0b1016;

  --bv-card: #10151c;
  --bv-card-2: #121922;
  --bv-card-3: #0c1117;

  --bv-border: rgba(194, 207, 224, .09);
  --bv-border-strong: rgba(194, 207, 224, .15);

  --bv-text: #f2f5f8;
  --bv-text-soft: #c1cad5;
  --bv-muted: #7f8a98;
  --bv-muted-2: #566170;

  --bv-blue: #5b8ff6;
  --bv-blue-2: #4176dc;
  --bv-blue-soft: rgba(91, 143, 246, .10);

  --bv-gold: #c9a865;
  --bv-gold-soft: rgba(201, 168, 101, .10);

  --bv-green: #68cba2;
  --bv-green-soft: rgba(104, 203, 162, .10);

  --bv-red: #df7a84;
  --bv-red-soft: rgba(223, 122, 132, .10);

  --bv-radius: 14px;
  --bv-radius-sm: 10px;

  --bv-shadow:
    0 18px 50px rgba(0, 0, 0, .18);
}

/* =====================================================
   GLOBAL
===================================================== */

html.brill-vault-v13,
html.brill-vault-v13 body {
  min-width: 1180px !important;
  min-height: 100%;
  background: var(--bv-bg) !important;
}

html.brill-vault-v13 body {
  margin: 0 !important;

  color: var(--bv-text) !important;

  font-family:
    Inter,
    ui-sans-serif,
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    Roboto,
    Helvetica,
    Arial,
    sans-serif !important;

  font-size: 14px !important;

  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;

  background:
    radial-gradient(
      circle at 78% 0%,
      rgba(59, 91, 142, .08),
      transparent 28%
    ),
    linear-gradient(
      180deg,
      #080b10 0%,
      #070a0e 100%
    ) !important;
}

html.brill-vault-v13 * {
  box-sizing: border-box;
}

html.brill-vault-v13 ::selection {
  background: rgba(91, 143, 246, .25);
  color: white;
}

html.brill-vault-v13 .hidden,
html.brill-vault-v13 [hidden] {
  display: none !important;
}

/* =====================================================
   APP SHELL
===================================================== */

html.brill-vault-v13 #appShell {
  display: grid !important;

  grid-template-columns:
    248px
    minmax(0, 1fr) !important;

  min-height: 100vh !important;

  background: transparent !important;
}

html.brill-vault-v13 #appShell.hidden {
  display: none !important;
}

html.brill-vault-v13 #appShell .app-sidebar {
  position: sticky !important;
  top: 0 !important;

  width: 248px !important;
  min-width: 248px !important;
  height: 100vh !important;

  display: flex !important;
  flex-direction: column !important;

  padding: 0 !important;

  overflow: hidden !important;

  border-right:
    1px solid var(--bv-border) !important;

  background:
    linear-gradient(
      180deg,
      var(--bv-sidebar) 0%,
      #080c11 100%
    ) !important;

  box-shadow: none !important;
}

html.brill-vault-v13 #appShell .app-main {
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;

  padding:
    0
    34px
    58px !important;

  overflow: visible !important;

  background: transparent !important;
}

html.brill-vault-v13
#appShell
.app-main
> header:not(#bv13Topbar) {
  display: none !important;
}

/* =====================================================
   BRAND
===================================================== */

html.brill-vault-v13 .bv13-brand {
  min-height: 104px;

  display: flex;
  align-items: center;
  gap: 13px;

  padding: 0 22px;

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

html.brill-vault-v13 .bv13-logo-mark {
  width: 36px;
  height: 36px;

  display: grid;
  place-items: center;

  border:
    1px solid rgba(91, 143, 246, .24);

  border-radius: 10px;

  background:
    linear-gradient(
      145deg,
      rgba(91, 143, 246, .16),
      rgba(91, 143, 246, .04)
    );

  color: #85aef7;

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

  letter-spacing: -.02em;
}

html.brill-vault-v13 .bv13-brand-copy {
  min-width: 0;

  display: grid;
  gap: 5px;
}

html.brill-vault-v13 .bv13-brand-copy strong {
  color: #f4f6f8;

  font-size: 12px;
  font-weight: 820;

  letter-spacing: .12em;
}

html.brill-vault-v13 .bv13-brand-copy span {
  color: #5e6a79;

  font-size: 7px;
  font-weight: 700;

  letter-spacing: .18em;
  text-transform: uppercase;
}

/* =====================================================
   NAVIGATION
===================================================== */

html.brill-vault-v13 #appShell .app-nav {
  flex: 1;

  display: block !important;

  padding: 19px 12px !important;

  overflow-y: auto !important;
  overflow-x: hidden !important;
}

html.brill-vault-v13 .bv13-nav-group {
  display: grid;
  gap: 3px;

  margin-bottom: 22px;
}

html.brill-vault-v13 .bv13-nav-label {
  margin:
    0
    11px
    7px;

  color: #4f5b69;

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

  letter-spacing: .14em;
  text-transform: uppercase;
}

html.brill-vault-v13 #appShell .app-nav-item {
  width: 100% !important;
  height: 42px !important;
  min-height: 42px !important;

  display: flex !important;
  align-items: center !important;
  gap: 11px !important;

  margin: 0 !important;
  padding: 0 12px !important;

  border:
    1px solid transparent !important;

  border-radius: 9px !important;

  background: transparent !important;

  color: #7d8999 !important;

  box-shadow: none !important;

  cursor: pointer !important;

  font-size: 9px !important;
  font-weight: 650 !important;

  text-align: left !important;

  transition:
    background .15s ease,
    border-color .15s ease,
    color .15s ease !important;
}

html.brill-vault-v13
#appShell
.app-nav-item
.bv13-nav-icon {
  width: 17px;
  height: 17px;

  display: grid;
  place-items: center;

  flex: 0 0 17px;

  color: #64758b;
}

html.brill-vault-v13
#appShell
.app-nav-item
.bv13-nav-icon
svg {
  width: 16px;
  height: 16px;

  display: block;

  fill: none;

  stroke: currentColor;
  stroke-width: 1.7;
  stroke-linecap: round;
  stroke-linejoin: round;
}

html.brill-vault-v13
#appShell
.app-nav-item:hover {
  color: #c2cad4 !important;

  background:
    rgba(255, 255, 255, .025) !important;
}

html.brill-vault-v13
#appShell
.app-nav-item.active {
  color: #eef3f9 !important;

  border-color:
    rgba(91, 143, 246, .22) !important;

  background:
    rgba(91, 143, 246, .085) !important;

  box-shadow:
    inset 2px 0 0
    var(--bv-blue) !important;
}

html.brill-vault-v13
#appShell
.app-nav-item.active
.bv13-nav-icon {
  color: #82aaf6;
}

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

html.brill-vault-v13 .bv13-sidebar-footer {
  display: grid;
  gap: 9px;

  padding: 14px 12px 16px;

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

html.brill-vault-v13
.bv13-sidebar-footer
.sidebar-security {
  width: 100% !important;

  display: flex !important;
  align-items: center !important;
  gap: 9px !important;

  margin: 0 !important;
  padding: 10px 11px !important;

  border:
    1px solid var(--bv-border) !important;

  border-radius: 9px !important;

  background:
    rgba(255, 255, 255, .018) !important;
}

html.brill-vault-v13
.bv13-sidebar-footer
.sidebar-security
strong {
  color: #c4ceda !important;
  font-size: 8px !important;
  font-weight: 650 !important;
}

html.brill-vault-v13
.bv13-sidebar-footer
.sidebar-security
small {
  color: #566271 !important;
  font-size: 7px !important;
}

html.brill-vault-v13
.bv13-sidebar-footer
#logoutBtn {
  width: 100% !important;
  min-height: 38px !important;

  border:
    1px solid var(--bv-border) !important;

  border-radius: 9px !important;

  background:
    transparent !important;

  color: #8793a2 !important;

  box-shadow: none !important;

  font-size: 8px !important;
}

html.brill-vault-v13
.bv13-sidebar-footer
#logoutBtn:hover {
  color: #e3e8ee !important;

  border-color:
    var(--bv-border-strong) !important;

  background:
    rgba(255, 255, 255, .025) !important;
}

/* =====================================================
   TOPBAR
===================================================== */

html.brill-vault-v13 #bv13Topbar {
  position: sticky;
  top: 0;
  z-index: 50;

  min-height: 104px;

  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;

  margin: 0 -34px 0;
  padding: 0 34px;

  border-bottom:
    1px solid var(--bv-border);

  background:
    rgba(8, 11, 16, .90);

  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}

html.brill-vault-v13 .bv13-page-meta {
  min-width: 0;

  display: grid;
  gap: 5px;
}

html.brill-vault-v13 .bv13-page-overline {
  color: #596779;

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

  letter-spacing: .14em;
  text-transform: uppercase;
}

html.brill-vault-v13 #bv13PageTitle {
  margin: 0 !important;

  color: var(--bv-text) !important;

  font-size: 25px !important;
  font-weight: 720 !important;

  letter-spacing: -.035em !important;
  line-height: 1.05 !important;
}

html.brill-vault-v13 #bv13PageSubtitle {
  color: var(--bv-muted);

  font-size: 8px;
  line-height: 1.4;
}

html.brill-vault-v13 .bv13-topbar-right {
  display: flex;
  align-items: center;
  gap: 10px;
}

html.brill-vault-v13 .bv13-live {
  height: 34px;

  display: inline-flex;
  align-items: center;
  gap: 7px;

  padding: 0 11px;

  border:
    1px solid var(--bv-border);

  border-radius: 9px;

  color: #7d8998;

  background:
    rgba(255, 255, 255, .018);

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

  letter-spacing: .05em;
  text-transform: uppercase;
}

html.brill-vault-v13 .bv13-live i {
  width: 6px;
  height: 6px;

  border-radius: 50%;

  background: var(--bv-green);

  box-shadow:
    0 0 0 3px
    rgba(104, 203, 162, .08);
}

html.brill-vault-v13 #bv13Topbar .account-chip {
  min-width: 166px !important;
  height: 46px !important;

  display: flex !important;
  align-items: center !important;
  gap: 10px !important;

  margin: 0 !important;
  padding: 6px 10px 6px 6px !important;

  border:
    1px solid var(--bv-border) !important;

  border-radius: 11px !important;

  background:
    rgba(255, 255, 255, .018) !important;

  box-shadow: none !important;
}

html.brill-vault-v13
#bv13Topbar
.account-chip
.avatar {
  width: 32px !important;
  height: 32px !important;

  display: grid !important;
  place-items: center !important;

  border-radius: 8px !important;

  background:
    linear-gradient(
      145deg,
      #4e85df,
      #356ec9
    ) !important;

  color: white !important;

  font-size: 11px !important;
  font-weight: 800 !important;
}

html.brill-vault-v13
#bv13Topbar
.account-chip
strong {
  display: block;

  color: #e9eef4 !important;

  font-size: 8px !important;
  font-weight: 750 !important;
}

html.brill-vault-v13
#bv13Topbar
.account-chip
small {
  display: block;

  margin-top: 2px;

  color: #586575 !important;

  font-size: 6px !important;
}

/* =====================================================
   VIEWS
===================================================== */

html.brill-vault-v13 #appShell .app-view {
  width: 100% !important;
  max-width: 1440px !important;

  margin: 0 auto !important;
  padding: 28px 0 0 !important;

  background: transparent !important;
}

html.brill-vault-v13
#appShell
.app-view:not(.active) {
  display: none !important;
}

html.brill-vault-v13
#appShell
.app-view.active {
  display: block !important;
}

html.brill-vault-v13 #appShell h1,
html.brill-vault-v13 #appShell h2,
html.brill-vault-v13 #appShell h3,
html.brill-vault-v13 #appShell h4 {
  color: var(--bv-text) !important;
}

html.brill-vault-v13 #appShell h1 {
  font-size: 28px !important;
  font-weight: 720 !important;
  letter-spacing: -.035em !important;
}

html.brill-vault-v13 #appShell h2 {
  font-size: 18px !important;
  font-weight: 700 !important;
  letter-spacing: -.025em !important;
}

html.brill-vault-v13 #appShell h3 {
  font-size: 14px !important;
  font-weight: 680 !important;
}

html.brill-vault-v13 #appShell p {
  color: var(--bv-muted) !important;

  line-height: 1.55 !important;
}

html.brill-vault-v13 #appShell .eyebrow,
html.brill-vault-v13 #appShell [class*="kicker"] {
  color: #6486b6 !important;

  font-size: 7px !important;
  font-weight: 820 !important;

  letter-spacing: .14em !important;
  text-transform: uppercase !important;
}

/* =====================================================
   PANELS / CARDS
===================================================== */

html.brill-vault-v13 #appShell .panel,
html.brill-vault-v13 #appShell article.panel,
html.brill-vault-v13 #appShell [class$="-panel"],
html.brill-vault-v13 #appShell [class*="-panel "],
html.brill-vault-v13 #appShell [class$="-card"],
html.brill-vault-v13 #appShell [class*="-card "] {
  border-color:
    var(--bv-border) !important;

  border-radius:
    var(--bv-radius) !important;

  box-shadow:
    none !important;
}

html.brill-vault-v13 #appShell .panel {
  padding: 18px !important;

  background:
    linear-gradient(
      145deg,
      rgba(17, 23, 31, .98),
      rgba(13, 18, 25, .98)
    ) !important;
}

html.brill-vault-v13 #appShell .two-col {
  display: grid !important;

  grid-template-columns:
    repeat(
      2,
      minmax(0, 1fr)
    ) !important;

  gap: 14px !important;
}

html.brill-vault-v13 #appShell .three-col {
  display: grid !important;

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

  gap: 14px !important;
}

/* =====================================================
   BUTTONS
===================================================== */

html.brill-vault-v13 #appShell button,
html.brill-vault-v13 #appShell .btn {
  font-family: inherit !important;
}

html.brill-vault-v13
#appShell
button:not(.app-nav-item),
html.brill-vault-v13
#appShell
.btn:not(.app-nav-item) {
  min-height: 38px;

  border-radius:
    9px !important;

  box-shadow:
    none !important;

  font-size:
    8px !important;

  font-weight:
    720 !important;

  transition:
    transform .12s ease,
    background .15s ease,
    border-color .15s ease !important;
}

html.brill-vault-v13
#appShell
button:not(.app-nav-item):active {
  transform: translateY(1px);
}

html.brill-vault-v13
#appShell
.btn-primary {
  border:
    1px solid
    rgba(91, 143, 246, .30) !important;

  background:
    linear-gradient(
      180deg,
      #4d84e1,
      #3d70c7
    ) !important;

  color: white !important;
}

html.brill-vault-v13
#appShell
.btn-ghost,
html.brill-vault-v13
#appShell
.btn-outline-light {
  border:
    1px solid
    var(--bv-border-strong) !important;

  background:
    rgba(255, 255, 255, .02) !important;

  color:
    #b5c0cd !important;
}

/* =====================================================
   FORMS
===================================================== */

html.brill-vault-v13 #appShell .form {
  display: grid !important;
  gap: 13px !important;
}

html.brill-vault-v13 #appShell label {
  display: grid !important;
  gap: 7px !important;

  color: #727f8f !important;

  font-size: 7px !important;
  font-weight: 750 !important;

  letter-spacing: .03em !important;
}

html.brill-vault-v13 #appShell input,
html.brill-vault-v13 #appShell select,
html.brill-vault-v13 #appShell textarea {
  min-height: 43px !important;

  padding:
    0 12px !important;

  border:
    1px solid
    var(--bv-border-strong) !important;

  border-radius:
    9px !important;

  outline: none !important;

  background:
    #0a0f15 !important;

  color:
    var(--bv-text) !important;

  box-shadow:
    none !important;

  font-family: inherit !important;
  font-size: 10px !important;
}

html.brill-vault-v13 #appShell textarea {
  min-height: 100px !important;

  padding-top: 11px !important;

  resize: vertical;
}

html.brill-vault-v13 #appShell input:focus,
html.brill-vault-v13 #appShell select:focus,
html.brill-vault-v13 #appShell textarea:focus {
  border-color:
    rgba(91, 143, 246, .48) !important;

  box-shadow:
    0 0 0 3px
    rgba(91, 143, 246, .055) !important;
}

/* =====================================================
   OVERVIEW
===================================================== */

html.brill-vault-v13
#view-overview
.balance-card {
  position: relative;

  overflow: hidden;

  min-height: 220px !important;

  padding: 26px !important;

  border:
    1px solid
    rgba(91, 143, 246, .17) !important;

  border-radius:
    16px !important;

  background:
    linear-gradient(
      135deg,
      #14243a 0%,
      #101b2b 52%,
      #0e1621 100%
    ) !important;

  box-shadow:
    none !important;
}

html.brill-vault-v13
#view-overview
.balance-card::after {
  content: "";

  position: absolute;

  width: 280px;
  height: 280px;

  right: -90px;
  top: -145px;

  border-radius: 50%;

  background:
    rgba(91, 143, 246, .06);

  pointer-events: none;
}

html.brill-vault-v13
#view-overview
#balanceValue {
  color: #f5f8fc !important;

  font-size:
    clamp(
      31px,
      3vw,
      46px
    ) !important;

  font-weight: 710 !important;

  letter-spacing:
    -.055em !important;
}

html.brill-vault-v13
#view-overview
.account-summary {
  background:
    #0e141c !important;
}

html.brill-vault-v13
#view-overview
.account-summary
dl {
  display: grid;
  gap: 11px;
}

html.brill-vault-v13
#view-overview
.account-summary
dl
div {
  display: flex;
  justify-content: space-between;
  gap: 12px;

  padding-bottom: 9px;

  border-bottom:
    1px solid rgba(194, 207, 224, .055);
}

html.brill-vault-v13
#view-overview
.account-summary
dt {
  color: var(--bv-muted-2);
  font-size: 7px;
}

html.brill-vault-v13
#view-overview
.account-summary
dd {
  margin: 0;

  color: var(--bv-text-soft);

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

/* =====================================================
   TRANSACTIONS
===================================================== */

html.brill-vault-v13
#appShell
.transaction-list {
  display: grid !important;
  gap: 0 !important;

  overflow: hidden;

  border:
    1px solid var(--bv-border) !important;

  border-radius:
    11px !important;

  background:
    rgba(5, 8, 12, .20) !important;
}

html.brill-vault-v13
#appShell
.transaction-list
> * {
  min-height: 58px;

  border-bottom:
    1px solid
    rgba(194, 207, 224, .06) !important;
}

html.brill-vault-v13
#appShell
.transaction-list
> *:last-child {
  border-bottom: 0 !important;
}

html.brill-vault-v13
#appShell
.transaction-list
.empty {
  display: grid;
  place-items: center;

  color: var(--bv-muted-2) !important;

  font-size: 8px;
}

/* =====================================================
   TOPUP
===================================================== */

html.brill-vault-v13
#view-topup
.bv13-legacy-topup,
html.brill-vault-v13
#view-topup
#bvFundingCenter,
html.brill-vault-v13
#view-topup
#bvSandboxE2E,
html.brill-vault-v13
#view-topup
[class*="sandbox-e2e"] {
  display: none !important;
}

html.brill-vault-v13 #bv13PayPalStage {
  width: 100%;

  margin-bottom: 16px;
}

html.brill-vault-v13
#bvPayPalStandard {
  width: 100% !important;

  display: grid !important;
  gap: 18px !important;

  margin: 0 !important;
  padding: 22px !important;

  border:
    1px solid
    var(--bv-border) !important;

  border-radius:
    15px !important;

  background:
    linear-gradient(
      145deg,
      #111821,
      #0c1219
    ) !important;

  box-shadow:
    var(--bv-shadow) !important;
}

html.brill-vault-v13
#bvPayPalStandard
.bvps-head {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;

  gap: 20px !important;
}

html.brill-vault-v13
#bvPayPalStandard
.bvps-kicker {
  display: none !important;
}

html.brill-vault-v13
#bvPayPalStandard
.bvps-copy {
  display: grid !important;
  gap: 6px !important;
}

html.brill-vault-v13
#bvPayPalStandard
.bvps-copy
h3 {
  margin: 0 !important;

  font-size: 20px !important;
  font-weight: 710 !important;
}

html.brill-vault-v13
#bvPayPalStandard
.bvps-copy
p {
  max-width: 650px !important;

  margin: 0 !important;

  color: var(--bv-muted) !important;

  font-size: 8px !important;
}

html.brill-vault-v13
#bvPayPalStandard
.bvps-mode {
  height: 28px !important;

  display: inline-flex !important;
  align-items: center !important;

  padding: 0 9px !important;

  border:
    1px solid
    rgba(201, 168, 101, .22) !important;

  border-radius:
    999px !important;

  background:
    var(--bv-gold-soft) !important;

  color:
    var(--bv-gold) !important;

  font-size: 7px !important;
  font-weight: 800 !important;
}

html.brill-vault-v13
#bvPayPalStandard
.bvps-grid {
  display: grid !important;

  grid-template-columns:
    minmax(280px, .72fr)
    minmax(420px, 1.28fr) !important;

  gap: 14px !important;
}

html.brill-vault-v13
#bvPayPalStandard
.bvps-card {
  display: grid !important;
  align-content: start !important;
  gap: 12px !important;

  min-height: 188px !important;

  padding: 16px !important;

  border:
    1px solid
    var(--bv-border) !important;

  border-radius:
    11px !important;

  background:
    rgba(3, 7, 11, .26) !important;
}

html.brill-vault-v13
#bvPayPalStandard
.bvps-label {
  color: #697789 !important;

  font-size: 7px !important;
  font-weight: 800 !important;

  letter-spacing: .08em !important;
}

html.brill-vault-v13
#bvPayPalStandard
.bvps-input {
  display: grid !important;

  grid-template-columns:
    minmax(0, 1fr)
    44px !important;

  overflow: hidden !important;

  border:
    1px solid
    var(--bv-border-strong) !important;

  border-radius:
    10px !important;

  background:
    #080d13 !important;
}

html.brill-vault-v13
#bvPayPalStandard
#bvpsIls {
  height: 49px !important;
  min-height: 49px !important;

  border: 0 !important;

  background: transparent !important;

  font-size: 16px !important;
  font-weight: 720 !important;
}

html.brill-vault-v13
#bvPayPalStandard
.bvps-currency {
  display: grid !important;
  place-items: center !important;

  border-left:
    1px solid
    var(--bv-border) !important;

  color:
    var(--bv-gold) !important;
}

html.brill-vault-v13
#bvPayPalStandard
.bvps-quote {
  min-height: 54px !important;

  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;

  padding: 10px 12px !important;

  border:
    1px solid
    rgba(104, 203, 162, .10) !important;

  border-radius:
    10px !important;

  background:
    rgba(104, 203, 162, .025) !important;
}

html.brill-vault-v13
#bvPayPalStandard
.bvps-quote
strong {
  color:
    var(--bv-green) !important;

  font-size: 14px !important;
}

html.brill-vault-v13
#bvPayPalStandard
#bvpsButtonContainer {
  min-height: 50px !important;
}

html.brill-vault-v13
#bvPayPalStandard
.bvps-message {
  min-height: 19px !important;

  color: var(--bv-muted) !important;

  font-size: 7px !important;
}

html.brill-vault-v13
#bvPayPalStandard
.bvps-order {
  padding: 11px 12px !important;

  border:
    1px solid
    var(--bv-border) !important;

  border-radius:
    10px !important;

  background:
    rgba(255, 255, 255, .015) !important;
}

html.brill-vault-v13
#bvPayPalStandard
.bvps-footer {
  display: none !important;
}

/* =====================================================
   TRANSFER
===================================================== */

html.brill-vault-v13
#view-transfer
.info-panel {
  display: none !important;
}

html.brill-vault-v13
#view-transfer
.two-col {
  display: block !important;
}

html.brill-vault-v13
#view-transfer
.panel:has(#transferForm) {
  max-width: 820px !important;
}

html.brill-vault-v13
#view-transfer
#transferForm {
  max-width: 620px !important;

  margin-top: 17px !important;
}

html.brill-vault-v13
#recipientPreview {
  min-height: 43px;

  display: flex;
  align-items: center;

  padding: 0 12px !important;

  border:
    1px solid var(--bv-border) !important;

  border-radius:
    9px !important;

  background:
    rgba(255, 255, 255, .018) !important;

  color:
    var(--bv-muted) !important;

  font-size: 8px !important;
}

html.brill-vault-v13
#recipientPreview.valid {
  border-color:
    rgba(104, 203, 162, .20) !important;

  color:
    #8dd6b7 !important;

  background:
    rgba(104, 203, 162, .035) !important;
}

/* =====================================================
   ACCOUNT
===================================================== */

html.brill-vault-v13
#view-account
.profile-list {
  display: grid;
  gap: 0;

  margin: 16px 0 0;
}

html.brill-vault-v13
#view-account
.profile-list
div {
  min-height: 45px;

  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;

  border-bottom:
    1px solid rgba(194, 207, 224, .06);
}

html.brill-vault-v13
#view-account
.profile-list
div:last-child {
  border-bottom: 0;
}

html.brill-vault-v13
#view-account
.profile-list
dt {
  color: var(--bv-muted);
  font-size: 8px;
}

html.brill-vault-v13
#view-account
.profile-list
dd {
  margin: 0;

  color: var(--bv-text-soft);
  font-size: 8px;
  font-weight: 700;
}

/* =====================================================
   ASSETS
===================================================== */

html.brill-vault-v13
#view-assets
.bv-assets-page {
  display: grid !important;
  gap: 16px !important;
}

html.brill-vault-v13
#view-assets
.bv-assets-hero {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;

  min-height: 90px !important;

  padding: 18px 20px !important;

  border:
    1px solid var(--bv-border) !important;

  border-radius:
    14px !important;

  background:
    var(--bv-card) !important;
}

html.brill-vault-v13
#view-assets
.bv-assets-hero
h1 {
  margin: 3px 0 5px !important;

  font-size: 20px !important;
}

html.brill-vault-v13
#view-assets
.bv-assets-summary {
  display: grid !important;

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

  gap: 12px !important;
}

html.brill-vault-v13
#view-assets
.bv-assets-grid {
  display: grid !important;

  grid-template-columns:
    repeat(
      2,
      minmax(0, 1fr)
    ) !important;

  gap: 12px !important;
}

/* =====================================================
   BILLS
===================================================== */

html.brill-vault-v13
#view-bills
.bv-bills-page {
  display: grid !important;
  gap: 16px !important;
}

html.brill-vault-v13
#view-bills
.bv-bills-hero {
  min-height: 90px !important;

  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;

  padding: 18px 20px !important;

  border:
    1px solid var(--bv-border) !important;

  border-radius:
    14px !important;

  background:
    var(--bv-card) !important;
}

html.brill-vault-v13
#view-bills
.bv-bills-hero
h1 {
  margin: 3px 0 5px !important;

  font-size: 20px !important;
}

html.brill-vault-v13
#view-bills
.bv-bills-readonly {
  display: none !important;
}

html.brill-vault-v13
#view-bills
.bv-bills-summary {
  display: grid !important;

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

  gap: 12px !important;
}

/* =====================================================
   SECURITY
===================================================== */

html.brill-vault-v13
#view-security
.bv-sec-page {
  display: grid !important;
  gap: 15px !important;
}

html.brill-vault-v13
#view-security
.bv-sec-panel {
  padding: 18px !important;

  border:
    1px solid var(--bv-border) !important;

  background:
    var(--bv-card) !important;
}

html.brill-vault-v13
#view-security
[class*="session"] {
  border-color:
    var(--bv-border) !important;
}

/* =====================================================
   ADMIN
===================================================== */

html.brill-vault-v13
#view-admin
[class*="admin"] {
  border-color:
    var(--bv-border) !important;
}

html.brill-vault-v13
#view-admin
table {
  width: 100% !important;

  border-collapse:
    collapse !important;
}

html.brill-vault-v13
#view-admin
th {
  padding: 9px !important;

  color: #5f6c7d !important;

  font-size: 7px !important;
  font-weight: 800 !important;

  letter-spacing: .07em !important;
  text-transform: uppercase !important;
}

html.brill-vault-v13
#view-admin
td {
  padding: 10px 9px !important;

  border-top:
    1px solid
    rgba(194, 207, 224, .055) !important;

  color:
    #aeb9c6 !important;

  font-size: 8px !important;
}

/* =====================================================
   LEGACY / TECHNICAL UI HIDDEN
===================================================== */

html.brill-vault-v13 .bv13-hidden,
html.brill-vault-v13 .bv13-technical {
  display: none !important;
}

html.brill-vault-v13
#view-topup
[id*="E2E"],
html.brill-vault-v13
#view-topup
[class*="e2e"],
html.brill-vault-v13
#view-topup
[class*="E2E"] {
  display: none !important;
}

/* =====================================================
   PUBLIC / LOGIN
===================================================== */

html.brill-vault-v13 #publicHeader {
  border-bottom:
    1px solid var(--bv-border) !important;

  background:
    rgba(8, 11, 16, .92) !important;

  backdrop-filter:
    blur(16px);
}

html.brill-vault-v13 #publicSite {
  background:
    linear-gradient(
      180deg,
      #080b10,
      #070a0e
    ) !important;
}

html.brill-vault-v13 .auth-modal,
html.brill-vault-v13 .modal-card,
html.brill-vault-v13 [class*="auth-card"] {
  border:
    1px solid
    var(--bv-border-strong) !important;

  border-radius:
    16px !important;

  background:
    #10151c !important;

  box-shadow:
    0 28px 80px
    rgba(0, 0, 0, .45) !important;
}

/* =====================================================
   DESKTOP WIDTHS
===================================================== */

@media (max-width: 1450px) {
  html.brill-vault-v13 #appShell {
    grid-template-columns:
      228px
      minmax(0, 1fr) !important;
  }

  html.brill-vault-v13
  #appShell
  .app-sidebar {
    width: 228px !important;
    min-width: 228px !important;
  }

  html.brill-vault-v13
  #appShell
  .app-main {
    padding-left: 27px !important;
    padding-right: 27px !important;
  }

  html.brill-vault-v13 #bv13Topbar {
    margin-left: -27px;
    margin-right: -27px;

    padding-left: 27px;
    padding-right: 27px;
  }
}

@media (min-width: 1900px) {
  html.brill-vault-v13 #appShell {
    grid-template-columns:
      264px
      minmax(0, 1fr) !important;
  }

  html.brill-vault-v13
  #appShell
  .app-sidebar {
    width: 264px !important;
    min-width: 264px !important;
  }

  html.brill-vault-v13
  #appShell
  .app-view {
    max-width: 1500px !important;
  }
}