/* Danxis — Bureau de crédito com visual da referência, no tamanho original */
#view-profile .bureau-layout{
  display:grid !important;
  grid-template-columns:190px 1fr !important;
  gap:16px !important;
  align-items:start !important;
}

#view-profile .credit-score{
  --bureau-bg-1:#0c3561;
  --bureau-bg-2:#1774a1;
  position:relative !important;
  overflow:hidden !important;
  width:100% !important;
  min-height:190px !important;
  border-radius:17px !important;
  padding:16px 12px 14px !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:flex-start !important;
  text-align:center !important;
  color:#ffffff !important;
  border:1px solid rgba(62,134,255,.35) !important;
  background:
    linear-gradient(90deg, rgba(55,132,255,.38) 0 0) left 20px top 38px / 44px 2px no-repeat,
    linear-gradient(90deg, rgba(55,132,255,.38) 0 0) right 20px top 38px / 44px 2px no-repeat,
    linear-gradient(90deg, #22cfff 0 0) center calc(100% - 44px) / 42px 3px no-repeat,
    radial-gradient(circle at 68% 24%, rgba(48,132,255,.22), transparent 34%),
    linear-gradient(145deg, var(--bureau-bg-1), var(--bureau-bg-2)) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08) !important;
}

#view-profile .credit-score::before{
  content:'';
  position:absolute;
  top:14px;
  left:50%;
  transform:translateX(-50%);
  width:42px;
  height:42px;
  border-radius:50%;
  background:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cg fill='none' stroke='%23ffffff' stroke-width='4.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 42V32'/%3E%3Cpath d='M27 42V24'/%3E%3Cpath d='M40 42V18'/%3E%3Cpath d='M13 43h31'/%3E%3Cpath d='M19 28l10-10 8 6 12-12'/%3E%3Cpath d='M44 12h9v9'/%3E%3C/g%3E%3C/svg%3E") center/23px 23px no-repeat,
    linear-gradient(145deg, rgba(20,89,210,.95), rgba(12,68,181,.95));
  border:1px solid rgba(81,150,255,.52);
  box-shadow:0 8px 14px rgba(1,24,72,.16);
}

#view-profile .credit-score > span{
  order:1;
  display:block !important;
  margin:44px 0 8px !important;
  font-size:8px !important;
  line-height:1.2 !important;
  font-weight:500 !important;
  color:#ffffff !important;
  letter-spacing:0 !important;
}

#view-profile .credit-score > strong{
  order:2;
  display:block !important;
  margin:0 !important;
  font-size:52px !important;
  line-height:.92 !important;
  font-weight:800 !important;
  letter-spacing:-0.04em !important;
  color:#ffffff !important;
  text-shadow:none !important;
}

#view-profile .credit-score > strong::after{
  content:'';
  display:block;
  width:42px;
  height:3px;
  margin:10px auto 0;
  border-radius:999px;
  background:#22cfff;
}

#view-profile .credit-score > small{
  order:3;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:8px !important;
  width:100% !important;
  margin-top:12px !important;
  padding:10px 10px !important;
  border-radius:14px !important;
  border:1px solid rgba(50,112,230,.68) !important;
  background:rgba(7,58,158,.26) !important;
  color:#ffffff !important;
  font-size:8px !important;
  line-height:1.3 !important;
  font-weight:500 !important;
  text-align:left !important;
  box-shadow:none !important;
}

#view-profile .credit-score > small::before{
  content:'';
  width:11px;
  height:11px;
  border-radius:50%;
  flex:0 0 11px;
  background:radial-gradient(circle at 50% 50%, #38c9ff 0 52%, rgba(56,201,255,.18) 53% 100%);
  box-shadow:0 0 0 3px rgba(56,201,255,.10);
}

/* força tipografia branca dentro do quadrado */
#view-profile .credit-score,
#view-profile .credit-score span,
#view-profile .credit-score strong,
#view-profile .credit-score small,
#view-profile .credit-score *{
  color:#ffffff !important;
}

#view-profile .financial-list{
  display:grid !important;
  gap:10px !important;
}

@media (max-width: 1200px){
  #view-profile .bureau-layout{
    grid-template-columns:190px 1fr !important;
  }
}

@media (max-width: 860px){
  #view-profile .bureau-layout{
    grid-template-columns:1fr !important;
  }
  #view-profile .credit-score{
    min-height:190px !important;
  }
}


/* força definitiva: título e número do score em branco */
#view-profile .credit-score > span,
#view-profile .credit-score > strong,
#view-profile .credit-score > strong *,
#view-profile .credit-score > span *,
#view-profile .credit-score .score-title,
#view-profile .credit-score .score-value{
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
  text-shadow:none !important;
}