/* One visual, one account summary: the chip leads directly into the live figures. */
html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark.violet-cosmic #mainContent .view.overview-refined[data-page="overview"] .ai-principal-card {
  display: flex; flex-direction: column; align-items: stretch;
  min-height: 0; max-width: 1100px; margin: 0 auto 30px; padding: 0; gap: 0;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark.violet-cosmic #mainContent .view.overview-refined[data-page="overview"] .dapp-ai-core-media {
  width: min(100%, 650px); margin: -20px auto 0; flex: none;
}
html.violet-cosmic #mainContent .dapp-home-domain {
  display: flex; justify-content: center; align-items: center; flex: none;
  width: 100%; min-height: 1.15em; margin: -8px auto 30px; padding: 0;
  border: 0; background: none; box-shadow: none; text-shadow: none;
  color: #f5f1ff; font-family: Arial, Helvetica, sans-serif;
  font-size: clamp(34px, 4.3vw, 64px); font-weight: 750; line-height: 1.15;
  letter-spacing: -.055em; white-space: nowrap;
}
.dapp-home-domain .hero-domain-line { position: relative; display: inline-grid; min-width: 0; }
.dapp-home-domain #heroDomainText { text-shadow: none; }
html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark.violet-cosmic #mainContent .view.overview-refined[data-page="overview"] .ai-principal-main {
  width: 100%; padding: 0; margin: 0;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark.violet-cosmic #mainContent .view.overview-refined[data-page="overview"] .ai-principal-copy { max-width: none; }
html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark.violet-cosmic #mainContent .view.overview-refined[data-page="overview"] .ai-overview-facts {
  grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr) minmax(0, 1fr);
  align-items: start; gap: 18px 28px; margin: 0; padding: 24px 28px 20px;
  position: relative; isolation: isolate;
  border: 1px solid #b4b9da80; border-radius: 24px;
  background:
    radial-gradient(ellipse at 0 0, #a2a7e333, transparent 58%),
    linear-gradient(165deg, #333543d9 0%, #151624f0 22%, #080c16 60%, #111727 100%);
  box-shadow: inset 0 1px 1px #ffffff80, inset 1px 0 1px #c6e3ff30,
    inset 0 -3px 7px #72baff35, 0 3px 0 #55526c66, 0 12px 34px -22px #5684d860;
}
.ai-principal-summary { min-width: 0; display: grid; gap: 10px; }
html.violet-cosmic #mainContent .ai-principal-summary > strong {
  display: block; margin: 0; font-family: Arial, Helvetica, sans-serif;
  font-size: 36px; line-height: 1.15; letter-spacing: -.04em; font-weight: 550;
  font-variant-numeric: tabular-nums; color: #f6f3fd;
  background: linear-gradient(115deg,#fff 25%,#eae0ff 65%,#a7d2ff); background-clip: text; -webkit-text-fill-color: transparent;
}
html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark.violet-cosmic #mainContent .view.overview-refined[data-page="overview"] :is(.ai-order-summary, .ai-settlement-countdown) { gap: 12px; padding-top: 1px; }
html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark.violet-cosmic #mainContent .view.overview-refined[data-page="overview"] .ai-order-summary > strong { font-size: 25px; line-height: 1.35; }
html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark.violet-cosmic #mainContent .view.overview-refined[data-page="overview"] .ai-settlement-countdown > strong { font-size: 25px; line-height: 1.35; }
.ai-settlement-note { border-top: 1px solid #a2adc321; padding-top: 13px; grid-column: 1 / -1; display: flex; flex-wrap: wrap; gap: 4px 18px; margin: 0; color: #8f91a7; font-size: 11px; line-height: 1.7; }
.ai-settlement-note span { position: relative; }
.ai-settlement-note span::before { content: '·'; position: absolute; left: -11px; }
html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark.violet-cosmic #mainContent .view.overview-refined[data-page="overview"] .ai-principal-actions { margin-top: 16px; }
@media (max-width: 760px) {
  html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark.violet-cosmic #mainContent .view.overview-refined[data-page="overview"] .dapp-ai-core-media { width: 100%; margin: -8px auto 0; }
  html.violet-cosmic #mainContent .dapp-home-domain { margin: 2px auto 22px; font-size: clamp(30px, 9.4vw, 58px); }
  html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark.violet-cosmic #mainContent .view.overview-refined[data-page="overview"] .ai-overview-facts { grid-template-columns: minmax(0, 1.45fr) minmax(0, .8fr) minmax(0, 1fr); gap: 16px 10px; padding: 22px 16px 18px; border-radius: 22px; }
  .ai-principal-summary { gap: 10px; }
  html.violet-cosmic #mainContent .ai-principal-summary > strong { font-size: clamp(22px, 6.2vw, 32px); }
  html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark.violet-cosmic #mainContent .view.overview-refined[data-page="overview"] :is(.ai-principal-title > span, .ai-order-summary > span, .ai-settlement-countdown > span) { font-size: 10px; }
  html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark.violet-cosmic #mainContent .view.overview-refined[data-page="overview"] .ai-order-summary > strong { display: grid; gap: 3px; font-size: 18px; }
  html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark.violet-cosmic #mainContent .view.overview-refined[data-page="overview"] .ai-order-summary small { font-size: 8px; white-space: nowrap; }
  html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark.violet-cosmic #mainContent .view.overview-refined[data-page="overview"] .ai-settlement-countdown > strong { font-size: 15px; letter-spacing: .02em; line-height: 1.6; }
  .ai-settlement-note { gap: 3px 12px; font-size: 9px; }
  .ai-settlement-note span::before { left: -8px; }
}

.ai-overview-facts::before {
  content: ''; position: absolute; inset: 2px; border-radius: inherit;
  border: 1px solid #d1ddf328; pointer-events: none;
}
.ai-overview-facts::after {
  content: ''; position: absolute; left: 11%; right: 42%; top: 1px; height: 1px;
  background: linear-gradient(90deg,transparent,#f5efffbb,#a3d5ff7a,transparent);
  box-shadow: 0 0 8px #bad4ff77; pointer-events: none;
}
.ai-overview-facts > :is(.ai-order-summary,.ai-settlement-countdown) { position: relative; }
.ai-overview-facts > :is(.ai-order-summary,.ai-settlement-countdown)::before {
  content: ''; position: absolute; width: 1px; left: -14px; top: 5px; bottom: 3px;
  background: linear-gradient(transparent,#b1acd34a,transparent); pointer-events: none;
}
html.violet-cosmic #mainContent .ai-overview-facts .ai-principal-title > span { color: #deddec !important; }
.ai-metric-icon { width: 13px; height: 13px; flex: none; fill: none; stroke: #b9afdc; stroke-width: 1.4; }
.ai-principal-title > span, .ai-order-summary > span, .ai-settlement-countdown > span { display: flex; align-items: center; gap: 7px; }
.ai-order-summary > strong { color: #e8e8f3 !important; }
html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark.violet-cosmic #mainContent .view.overview-refined[data-page="overview"] .ai-settlement-countdown > strong { color: #d3c5f5 !important; text-shadow: 0 0 16px #af8cff2e; }
html.violet-app.violet-frosted.violet-sunset.violet-optical.violet-dark.violet-cosmic #mainContent .view.overview-refined[data-page="overview"] .ai-principal-action.primary { position: relative; overflow: visible; }
.order-pulse-ring {
  position: absolute; inset: -1px; border: 1px solid #c1a2ffb3; border-radius: inherit;
  box-shadow: 0 0 12px #b68fff55, inset 0 0 6px #98c8ff2e;
  opacity: 0; pointer-events: none; transform-origin: center;
  animation: create-order-pulse 3.8s ease-out infinite; animation-play-state: paused;
}
.view.active .ai-principal-action.is-pulsing .order-pulse-ring { animation-play-state: running; }
@keyframes create-order-pulse {
  0% { opacity: 0; transform: scale(1,1); }
  14% { opacity: .72; }
  72%,100% { opacity: 0; transform: scale(1.045,1.44); }
}
@media (max-width:760px) {
  .ai-metric-icon { width: 10px; height: 10px; }
  .ai-principal-title > span, .ai-order-summary > span, .ai-settlement-countdown > span { gap: 4px; }
  .ai-overview-facts > :is(.ai-order-summary,.ai-settlement-countdown)::before { left: -7px; }
  .ai-settlement-note { padding-top: 12px; }
}
@media (prefers-reduced-motion:reduce) { .order-pulse-ring { display: none; animation: none; } }