/* The same lavender, rose and ice-blue refractions as the Monét glass wordmark. */
:root {
  --tie-dye:radial-gradient(ellipse at 15% 20%,#f6a5c5 0%,transparent 48%),radial-gradient(ellipse at 80% 75%,#98caff 0%,transparent 45%),linear-gradient(105deg,#c3a6ff 15%,#d9aef4 45%,#f6a5c5 66%,#c3a6ff 88%);
  --glass-fill: radial-gradient(ellipse at 12% 0%, #f6a5c52b, transparent 48%), radial-gradient(ellipse at 100% 95%, #98caff29, transparent 55%), linear-gradient(128deg, #e6d9ff22, #c3a6ff0c 38%, #fff1 48%, #c3a6ff13 58%, #101019b8);
  --glass-rim: inset 0 1px 0 #ffffffa0, inset 1px 0 0 #efdbff50, inset -1px 0 0 #a4d9ff45, inset 0 -1px 0 #c3a6ff44, inset 0 0 18px #d4baff0b, 0 18px 45px #0004;
}
.global-editorial .brand, .brand-refresh .monet-wordmark, .unified-menu .monet-wordmark {
  background: url('/images/monet-liquid-glass.png') center / contain no-repeat;
  mix-blend-mode: normal;
  mask: none;
  -webkit-mask: none;
}
.brand-refresh img[src*="monet-liquid-glass"], img[src*="monet-wordmark-"] {
  object-fit: contain;
  object-position: center;
  background: none;
  mix-blend-mode: normal;
  filter: none;
}
body.global-editorial :is(.demo,.account-detail,.record-band,.feature,.accounts-grid,.chat),
body.brand-workspace :is(.panel,.stat-card,.metric-card,.trade-records,.trade-editor,.security-card,.modal-card,.overview-glance,.overview-activity,.overview-accounts) {
  background: var(--glass-fill);
  border: 1px solid #d7c9f84d;
  border-radius: 26px;
  box-shadow: var(--glass-rim);
  backdrop-filter: blur(24px) saturate(165%);
  -webkit-backdrop-filter: blur(24px) saturate(165%);
}
body.global-editorial .feature:last-child { border-color: #d7c9f84d; }
body.global-editorial #insights .chat { background: var(--glass-fill); box-shadow: var(--glass-rim); }
body.brand-workspace #page-overview .overview-balance {
  background: radial-gradient(ellipse at 4% 0%, #f6a5c540, transparent 48%), radial-gradient(ellipse at 96% 95%, #98caff40, transparent 54%), linear-gradient(135deg,#6c50728c,#29203dc9 46%,#b098d225 49%,#29203dcc 53%,#372943c9);
  border: 1px solid #dac8ff70;
  box-shadow: var(--glass-rim), 0 24px 60px #a584d010;
  border-radius: 28px;
}
body.global-editorial .nav, body.brand-workspace .topbar {
  background: linear-gradient(120deg,#241c30e8,#211a28c9 48%,#252639d9);
  border-color: #d9c7ff38;
  box-shadow: inset 0 1px 0 #ffffff55, inset 0 -1px 0 #bcd7ff26, 0 10px 35px #0003;
  backdrop-filter: blur(28px) saturate(165%);
  -webkit-backdrop-filter: blur(28px) saturate(165%);
}
body.brand-workspace .sidebar {
  background: radial-gradient(ellipse at 0 0,#f6a5c51a,transparent 55%),linear-gradient(155deg,#272033ef,#11131df5);
  box-shadow: inset -1px 0 0 #d5c4ff38;
}
body.global-editorial .button, body.brand-workspace :is(.button,.icon-button,.copy-button), .mobile-nav summary {
  background: radial-gradient(ellipse at 20% 0,#f6a5c530,transparent 65%),linear-gradient(135deg,#e6d9ff30,#c3a6ff14 48%,#98caff26);
  border: 1px solid #ddd0ff60;
  box-shadow: inset 0 1px 0 #ffffffa0,inset 0 -1px 0 #c3a6ff50,inset 1px 0 0 #ffe1f033,0 5px 16px #0003;
  color: #f7f3ff;
}
body.global-editorial .button.primary,
body.brand-workspace :is(.button.lime,.button.primary,.verify-button),
body.brand-workspace .page:not(#page-overview) .button:is(.primary,.lime) {
  background: radial-gradient(ellipse at 12% 0,#ffe5f3aa,transparent 55%),linear-gradient(135deg,#e0ceff,#c4b2f3 46%,#dcd9ff 50%,#b3c6f1 100%);
  border-color: #f1eaffb3;
  color: #20152d;
  box-shadow: inset 0 1px 0 #fffffff0,inset 0 -2px 2px #8367b077,inset 1px 0 0 #fff8,0 6px 20px #c3a6ff18;
}
body.global-editorial .hero .button,
body.global-editorial .button.primary,
body.global-editorial .currency[aria-pressed=true],
body.global-editorial .currency[aria-pressed=true]:hover,
body.global-editorial .switch button[aria-pressed=true],
body.brand-refresh :is(.nav-download,.verify-button) {
  background:var(--tie-dye);
  color:#21172e;
  border-color:#f1eaffb3;
  box-shadow:inset 0 1px 0 #fffffff0,inset 0 -1px 1px #82679666,0 6px 20px #c3a6ff18;
}
body.brand-workspace .nav-item.active {
  background: radial-gradient(ellipse at 0 0,#f6a5c536,transparent 70%),linear-gradient(135deg,#c3a6ff2b,#98caff18);
  border-color: #d4bdff6b;
  box-shadow: inset 0 1px 0 #ffffff6b,inset 0 -1px 0 #b2baff38,0 4px 16px #0002;
  color: #f2eaff;
}
/* App palette: neutral charcoal with pink, lavender and blue tie-dye accents. */
body.brand-workspace {
  --paper:#101214; --bg:#101214; --surface:#1a1d21; --surface2:#23282d;
  --surface3:#2b3037; --card:#1a1d21; --card2:#23282d; --white:#1a1d21;
  --ink:#f4f3f7; --ink2:#babac3; --ink3:#8c9098; --text:#f4f3f7;
  --text2:#babac3; --text3:#8c9098; --muted:#a3a6ae; --soft:#23282d;
  --headerBg:#1a1d21; --forest:#23282d; --forest-deep:#101214; --forest-2:#1a1d21;
  --green:#c3a6ff; --lime:#c3a6ff; --mint:#c3a6ff; --lime-soft:#2a2537;
  --ws-paper:#101214; --ws-card:#1a1d21; --ws-soft:#23282d;
  --ws-ink:#f4f3f7; --ws-muted:#a3a6ae; --ws-green:#c3a6ff; --ws-lime:#c3a6ff;
  --tie-dye:radial-gradient(ellipse at 15% 20%,#f6a5c5 0%,transparent 48%),radial-gradient(ellipse at 80% 75%,#98caff 0%,transparent 45%),linear-gradient(105deg,#c3a6ff 15%,#d9aef4 45%,#f6a5c5 66%,#c3a6ff 88%);
  --glass-fill:radial-gradient(ellipse at 0 0,#f6a5c516,transparent 50%),radial-gradient(ellipse at 100% 90%,#98caff16,transparent 55%),linear-gradient(135deg,#ffffff09,#c3a6ff07 48%,#ffffff03),linear-gradient(#1a1d21ed,#1a1d21ed);
  --glass-rim:inset 0 1px 0 #ffffff60,inset 1px 0 0 #c3a6ff28,inset -1px 0 0 #c3a6ff20,inset 0 -1px 0 #0008,0 18px 45px #0003;
  background:#101214; color:#f4f3f7;
}
body.brand-workspace .shell { background:#101214; }
body.brand-workspace :is(.sidebar,.topbar,.loader),
body.brand-workspace:has(#page-overview.active) :is(.sidebar,.topbar) { background:#1a1d21f5; }
body.brand-workspace .sidebar,
body.brand-workspace:has(#page-overview.active) .sidebar {
  background:#1a1d21;
  background-image:none;
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
  box-shadow:inset -1px 0 0 #ffffff18;
}
body.brand-workspace #page-overview .overview-balance {
  background:radial-gradient(ellipse at 5% 0,#f6a5c530,transparent 55%),radial-gradient(ellipse at 95% 90%,#98caff30,transparent 60%),linear-gradient(135deg,#2b2d35,#23282d 48%,#c3a6ff22 51%,#23282d);
  border-color:#c3a6ff55; box-shadow:var(--glass-rim);
}
body.brand-workspace :is(.overview-glance,.overview-activity,.overview-accounts,.panel,.stat-card,.metric-card,.trade-records,.trade-editor,.security-card,.modal-card) { background:var(--glass-fill); }
body.brand-workspace #page-overview :is(.overview-glance,.overview-activity,.overview-accounts,.panel) { background:var(--glass-fill); border-color:#ffffff22; box-shadow:var(--glass-rim); }
body.brand-workspace :is(.button,.icon-button,.copy-button), body.brand-workspace .nav-item.active {
  background:radial-gradient(ellipse at 0 0,#f6a5c536,transparent 60%),radial-gradient(ellipse at 100% 100%,#98caff30,transparent 60%),linear-gradient(135deg,#c3a6ff25,#23282d);
  color:#e5d7ff; border-color:#c3a6ff50;
}
body.brand-workspace :is(.button.primary,.button.lime,.verify-button),
body.brand-workspace .page:not(#page-overview) .button:is(.primary,.lime) {
  background:var(--tie-dye); color:#21172e;
}
body.brand-workspace .workspace-pill, body.brand-workspace .side-bottom { background:#23282d; border-color:#ffffff1f; }
body.brand-workspace .workspace-logo { background:var(--tie-dye); color:#21172e; }
body.brand-workspace #page-overview .button { background:linear-gradient(135deg,#34333e,#23282d); color:#e5d7ff; border-color:#c3a6ff50; }
body.brand-workspace #page-overview .button.lime { background:var(--tie-dye); color:#21172e; }
/* Keep fields and dense records calm and opaque enough to read. */
body.brand-workspace :is(input,select,textarea) { background-color: #101214ed; color: #f6f3fa; }
body.global-editorial :is(.feature,.demo,.account-detail,.record-band) p,
body.brand-workspace :is(.panel,.stat-card,.metric-card) { color: #eee8f5; }
@media (hover:hover) and (pointer:fine) {
  body.global-editorial .feature:hover { border-color: #eadcff99; box-shadow: var(--glass-rim),0 20px 50px #bca1ef12; }
  body.global-editorial .button:hover, body.brand-workspace :is(.button,.icon-button,.copy-button):hover { border-color:#f2e9ffc0; filter:brightness(1.08); }
}
@media (max-width:700px) {
  body.global-editorial :is(.demo,.account-detail,.record-band,.feature,.accounts-grid,.chat),
  body.brand-workspace :is(.panel,.stat-card,.metric-card,.trade-records,.trade-editor,.security-card,.modal-card) { border-radius:20px; backdrop-filter:blur(16px); -webkit-backdrop-filter:blur(16px); }
}
@media (prefers-reduced-transparency:reduce) {
  body.global-editorial :is(.demo,.account-detail,.record-band,.feature,.accounts-grid,.chat,.nav,.button),
  body.brand-workspace :is(.panel,.stat-card,.metric-card,.trade-records,.trade-editor,.security-card,.modal-card,.overview-balance,.overview-glance,.overview-activity,.overview-accounts,.topbar,.sidebar,.button,.icon-button,.copy-button) {
    backdrop-filter:none; -webkit-backdrop-filter:none; background-image:none; background-color:#23282d;
  }
  body.brand-workspace .button:is(.primary,.lime), body.global-editorial .button.primary { background:#d8c5ff; }
}
@media (forced-colors:active) {
  body.global-editorial :is(.demo,.account-detail,.record-band,.feature,.accounts-grid,.chat,.button),
  body.brand-workspace :is(.panel,.overview-balance,.button,.icon-button,.copy-button) { background:Canvas; color:CanvasText; border:1px solid CanvasText; box-shadow:none; }
}

/* The mobile glass header reaches the viewport edges; its controls retain gutters. */
@media (max-width:700px) {
  body.global-editorial > header.wrap { width:100%; margin-inline:0; }
  body.global-editorial > header.wrap > .nav { padding-inline:20px; }
}

/* Give italic glyphs their full paint area, including the SSN question mark. */
body.global-editorial .access h2 em {
  display:inline-block;
  padding:.12em .18em .16em .1em;
  margin:-.12em -.18em -.16em -.1em;
  line-height:1.16;
  vertical-align:baseline;
}
/* Keep the glass rim and refractions, with a dark base behind readable copy. */
body.global-editorial #insights .chat {
  background:radial-gradient(ellipse at 8% 0,#f6a5c51c,transparent 55%),radial-gradient(ellipse at 100% 90%,#98caff14,transparent 55%),linear-gradient(135deg,#252033,#191820);
  color:#f6f3fa;
}
body.global-editorial #insights .chat-top { color:#e2d4f5; flex-wrap:wrap; gap:8px 16px; }
body.global-editorial #insights .answer { color:#f6f3fa; }
body.global-editorial #insights .chat .fine { color:#d0c5dc; }
body.global-editorial #insights .bubble { background:#d5baff; color:#241632; }
body.global-editorial #insights .prompts button { color:#e7dff1; background:#ffffff08; border-color:#ffffff4a; }
body.global-editorial #insights .prompts button[aria-pressed=true] { color:#241632; background:#d5baff; border-color:#e9d9ff; }
@media (forced-colors:active) {
  body.global-editorial #insights :is(.chat,.chat-top,.answer,.chat .fine,.bubble,.prompts button,.prompts button[aria-pressed=true]) { background:Canvas; color:CanvasText; border-color:CanvasText; }
}