.console-view[data-panel="wallet"] {
  position: relative;
  isolation: isolate;
}

.console-view[data-panel="wallet"]::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: -30px;
  right: -30px;
  width: 360px;
  height: 260px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(181,18,27,.11), rgba(181,18,27,0) 70%);
  pointer-events: none;
}

.console-view[data-panel="wallet"] .view-heading p {
  max-width: 790px;
  font-size: 15px;
}

.wallet-ecosystem {
  display: grid;
  grid-template-columns: repeat(7, auto);
  align-items: center;
  justify-content: start;
  gap: 14px;
  margin: 0 0 18px;
  padding: 15px 18px;
  border-radius: 20px;
  background: linear-gradient(112deg, #111317, #20242a 66%, #3a171b);
  color: #fff;
  box-shadow: 0 18px 42px rgba(17,19,23,.12);
}

.wallet-ecosystem > span {
  display: grid;
  grid-template-columns: 32px auto;
  column-gap: 9px;
  align-items: center;
  min-width: 0;
}

.wallet-ecosystem i {
  grid-row: 1 / 3;
  display: grid;
  place-items: center;
  width: 32px;
  height: 32px;
  border-radius: 11px;
  background: rgba(255,255,255,.09);
  color: #ff6670;
}

.wallet-ecosystem svg { width: 17px; height: 17px; }
.wallet-ecosystem b { font-size: 12px; line-height: 1.2; }
.wallet-ecosystem small { color: #aeb5be; font-size: 9px; white-space: nowrap; }
.wallet-ecosystem > em { color: #767e88; font-style: normal; }
.wallet-ecosystem > em svg { width: 14px; height: 14px; }

.console-view[data-panel="wallet"] .metric-card,
.console-view[data-panel="wallet"] .service-card {
  border: 1px solid rgba(213,216,220,.72);
  border-radius: 24px;
  box-shadow: 0 14px 34px rgba(17,19,23,.055);
}

.console-view[data-panel="wallet"] .metric-card {
  position: relative;
  overflow: hidden;
  padding: 22px;
}

.console-view[data-panel="wallet"] .metric-card::after {
  content: "";
  position: absolute;
  right: -24px;
  bottom: -34px;
  width: 92px;
  height: 92px;
  border-radius: 50%;
  background: rgba(181,18,27,.045);
}

.console-view[data-panel="wallet"] .quick-grid { gap: 12px; }

.console-view[data-panel="wallet"] .quick-action {
  min-height: 88px;
  padding: 17px 18px;
  border: 1px solid transparent;
  border-radius: 18px;
  background: linear-gradient(145deg, #f7f8f9, #eef0f2);
  text-decoration: none;
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

.console-view[data-panel="wallet"] .quick-action:hover {
  transform: translateY(-2px);
  border-color: rgba(181,18,27,.2);
  box-shadow: 0 14px 28px rgba(17,19,23,.08);
}

.console-view[data-panel="wallet"] .quick-action b { font-size: 14px; }
.console-view[data-panel="wallet"] .quick-action small { max-width: 235px; margin-top: 4px; line-height: 1.38; }
.console-view[data-panel="wallet"] .quick-action i { display: grid; place-items: center; min-width: 38px; height: 38px; border-radius: 13px; background: #fff; box-shadow: 0 8px 20px rgba(17,19,23,.06); }
.console-view[data-panel="wallet"] .quick-action i svg { width: 18px; height: 18px; }

.wallet-guidance {
  margin-top: 16px;
  padding: 26px;
  border-radius: 26px;
  background: linear-gradient(135deg, #fff, #faf7f7);
  border: 1px solid rgba(213,216,220,.78);
  box-shadow: 0 16px 42px rgba(17,19,23,.055);
}

.wallet-guidance-heading { display: flex; align-items: flex-start; gap: 15px; }
.wallet-guidance-heading > span { display: grid; place-items: center; flex: 0 0 44px; width: 44px; height: 44px; border-radius: 15px; background: #fff0f1; color: #b5121b; }
.wallet-guidance-heading svg { width: 22px; height: 22px; }
.wallet-guidance-heading small { color: #b5121b; font-size: 9px; font-weight: 900; letter-spacing: .16em; }
.wallet-guidance-heading h2 { margin: 3px 0 5px; font-size: 22px; }
.wallet-guidance-heading p { max-width: 820px; margin: 0; color: #626972; font-size: 13px; }

.wallet-guidance-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 12px;
  margin-top: 20px;
}

.wallet-guidance-grid article { padding: 17px; border-radius: 18px; background: #fff; box-shadow: 0 8px 24px rgba(17,19,23,.04); }
.wallet-guidance-grid b { font-size: 13px; }
.wallet-guidance-grid p { margin: 5px 0 0; color: #626972; font-size: 11px; line-height: 1.55; }

.wallet-notice {
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 15px;
  margin-top: 16px;
  padding: 17px 19px;
  border-radius: 20px;
  background: #191c21;
  color: #fff;
}

.wallet-notice strong { color: #ff737c; font-size: 12px; }
.wallet-notice p { margin: 0; color: #c9ced5; font-size: 10px; line-height: 1.55; }
.wallet-notice div { display: flex; gap: 7px; }
.wallet-notice a { padding: 7px 9px; border-radius: 9px; background: rgba(255,255,255,.08); color: #fff; font-size: 9px; font-weight: 800; text-decoration: none; }

@media (max-width: 1100px) {
  .wallet-ecosystem { grid-template-columns: repeat(4, minmax(0,1fr)); }
  .wallet-ecosystem > em { display: none; }
  .wallet-guidance-grid { grid-template-columns: 1fr; }
  .wallet-notice { grid-template-columns: 1fr; }
}

@media (max-width: 680px) {
  .wallet-ecosystem { grid-template-columns: repeat(2, minmax(0,1fr)); gap: 12px; padding: 15px; }
  .wallet-ecosystem small { white-space: normal; }
  .wallet-guidance { padding: 20px; }
  .wallet-guidance-heading { display: grid; }
}

@media (prefers-reduced-motion: reduce) {
  .console-view[data-panel="wallet"] .quick-action { transition: none; }
}