:root {
  color: #172033;
  background: #f4f7fb;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

* {
  box-sizing: border-box;
}

body {
  margin: 0;
  min-height: 100vh;
  background: radial-gradient(circle at top left, rgba(37, 99, 235, 0.16), transparent 30%),
    linear-gradient(135deg, #eef4ff 0%, #f8fafc 45%, #eefdf6 100%);
}

button {
  font: inherit;
}

.app-shell {
  display: grid;
  grid-template-columns: 300px 1fr;
  min-height: 100vh;
}

.sidebar {
  background: #0f172a;
  color: #f8fafc;
  padding: 28px;
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.brand-lockup {
  display: flex;
  gap: 14px;
  align-items: center;
}

.brand-mark {
  width: 58px;
  height: 58px;
  border-radius: 20px;
  display: grid;
  place-items: center;
  grid-template-rows: 1fr auto;
  background: linear-gradient(135deg, #ffffff 0%, #dbeafe 100%);
  color: #0f172a;
  font-weight: 950;
  font-size: 22px;
  letter-spacing: -0.04em;
  box-shadow: 0 18px 45px rgba(37, 99, 235, 0.26);
}

.eyebrow {
  margin: 0 0 8px;
  text-transform: uppercase;
  letter-spacing: 0.11em;
  font-size: 12px;
  font-weight: 800;
  color: #64748b;
}

.sidebar .eyebrow {
  color: #93c5fd;
}

.sidebar h1,
.topbar h2,
.hero-panel h2,
.app-card h3,
.metric-card strong {
  margin: 0;
}

.sidebar h1 {
  font-size: 20px;
  line-height: 1.1;
}

.sidebar nav {
  display: grid;
  gap: 9px;
}

.nav-section-label {
  margin: 14px 0 2px;
  color: #94a3b8;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 0.13em;
  text-transform: uppercase;
}

.nav-item,
.card-action,
.primary-action,
.secondary-action {
  cursor: pointer;
  border: 0;
  border-radius: 14px;
  transition: transform 160ms ease, background 160ms ease, box-shadow 160ms ease;
}

.nav-item {
  padding: 12px 14px;
  text-align: left;
  background: rgba(255, 255, 255, 0.08);
  color: #e2e8f0;
}

.nav-item.active,
.nav-item:hover {
  background: #2563eb;
  color: #fff;
  transform: translateX(2px);
}

.main-panel {
  padding: 28px;
  display: grid;
  gap: 24px;
  align-content: start;
}

.topbar,
.hero-panel,
.app-card,
.metric-card {
  border: 1px solid rgba(148, 163, 184, 0.35);
  background: rgba(255, 255, 255, 0.88);
  box-shadow: 0 24px 60px rgba(15, 23, 42, 0.08);
  backdrop-filter: blur(12px);
}

.topbar {
  border-radius: 24px;
  padding: 22px;
  display: flex;
  justify-content: space-between;
  gap: 20px;
  align-items: center;
}

.topbar-actions {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  justify-content: flex-end;
}

.primary-action,
.card-action {
  color: #fff;
  background: #2563eb;
  padding: 11px 15px;
  font-weight: 800;
}

.secondary-action {
  color: #1e293b;
  background: #e2e8f0;
  padding: 11px 15px;
  font-weight: 800;
}

.primary-action:hover,
.card-action:hover,
.secondary-action:hover {
  transform: translateY(-1px);
  box-shadow: 0 16px 30px rgba(15, 23, 42, 0.12);
}

.hero-panel {
  border-radius: 28px;
  padding: 30px;
}

.hero-panel h2 {
  max-width: 980px;
  font-size: clamp(28px, 4vw, 46px);
  line-height: 1.05;
}

.hero-panel p:last-child,
.app-card p:last-child {
  margin-bottom: 0;
}

.metric-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
  gap: 16px;
}

.metric-card {
  border-radius: 20px;
  padding: 18px;
  display: grid;
  gap: 7px;
}

.metric-card span,
.metric-card small {
  color: #64748b;
  font-weight: 700;
}

.metric-card strong {
  font-size: 26px;
  color: #0f172a;
}

.card-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(310px, 1fr));
  gap: 18px;
}

.app-card {
  border-radius: 22px;
  padding: 22px;
  display: grid;
  gap: 13px;
  align-content: start;
}

.card-heading {
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: 16px;
}

.status-pill {
  border-radius: 999px;
  background: #dcfce7;
  color: #166534;
  padding: 6px 9px;
  font-size: 12px;
  font-weight: 900;
  white-space: nowrap;
}

.app-card p {
  color: #475569;
  line-height: 1.45;
}

.app-card ul {
  margin: 0;
  padding-left: 20px;
  display: grid;
  gap: 6px;
  color: #334155;
  line-height: 1.45;
}

.app-card li::marker {
  color: #2563eb;
}

.card-action {
  justify-self: start;
}

@media (max-width: 920px) {
  .app-shell {
    grid-template-columns: 1fr;
  }

  .sidebar {
    position: static;
  }

  .sidebar nav {
    grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
  }

  .nav-section-label {
    grid-column: 1 / -1;
  }

  .topbar {
    align-items: stretch;
    flex-direction: column;
  }

  .topbar-actions {
    justify-content: flex-start;
  }
}

.screen-composition,
.journey-rail {
  display: grid;
  gap: 16px;
}

.screen-composition {
  grid-template-columns: minmax(0, 1.6fr) minmax(280px, 0.9fr);
  align-items: stretch;
}

.composition-main,
.composition-side,
.journey-step,
.side-panel {
  border: 1px solid rgba(148, 163, 184, 0.35);
  background: rgba(255, 255, 255, 0.82);
  box-shadow: 0 18px 44px rgba(15, 23, 42, 0.07);
  backdrop-filter: blur(12px);
}

.composition-main {
  border-radius: 24px;
  padding: 24px;
}

.composition-main h3 {
  margin: 0 0 16px;
  font-size: clamp(22px, 3vw, 34px);
  line-height: 1.08;
}

.focus-chip-row {
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
}

.focus-chip {
  display: inline-flex;
  border-radius: 999px;
  padding: 8px 11px;
  background: #eff6ff;
  color: #1d4ed8;
  font-weight: 850;
  font-size: 13px;
}

.composition-side {
  border-radius: 24px;
  padding: 14px;
  display: grid;
  gap: 10px;
}

.side-panel {
  border-radius: 18px;
  padding: 14px;
  display: grid;
  gap: 5px;
}

.side-panel span,
.side-panel small,
.journey-step span,
.journey-step small {
  color: #64748b;
  font-weight: 760;
}

.side-panel strong,
.journey-step strong {
  color: #0f172a;
  font-size: 18px;
}

.journey-rail {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.journey-step {
  border-radius: 20px;
  padding: 18px;
  display: grid;
  gap: 7px;
  position: relative;
  overflow: hidden;
}

.journey-step::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 5px;
  background: #2563eb;
}

@media (max-width: 1080px) {
  .screen-composition,
  .journey-rail {
    grid-template-columns: 1fr;
  }
}

.data-source-panel {
  border: 1px solid rgba(37, 99, 235, 0.22);
  background: linear-gradient(135deg, rgba(239, 246, 255, 0.96), rgba(255, 255, 255, 0.88));
  box-shadow: 0 18px 44px rgba(15, 23, 42, 0.07);
  border-radius: 24px;
  padding: 22px;
  display: grid;
  grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
  gap: 20px;
}

.data-source-panel h3 {
  margin: 0;
  font-size: 24px;
}

.data-source-panel p {
  color: #475569;
  line-height: 1.5;
}

.data-source-panel ul {
  margin: 0;
  padding-left: 20px;
  display: grid;
  gap: 7px;
  color: #334155;
  line-height: 1.45;
}

.data-source-panel strong {
  color: #0f172a;
}

@media (max-width: 1080px) {
  .data-source-panel {
    grid-template-columns: 1fr;
  }
}


.local-api-panel {
  border: 1px solid rgba(22, 163, 74, 0.25);
  background: linear-gradient(135deg, rgba(240, 253, 244, 0.96), rgba(255, 255, 255, 0.9));
  box-shadow: 0 18px 44px rgba(15, 23, 42, 0.07);
  border-radius: 24px;
  padding: 22px;
  display: grid;
  grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);
  gap: 20px;
}

.local-api-panel h3 {
  margin: 0;
  font-size: 24px;
}

.local-api-panel p {
  color: #475569;
  line-height: 1.5;
}

.local-api-panel ul {
  margin: 0;
  padding-left: 20px;
  display: grid;
  gap: 7px;
  color: #334155;
  line-height: 1.45;
}

.local-api-panel[data-local-api-mode="local-readonly-http"] {
  border-color: rgba(22, 163, 74, 0.42);
}

@media (max-width: 1080px) {
  .local-api-panel {
    grid-template-columns: 1fr;
  }
}

.api-status-panel {
  border: 1px solid rgba(37, 99, 235, 0.24);
  background: linear-gradient(135deg, rgba(239, 246, 255, 0.96), rgba(255, 255, 255, 0.9));
  box-shadow: 0 18px 44px rgba(15, 23, 42, 0.07);
  border-radius: 24px;
  padding: 22px;
  display: grid;
  grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);
  gap: 20px;
}

.api-status-panel h3 {
  margin: 0;
  font-size: 24px;
}

.api-status-panel p {
  color: #475569;
  line-height: 1.5;
}

.api-status-panel ul {
  margin: 0;
  padding-left: 20px;
  display: grid;
  gap: 7px;
  color: #334155;
  line-height: 1.45;
}

.api-status-connected {
  border-color: rgba(22, 163, 74, 0.42);
  background: linear-gradient(135deg, rgba(240, 253, 244, 0.96), rgba(255, 255, 255, 0.9));
}

.api-status-fallback {
  border-color: rgba(245, 158, 11, 0.42);
  background: linear-gradient(135deg, rgba(255, 251, 235, 0.96), rgba(255, 255, 255, 0.9));
}

.api-status-not-supported {
  border-color: rgba(100, 116, 139, 0.35);
  background: linear-gradient(135deg, rgba(248, 250, 252, 0.96), rgba(255, 255, 255, 0.9));
}

@media (max-width: 1080px) {
  .api-status-panel {
    grid-template-columns: 1fr;
  }
}

.action-readiness-panel {
  border: 1px solid rgba(124, 58, 237, 0.22);
  background: linear-gradient(135deg, rgba(245, 243, 255, 0.96), rgba(255, 255, 255, 0.92));
  box-shadow: 0 18px 44px rgba(15, 23, 42, 0.07);
  border-radius: 24px;
  padding: 22px;
  display: grid;
  gap: 18px;
}

.action-readiness-header h3 {
  margin: 0;
  font-size: 24px;
}

.action-readiness-header p {
  color: #475569;
  line-height: 1.5;
}

.action-readiness-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}

.controlled-action {
  background: rgba(255, 255, 255, 0.82);
  border: 1px solid rgba(124, 58, 237, 0.16);
  border-radius: 20px;
  padding: 18px;
  display: grid;
  gap: 12px;
}

.controlled-action p {
  margin: 0;
  color: #475569;
  line-height: 1.5;
}

.controlled-action ul {
  margin: 0;
  padding-left: 20px;
  display: grid;
  gap: 6px;
  color: #334155;
}

.disabled-action,
.disabled-action:disabled {
  opacity: 0.65;
  cursor: not-allowed;
  background: #e2e8f0;
  color: #475569;
}

@media (max-width: 1080px) {
  .action-readiness-grid {
    grid-template-columns: 1fr;
  }
}


.brand-99 {
  line-height: 1;
}

.brand-bridge {
  font-size: 12px;
  color: #2563eb;
  margin-top: -11px;
  letter-spacing: 0;
}

.brand-tagline {
  display: inline-block;
  margin-top: 6px;
  color: #bfdbfe;
  font-weight: 800;
}

.communication-safety-panel {
  border: 1px solid rgba(14, 165, 233, 0.28);
  background: linear-gradient(135deg, rgba(236, 254, 255, 0.96), rgba(255, 255, 255, 0.92));
  box-shadow: 0 18px 44px rgba(15, 23, 42, 0.07);
  border-radius: 24px;
  padding: 22px;
  display: grid;
  grid-template-columns: minmax(0, 0.9fr) minmax(0, 1fr) minmax(0, 1fr);
  gap: 20px;
}

.communication-safety-panel h3 {
  margin: 0;
  font-size: 24px;
}

.communication-safety-panel p {
  color: #475569;
  line-height: 1.5;
}

.communication-safety-panel ul {
  margin: 0;
  padding-left: 20px;
  display: grid;
  gap: 7px;
  color: #334155;
  line-height: 1.45;
}

.communication-safety-panel strong {
  color: #0f172a;
}

@media (max-width: 1080px) {
  .communication-safety-panel {
    grid-template-columns: 1fr;
  }
}

.credential-verification-screen,
.auth-session-panel {
  border: 1px solid rgba(37, 99, 235, 0.24);
  background: linear-gradient(135deg, rgba(239, 246, 255, 0.98), rgba(255, 255, 255, 0.92));
  box-shadow: 0 18px 44px rgba(15, 23, 42, 0.07);
  border-radius: 24px;
  padding: 22px;
  display: grid;
  grid-template-columns: minmax(320px, 0.9fr) minmax(320px, 1.1fr);
  gap: 20px;
}

.credential-verification-screen {
  border-color: rgba(22, 163, 74, 0.34);
  background: linear-gradient(135deg, rgba(240, 253, 244, 0.98), rgba(255, 255, 255, 0.92));
}

.credential-form-card,
.credential-result-panel,
.credential-result-card {
  display: grid;
  gap: 14px;
}

.credential-form-card h3,
.credential-result-card h3,
.auth-session-panel h3 {
  margin: 0;
  font-size: 26px;
}

.credential-form-card p,
.credential-result-card p,
.auth-session-panel p {
  color: #475569;
  line-height: 1.5;
}

.credential-form {
  display: grid;
  gap: 10px;
}

.credential-form label {
  color: #0f172a;
  font-weight: 850;
}

.credential-form input:not([type="checkbox"]) {
  width: 100%;
  border: 1px solid rgba(100, 116, 139, 0.35);
  border-radius: 14px;
  padding: 13px 14px;
  font: inherit;
  background: rgba(255, 255, 255, 0.92);
}

.credential-checkbox {
  align-items: center;
  display: flex;
  gap: 9px;
  flex-wrap: wrap;
}

.credential-checkbox span {
  color: #64748b;
  font-weight: 700;
}

.credential-demo-help,
.credential-result-card {
  border: 1px solid rgba(22, 163, 74, 0.16);
  border-radius: 18px;
  padding: 16px;
  background: rgba(255, 255, 255, 0.78);
}

.credential-demo-help p,
.credential-result-card p {
  margin: 0;
}

.credential-result-card ul,
.auth-session-panel ul {
  margin: 0;
  padding-left: 20px;
  display: grid;
  gap: 7px;
  color: #334155;
  line-height: 1.45;
}

.credential-result-success {
  border-color: rgba(22, 163, 74, 0.38);
  background: rgba(240, 253, 244, 0.86);
}

.credential-result-blocked {
  border-color: rgba(220, 38, 38, 0.34);
  background: rgba(254, 242, 242, 0.88);
}

.credential-session-preview {
  border-radius: 14px;
  padding: 12px;
  background: rgba(255, 255, 255, 0.72);
}

@media (max-width: 1080px) {
  .credential-verification-screen,
  .auth-session-panel {
    grid-template-columns: 1fr;
  }
}

/* Sprint 0.15.3 — login-before-homepage auth entry gate */
.auth-entry-shell {
  min-height: 100vh;
  display: grid;
  grid-template-columns: minmax(320px, 0.88fr) minmax(420px, 1.12fr);
  background: radial-gradient(circle at top left, rgba(124, 58, 237, 0.24), transparent 34%), #070b16;
  color: #eef2ff;
}

.auth-entry-brand-panel {
  padding: 36px;
  display: flex;
  flex-direction: column;
  gap: 28px;
  border-right: 1px solid rgba(148, 163, 184, 0.18);
  background: linear-gradient(180deg, rgba(15, 23, 42, 0.92), rgba(15, 23, 42, 0.72));
}

.auth-entry-message {
  border: 1px solid rgba(148, 163, 184, 0.2);
  border-radius: 28px;
  padding: 28px;
  background: rgba(15, 23, 42, 0.58);
  box-shadow: 0 24px 70px rgba(0, 0, 0, 0.28);
}

.auth-entry-message h2 {
  font-size: clamp(2rem, 4vw, 4rem);
  line-height: 0.98;
  margin: 8px 0 16px;
}

.auth-entry-gate-panel {
  border: 1px solid rgba(34, 197, 94, 0.28);
  border-radius: 24px;
  padding: 22px;
  background: rgba(6, 78, 59, 0.18);
}

.auth-entry-main-panel {
  padding: 34px;
  overflow: auto;
}

.auth-entry-topbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 20px;
}

.auth-entry-topbar h2 {
  margin: 0;
  font-size: 2rem;
}

.auth-entry-hero {
  margin-bottom: 22px;
}

.credential-next-step {
  margin-top: 12px;
  padding: 12px 14px;
  border-radius: 14px;
  background: rgba(34, 197, 94, 0.12);
  border: 1px solid rgba(34, 197, 94, 0.3);
  font-weight: 700;
}

@media (max-width: 900px) {
  .auth-entry-shell {
    grid-template-columns: 1fr;
  }

  .auth-entry-brand-panel {
    border-right: 0;
    border-bottom: 1px solid rgba(148, 163, 184, 0.18);
  }
}

/* Sprint 0.15.4 — clean login visual entry screen */
.auth-entry-shell[data-clean-login-shell="true"] {
  grid-template-columns: minmax(420px, 1.08fr) minmax(420px, 0.92fr);
  background:
    radial-gradient(circle at 12% 8%, rgba(59, 130, 246, 0.32), transparent 28%),
    radial-gradient(circle at 76% 14%, rgba(16, 185, 129, 0.2), transparent 26%),
    linear-gradient(135deg, #050816 0%, #0f172a 52%, #eef4ff 52%, #f8fafc 100%);
}

.clean-login-media-panel {
  gap: 22px;
  background:
    linear-gradient(180deg, rgba(2, 6, 23, 0.62), rgba(15, 23, 42, 0.88)),
    radial-gradient(circle at 30% 12%, rgba(96, 165, 250, 0.42), transparent 34%);
}

.login-media-stage {
  display: grid;
  gap: 18px;
}

.login-photo-frame,
.login-market-motion,
.clean-login-intro,
.login-trust-strip article {
  border: 1px solid rgba(226, 232, 240, 0.18);
  box-shadow: 0 30px 80px rgba(0, 0, 0, 0.28);
}

.login-photo-frame {
  min-height: 430px;
  position: relative;
  overflow: hidden;
  border-radius: 34px;
  background:
    linear-gradient(135deg, rgba(15, 23, 42, 0.18), rgba(15, 23, 42, 0.76)),
    radial-gradient(circle at 28% 26%, rgba(226, 232, 240, 0.76) 0 7%, transparent 7.5%),
    radial-gradient(circle at 72% 20%, rgba(191, 219, 254, 0.72) 0 6%, transparent 6.5%),
    linear-gradient(145deg, #1e293b 0%, #334155 42%, #0f172a 100%);
}

.login-photo-frame::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(115deg, transparent 0 34%, rgba(255, 255, 255, 0.12) 35% 45%, transparent 46% 100%),
    radial-gradient(circle at 62% 52%, rgba(14, 165, 233, 0.18), transparent 32%);
  animation: loginCinematicSweep 8s ease-in-out infinite;
}

.login-photo-grain {
  position: absolute;
  inset: 0;
  opacity: 0.25;
  background-image:
    radial-gradient(circle at 20% 20%, rgba(255,255,255,0.12) 0 1px, transparent 1px),
    radial-gradient(circle at 80% 30%, rgba(255,255,255,0.08) 0 1px, transparent 1px);
  background-size: 22px 22px, 18px 18px;
}

.login-person {
  position: absolute;
  bottom: 72px;
  width: 138px;
  height: 230px;
  filter: drop-shadow(0 28px 36px rgba(0, 0, 0, 0.34));
}

.login-person-left {
  left: 10%;
}

.login-person-right {
  right: 12%;
  transform: scaleX(-1);
}

.person-head,
.person-body {
  display: block;
  margin-inline: auto;
}

.person-head {
  width: 66px;
  height: 66px;
  border-radius: 50%;
  background: linear-gradient(145deg, #f6d7bd, #b77954);
  border: 3px solid rgba(255, 255, 255, 0.25);
}

.person-body {
  width: 126px;
  height: 150px;
  margin-top: 8px;
  border-radius: 54px 54px 18px 18px;
  background: linear-gradient(135deg, #dbeafe, #2563eb 42%, #0f172a 100%);
}

.login-person-right .person-body {
  background: linear-gradient(135deg, #dcfce7, #10b981 42%, #064e3b 100%);
}

.login-desk-screen {
  position: absolute;
  left: 28%;
  right: 25%;
  bottom: 66px;
  height: 150px;
  border-radius: 22px;
  background: rgba(2, 6, 23, 0.82);
  border: 1px solid rgba(147, 197, 253, 0.32);
  box-shadow: inset 0 0 28px rgba(59, 130, 246, 0.22), 0 28px 50px rgba(0, 0, 0, 0.26);
}

.screen-line {
  position: absolute;
  left: 24px;
  right: 24px;
  height: 4px;
  border-radius: 999px;
  background: linear-gradient(90deg, #22c55e, #38bdf8, #2563eb);
  animation: graphLinePulse 2.8s ease-in-out infinite;
}

.screen-line-one { top: 38px; width: 72%; }
.screen-line-two { top: 72px; width: 54%; animation-delay: 350ms; }
.screen-line-three { top: 106px; width: 82%; animation-delay: 700ms; }

.login-photo-copy {
  position: absolute;
  left: 28px;
  right: 28px;
  bottom: 24px;
  z-index: 2;
  padding: 22px;
  border-radius: 24px;
  background: rgba(15, 23, 42, 0.72);
  border: 1px solid rgba(226, 232, 240, 0.16);
  backdrop-filter: blur(16px);
}

.login-photo-copy h2,
.clean-login-intro h2 {
  margin: 0;
  line-height: 1.03;
}

.login-photo-copy h2 {
  font-size: clamp(2rem, 4vw, 4.4rem);
}

.login-photo-copy p:last-child {
  color: #cbd5e1;
  line-height: 1.5;
}

.login-market-motion {
  position: relative;
  overflow: hidden;
  border-radius: 28px;
  padding: 20px;
  background: rgba(2, 6, 23, 0.72);
}

.market-grid-lines {
  position: absolute;
  inset: 0;
  background-image: linear-gradient(rgba(148, 163, 184, 0.12) 1px, transparent 1px), linear-gradient(90deg, rgba(148, 163, 184, 0.12) 1px, transparent 1px);
  background-size: 42px 42px;
  animation: marketGridDrift 16s linear infinite;
}

.market-graph {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 180px;
}

.market-line,
.market-shadow {
  fill: none;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.market-shadow {
  stroke: rgba(59, 130, 246, 0.18);
  stroke-width: 18;
}

.market-line {
  stroke: #22c55e;
  stroke-width: 7;
  stroke-dasharray: 660;
  stroke-dashoffset: 660;
  animation: drawMarketLine 3.2s ease-in-out infinite;
}

.market-pulse-dot {
  fill: #38bdf8;
  filter: drop-shadow(0 0 16px rgba(56, 189, 248, 0.9));
  animation: marketPulse 1.7s ease-in-out infinite;
}

.market-stats-row {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
}

.market-stats-row span {
  border-radius: 18px;
  padding: 13px;
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(226, 232, 240, 0.12);
  display: grid;
  gap: 4px;
}

.market-stats-row strong {
  color: #f8fafc;
}

.market-stats-row small {
  color: #cbd5e1;
  font-weight: 700;
}

.clean-login-form-panel {
  background: rgba(248, 250, 252, 0.88);
  color: #0f172a;
  display: grid;
  align-content: start;
  gap: 20px;
}

.clean-login-topbar {
  padding: 0 0 4px;
  margin-bottom: 0;
}

.clean-login-intro {
  border-radius: 30px;
  padding: 30px;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(239, 246, 255, 0.92));
}

.clean-login-intro h2 {
  font-size: clamp(2rem, 4vw, 4rem);
  color: #0f172a;
}

.clean-login-intro p:last-child {
  color: #475569;
  line-height: 1.45;
}

.clean-login-form-panel .credential-verification-screen {
  grid-template-columns: 1fr;
  border-radius: 30px;
  padding: 24px;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(240, 253, 244, 0.9));
}

.clean-login-form-panel .credential-form-card,
.clean-login-form-panel .credential-result-panel {
  max-width: 760px;
}

.login-trust-strip {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

.login-trust-strip article {
  display: grid;
  gap: 6px;
  padding: 16px;
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.86);
}

.login-trust-strip strong {
  color: #0f172a;
}

.login-trust-strip span {
  color: #64748b;
  font-weight: 700;
  line-height: 1.4;
}

@keyframes loginCinematicSweep {
  0%, 100% { transform: translateX(-8%); opacity: 0.62; }
  50% { transform: translateX(8%); opacity: 1; }
}

@keyframes graphLinePulse {
  0%, 100% { transform: scaleX(0.8); opacity: 0.58; }
  50% { transform: scaleX(1); opacity: 1; }
}

@keyframes marketGridDrift {
  from { background-position: 0 0, 0 0; }
  to { background-position: 84px 42px, 84px 42px; }
}

@keyframes drawMarketLine {
  0% { stroke-dashoffset: 660; opacity: 0.72; }
  44%, 70% { stroke-dashoffset: 0; opacity: 1; }
  100% { stroke-dashoffset: -660; opacity: 0.78; }
}

@keyframes marketPulse {
  0%, 100% { transform: scale(0.88); opacity: 0.78; }
  50% { transform: scale(1.25); opacity: 1; }
}

@media (max-width: 1100px) {
  .auth-entry-shell[data-clean-login-shell="true"] {
    grid-template-columns: 1fr;
    background: #f8fafc;
  }

  .login-photo-frame {
    min-height: 360px;
  }

  .login-trust-strip,
  .market-stats-row {
    grid-template-columns: 1fr;
  }
}

.offer-creation-panel {
  border: 1px solid rgba(37, 99, 235, 0.24);
  background: linear-gradient(135deg, rgba(239, 246, 255, 0.98), rgba(255, 255, 255, 0.94));
  box-shadow: 0 18px 44px rgba(15, 23, 42, 0.07);
  border-radius: 24px;
  padding: 22px;
  display: grid;
  gap: 18px;
}

.offer-creation-header h3,
.offer-creation-result h3 {
  margin: 0;
  font-size: 26px;
}

.offer-creation-header p,
.offer-creation-result p,
.offer-creation-safety p {
  color: #475569;
  line-height: 1.5;
}

.offer-creation-layout {
  display: grid;
  grid-template-columns: minmax(320px, 0.9fr) minmax(320px, 1.1fr);
  gap: 20px;
}

.offer-creation-form,
.offer-creation-preview-shell,
.offer-creation-result {
  display: grid;
  gap: 12px;
}

.offer-creation-form,
.offer-creation-result {
  border: 1px solid rgba(37, 99, 235, 0.18);
  background: rgba(255, 255, 255, 0.86);
  border-radius: 20px;
  padding: 18px;
}

.offer-creation-form label {
  color: #0f172a;
  font-weight: 850;
  display: grid;
  gap: 7px;
}

.offer-creation-form input,
.offer-creation-form select,
.offer-creation-form textarea {
  width: 100%;
  border: 1px solid rgba(100, 116, 139, 0.35);
  border-radius: 14px;
  padding: 13px 14px;
  font: inherit;
  background: rgba(255, 255, 255, 0.94);
}

.offer-form-row {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.offer-creation-ready {
  border-color: rgba(22, 163, 74, 0.36);
  background: rgba(240, 253, 244, 0.9);
}

.offer-creation-blocked {
  border-color: rgba(220, 38, 38, 0.34);
  background: rgba(254, 242, 242, 0.9);
}

.offer-creation-result ul {
  margin: 0;
  padding-left: 20px;
  display: grid;
  gap: 7px;
  color: #334155;
  line-height: 1.45;
}

.offer-creation-safety {
  border-radius: 18px;
  padding: 14px 16px;
  background: rgba(255, 255, 255, 0.74);
  border: 1px solid rgba(37, 99, 235, 0.14);
}

@media (max-width: 1080px) {
  .offer-creation-layout,
  .offer-form-row {
    grid-template-columns: 1fr;
  }
}

.offer-persistence-panel {
  display: grid;
  gap: 18px;
  margin: 22px 0;
  padding: 22px;
  border: 1px solid rgba(37, 99, 235, 0.18);
  border-radius: 28px;
  background: linear-gradient(135deg, rgba(239, 246, 255, 0.92), rgba(255, 255, 255, 0.86));
  box-shadow: 0 18px 50px rgba(15, 23, 42, 0.08);
}

.offer-persistence-header {
  display: grid;
  gap: 8px;
}

.offer-persistence-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}

.offer-persistence-record,
.offer-submit-preview,
.offer-audit-preview {
  border: 1px solid rgba(37, 99, 235, 0.16);
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.88);
  padding: 18px;
  display: grid;
  gap: 10px;
}

.offer-submit-persisted {
  border-color: rgba(22, 163, 74, 0.36);
  background: rgba(240, 253, 244, 0.9);
}

.offer-submit-blocked {
  border-color: rgba(220, 38, 38, 0.34);
  background: rgba(254, 242, 242, 0.9);
}

.offer-persistence-record ul,
.offer-submit-preview ul,
.offer-audit-preview ul {
  margin: 0;
  padding-left: 20px;
  display: grid;
  gap: 7px;
  color: #334155;
  line-height: 1.45;
}

@media (max-width: 1080px) {
  .offer-persistence-grid {
    grid-template-columns: 1fr;
  }
}

/* Sprint 0.16.0 — production app shell, public/auth separation, top navigation */
.product-top-nav {
  position: sticky;
  top: 0;
  z-index: 20;
  min-height: 76px;
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 18px;
  padding: 14px 28px;
  border-bottom: 1px solid rgba(148, 163, 184, 0.24);
  background: rgba(248, 250, 252, 0.9);
  backdrop-filter: blur(18px);
  box-shadow: 0 14px 36px rgba(15, 23, 42, 0.08);
}

.public-top-nav {
  background: rgba(255, 255, 255, 0.92);
}

.top-nav-brand,
.top-nav-links,
.top-nav-actions {
  display: flex;
  align-items: center;
  gap: 12px;
}

.top-nav-links {
  justify-content: center;
  flex-wrap: wrap;
}

.top-nav-actions {
  justify-content: flex-end;
}

.brand-name {
  font-size: 15px;
  font-weight: 950;
  letter-spacing: -0.02em;
  color: #0f172a;
}

.app-logo-button {
  width: 70px;
  height: 46px;
  border: 0;
  border-radius: 18px;
  display: grid;
  place-items: center;
  background: linear-gradient(135deg, #0f172a 0%, #1d4ed8 65%, #14b8a6 100%);
  box-shadow: 0 16px 34px rgba(37, 99, 235, 0.24);
  cursor: pointer;
  transition: transform 160ms ease, box-shadow 160ms ease;
}

.app-logo-button:hover {
  transform: translateY(-1px);
  box-shadow: 0 20px 42px rgba(37, 99, 235, 0.32);
}

.guardian-monkey-logo {
  width: 58px;
  height: 28px;
  overflow: visible;
}

.guardian-face circle {
  fill: rgba(255, 255, 255, 0.94);
  stroke: rgba(191, 219, 254, 0.95);
  stroke-width: 2;
}

.guardian-face path {
  fill: none;
  stroke: #0f172a;
  stroke-width: 3;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.top-nav-item {
  border: 0;
  border-radius: 999px;
  padding: 10px 12px;
  background: transparent;
  color: #475569;
  font-weight: 850;
  cursor: pointer;
  transition: background 160ms ease, color 160ms ease, transform 160ms ease;
}

.top-nav-item:hover,
.top-nav-item.active {
  background: #dbeafe;
  color: #1d4ed8;
  transform: translateY(-1px);
}

.production-app-shell {
  display: block;
  min-height: 100vh;
}

.production-main-panel {
  max-width: 1440px;
  margin: 0 auto;
  padding: 28px;
}

.production-login-shell {
  min-height: 100vh;
  display: block;
  background: radial-gradient(circle at 14% 20%, rgba(59, 130, 246, 0.16), transparent 28%),
    radial-gradient(circle at 88% 10%, rgba(20, 184, 166, 0.14), transparent 30%),
    linear-gradient(135deg, #f8fafc 0%, #eef4ff 50%, #f0fdfa 100%);
}

.login-entry-layout {
  width: min(1360px, calc(100% - 48px));
  margin: 0 auto;
  padding: 34px 0 42px;
  display: grid;
  grid-template-columns: minmax(360px, 1.05fr) minmax(360px, 0.95fr);
  gap: 28px;
  align-items: start;
}

.login-entry-visual,
.login-entry-card {
  display: grid;
  gap: 18px;
}

.login-entry-card {
  border: 1px solid rgba(148, 163, 184, 0.26);
  border-radius: 32px;
  padding: 26px;
  background: rgba(255, 255, 255, 0.92);
  box-shadow: 0 28px 70px rgba(15, 23, 42, 0.12);
}

.login-entry-card h1 {
  margin: 0;
  font-size: clamp(32px, 5vw, 58px);
  line-height: 0.98;
  letter-spacing: -0.055em;
  color: #0f172a;
}

.login-entry-card > p {
  margin: 0;
  color: #475569;
  line-height: 1.45;
  font-weight: 650;
}

.login-entry-card .credential-verification-screen {
  display: grid;
  gap: 16px;
}

.login-entry-card .credential-form-card,
.login-entry-card .credential-result-panel {
  background: rgba(248, 250, 252, 0.9);
  border: 1px solid rgba(148, 163, 184, 0.22);
  border-radius: 24px;
  box-shadow: none;
}

.login-entry-note,
.public-structure-strip article {
  border: 1px solid rgba(148, 163, 184, 0.22);
  border-radius: 20px;
  padding: 16px;
  background: rgba(255, 255, 255, 0.78);
}

.login-entry-note {
  display: grid;
  gap: 6px;
  color: #475569;
  font-weight: 700;
}

.login-entry-note strong {
  color: #0f172a;
}

.public-structure-strip {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

.public-structure-strip article {
  display: grid;
  gap: 6px;
}

.public-structure-strip strong {
  color: #0f172a;
}

.public-structure-strip span {
  color: #64748b;
  font-weight: 700;
  line-height: 1.45;
}

@media (max-width: 1180px) {
  .product-top-nav {
    grid-template-columns: 1fr;
  }

  .top-nav-links,
  .top-nav-actions,
  .top-nav-brand {
    justify-content: center;
  }

  .login-entry-layout {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 760px) {
  .login-entry-layout {
    width: min(100% - 24px, 1360px);
  }

  .public-structure-strip {
    grid-template-columns: 1fr;
  }

  .production-main-panel {
    padding: 18px;
  }
}

/* Sprint 0.16.0 — public homepage and 99EXCHANGE brand foundation */
.public-home-shell {
  min-height: 100vh;
  display: block;
  background: radial-gradient(circle at 10% 10%, rgba(37, 99, 235, 0.14), transparent 30%),
    radial-gradient(circle at 88% 8%, rgba(20, 184, 166, 0.14), transparent 32%),
    linear-gradient(135deg, #f8fafc 0%, #eef4ff 48%, #f0fdfa 100%);
}

.public-homepage {
  width: min(1440px, calc(100% - 48px));
  margin: 0 auto;
  display: grid;
  gap: 28px;
  padding: 32px 0 40px;
}

.public-home-grid {
  display: grid;
  grid-template-columns: minmax(360px, 1.15fr) minmax(340px, 0.85fr);
  gap: 28px;
  align-items: start;
}

.public-home-left,
.public-home-right {
  display: grid;
  gap: 18px;
}

.public-market-panel,
.public-auth-panel,
.public-hero-section,
.public-section-card,
.public-footer {
  border: 1px solid rgba(148, 163, 184, 0.26);
  border-radius: 32px;
  background: rgba(255, 255, 255, 0.9);
  box-shadow: 0 28px 70px rgba(15, 23, 42, 0.11);
  backdrop-filter: blur(16px);
}

.public-market-panel,
.public-auth-panel,
.public-section-card,
.public-footer {
  padding: 26px;
}

.public-section-heading {
  display: grid;
  gap: 8px;
  margin-bottom: 18px;
}

.public-section-heading h2,
.public-auth-header h1,
.public-hero-section h2,
.public-section-card h2,
.platform-summary-card h3 {
  margin: 0;
  color: #0f172a;
  letter-spacing: -0.045em;
  line-height: 1.02;
}

.public-section-heading h2,
.public-section-card h2 {
  font-size: clamp(28px, 4vw, 46px);
}

.public-section-heading p,
.public-auth-header p,
.public-section-card p,
.public-hero-section p {
  margin: 0;
  color: #475569;
  line-height: 1.6;
  font-weight: 650;
}

.public-auth-panel {
  position: sticky;
  top: 96px;
  display: grid;
  gap: 16px;
}

.public-auth-header {
  display: grid;
  gap: 8px;
}

.public-auth-header h1 {
  font-size: clamp(34px, 5vw, 58px);
}

.market-intelligence-grid,
.service-grid,
.trust-value-grid,
.faq-grid,
.offer-highlight-grid,
.platform-stat-grid {
  display: grid;
  gap: 12px;
}

.market-intelligence-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.market-intelligence-card,
.service-card,
.trust-value-grid article,
.faq-grid article,
.platform-summary-card,
.journey-steps-public article,
.create-offer-public,
.login-entry-note {
  border: 1px solid rgba(148, 163, 184, 0.22);
  border-radius: 22px;
  background: rgba(248, 250, 252, 0.88);
}

.market-intelligence-card,
.service-card,
.trust-value-grid article,
.faq-grid article {
  padding: 16px;
  display: grid;
  gap: 7px;
}

.market-intelligence-card strong,
.service-card strong,
.trust-value-grid strong,
.faq-grid strong,
.journey-steps-public strong,
.platform-summary-card strong,
.footer-brand-row strong {
  color: #0f172a;
}

.market-intelligence-card span,
.service-card span,
.trust-value-grid span,
.faq-grid p,
.journey-steps-public p,
.platform-summary-card small,
.platform-summary-card li,
.public-footer span,
.public-footer p {
  color: #64748b;
  font-weight: 650;
  line-height: 1.5;
}

.public-market-motion {
  margin-top: 18px;
}

.public-auth-panel .credential-form-card,
.public-auth-panel .credential-result-panel {
  box-shadow: none;
  background: rgba(248, 250, 252, 0.9);
}

.public-auth-panel .credential-session-preview,
.public-auth-panel .credential-result-card p strong {
  color: #0f172a;
}

.auth-button-row {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  align-items: center;
}

.password-help-row {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
  color: #64748b;
  font-weight: 750;
}

.password-help-row a {
  color: #2563eb;
  font-weight: 900;
  text-decoration: none;
}

.platform-summary-card {
  padding: 18px;
  display: grid;
  gap: 14px;
}

.platform-summary-card h3 {
  font-size: 21px;
}

.platform-stat-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.platform-stat-grid span,
.market-stats-row span {
  display: grid;
  gap: 4px;
}

.platform-stat-grid strong {
  font-size: 20px;
}

.platform-advantages {
  margin: 0;
  padding-left: 18px;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 6px 14px;
}

.public-hero-section {
  padding: 34px;
  display: grid;
  grid-template-columns: 1.15fr 0.85fr;
  gap: 22px;
  align-items: center;
  background: linear-gradient(135deg, rgba(15, 23, 42, 0.96), rgba(30, 64, 175, 0.92));
  color: #fff;
}

.public-hero-section .eyebrow,
.public-hero-section p,
.public-hero-section h2 {
  color: #fff;
}

.public-hero-section h2 {
  font-size: clamp(36px, 6vw, 72px);
}

.welcome-highlight-stack {
  display: grid;
  gap: 12px;
}

.welcome-highlight-stack span,
.offer-highlight-grid span {
  border-radius: 999px;
  padding: 12px 14px;
  background: rgba(219, 234, 254, 0.92);
  color: #1e3a8a;
  font-weight: 900;
}

.service-grid,
.trust-value-grid,
.faq-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.about-99exchange {
  display: grid;
  gap: 14px;
}

.privacy-security-section {
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.94), rgba(240, 253, 250, 0.94));
}

.journey-steps-public {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}

.journey-steps-public article {
  padding: 18px;
  display: grid;
  gap: 8px;
  position: relative;
}

.journey-steps-public span {
  color: #2563eb;
  font-weight: 950;
  text-transform: uppercase;
  font-size: 12px;
  letter-spacing: 0.09em;
}

.journey-steps-public b {
  font-size: 24px;
  color: #2563eb;
}

.create-offer-public {
  padding: 26px;
  display: grid;
  grid-template-columns: 0.9fr 1.1fr;
  gap: 22px;
  align-items: center;
}

.offer-highlight-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.public-footer {
  width: min(1440px, calc(100% - 48px));
  margin: 0 auto 30px;
  display: grid;
  gap: 18px;
}

.footer-brand-row {
  display: flex;
  gap: 12px;
  align-items: center;
}

.footer-link-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}

.footer-link-grid div {
  display: grid;
  gap: 8px;
}

.footer-link-grid h3 {
  margin: 0;
}

@media (max-width: 1180px) {
  .public-home-grid,
  .public-hero-section,
  .create-offer-public {
    grid-template-columns: 1fr;
  }

  .public-auth-panel {
    position: static;
  }

  .service-grid,
  .trust-value-grid,
  .faq-grid,
  .journey-steps-public {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 760px) {
  .public-homepage,
  .public-footer {
    width: min(100% - 24px, 1440px);
  }

  .market-intelligence-grid,
  .service-grid,
  .trust-value-grid,
  .faq-grid,
  .journey-steps-public,
  .offer-highlight-grid,
  .platform-stat-grid,
  .platform-advantages,
  .footer-link-grid {
    grid-template-columns: 1fr;
  }
}

/* Sprint 0.16.1 — Join Us & Registration Preflight Foundation */
.inline-link-button {
  background: transparent;
  border: 0;
  color: inherit;
  font: inherit;
  text-decoration: underline;
  cursor: pointer;
  padding: 0;
}

.join-us-shell .public-home-right {
  align-self: stretch;
}

.join-us-panel {
  display: grid;
  gap: 1.2rem;
  padding: 1.3rem;
  border-radius: 28px;
  background: rgba(255, 255, 255, 0.92);
  box-shadow: 0 28px 90px rgba(15, 23, 42, 0.18);
  border: 1px solid rgba(148, 163, 184, 0.28);
}

.join-us-copy h1 {
  margin: 0.25rem 0;
  font-size: clamp(2rem, 4vw, 3.2rem);
  line-height: 1;
}

.join-us-proof-row,
.join-us-preview-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));
  gap: 0.75rem;
}

.join-us-proof-row span,
.join-us-preview-grid span {
  display: grid;
  gap: 0.2rem;
  padding: 0.8rem;
  border-radius: 18px;
  background: rgba(15, 23, 42, 0.04);
  border: 1px solid rgba(15, 23, 42, 0.08);
}

.join-us-proof-row small,
.join-us-preview-grid small {
  color: #64748b;
}

.join-us-form {
  display: grid;
  gap: 0.85rem;
}

.join-us-form label {
  display: grid;
  gap: 0.35rem;
  font-weight: 700;
}

.join-us-form input,
.join-us-form select {
  width: 100%;
  border: 1px solid rgba(15, 23, 42, 0.15);
  border-radius: 16px;
  padding: 0.8rem 0.9rem;
  font: inherit;
  background: #fff;
}

.join-us-form .checkbox-row {
  grid-template-columns: auto 1fr;
  align-items: center;
  font-weight: 600;
}

.join-us-form .checkbox-row input {
  width: auto;
}

.join-us-result-card {
  display: grid;
  gap: 0.9rem;
  padding: 1rem;
  border-radius: 22px;
  background: linear-gradient(135deg, rgba(236, 253, 245, 0.95), rgba(239, 246, 255, 0.95));
  border: 1px solid rgba(16, 185, 129, 0.22);
}

.join-us-result-card[data-join-us-state="BLOCKED"] {
  background: linear-gradient(135deg, rgba(254, 242, 242, 0.95), rgba(255, 247, 237, 0.95));
  border-color: rgba(248, 113, 113, 0.28);
}

.join-us-violations,
.safety-lock-list {
  display: grid;
  gap: 0.55rem;
  margin: 0;
  padding-left: 1.1rem;
}

.join-us-violations li span {
  display: block;
  color: #64748b;
}

.join-us-safety-card .trust-value-grid article span {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
}

/* Sprint 0.16.1.2 — Homepage & Login Premium Experience Refinement */
.public-home-shell[data-premium-entry-refinement="0.16.2"] {
  background:
    radial-gradient(circle at 8% 8%, rgba(37, 99, 235, 0.16), transparent 28%),
    radial-gradient(circle at 92% 10%, rgba(16, 185, 129, 0.16), transparent 28%),
    linear-gradient(135deg, #f8fafc 0%, #eef4ff 48%, #ecfdf5 100%);
}

.public-home-shell[data-premium-entry-refinement="0.16.2"] .public-homepage {
  width: min(1320px, calc(100% - 40px));
  gap: 22px;
  padding: 22px 0 32px;
}

.public-home-shell[data-premium-entry-refinement="0.16.2"] .public-home-grid {
  grid-template-columns: minmax(560px, 1.08fr) minmax(400px, 0.92fr);
  gap: 22px;
  align-items: stretch;
}

.public-home-shell[data-premium-entry-refinement="0.16.2"] .public-market-panel,
.public-home-shell[data-premium-entry-refinement="0.16.2"] .public-auth-panel,
.public-home-shell[data-premium-entry-refinement="0.16.2"] .public-section-card,
.public-home-shell[data-premium-entry-refinement="0.16.2"] .public-footer {
  border-radius: 28px;
  border-color: rgba(148, 163, 184, 0.22);
  box-shadow: 0 22px 55px rgba(15, 23, 42, 0.09);
}

.premium-public-market-panel,
.premium-public-auth-panel {
  height: 100%;
}

.premium-public-market-panel {
  display: grid;
  gap: 16px;
  align-content: start;
  padding: 22px;
}

.compact-public-heading {
  margin-bottom: 0;
}

.compact-public-heading h2,
.public-home-shell[data-premium-entry-refinement="0.16.2"] .public-section-heading h2,
.public-home-shell[data-premium-entry-refinement="0.16.2"] .public-section-card h2 {
  font-size: clamp(26px, 3.2vw, 42px);
  line-height: 1.04;
}

.public-visual-story {
  display: grid;
  grid-template-columns: minmax(260px, 1fr) minmax(220px, 0.72fr);
  gap: 14px;
}

.visual-people-card,
.escrow-motion-card {
  position: relative;
  min-height: 210px;
  overflow: hidden;
  border-radius: 24px;
  border: 1px solid rgba(226, 232, 240, 0.18);
  background: linear-gradient(135deg, rgba(15, 23, 42, 0.94), rgba(30, 64, 175, 0.88));
  box-shadow: 0 22px 55px rgba(15, 23, 42, 0.18);
}

.visual-people-card::before,
.escrow-motion-card::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 20% 16%, rgba(96, 165, 250, 0.4), transparent 26%),
    linear-gradient(115deg, transparent 0 40%, rgba(255, 255, 255, 0.11) 45% 54%, transparent 58% 100%);
  animation: loginCinematicSweep 9s ease-in-out infinite;
}

.visual-person {
  position: absolute;
  bottom: 44px;
  width: 84px;
  height: 138px;
  z-index: 1;
}

.visual-person-one { left: 9%; }
.visual-person-two { right: 12%; transform: scaleX(-1); }

.visual-person span,
.visual-person b {
  display: block;
  margin-inline: auto;
}

.visual-person span {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  background: linear-gradient(145deg, #f8d7bf, #a16207);
  border: 2px solid rgba(255, 255, 255, 0.3);
}

.visual-person b {
  width: 82px;
  height: 92px;
  margin-top: 8px;
  border-radius: 36px 36px 12px 12px;
  background: linear-gradient(135deg, #dbeafe, #2563eb 46%, #0f172a 100%);
}

.visual-person-two b {
  background: linear-gradient(135deg, #dcfce7, #10b981 46%, #064e3b 100%);
}

.visual-device {
  position: absolute;
  left: 30%;
  right: 28%;
  bottom: 52px;
  height: 92px;
  border-radius: 18px;
  background: rgba(2, 6, 23, 0.78);
  border: 1px solid rgba(147, 197, 253, 0.3);
  z-index: 1;
  box-shadow: inset 0 0 24px rgba(59, 130, 246, 0.24), 0 18px 38px rgba(0, 0, 0, 0.22);
}

.visual-device i {
  position: absolute;
  left: 16px;
  right: 16px;
  height: 4px;
  border-radius: 999px;
  background: linear-gradient(90deg, #22c55e, #38bdf8, #2563eb);
  animation: graphLinePulse 2.8s ease-in-out infinite;
}

.visual-device i:nth-child(1) { top: 24px; width: 72%; }
.visual-device i:nth-child(2) { top: 46px; width: 52%; animation-delay: 320ms; }
.visual-device i:nth-child(3) { top: 68px; width: 84%; animation-delay: 640ms; }

.visual-caption {
  position: absolute;
  left: 16px;
  right: 16px;
  bottom: 14px;
  z-index: 2;
  display: grid;
  gap: 3px;
  padding: 12px;
  border-radius: 18px;
  color: #f8fafc;
  background: rgba(15, 23, 42, 0.7);
  backdrop-filter: blur(12px);
}

.visual-caption span {
  color: #cbd5e1;
  font-size: 13px;
  line-height: 1.35;
}

.escrow-motion-card {
  display: grid;
  align-content: end;
  gap: 12px;
  padding: 16px;
  color: #f8fafc;
}

.escrow-motion-track {
  position: relative;
  z-index: 1;
  display: grid;
  gap: 9px;
}

.escrow-motion-track span {
  border-radius: 999px;
  padding: 8px 10px;
  background: rgba(255, 255, 255, 0.12);
  border: 1px solid rgba(255, 255, 255, 0.12);
  font-size: 13px;
  font-weight: 900;
  animation: escrowStepGlow 4.8s ease-in-out infinite;
}

.escrow-motion-track span:nth-child(2) { animation-delay: 700ms; }
.escrow-motion-track span:nth-child(3) { animation-delay: 1400ms; }
.escrow-motion-track span:nth-child(4) { animation-delay: 2100ms; }

.escrow-motion-bars {
  position: absolute;
  top: 18px;
  right: 16px;
  display: flex;
  gap: 5px;
  align-items: end;
  height: 58px;
  z-index: 1;
}

.escrow-motion-bars i {
  width: 8px;
  border-radius: 999px;
  background: #22c55e;
  opacity: 0.82;
  animation: motionBar 1.8s ease-in-out infinite;
}

.escrow-motion-bars i:nth-child(1) { height: 24px; }
.escrow-motion-bars i:nth-child(2) { height: 42px; animation-delay: 180ms; }
.escrow-motion-bars i:nth-child(3) { height: 32px; animation-delay: 360ms; }
.escrow-motion-bars i:nth-child(4) { height: 54px; animation-delay: 540ms; }

.escrow-motion-card p {
  position: relative;
  z-index: 1;
  margin: 0;
  color: #cbd5e1;
  font-weight: 700;
  line-height: 1.45;
}

.premium-market-motion {
  margin-top: 0;
  padding: 16px;
}

.premium-market-motion .market-graph {
  height: 126px;
}

.compact-market-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.compact-market-grid .market-intelligence-card {
  padding: 13px;
  border-radius: 18px;
}

.compact-market-grid .market-intelligence-card span {
  font-size: 13px;
  line-height: 1.42;
}

.premium-public-auth-panel {
  position: sticky;
  top: 84px;
  align-self: start;
  padding: 24px;
  gap: 14px;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.96), rgba(239, 246, 255, 0.9)),
    radial-gradient(circle at 85% 12%, rgba(34, 197, 94, 0.16), transparent 34%);
}

.premium-auth-header h1 {
  font-size: clamp(36px, 4.2vw, 56px);
}

.premium-public-auth-panel .credential-verification-screen {
  grid-template-columns: 1fr;
  gap: 14px;
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
}

.premium-public-auth-panel .credential-form-card,
.premium-public-auth-panel .credential-result-panel,
.premium-login-assurance article {
  border: 1px solid rgba(148, 163, 184, 0.2);
  border-radius: 22px;
  background: rgba(255, 255, 255, 0.82);
  box-shadow: none;
}

.premium-public-auth-panel .credential-form-card,
.premium-public-auth-panel .credential-result-panel {
  padding: 18px;
}

.premium-credential-form-card h3,
.premium-public-auth-panel .credential-result-card h3 {
  font-size: 22px;
}

.premium-public-auth-panel .credential-form {
  gap: 9px;
}

.premium-public-auth-panel .credential-form input:not([type="checkbox"]) {
  border-radius: 16px;
  padding: 14px 15px;
  background: #fff;
}

.credential-customer-help,
.premium-login-assurance {
  display: grid;
  gap: 10px;
}

.credential-customer-help {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.credential-customer-help span {
  border-radius: 999px;
  padding: 9px 10px;
  background: rgba(219, 234, 254, 0.72);
  color: #1e3a8a;
  font-size: 12px;
  font-weight: 900;
  text-align: center;
}

.premium-help-row {
  border-radius: 18px;
  padding: 12px;
  background: rgba(248, 250, 252, 0.75);
}

.premium-login-assurance {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.premium-login-assurance article {
  padding: 13px;
  display: grid;
  gap: 4px;
}

.premium-login-assurance strong {
  color: #0f172a;
  font-size: 13px;
}

.premium-login-assurance span {
  color: #64748b;
  font-size: 12px;
  line-height: 1.4;
  font-weight: 700;
}

.public-home-shell[data-premium-entry-refinement="0.16.2"] .public-hero-section {
  padding: 28px;
  min-height: auto;
}

.public-home-shell[data-premium-entry-refinement="0.16.2"] .public-hero-section h2 {
  font-size: clamp(34px, 5vw, 62px);
}

@keyframes escrowStepGlow {
  0%, 100% { transform: translateX(0); background: rgba(255, 255, 255, 0.1); }
  50% { transform: translateX(4px); background: rgba(34, 197, 94, 0.24); }
}

@keyframes motionBar {
  0%, 100% { transform: scaleY(0.76); opacity: 0.62; }
  50% { transform: scaleY(1.1); opacity: 1; }
}

@media (max-width: 1180px) {
  .public-home-shell[data-premium-entry-refinement="0.16.2"] .public-home-grid,
  .public-visual-story {
    grid-template-columns: 1fr;
  }

  .premium-public-auth-panel {
    position: static;
  }

  .compact-market-grid,
  .premium-login-assurance {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 760px) {
  .public-home-shell[data-premium-entry-refinement="0.16.2"] .public-homepage {
    width: min(100% - 24px, 1320px);
    padding-top: 14px;
  }

  .compact-market-grid,
  .credential-customer-help,
  .premium-login-assurance,
  .market-stats-row {
    grid-template-columns: 1fr;
  }

  .visual-device {
    left: 24%;
    right: 20%;
  }
}

/* Sprint 0.16.1.2 — Production public experience refinement */
.public-home-shell[data-premium-entry-refinement="0.16.2"] .public-homepage {
  width: min(1760px, calc(100% - 32px));
  gap: 24px;
  padding: 24px 0 34px;
}

.public-home-shell[data-premium-entry-refinement="0.16.2"] .public-home-grid {
  grid-template-columns: minmax(660px, 1.35fr) minmax(420px, 0.65fr);
  gap: 24px;
  align-items: stretch;
}

.public-home-shell[data-premium-entry-refinement="0.16.2"] .public-section-card,
.public-home-shell[data-premium-entry-refinement="0.16.2"] .public-footer {
  width: 100%;
}

.public-home-shell[data-premium-entry-refinement="0.16.2"] .public-market-panel,
.public-home-shell[data-premium-entry-refinement="0.16.2"] .public-auth-panel,
.public-home-shell[data-premium-entry-refinement="0.16.2"] .public-section-card,
.public-home-shell[data-premium-entry-refinement="0.16.2"] .public-footer {
  border-color: rgba(30, 64, 175, 0.14);
  background: rgba(255, 255, 255, 0.93);
}

.public-home-shell[data-premium-entry-refinement="0.16.2"] .eyebrow {
  color: #2563eb;
}

.public-home-shell[data-premium-entry-refinement="0.16.2"] .market-intelligence-card span,
.public-home-shell[data-premium-entry-refinement="0.16.2"] .service-card span,
.public-home-shell[data-premium-entry-refinement="0.16.2"] .trust-value-grid span,
.public-home-shell[data-premium-entry-refinement="0.16.2"] .faq-grid p,
.public-home-shell[data-premium-entry-refinement="0.16.2"] .public-section-card p,
.public-home-shell[data-premium-entry-refinement="0.16.2"] .public-auth-header p {
  color: #475569;
}

.escrow-agent-card {
  min-height: 246px;
  background:
    radial-gradient(circle at 50% 28%, rgba(14, 165, 233, 0.34), transparent 30%),
    linear-gradient(135deg, rgba(15, 23, 42, 0.96), rgba(30, 64, 175, 0.9));
}

.escrow-agent-card .visual-person {
  bottom: 54px;
}

.visual-person em {
  display: block;
  margin-top: 7px;
  color: #dbeafe;
  font-size: 12px;
  font-style: normal;
  font-weight: 900;
  text-align: center;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.escrow-agent-hub {
  position: absolute;
  left: 50%;
  top: 44%;
  z-index: 3;
  width: 168px;
  min-height: 110px;
  display: grid;
  place-items: center;
  gap: 3px;
  transform: translate(-50%, -50%);
  border-radius: 32px;
  color: #f8fafc;
  background: linear-gradient(135deg, #1d4ed8, #0f172a 72%);
  border: 1px solid rgba(191, 219, 254, 0.55);
  box-shadow: 0 22px 60px rgba(37, 99, 235, 0.32), inset 0 0 28px rgba(34, 197, 94, 0.12);
}

.escrow-agent-hub strong {
  font-size: 15px;
  font-weight: 950;
  letter-spacing: -0.02em;
}

.escrow-agent-hub span {
  padding: 5px 10px;
  border-radius: 999px;
  color: #bbf7d0;
  background: rgba(34, 197, 94, 0.16);
  font-size: 12px;
  font-weight: 900;
}

.escrow-connection {
  position: absolute;
  top: 44%;
  z-index: 2;
  height: 4px;
  border-radius: 999px;
  background: linear-gradient(90deg, rgba(96, 165, 250, 0.2), #38bdf8, rgba(34, 197, 94, 0.84));
  box-shadow: 0 0 24px rgba(56, 189, 248, 0.45);
  animation: connectionPulse 2.6s ease-in-out infinite;
}

.escrow-connection-left {
  left: 22%;
  right: 54%;
}

.escrow-connection-right {
  left: 54%;
  right: 22%;
  animation-delay: 480ms;
}

.escrow-process-card {
  background: linear-gradient(135deg, #0f172a, #1e3a8a 56%, #064e3b);
}

.crypto-market-board {
  display: grid;
  gap: 14px;
  padding: 18px;
  border-radius: 26px;
  background: linear-gradient(135deg, rgba(15, 23, 42, 0.97), rgba(30, 64, 175, 0.93));
  color: #f8fafc;
  box-shadow: 0 24px 58px rgba(15, 23, 42, 0.22);
  overflow: hidden;
}

.crypto-market-header {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  align-items: start;
}

.crypto-market-header h3 {
  margin: 0;
  font-size: clamp(24px, 3vw, 38px);
  letter-spacing: -0.04em;
  line-height: 1.05;
}

.crypto-market-header p {
  margin: 6px 0 0;
  color: #cbd5e1;
  font-weight: 650;
}

.market-live-indicator {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  white-space: nowrap;
  padding: 9px 12px;
  border-radius: 999px;
  color: #bbf7d0;
  background: rgba(34, 197, 94, 0.14);
  border: 1px solid rgba(34, 197, 94, 0.22);
  font-size: 12px;
  font-weight: 900;
}

.market-live-indicator span {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #22c55e;
  box-shadow: 0 0 0 7px rgba(34, 197, 94, 0.12);
  animation: marketPulse 1.7s ease-in-out infinite;
}

.market-asset-tabs {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 8px;
}

.market-asset-tab {
  border: 1px solid rgba(226, 232, 240, 0.14);
  border-radius: 16px;
  padding: 10px;
  background: rgba(255, 255, 255, 0.08);
  color: #e2e8f0;
  text-align: left;
  cursor: pointer;
}

.market-asset-tab.active,
.market-asset-tab:hover {
  background: rgba(37, 99, 235, 0.36);
  border-color: rgba(147, 197, 253, 0.45);
}

.market-asset-tab strong,
.market-asset-tab span {
  display: block;
}

.market-asset-tab span {
  margin-top: 3px;
  color: #cbd5e1;
  font-size: 12px;
  font-weight: 700;
}

.crypto-chart-stage {
  position: relative;
  min-height: 230px;
  overflow: hidden;
  border-radius: 22px;
  border: 1px solid rgba(226, 232, 240, 0.12);
  background: rgba(2, 6, 23, 0.42);
}

.crypto-chart-grid {
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(rgba(148, 163, 184, 0.14) 1px, transparent 1px),
    linear-gradient(90deg, rgba(148, 163, 184, 0.14) 1px, transparent 1px);
  background-size: 48px 34px;
  animation: marketGridDrift 18s linear infinite;
}

.crypto-chart-svg {
  position: absolute;
  inset: 16px 18px 12px 18px;
  width: calc(100% - 36px);
  height: calc(100% - 28px);
  overflow: visible;
}

.crypto-chart-line,
.crypto-chart-shadow {
  fill: none;
  stroke-linecap: round;
  stroke-linejoin: round;
  vector-effect: non-scaling-stroke;
}

.crypto-chart-shadow {
  stroke: rgba(59, 130, 246, 0.16);
  stroke-width: 16;
}

.crypto-chart-line {
  stroke: #38bdf8;
  stroke-width: 5;
  stroke-dasharray: 720;
  animation: drawMarketLine 4.2s ease-in-out infinite;
}

.crypto-chart-dot {
  fill: #22c55e;
  filter: drop-shadow(0 0 12px rgba(34, 197, 94, 0.9));
  animation: marketPulse 1.7s ease-in-out infinite;
}

.crypto-chart-overlay {
  position: absolute;
  left: 18px;
  bottom: 18px;
  z-index: 2;
  display: grid;
  gap: 3px;
  padding: 14px;
  border-radius: 18px;
  background: rgba(15, 23, 42, 0.72);
  backdrop-filter: blur(12px);
}

.crypto-chart-overlay span,
.crypto-chart-overlay small {
  color: #cbd5e1;
  font-weight: 800;
}

.crypto-chart-overlay strong {
  font-size: 28px;
}

.market-quote-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.market-quote-card {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 4px 10px;
  align-items: center;
  padding: 13px;
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(226, 232, 240, 0.12);
}

.market-quote-card div,
.market-quote-card span,
.market-quote-card small {
  display: block;
}

.market-quote-card span {
  color: #cbd5e1;
  font-size: 12px;
  font-weight: 700;
}

.market-quote-card b {
  color: #f8fafc;
}

.market-quote-card small {
  grid-column: 1 / -1;
  color: #bbf7d0;
  font-weight: 900;
}

.market-quote-card.market-down small {
  color: #fecaca;
}

.market-quote-card.market-steady small {
  color: #e2e8f0;
}

.customer-login-note {
  border: 0;
  padding: 0;
  background: transparent;
}

.customer-login-note h3 {
  margin-bottom: 4px;
}

.production-registration-card {
  gap: 18px;
  padding: 26px;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.97), rgba(239, 246, 255, 0.92)),
    radial-gradient(circle at 86% 10%, rgba(34, 197, 94, 0.14), transparent 32%);
}

.production-registration-card .join-us-copy p:last-child {
  color: #475569;
  font-weight: 650;
  line-height: 1.58;
}

.optional-label {
  color: #64748b;
  font-size: 12px;
  font-weight: 750;
}

.registration-reassurance {
  margin: 0;
  padding: 14px 16px;
  border-radius: 18px;
  background: rgba(219, 234, 254, 0.52);
  color: #1e3a8a;
  font-weight: 750;
  line-height: 1.5;
}

.customer-registration-result {
  box-shadow: none;
}

.customer-registration-result h3 {
  margin: 0;
}

@keyframes connectionPulse {
  0%, 100% { opacity: 0.58; transform: scaleX(0.84); }
  50% { opacity: 1; transform: scaleX(1); }
}

@media (min-width: 1500px) {
  .public-home-shell[data-premium-entry-refinement="0.16.2"] .public-home-grid {
    grid-template-columns: minmax(780px, 1.45fr) minmax(460px, 0.55fr);
  }

  .public-home-shell[data-premium-entry-refinement="0.16.2"] .service-grid,
  .public-home-shell[data-premium-entry-refinement="0.16.2"] .trust-value-grid,
  .public-home-shell[data-premium-entry-refinement="0.16.2"] .faq-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

@media (max-width: 1180px) {
  .public-home-shell[data-premium-entry-refinement="0.16.2"] .public-home-grid,
  .market-asset-tabs,
  .market-quote-grid {
    grid-template-columns: 1fr;
  }

  .crypto-market-header {
    display: grid;
  }
}

@media (max-width: 760px) {
  .public-home-shell[data-premium-entry-refinement="0.16.2"] .public-homepage {
    width: min(100% - 20px, 1760px);
  }

  .escrow-agent-hub {
    width: 138px;
    min-height: 92px;
  }

  .escrow-connection-left { left: 18%; right: 56%; }
  .escrow-connection-right { left: 56%; right: 18%; }
}


/* Sprint 0.16.2 — Homepage Full-Width Layout Restoration
   Restores the wide premium public layout after the final copy cleanup changed
   the refinement marker but left the wide layout selectors behind. */
.public-home-shell[data-premium-entry-refinement="0.16.2"] .public-homepage {
  width: min(1880px, calc(100vw - 28px));
  max-width: none;
  margin-inline: auto;
}

.public-home-shell[data-premium-entry-refinement="0.16.2"] .public-home-grid {
  grid-template-columns: minmax(720px, 1.42fr) minmax(430px, 0.58fr);
  gap: 28px;
}

.public-home-shell[data-premium-entry-refinement="0.16.2"] .public-section-card,
.public-home-shell[data-premium-entry-refinement="0.16.2"] .public-footer {
  width: min(1880px, calc(100vw - 28px));
  max-width: none;
  margin-inline: auto;
}

@media (min-width: 1600px) {
  .public-home-shell[data-premium-entry-refinement="0.16.2"] .public-home-grid {
    grid-template-columns: minmax(920px, 1.5fr) minmax(480px, 0.5fr);
  }
}

@media (max-width: 1180px) {
  .public-home-shell[data-premium-entry-refinement="0.16.2"] .public-home-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 760px) {
  .public-home-shell[data-premium-entry-refinement="0.16.2"] .public-homepage,
  .public-home-shell[data-premium-entry-refinement="0.16.2"] .public-section-card,
  .public-home-shell[data-premium-entry-refinement="0.16.2"] .public-footer {
    width: min(100vw - 18px, 1880px);
  }
}


.admin-operations-workspace {
  border: 1px solid rgba(124, 58, 237, 0.18);
  border-radius: 28px;
  padding: 28px;
  background: linear-gradient(135deg, rgba(255,255,255,0.98), rgba(245,243,255,0.92));
  box-shadow: 0 24px 80px rgba(15, 23, 42, 0.08);
}

.admin-ops-heading {
  max-width: 920px;
  margin-bottom: 22px;
}

.admin-ops-heading h3 {
  margin: 0 0 10px;
  font-size: clamp(1.7rem, 3vw, 2.4rem);
  color: var(--ink-900);
}

.admin-ops-heading p:last-child {
  margin: 0;
  color: var(--ink-600);
}

.admin-ops-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
}

.admin-ops-card {
  border: 1px solid rgba(15, 23, 42, 0.08);
  border-radius: 22px;
  padding: 18px;
  background: rgba(255,255,255,0.92);
}

.admin-ops-card h4 {
  margin: 0;
  color: var(--ink-900);
}

.admin-signal-row {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 16px;
}

.admin-signal-row span {
  border-radius: 999px;
  padding: 7px 10px;
  background: rgba(124,58,237,0.09);
  color: var(--ink-700);
  font-size: 0.82rem;
  font-weight: 700;
}

.admin-ops-boundary {
  margin-top: 18px;
  display: grid;
  grid-template-columns: minmax(180px, 240px) 1fr;
  gap: 14px;
  align-items: center;
  border-radius: 20px;
  padding: 16px 18px;
  background: rgba(15,23,42,0.04);
  color: var(--ink-700);
}

.admin-ops-boundary strong {
  color: var(--ink-900);
}

@media (max-width: 1100px) {
  .admin-ops-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 760px) {
  .admin-ops-grid, .admin-ops-boundary {
    grid-template-columns: 1fr;
  }
}

/* Sprint 0.16.4.1 — Trade Marketplace Live Offer Room Architecture */
.marketplace-live-room {
  border: 1px solid rgba(124, 58, 237, 0.16);
  border-radius: 30px;
  padding: 28px;
  background: linear-gradient(135deg, rgba(255,255,255,0.98), rgba(248,250,252,0.94));
  box-shadow: 0 28px 90px rgba(15, 23, 42, 0.08);
  display: grid;
  gap: 20px;
}

.marketplace-live-header,
.marketplace-section-heading {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 18px;
}

.marketplace-live-header h3,
.marketplace-section-heading h3 {
  margin: 0 0 8px;
  color: var(--ink-900);
  font-size: clamp(1.4rem, 2.2vw, 2rem);
}

.marketplace-live-header p,
.marketplace-section-heading span {
  margin: 0;
  color: var(--ink-600);
}

.marketplace-room-count {
  min-width: 140px;
  border-radius: 24px;
  padding: 18px;
  text-align: center;
  background: rgba(124, 58, 237, 0.1);
  color: var(--ink-800);
}

.marketplace-room-count strong {
  display: block;
  font-size: 2.2rem;
  color: var(--brand-700);
}

.marketplace-control-bar,
.marketplace-activity-strip {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 12px;
}

.marketplace-control,
.marketplace-activity-strip article {
  border: 1px solid rgba(15, 23, 42, 0.08);
  border-radius: 18px;
  padding: 14px;
  background: rgba(255,255,255,0.92);
}

.marketplace-control span,
.marketplace-activity-strip span {
  display: block;
  font-size: 0.76rem;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: var(--ink-500);
  font-weight: 800;
}

.marketplace-control strong,
.marketplace-activity-strip strong {
  display: block;
  margin-top: 5px;
  color: var(--ink-900);
}

.marketplace-control small {
  display: block;
  margin-top: 4px;
  color: var(--ink-500);
  line-height: 1.35;
}

.marketplace-offer-section {
  display: grid;
  gap: 14px;
}

.marketplace-offer-list {
  display: grid;
  gap: 12px;
}

.marketplace-offer-row[hidden] {
  display: none !important;
}

.marketplace-offer-row {
  display: grid;
  grid-template-columns: minmax(260px, 1.35fr) minmax(130px, 0.7fr) minmax(180px, 0.8fr) minmax(190px, 0.9fr) minmax(130px, 0.55fr);
  gap: 14px;
  align-items: center;
  border: 1px solid rgba(15, 23, 42, 0.08);
  border-radius: 22px;
  padding: 16px;
  background: rgba(255,255,255,0.94);
}

.featured-offer-list .marketplace-offer-row {
  background: linear-gradient(135deg, rgba(124,58,237,0.08), rgba(255,255,255,0.96));
}

.trader-cell {
  display: flex;
  gap: 12px;
  align-items: flex-start;
}

.country-badge {
  min-width: 42px;
  height: 42px;
  border-radius: 14px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(15, 23, 42, 0.06);
  color: var(--ink-800);
  font-weight: 900;
}

.trader-cell h4,
.offer-rate-cell span,
.offer-limit-cell span,
.offer-receive-cell strong {
  margin: 0;
  color: var(--ink-900);
}

.trader-cell p,
.trader-cell small,
.offer-limit-cell small,
.offer-receive-cell span,
.offer-receive-cell small {
  display: block;
  margin-top: 3px;
  color: var(--ink-600);
}

.offer-rate-cell strong {
  display: inline-flex;
  margin-top: 6px;
  color: var(--brand-700);
}

.offer-action-cell {
  display: grid;
  justify-items: end;
  gap: 10px;
}

.marketplace-caution {
  grid-column: 1 / -1;
  margin: 0;
  border-radius: 16px;
  padding: 10px 12px;
  background: rgba(251, 191, 36, 0.14);
  color: #92400e;
  font-weight: 700;
}

@media (max-width: 1180px) {
  .marketplace-control-bar,
  .marketplace-activity-strip {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .marketplace-offer-row {
    grid-template-columns: 1fr 1fr;
  }

  .offer-action-cell {
    justify-items: start;
  }
}

@media (max-width: 720px) {
  .marketplace-live-header,
  .marketplace-section-heading {
    display: grid;
  }

  .marketplace-control-bar,
  .marketplace-activity-strip,
  .marketplace-offer-row {
    grid-template-columns: 1fr;
  }
}


/* Sprint 0.16.4.2 — Marketplace Trading Board UI Correction */
.marketplace-shell {
  background: linear-gradient(135deg, #eef4ff 0%, #f8fbff 48%, #f5f7fb 100%);
}

.marketplace-main-panel {
  width: min(1760px, calc(100% - 32px));
  max-width: none;
  padding: 18px 0 34px;
  gap: 0;
}

.trade-board-room {
  border-radius: 24px;
  padding: 18px;
  gap: 14px;
  background: rgba(255, 255, 255, 0.96);
  box-shadow: 0 24px 80px rgba(15, 23, 42, 0.10);
}

.trade-board-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding: 4px 4px 10px;
  border-bottom: 1px solid rgba(15, 23, 42, 0.08);
}

.trade-board-header h2 {
  margin: 0 0 4px;
  font-size: clamp(1.8rem, 3vw, 3rem);
  line-height: 0.95;
  color: var(--ink-900);
}

.trade-board-header p:not(.eyebrow) {
  margin: 0;
  color: var(--ink-600);
  max-width: 780px;
}

.trade-board-actions {
  display: flex;
  gap: 10px;
  white-space: nowrap;
}

.trade-board-tabs {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}

.trade-tab {
  border: 1px solid rgba(37, 99, 235, 0.16);
  border-radius: 999px;
  padding: 10px 14px;
  background: rgba(239, 246, 255, 0.8);
  color: #1e3a8a;
  font-weight: 900;
}

.trade-tab.active {
  background: #2563eb;
  color: #fff;
}

.trade-tab strong {
  margin-left: 6px;
}

.trade-filter-bar {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 10px;
}

.compact-control {
  padding: 12px 14px;
  border-radius: 16px;
}

.trade-board-summary {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.trade-board-summary article {
  border: 1px solid rgba(15, 23, 42, 0.08);
  border-radius: 16px;
  padding: 12px 14px;
  background: rgba(248, 250, 252, 0.92);
}

.trade-board-summary span,
.trade-board-columns span {
  display: block;
  font-size: 0.72rem;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: var(--ink-500);
  font-weight: 900;
}

.trade-board-summary strong {
  display: block;
  margin-top: 3px;
  color: var(--ink-900);
}

.trade-offer-board {
  display: grid;
  gap: 10px;
}

.trade-board-heading {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: end;
  padding: 8px 2px 0;
}

.trade-board-heading h3 {
  margin: 0;
  color: var(--ink-900);
}

.trade-board-heading span {
  color: var(--ink-600);
  font-weight: 800;
}

.trade-board-columns,
.trade-board-row {
  display: grid;
  grid-template-columns: minmax(250px, 1.25fr) minmax(210px, 1fr) minmax(140px, 0.72fr) minmax(190px, 0.9fr) minmax(150px, 0.75fr) minmax(120px, 0.56fr);
  gap: 12px;
  align-items: center;
}

.trade-board-columns {
  padding: 0 16px;
}

.trade-board-row {
  border-radius: 16px;
  padding: 14px 16px;
  background: #fff;
  border: 1px solid rgba(15, 23, 42, 0.08);
}

.trade-board-row[data-offer-intent="buy"] {
  border-left: 5px solid #2563eb;
}

.trade-board-row[data-offer-intent="sell"] {
  border-left: 5px solid #059669;
}

.trader-title-line {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  align-items: center;
}

.role-pill {
  border-radius: 999px;
  padding: 4px 8px;
  font-size: 0.72rem;
  font-weight: 900;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.role-buy {
  color: #1d4ed8;
  background: rgba(37, 99, 235, 0.11);
}

.role-sell {
  color: #047857;
  background: rgba(5, 150, 105, 0.12);
}

.offer-intent-cell span,
.offer-rate-cell span,
.offer-limit-cell span,
.offer-receive-cell span {
  display: block;
  font-size: 0.76rem;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: var(--ink-500);
  font-weight: 900;
}

.offer-intent-cell strong,
.offer-rate-cell strong,
.offer-limit-cell strong,
.offer-receive-cell strong {
  display: block;
  margin-top: 3px;
  color: var(--ink-900);
}

.offer-intent-cell small,
.offer-rate-cell small,
.offer-limit-cell small,
.offer-receive-cell small {
  display: block;
  margin-top: 3px;
  color: var(--ink-600);
  line-height: 1.3;
}

.trade-action-button {
  width: 100%;
  justify-content: center;
}

@media (max-width: 1180px) {
  .trade-filter-bar,
  .trade-board-summary {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .trade-board-columns {
    display: none;
  }

  .trade-board-row {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 720px) {
  .marketplace-main-panel {
    width: min(100% - 18px, 100%);
    padding-top: 10px;
  }

  .trade-board-header,
  .trade-board-heading {
    display: grid;
  }

  .trade-filter-bar,
  .trade-board-summary,
  .trade-board-row {
    grid-template-columns: 1fr;
  }
}

/* Sprint 0.16.4.3 — Premium Marketplace Controls & Trading Board UI */
.marketplace-shell {
  background:
    radial-gradient(circle at 12% 0%, rgba(37, 99, 235, 0.16), transparent 30%),
    radial-gradient(circle at 92% 8%, rgba(5, 150, 105, 0.12), transparent 26%),
    linear-gradient(135deg, #eef4ff 0%, #f8fbff 48%, #f5f7fb 100%);
}

.marketplace-main-panel {
  width: min(1880px, calc(100% - 28px));
  max-width: none;
  padding: 14px 0 34px;
}

.premium-market-room {
  border: 1px solid rgba(15, 23, 42, 0.08);
  border-radius: 30px;
  padding: 0;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.98);
  box-shadow: 0 32px 100px rgba(15, 23, 42, 0.14);
}

.premium-market-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  padding: 28px 30px;
  color: #fff;
  background:
    linear-gradient(135deg, rgba(15, 23, 42, 0.98), rgba(30, 64, 175, 0.94)),
    radial-gradient(circle at 88% 16%, rgba(14, 165, 233, 0.35), transparent 34%);
}

.premium-market-header .eyebrow,
.premium-market-header p {
  color: rgba(255, 255, 255, 0.76);
}

.premium-market-header h2 {
  margin: 0 0 8px;
  font-size: clamp(2.2rem, 4vw, 4.8rem);
  line-height: 0.92;
  letter-spacing: -0.06em;
}

.premium-market-header p:not(.eyebrow) {
  margin: 0;
  max-width: 760px;
  font-size: 1.02rem;
}

.premium-market-actions .secondary-action {
  background: rgba(255, 255, 255, 0.12);
  color: #fff;
  border: 1px solid rgba(255, 255, 255, 0.22);
}

.premium-trade-tabs {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  padding: 18px 22px 0;
  background: linear-gradient(180deg, rgba(248, 250, 252, 0.98), rgba(255,255,255,0.98));
}

.premium-trade-tab {
  border: 1px solid rgba(15, 23, 42, 0.1);
  border-radius: 999px;
  padding: 11px 16px;
  background: #fff;
  color: #172033;
  font-weight: 900;
  box-shadow: 0 10px 22px rgba(15, 23, 42, 0.06);
}

.premium-trade-tab.active {
  color: #fff;
  background: linear-gradient(135deg, #2563eb, #1d4ed8);
  border-color: transparent;
}

.premium-trade-tab strong {
  margin-left: 8px;
}

.premium-filter-panel {
  display: grid;
  grid-template-columns: repeat(9, minmax(130px, 1fr));
  gap: 10px;
  padding: 18px 22px;
  border-bottom: 1px solid rgba(15, 23, 42, 0.08);
  background: rgba(248, 250, 252, 0.92);
}

.premium-market-select {
  display: grid;
  gap: 6px;
}

.premium-market-select span {
  color: #64748b;
  font-size: 0.72rem;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.premium-market-select select {
  width: 100%;
  appearance: none;
  border: 1px solid rgba(15, 23, 42, 0.12);
  border-radius: 16px;
  padding: 12px 34px 12px 13px;
  color: #0f172a;
  background:
    linear-gradient(45deg, transparent 50%, #64748b 50%) right 16px center / 7px 7px no-repeat,
    linear-gradient(135deg, #fff, #f8fafc);
  box-shadow: 0 12px 28px rgba(15, 23, 42, 0.05);
  font-weight: 850;
}

.premium-market-select select:focus {
  outline: 3px solid rgba(37, 99, 235, 0.16);
  border-color: rgba(37, 99, 235, 0.42);
}

.premium-market-stats {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  padding: 0 22px 18px;
  background: #fff;
}

.premium-market-stats article {
  border: 1px solid rgba(15, 23, 42, 0.08);
  border-radius: 20px;
  padding: 14px 16px;
  background: linear-gradient(135deg, #ffffff, #f8fafc);
}

.premium-market-stats span,
.premium-board-columns span {
  display: block;
  color: #64748b;
  font-size: 0.72rem;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.premium-market-stats strong {
  display: block;
  margin-top: 5px;
  color: #0f172a;
  font-size: 1.1rem;
}

.premium-market-stats small {
  display: block;
  margin-top: 4px;
  color: #64748b;
}

.premium-offer-board {
  display: grid;
  gap: 10px;
  padding: 0 22px 22px;
}

.premium-board-heading {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: end;
}

.premium-board-heading h3 {
  margin: 0;
  color: #0f172a;
  font-size: clamp(1.4rem, 2vw, 2rem);
}

.premium-board-heading span {
  color: #475569;
  font-weight: 850;
}

.premium-board-columns,
.premium-offer-row {
  display: grid;
  grid-template-columns: minmax(250px, 1.28fr) minmax(160px, 0.82fr) minmax(140px, 0.72fr) minmax(190px, 0.92fr) minmax(150px, 0.76fr) minmax(128px, 0.56fr);
  gap: 12px;
  align-items: center;
}

.premium-board-columns {
  padding: 0 18px;
}

.premium-offer-row {
  position: relative;
  border-radius: 20px;
  padding: 16px 18px;
  background: #fff;
  border: 1px solid rgba(15, 23, 42, 0.08);
  box-shadow: 0 12px 35px rgba(15, 23, 42, 0.055);
}

.premium-offer-row:hover {
  transform: translateY(-1px);
  box-shadow: 0 20px 48px rgba(15, 23, 42, 0.08);
}

.premium-offer-row[data-offer-intent="buy"] {
  border-left: 6px solid #2563eb;
}

.premium-offer-row[data-offer-intent="sell"] {
  border-left: 6px solid #059669;
}

.premium-trader-cell .country-badge {
  background: #eef2ff;
  color: #1e3a8a;
}

.trader-title-line {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  align-items: center;
}

.role-pill {
  border-radius: 999px;
  padding: 4px 9px;
  font-size: 0.7rem;
  font-weight: 950;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.role-buy {
  color: #1d4ed8;
  background: rgba(37, 99, 235, 0.12);
}

.role-sell {
  color: #047857;
  background: rgba(5, 150, 105, 0.12);
}

.offer-intent-cell span,
.offer-rate-cell span,
.offer-limit-cell span,
.offer-receive-cell span {
  display: block;
  color: #64748b;
  font-size: 0.73rem;
  font-weight: 900;
  letter-spacing: 0.07em;
  text-transform: uppercase;
}

.offer-intent-cell strong,
.offer-rate-cell strong,
.offer-limit-cell strong,
.offer-receive-cell strong {
  display: block;
  margin-top: 4px;
  color: #0f172a;
}

.offer-intent-cell small,
.offer-rate-cell small,
.offer-limit-cell small,
.offer-receive-cell small,
.offer-row-meaning {
  display: block;
  margin-top: 4px;
  color: #64748b;
  line-height: 1.32;
}

.offer-row-meaning {
  grid-column: 2 / 6;
  margin: -4px 0 0;
  font-size: 0.82rem;
}

.trade-action-button {
  width: 100%;
  justify-content: center;
  border-radius: 14px;
}

@media (max-width: 1500px) {
  .premium-filter-panel {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 1180px) {
  .premium-market-stats {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .premium-board-columns {
    display: none;
  }

  .premium-offer-row {
    grid-template-columns: 1fr 1fr;
  }

  .offer-row-meaning {
    grid-column: 1 / -1;
  }
}

@media (max-width: 720px) {
  .marketplace-main-panel {
    width: min(100% - 16px, 100%);
    padding-top: 8px;
  }

  .premium-market-header,
  .premium-board-heading {
    display: grid;
  }

  .premium-filter-panel,
  .premium-market-stats,
  .premium-offer-row {
    grid-template-columns: 1fr;
  }
}

/* Sprint 0.16.4.4 — Sponsored Marketplace Banners & Trader Ratings */
.premium-board-list {
  gap: 0;
}

.premium-offer-row {
  border-radius: 0;
  border-left-width: 6px;
  border-right: 1px solid rgba(15, 23, 42, 0.08);
  border-top: 0;
  border-bottom: 1px solid rgba(15, 23, 42, 0.095);
  box-shadow: none;
}

.premium-offer-row:first-child {
  border-top: 1px solid rgba(15, 23, 42, 0.08);
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}

.premium-offer-row:last-child {
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
}

.premium-offer-row + .premium-offer-row::before {
  content: "";
  position: absolute;
  left: 18px;
  right: 18px;
  top: -1px;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(15, 23, 42, 0.12), transparent);
}

.seller-rating {
  display: flex;
  align-items: center;
  gap: 7px;
  flex-wrap: wrap;
  margin-top: 8px;
}

.seller-rating .star-rating {
  color: #f59e0b;
  letter-spacing: 0.02em;
  font-size: 0.9rem;
  font-weight: 950;
}

.seller-rating strong {
  color: #0f172a;
  font-weight: 950;
}

.seller-rating small {
  width: 100%;
  margin-top: 0;
  color: #64748b;
}

.marketplace-sponsored-banner {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  align-items: center;
  padding: 18px 20px;
  border-left: 6px solid #7c3aed;
  border-right: 1px solid rgba(124, 58, 237, 0.18);
  border-bottom: 1px solid rgba(124, 58, 237, 0.18);
  background:
    radial-gradient(circle at 8% 18%, rgba(255, 255, 255, 0.28), transparent 28%),
    linear-gradient(135deg, #312e81, #2563eb 56%, #0f766e);
  color: #fff;
}

.marketplace-sponsored-banner p {
  margin: 0 0 5px;
  color: rgba(255, 255, 255, 0.72);
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-size: 0.72rem;
  font-weight: 950;
}

.marketplace-sponsored-banner h4 {
  margin: 0;
  color: #fff;
  font-size: 1.1rem;
}

.marketplace-sponsored-banner span {
  display: block;
  margin-top: 5px;
  color: rgba(255, 255, 255, 0.82);
  max-width: 760px;
  line-height: 1.4;
}

.marketplace-sponsored-banner > strong {
  border: 1px solid rgba(255, 255, 255, 0.26);
  border-radius: 999px;
  padding: 10px 14px;
  background: rgba(255, 255, 255, 0.13);
  white-space: nowrap;
}

.marketplace-sponsored-banner.banner-2 {
  border-left-color: #059669;
  background:
    radial-gradient(circle at 8% 18%, rgba(255, 255, 255, 0.24), transparent 28%),
    linear-gradient(135deg, #064e3b, #0f766e 55%, #1d4ed8);
}

@media (max-width: 720px) {
  .marketplace-sponsored-banner {
    display: grid;
  }

  .marketplace-sponsored-banner > strong {
    width: max-content;
  }
}

/* Sprint 0.16.5 — User Dashboard Home Financial Workspace */
.dashboard-home-main-panel {
  max-width: 1480px;
  gap: 20px;
}

.dashboard-home-workspace {
  display: grid;
  gap: 18px;
  color: var(--ink-900);
}

.dashboard-welcome-panel,
.dashboard-section-card,
.dashboard-wallet-card,
.dashboard-action-button {
  border: 1px solid rgba(15, 23, 42, 0.08);
  background: rgba(255, 255, 255, 0.94);
  box-shadow: 0 24px 80px rgba(15, 23, 42, 0.08);
}

.dashboard-welcome-panel {
  border-radius: 32px;
  padding: 28px;
  display: flex;
  justify-content: space-between;
  gap: 24px;
  align-items: center;
  background: radial-gradient(circle at 12% 12%, rgba(37, 99, 235, 0.14), transparent 34%),
    radial-gradient(circle at 78% 10%, rgba(20, 184, 166, 0.16), transparent 32%),
    linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(248, 250, 252, 0.94));
}

.dashboard-welcome-panel h1 {
  margin: 4px 0 8px;
  font-size: clamp(2rem, 4.4vw, 4rem);
  line-height: 0.95;
  letter-spacing: -0.055em;
}

.dashboard-welcome-panel p {
  margin: 0;
  color: var(--ink-600);
}

.dashboard-status-card {
  min-width: 260px;
  border-radius: 24px;
  padding: 18px 20px;
  background: rgba(15, 23, 42, 0.94);
  color: #fff;
}

.dashboard-status-card span,
.dashboard-wallet-card span,
.dashboard-action-button small,
.dashboard-section-heading span,
.dashboard-detail-list dt,
.security-status-list dt {
  display: block;
  color: var(--ink-500);
  font-size: 0.76rem;
  text-transform: uppercase;
  letter-spacing: 0.07em;
  font-weight: 850;
}

.dashboard-status-card span {
  color: rgba(255, 255, 255, 0.62);
}

.dashboard-status-card strong {
  display: block;
  margin-top: 8px;
  font-size: 1.1rem;
}

.dashboard-wallet-overview {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}

.dashboard-wallet-card {
  border-radius: 26px;
  padding: 22px;
  display: grid;
  gap: 9px;
}

.dashboard-wallet-card strong {
  display: block;
  font-size: clamp(1.7rem, 3.2vw, 2.8rem);
  letter-spacing: -0.05em;
}

.dashboard-wallet-card p {
  margin: 0;
  color: var(--ink-600);
}

.wallet-available {
  background: linear-gradient(135deg, rgba(37, 99, 235, 0.10), rgba(255, 255, 255, 0.96));
}

.wallet-escrow {
  background: linear-gradient(135deg, rgba(20, 184, 166, 0.12), rgba(255, 255, 255, 0.96));
}

.wallet-pending {
  background: linear-gradient(135deg, rgba(245, 158, 11, 0.12), rgba(255, 255, 255, 0.96));
}

.dashboard-quick-actions {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 12px;
}

.dashboard-action-button {
  border-radius: 22px;
  padding: 18px 14px;
  text-align: left;
  display: grid;
  gap: 8px;
  color: var(--ink-900);
  cursor: pointer;
}

.dashboard-action-button:hover {
  transform: translateY(-1px);
  border-color: rgba(37, 99, 235, 0.22);
}

.quick-action-icon {
  width: 40px;
  height: 40px;
  border-radius: 15px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  background: linear-gradient(135deg, #2563eb, #14b8a6);
  font-weight: 950;
}

.dashboard-action-button strong {
  font-size: 1rem;
}

.action-not-ready .quick-action-icon {
  background: linear-gradient(135deg, #64748b, #94a3b8);
}

.dashboard-grid {
  display: grid;
  gap: 18px;
}

.dashboard-primary-grid,
.dashboard-secondary-grid,
.dashboard-bottom-grid {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
}

.dashboard-section-card {
  border-radius: 28px;
  padding: 22px;
  display: grid;
  gap: 16px;
}

.dashboard-section-heading {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  align-items: flex-start;
}

.dashboard-section-heading h2 {
  margin: 4px 0 0;
  font-size: clamp(1.35rem, 2.2vw, 2rem);
  letter-spacing: -0.035em;
}

.dashboard-trade-card {
  display: grid;
  gap: 14px;
  border-radius: 22px;
  padding: 18px;
  background: linear-gradient(135deg, rgba(37, 99, 235, 0.08), rgba(255, 255, 255, 0.96));
  border: 1px solid rgba(37, 99, 235, 0.12);
}

.dashboard-card-row,
.market-asset-row,
.activity-row,
.pending-action-row,
.marketplace-preview-row,
.security-status-list div,
.dashboard-detail-list div {
  display: flex;
  justify-content: space-between;
  gap: 14px;
  align-items: center;
}

.trade-reference,
.trade-direction-pill {
  border-radius: 999px;
  padding: 7px 10px;
  font-weight: 850;
}

.trade-reference {
  color: #1d4ed8;
  background: rgba(37, 99, 235, 0.10);
}

.trade-direction-pill {
  color: #047857;
  background: rgba(16, 185, 129, 0.12);
}

.dashboard-trade-card h3 {
  margin: 0;
  font-size: 1.1rem;
}

.dashboard-stars {
  margin: 0;
  color: #f59e0b;
  font-weight: 900;
}

.dashboard-stars small {
  color: var(--ink-600);
  font-weight: 750;
}

.dashboard-detail-list,
.security-status-list {
  display: grid;
  gap: 10px;
  margin: 0;
}

.dashboard-detail-list dd,
.security-status-list dd {
  margin: 0;
  color: var(--ink-800);
  font-weight: 800;
  text-align: right;
}

.market-asset-list,
.activity-list,
.pending-action-list,
.marketplace-preview-list {
  display: grid;
  gap: 10px;
}

.market-asset-row,
.activity-row,
.pending-action-row,
.marketplace-preview-row {
  border-radius: 18px;
  padding: 12px 14px;
  background: rgba(248, 250, 252, 0.88);
  border: 1px solid rgba(15, 23, 42, 0.06);
}

.market-asset-name {
  display: flex;
  gap: 10px;
  align-items: center;
}

.market-asset-name > span,
.activity-icon {
  width: 38px;
  height: 38px;
  border-radius: 14px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(15, 23, 42, 0.08);
  font-weight: 950;
}

.market-asset-name small,
.market-price small,
.activity-row small,
.pending-action-row small,
.marketplace-preview-row small {
  display: block;
  margin-top: 2px;
  color: var(--ink-500);
}

.market-price {
  min-width: 112px;
  text-align: right;
}

.dashboard-sparkline {
  width: 92px;
  height: 36px;
}

.trend-up {
  color: #059669;
}

.trend-down {
  color: #dc2626;
}

.trend-flat {
  color: #64748b;
}

.activity-amount {
  text-align: right;
}

.pending-action-row > span {
  border-radius: 999px;
  padding: 7px 10px;
  color: #92400e;
  background: rgba(245, 158, 11, 0.14);
  font-weight: 850;
}

.marketplace-preview-row > span {
  min-width: 110px;
  color: #1d4ed8;
  font-weight: 850;
}

.marketplace-preview-row em {
  color: #f59e0b;
  font-style: normal;
  font-weight: 900;
}

.text-link-button {
  padding: 0;
  border: none;
  background: transparent;
  color: #2563eb;
  font-weight: 900;
  cursor: pointer;
}

.empty-dashboard-state {
  border-radius: 22px;
  padding: 22px;
  background: rgba(248, 250, 252, 0.88);
  border: 1px dashed rgba(15, 23, 42, 0.16);
}

@media (max-width: 1180px) {
  .dashboard-quick-actions {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .dashboard-primary-grid,
  .dashboard-secondary-grid,
  .dashboard-bottom-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 820px) {
  .dashboard-welcome-panel,
  .dashboard-wallet-overview,
  .dashboard-quick-actions {
    grid-template-columns: 1fr;
    display: grid;
  }

  .dashboard-status-card {
    min-width: 0;
  }

  .market-asset-row,
  .activity-row,
  .pending-action-row,
  .marketplace-preview-row,
  .security-status-list div,
  .dashboard-detail-list div {
    align-items: flex-start;
    flex-direction: column;
  }

  .dashboard-detail-list dd,
  .security-status-list dd,
  .activity-amount,
  .market-price {
    text-align: left;
  }
}

/* Sprint 0.16.5.1 — Dashboard Width & Market Overview Refinement */
.dashboard-home-main-panel {
  width: min(1880px, calc(100% - 28px));
  max-width: none;
  padding: 14px 0 34px;
}

.dashboard-home-workspace {
  gap: 16px;
}

.dashboard-primary-grid {
  grid-template-columns: minmax(420px, 0.82fr) minmax(760px, 1.38fr);
  align-items: stretch;
}

.market-overview-panel {
  gap: 14px;
  overflow: hidden;
}

.market-overview-panel .dashboard-section-heading small {
  display: block;
  margin-top: 5px;
  color: #64748b;
  font-weight: 750;
}

.market-overview-metrics {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.market-overview-metric {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  align-items: end;
  min-height: 112px;
  border: 1px solid rgba(15, 23, 42, 0.07);
  border-radius: 20px;
  padding: 14px;
  background: linear-gradient(135deg, #ffffff, #f8fafc);
  box-shadow: 0 14px 34px rgba(15, 23, 42, 0.045);
}

.market-overview-metric span,
.market-table-heading span {
  display: block;
  color: #64748b;
  font-size: 0.72rem;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.market-overview-metric strong {
  display: block;
  margin-top: 7px;
  color: #0f172a;
  font-size: clamp(1.05rem, 1.6vw, 1.55rem);
  letter-spacing: -0.035em;
}

.market-overview-metric small {
  display: block;
  margin-top: 5px;
  font-weight: 900;
}

.market-overview-metric .dashboard-sparkline {
  width: 82px;
  min-width: 82px;
}

.market-table-heading,
.aligned-market-row {
  display: grid;
  grid-template-columns: minmax(190px, 1.3fr) minmax(132px, 0.7fr) minmax(88px, 0.45fr) minmax(120px, 0.55fr);
  gap: 14px;
  align-items: center;
}

.market-table-heading {
  padding: 0 14px;
}

.aligned-market-row {
  min-height: 64px;
}

.market-asset-row {
  border-radius: 16px;
  padding: 12px 14px;
}

.market-asset-name > .coin-mark,
.coin-mark {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-weight: 950;
  font-size: 1.2rem;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,0.25), 0 10px 24px rgba(15,23,42,0.10);
}

.coin-btc { background: linear-gradient(135deg, #f7931a, #f59e0b); }
.coin-eth { background: linear-gradient(135deg, #627eea, #334155); }
.coin-usdt { background: linear-gradient(135deg, #26a17b, #0f766e); }
.coin-bnb { background: linear-gradient(135deg, #f3ba2f, #eab308); }
.coin-sol { background: linear-gradient(135deg, #14f195, #9945ff); }
.coin-xrp { background: linear-gradient(135deg, #111827, #475569); }
.coin-usdc { background: linear-gradient(135deg, #2775ca, #2563eb); }
.coin-trx { background: linear-gradient(135deg, #ef0027, #b91c1c); }
.coin-ada { background: linear-gradient(135deg, #0033ad, #2563eb); }
.coin-doge { background: linear-gradient(135deg, #c2a633, #b45309); }
.coin-link { background: linear-gradient(135deg, #2a5ada, #1d4ed8); }
.coin-ltc { background: linear-gradient(135deg, #345d9d, #94a3b8); }

.market-asset-price {
  color: #0f172a;
  font-size: 1rem;
  text-align: right;
}

.market-asset-change {
  display: inline-flex;
  justify-content: flex-end;
  align-items: center;
  font-weight: 950;
  text-align: right;
}

.aligned-market-row .dashboard-sparkline {
  justify-self: end;
}

@media (max-width: 1500px) {
  .dashboard-primary-grid {
    grid-template-columns: minmax(360px, 0.9fr) minmax(620px, 1.1fr);
  }

  .market-overview-metrics {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 1180px) {
  .dashboard-primary-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 820px) {
  .dashboard-home-main-panel {
    width: min(100% - 16px, 100%);
    padding-top: 8px;
  }

  .market-overview-metrics,
  .market-table-heading,
  .aligned-market-row {
    grid-template-columns: 1fr;
  }

  .market-table-heading {
    display: none;
  }

  .market-asset-price,
  .market-asset-change,
  .aligned-market-row .dashboard-sparkline {
    justify-self: start;
    text-align: left;
  }
}

/* Sprint 0.16.5.2 — Dashboard Market Reference Correction */
.dashboard-home-main-panel {
  width: min(1880px, calc(100% - 28px));
  max-width: none;
}

.dashboard-primary-grid {
  grid-template-columns: minmax(390px, 0.72fr) minmax(900px, 1.48fr);
}

.financial-market-overview {
  gap: 16px;
  background:
    radial-gradient(circle at 12% 8%, rgba(37, 99, 235, 0.08), transparent 30%),
    linear-gradient(135deg, rgba(255,255,255,0.98), rgba(248,250,252,0.96));
}

.market-overview-titlebar {
  align-items: center;
}

.market-overview-actions {
  display: flex;
  align-items: center;
  gap: 14px;
  color: #64748b;
  font-weight: 800;
}

.market-overview-metrics {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.market-overview-metric {
  min-height: 104px;
  align-items: center;
}

.market-feature-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 12px;
}

.market-feature-card {
  display: grid;
  gap: 12px;
  min-height: 188px;
  border: 1px solid rgba(15, 23, 42, 0.08);
  border-radius: 22px;
  padding: 16px;
  background: #fff;
  box-shadow: 0 14px 38px rgba(15, 23, 42, 0.055);
}

.market-feature-top,
.market-feature-price {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  align-items: center;
}

.market-feature-top > div,
.market-feature-price {
  min-width: 0;
}

.market-feature-top strong,
.market-feature-price strong {
  display: block;
  color: #0f172a;
}

.market-feature-top small,
.market-feature-price small {
  display: block;
  margin-top: 3px;
  color: #64748b;
  font-weight: 800;
}

.market-feature-price {
  align-items: flex-start;
  flex-direction: column;
}

.market-feature-price strong {
  font-size: clamp(1.25rem, 1.8vw, 1.75rem);
  letter-spacing: -0.045em;
}

.market-feature-card .dashboard-sparkline {
  width: 100%;
  height: 44px;
}

.market-overview-content-grid {
  display: grid;
  grid-template-columns: minmax(360px, 0.82fr) minmax(520px, 1.18fr);
  gap: 14px;
  align-items: stretch;
}

.market-chart-card,
.market-watchlist-card {
  border: 1px solid rgba(15, 23, 42, 0.08);
  border-radius: 24px;
  background: #fff;
  box-shadow: 0 14px 38px rgba(15, 23, 42, 0.05);
}

.market-chart-card {
  display: grid;
  gap: 16px;
  padding: 18px;
  color: #2563eb;
}

.market-chart-heading {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: flex-start;
}

.market-chart-heading span {
  display: block;
  color: #64748b;
  font-size: 0.76rem;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.market-chart-heading strong {
  display: block;
  margin-top: 7px;
  color: #0f172a;
  font-size: clamp(1.8rem, 4vw, 3.1rem);
  letter-spacing: -0.06em;
}

.market-chart-heading small {
  border-radius: 999px;
  padding: 7px 10px;
  background: rgba(5, 150, 105, 0.10);
  font-weight: 950;
}

.market-main-chart {
  width: 100%;
  min-height: 230px;
  color: #2563eb;
  overflow: visible;
}

.market-watchlist-card {
  padding: 10px;
  overflow: hidden;
}

.market-watchlist-card .market-asset-list {
  gap: 0;
}

.market-watchlist-card .market-asset-row {
  border-width: 0 0 1px 0;
  border-color: rgba(15, 23, 42, 0.07);
  border-radius: 0;
  background: #fff;
}

.market-watchlist-card .market-asset-row:last-child {
  border-bottom: none;
}

.market-table-heading,
.aligned-market-row {
  grid-template-columns: minmax(210px, 1.35fr) minmax(132px, 0.72fr) minmax(92px, 0.48fr) minmax(124px, 0.52fr);
}

.coin-logo {
  overflow: hidden;
  flex: 0 0 auto;
}

.coin-logo svg {
  width: 42px;
  height: 42px;
  display: block;
}

.coin-logo circle {
  fill: currentColor;
}

.coin-logo text {
  fill: #fff;
  font-size: 24px;
  font-weight: 950;
  font-family: var(--font-premium);
}

.coin-logo polygon,
.coin-logo path,
.coin-logo rect {
  fill: #fff;
  stroke: #fff;
  stroke-width: 2.4;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.coin-btc { color: #f7931a; background: #f7931a; }
.coin-eth { color: #627eea; background: linear-gradient(135deg, #627eea, #334155); }
.coin-usdt { color: #26a17b; background: #26a17b; }
.coin-bnb { color: #f3ba2f; background: #f3ba2f; }
.coin-sol { color: #111827; background: linear-gradient(135deg, #14f195, #9945ff); }
.coin-xrp { color: #111827; background: #111827; }
.coin-usdc { color: #2775ca; background: #2775ca; }

.coin-sol path { fill: #fff; stroke: #fff; }
.coin-xrp path { fill: none; stroke-width: 3.8; }

@media (max-width: 1650px) {
  .market-feature-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .market-overview-content-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 1300px) {
  .dashboard-primary-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 860px) {
  .market-overview-metrics,
  .market-feature-grid {
    grid-template-columns: 1fr;
  }

  .market-overview-actions,
  .market-chart-heading,
  .market-feature-top,
  .market-feature-price {
    align-items: flex-start;
    flex-direction: column;
  }
}

/* Sprint 0.16.5.3 — Dashboard UI Consistency & Financial Refinement */
.dashboard-home-main-panel {
  width: min(1880px, calc(100% - 28px));
  max-width: none;
}

.dashboard-home-workspace {
  gap: 18px;
}

.dashboard-welcome-panel,
.dashboard-section-card,
.dashboard-wallet-card,
.dashboard-action-button,
.market-feature-card,
.market-chart-card,
.market-watchlist-card {
  border-radius: 24px;
  border-color: rgba(15, 23, 42, 0.085);
  box-shadow: 0 18px 48px rgba(15, 23, 42, 0.07);
}

.dashboard-wallet-card,
.dashboard-section-card,
.dashboard-action-button {
  padding: 18px;
}

.dashboard-quick-actions {
  gap: 14px;
}

.dashboard-action-button {
  min-height: 126px;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: start;
  column-gap: 14px;
  row-gap: 10px;
  transition: transform 160ms ease, border-color 160ms ease, box-shadow 160ms ease;
}

.dashboard-action-button:hover {
  box-shadow: 0 22px 54px rgba(37, 99, 235, 0.12);
}

.quick-action-icon {
  width: 46px;
  height: 46px;
  border-radius: 16px;
  color: #fff;
  background: linear-gradient(135deg, #2563eb, #14b8a6);
  box-shadow: 0 14px 28px rgba(37, 99, 235, 0.16);
}

.quick-action-icon svg {
  width: 24px;
  height: 24px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2.1;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.quick-action-copy {
  min-width: 0;
}

.quick-action-copy strong {
  display: block;
  color: #0f172a;
  font-size: 1rem;
  letter-spacing: -0.02em;
}

.quick-action-copy small {
  display: block;
  margin-top: 5px;
  color: #64748b;
  line-height: 1.35;
  text-transform: none;
  letter-spacing: 0;
  font-size: 0.82rem;
}

.coming-soon-pill {
  grid-column: 2;
  justify-self: start;
  border-radius: 999px;
  padding: 6px 10px;
  background: rgba(100, 116, 139, 0.12);
  color: #475569;
  font-size: 0.72rem;
  font-weight: 900;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.action-not-ready {
  opacity: 0.9;
}

.action-not-ready .quick-action-icon {
  background: linear-gradient(135deg, #64748b, #94a3b8);
  box-shadow: 0 14px 28px rgba(100, 116, 139, 0.14);
}

.action-deposit-crypto .quick-action-icon { background: linear-gradient(135deg, #16a34a, #14b8a6); }
.action-withdraw .quick-action-icon { background: linear-gradient(135deg, #2563eb, #1d4ed8); }
.action-marketplace .quick-action-icon { background: linear-gradient(135deg, #7c3aed, #2563eb); }
.action-buy-crypto .quick-action-icon { background: linear-gradient(135deg, #f59e0b, #2563eb); }
.action-sell-crypto .quick-action-icon { background: linear-gradient(135deg, #ef4444, #7c3aed); }

.active-trade-list {
  display: grid;
  gap: 14px;
}

.dashboard-trade-card {
  border-radius: 22px;
  border: 1px solid rgba(15, 23, 42, 0.08);
  padding: 18px;
  background: #fff;
  box-shadow: 0 14px 36px rgba(15, 23, 42, 0.055);
}

.trade-tone-attention { border-left: 4px solid #f59e0b; }
.trade-tone-protected { border-left: 4px solid #14b8a6; }
.trade-tone-waiting { border-left: 4px solid #2563eb; }

.trade-card-topline {
  align-items: center;
}

.direction-buy {
  color: #047857;
  background: rgba(16, 185, 129, 0.12);
}

.direction-sell {
  color: #6d28d9;
  background: rgba(124, 58, 237, 0.12);
}

.trade-counterparty-line {
  display: flex;
  justify-content: space-between;
  gap: 14px;
  align-items: flex-start;
}

.trade-counterparty-line h3 {
  margin: 0;
}

.trade-counterparty-line > strong {
  color: #0f172a;
  font-size: 1.05rem;
  white-space: nowrap;
}

.trade-progress-block {
  display: grid;
  gap: 8px;
}

.trade-progress-meta {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  color: #64748b;
  font-size: 0.72rem;
  font-weight: 850;
}

.trade-progress-track {
  height: 9px;
  border-radius: 999px;
  background: rgba(15, 23, 42, 0.08);
  overflow: hidden;
}

.trade-progress-track span {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #2563eb, #14b8a6);
}

.trade-detail-list {
  gap: 8px;
}

.trade-detail-list div {
  border-top: 1px solid rgba(15, 23, 42, 0.06);
  padding-top: 8px;
}

.dashboard-primary-button,
.primary-action.dashboard-primary-button {
  min-height: 42px;
  border-radius: 14px;
  padding: 11px 15px;
  justify-content: center;
}

.market-table-heading,
.aligned-market-row {
  grid-template-columns: minmax(240px, 1.45fr) minmax(142px, 0.72fr) minmax(100px, 0.48fr) minmax(136px, 0.55fr);
  gap: 18px;
}

.market-table-heading {
  padding: 10px 18px 8px;
  background: rgba(248, 250, 252, 0.92);
  border-bottom: 1px solid rgba(15, 23, 42, 0.06);
}

.market-watchlist-card .market-asset-row {
  min-height: 70px;
  padding: 14px 18px;
}

.market-asset-name strong,
.market-asset-price {
  font-variant-numeric: tabular-nums;
}

.market-asset-price,
.market-asset-change,
.aligned-market-row .dashboard-sparkline {
  justify-self: end;
}

.coin-logo,
.market-asset-name > .coin-mark {
  width: 44px;
  height: 44px;
  border-radius: 999px;
}

.coin-logo svg {
  width: 44px;
  height: 44px;
}

.coin-btc { color: #f7931a; background: #f7931a; }
.coin-eth { color: #627eea; background: linear-gradient(135deg, #627eea, #3c3c3d); }
.coin-usdt { color: #26a17b; background: #26a17b; }
.coin-bnb { color: #f3ba2f; background: #f3ba2f; }
.coin-sol { color: #111827; background: linear-gradient(135deg, #14f195, #9945ff 52%, #00ffa3); }
.coin-xrp { color: #111827; background: #111827; }
.coin-usdc { color: #2775ca; background: #2775ca; }
.coin-trx { color: #ef0027; background: #ef0027; }
.coin-ada { color: #0033ad; background: #0033ad; }
.coin-doge { color: #c2a633; background: #c2a633; }
.coin-link { color: #2a5ada; background: #2a5ada; }
.coin-ltc { color: #345d9d; background: #345d9d; }

.coin-logo circle,
.coin-logo polygon,
.coin-logo path,
.coin-logo rect {
  fill: currentColor;
}

.coin-logo text,
.coin-logo polygon,
.coin-logo path,
.coin-logo rect,
.coin-logo circle + text {
  fill: #fff;
  stroke: #fff;
}

.coin-ada circle {
  fill: #fff;
  stroke: none;
}

.coin-xrp path {
  fill: none;
  stroke: #fff;
}

.coin-sol path,
.coin-trx path,
.coin-link path {
  fill: none;
  stroke: #fff;
}

.activity-list {
  gap: 0;
  border: 1px solid rgba(15, 23, 42, 0.07);
  border-radius: 22px;
  overflow: hidden;
  background: #fff;
}

.activity-row {
  display: grid;
  grid-template-columns: 46px minmax(190px, 1fr) minmax(110px, auto) minmax(120px, auto);
  gap: 14px;
  align-items: center;
  border: 0;
  border-bottom: 1px solid rgba(15, 23, 42, 0.07);
  border-radius: 0;
  padding: 14px 16px;
  background: #fff;
}

.activity-row:last-child {
  border-bottom: none;
}

.activity-icon {
  width: 42px;
  height: 42px;
  border-radius: 15px;
  color: #fff;
  background: linear-gradient(135deg, #2563eb, #14b8a6);
  box-shadow: 0 12px 24px rgba(15, 23, 42, 0.10);
}

.activity-tone-credit .activity-icon { background: linear-gradient(135deg, #16a34a, #14b8a6); }
.activity-tone-debit .activity-icon { background: linear-gradient(135deg, #2563eb, #64748b); }
.activity-tone-escrow .activity-icon { background: linear-gradient(135deg, #7c3aed, #2563eb); }
.activity-tone-complete .activity-icon { background: linear-gradient(135deg, #059669, #0f766e); }

.activity-main strong,
.activity-amount strong {
  color: #0f172a;
  font-variant-numeric: tabular-nums;
}

.activity-status {
  justify-self: end;
  border-radius: 999px;
  padding: 7px 10px;
  background: rgba(37, 99, 235, 0.10);
  color: #1d4ed8;
  font-weight: 900;
  font-size: 0.76rem;
}

.activity-amount {
  justify-self: end;
  text-align: right;
}

@media (max-width: 1500px) {
  .dashboard-action-button {
    grid-template-columns: 1fr;
  }

  .coming-soon-pill {
    grid-column: 1;
  }
}

@media (max-width: 860px) {
  .activity-row {
    grid-template-columns: 42px 1fr;
  }

  .activity-status,
  .activity-amount {
    justify-self: start;
    grid-column: 2;
    text-align: left;
  }
}

/* Sprint 0.16.5.4 — Dashboard Alignment, Protection & Section Controls */
.dashboard-home-workspace[data-dashboard-home="0.16.5.5"] {
  gap: 18px;
}

.dashboard-toggle-section {
  display: grid;
  gap: 16px;
}

.dashboard-toggle-section > summary,
.dashboard-toggle-section .dashboard-section-heading {
  list-style: none;
  cursor: pointer;
}

.dashboard-toggle-section > summary::-webkit-details-marker {
  display: none;
}

.dashboard-toggle-section > summary {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  align-items: flex-start;
}

.dashboard-toggle-section > summary::after {
  content: "⌃";
  width: 30px;
  height: 30px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  color: #0f172a;
  background: rgba(15, 23, 42, 0.06);
  font-weight: 950;
  transform: rotate(0deg);
  transition: transform 160ms ease, background 160ms ease;
}

.dashboard-toggle-section:not([open]) > summary::after {
  transform: rotate(180deg);
  background: rgba(37, 99, 235, 0.10);
}

.dashboard-wallet-toggle,
.dashboard-actions-toggle {
  border: 1px solid rgba(15, 23, 42, 0.08);
  border-radius: 24px;
  padding: 18px;
  background: rgba(255, 255, 255, 0.94);
  box-shadow: 0 18px 48px rgba(15, 23, 42, 0.07);
}

.dashboard-wallet-toggle > summary h2,
.dashboard-actions-toggle > summary h2,
.dashboard-toggle-section > summary h2 {
  margin: 4px 0 0;
  font-size: clamp(1.35rem, 2.2vw, 2rem);
  letter-spacing: -0.035em;
}

.balance-visibility-button {
  border: 1px solid rgba(37, 99, 235, 0.18);
  border-radius: 999px;
  padding: 10px 14px;
  min-height: 40px;
  color: #1d4ed8;
  background: rgba(37, 99, 235, 0.08);
  font-weight: 900;
  cursor: pointer;
}

.balance-visibility-button .hide-label,
.dashboard-home-workspace[data-balances-visible="false"] .balance-visibility-button .show-label,
.dashboard-home-workspace[data-balances-visible="false"] .balance-visible {
  display: none;
}

.dashboard-home-workspace[data-balances-visible="false"] .balance-visibility-button .hide-label,
.dashboard-home-workspace[data-balances-visible="false"] .balance-hidden {
  display: inline;
}

.balance-hidden {
  display: none;
  letter-spacing: 0.08em;
}


.dashboard-wallet-toggle .wallet-summary-copy {
  display: grid;
  gap: 6px;
}

.dashboard-wallet-toggle .dashboard-wallet-eyebrow {
  font-size: clamp(0.98rem, 1.1vw, 1.12rem);
  letter-spacing: 0.12em;
  color: #0f172a;
}

.wallet-title-line {
  display: inline-flex;
  align-items: center;
  gap: 10px;
}

.wallet-title-line h2 {
  margin: 0;
}

.balance-visibility-button {
  width: 30px;
  height: 30px;
  min-width: 34px;
  min-height: 34px;
  padding: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  border: 1px solid rgba(37, 99, 235, 0.16);
  color: #1d4ed8;
  background: rgba(37, 99, 235, 0.07);
  box-shadow: 0 10px 22px rgba(37, 99, 235, 0.10);
}

.balance-visibility-button:hover {
  background: rgba(37, 99, 235, 0.12);
  transform: translateY(-1px);
}

.balance-eye-icon {
  width: 17px;
  height: 17px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.balance-eye-icon svg {
  width: 17px;
  height: 17px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.balance-eye-hidden,
.dashboard-home-workspace[data-balances-visible="false"] .balance-eye-visible {
  display: none;
}

.dashboard-home-workspace[data-balances-visible="false"] .balance-eye-hidden {
  display: inline-flex;
}

.balance-visible,
.dashboard-home-workspace[data-balances-visible="false"] .balance-hidden {
  display: inline;
}

.balance-hidden,
.dashboard-home-workspace[data-balances-visible="false"] .balance-visible {
  display: none;
}

.visually-hidden {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

.pending-action-list {
  gap: 0;
  border: 1px solid rgba(15, 23, 42, 0.07);
  border-radius: 22px;
  overflow: hidden;
  background: #fff;
}

.pending-action-row {
  display: grid;
  grid-template-columns: 14px minmax(240px, 1fr) minmax(118px, 0.34fr) minmax(128px, auto);
  gap: 14px;
  align-items: center;
  min-height: 68px;
  border-radius: 0;
  border-bottom: 1px solid rgba(15, 23, 42, 0.07);
  background: #fff;
  padding: 14px 16px;
}

.pending-action-row:last-child {
  border-bottom: none;
}

.pending-alert-dot {
  width: 10px;
  height: 10px;
  border-radius: 999px;
  background: #2563eb;
  box-shadow: 0 0 0 5px rgba(37, 99, 235, 0.10);
}

.pending-danger .pending-alert-dot {
  background: #dc2626;
  box-shadow: 0 0 0 5px rgba(220, 38, 38, 0.14);
}

.pending-progress .pending-alert-dot {
  background: #f59e0b;
  box-shadow: 0 0 0 5px rgba(245, 158, 11, 0.14);
}

.pending-review .pending-alert-dot {
  background: #7c3aed;
  box-shadow: 0 0 0 5px rgba(124, 58, 237, 0.14);
}

.pending-reply .pending-alert-dot {
  background: #14b8a6;
  box-shadow: 0 0 0 5px rgba(20, 184, 166, 0.14);
}

.pending-action-copy {
  min-width: 0;
}

.pending-action-copy strong {
  display: block;
  color: #0f172a;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.pending-action-copy small {
  display: block;
  margin-top: 4px;
  color: #64748b;
}

.pending-status-pill {
  justify-self: start;
  min-width: 112px;
  text-align: center;
  border-radius: 999px;
  padding: 7px 10px;
  font-size: 0.74rem;
  font-weight: 950;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

.pending-danger .pending-status-pill {
  color: #b91c1c;
  background: rgba(220, 38, 38, 0.10);
}

.pending-progress .pending-status-pill {
  color: #92400e;
  background: rgba(245, 158, 11, 0.12);
}

.pending-review .pending-status-pill {
  color: #6d28d9;
  background: rgba(124, 58, 237, 0.10);
}

.pending-reply .pending-status-pill {
  color: #0f766e;
  background: rgba(20, 184, 166, 0.10);
}

.marketplace-preview-list {
  gap: 0;
  border: 1px solid rgba(15, 23, 42, 0.07);
  border-radius: 22px;
  overflow: hidden;
  background: #fff;
}

.marketplace-preview-row {
  display: grid;
  grid-template-columns: minmax(142px, 0.38fr) minmax(240px, 1fr) minmax(98px, auto);
  gap: 16px;
  align-items: center;
  min-height: 72px;
  border-radius: 0;
  border-bottom: 1px solid rgba(15, 23, 42, 0.07);
  background: #fff;
  padding: 15px 16px;
}

.marketplace-preview-row:last-child {
  border-bottom: none;
}

.marketplace-preview-category {
  display: inline-flex;
  align-items: center;
  width: max-content;
  border-radius: 999px;
  padding: 7px 10px;
  color: #1d4ed8;
  background: rgba(37, 99, 235, 0.10);
  font-size: 0.74rem;
  font-weight: 950;
  text-transform: uppercase;
  letter-spacing: 0.045em;
}

.marketplace-preview-copy {
  min-width: 0;
}

.marketplace-preview-copy strong,
.marketplace-preview-copy small {
  display: block;
}

.marketplace-preview-copy strong {
  color: #0f172a;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.marketplace-preview-copy small {
  margin-top: 4px;
  color: #64748b;
}

.marketplace-preview-row em {
  justify-self: end;
  color: #f59e0b;
  font-style: normal;
  font-weight: 950;
  white-space: nowrap;
}

.security-status-list {
  gap: 0;
  border: 1px solid rgba(15, 23, 42, 0.07);
  border-radius: 22px;
  overflow: hidden;
  background: #fff;
}

.security-status-list div {
  display: grid;
  grid-template-columns: minmax(140px, 0.46fr) minmax(180px, 1fr);
  align-items: center;
  gap: 18px;
  min-height: 72px;
  border-bottom: 1px solid rgba(15, 23, 42, 0.07);
  padding: 15px 16px;
  background: #fff;
}

.security-status-list div:last-child {
  border-bottom: none;
}

.security-status-list dd {
  display: grid;
  justify-items: end;
  gap: 4px;
  text-align: right;
}

.security-status-list dd small {
  display: block;
  color: #64748b;
  font-size: 0.72rem;
  font-weight: 780;
}

.two-factor-state {
  display: flex !important;
  justify-content: flex-end;
  align-items: center;
  gap: 10px;
}

.security-padlock {
  width: 30px;
  height: 30px;
  border-radius: 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(245, 158, 11, 0.12);
  color: #b45309;
}

.security-padlock.padlock-locked {
  background: rgba(22, 163, 74, 0.12);
  color: #15803d;
}

.security-padlock svg {
  width: 20px;
  height: 20px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2.1;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.coin-logo,
.market-asset-name > .coin-mark {
  box-shadow: inset 0 0 0 1px rgba(255,255,255,0.34), 0 12px 28px rgba(15, 23, 42, 0.18);
}

.coin-btc { color: #ff9500; background: radial-gradient(circle at 30% 25%, #ffd69b, #f7931a 48%, #d97706); }
.coin-eth { color: #627eea; background: radial-gradient(circle at 28% 18%, #a5b4fc, #627eea 48%, #343434); }
.coin-usdt { color: #26a17b; background: radial-gradient(circle at 30% 24%, #99f6e4, #26a17b 48%, #047857); }
.coin-bnb { color: #f3ba2f; background: radial-gradient(circle at 30% 24%, #fde68a, #f3ba2f 48%, #b45309); }
.coin-sol { color: #111827; background: linear-gradient(135deg, #14f195 0%, #9945ff 50%, #00ffa3 100%); }
.coin-xrp { color: #111827; background: radial-gradient(circle at 30% 24%, #64748b, #111827 56%, #030712); }
.coin-usdc { color: #2775ca; background: radial-gradient(circle at 30% 24%, #93c5fd, #2775ca 48%, #1d4ed8); }
.coin-trx { color: #ef0027; background: radial-gradient(circle at 30% 24%, #fca5a5, #ef0027 50%, #991b1b); }
.coin-ada { color: #0033ad; background: radial-gradient(circle at 30% 24%, #93c5fd, #0033ad 50%, #1e3a8a); }
.coin-doge { color: #c2a633; background: radial-gradient(circle at 30% 24%, #fde68a, #c2a633 50%, #92400e); }
.coin-link { color: #2a5ada; background: radial-gradient(circle at 30% 24%, #93c5fd, #2a5ada 50%, #1e40af); }
.coin-ltc { color: #345d9d; background: radial-gradient(circle at 30% 24%, #cbd5e1, #345d9d 52%, #1e3a8a); }

@media (max-width: 980px) {
  .pending-action-row,
  .marketplace-preview-row,
  .security-status-list div {
    grid-template-columns: 1fr;
    align-items: start;
  }

  .pending-status-pill,
  .marketplace-preview-row em,
  .security-status-list dd,
  .two-factor-state {
    justify-self: start;
    text-align: left;
    justify-content: flex-start;
  }
}

/* Sprint 0.16.5.5 — Wallet Overview Premium Styling & Needs Attention Alignment */
.dashboard-home-workspace[data-dashboard-home="0.16.5.5"] .dashboard-wallet-card {
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.18);
  color: #ffffff;
  box-shadow: 0 26px 70px rgba(15, 23, 42, 0.18);
}

.dashboard-home-workspace[data-dashboard-home="0.16.5.5"] .dashboard-wallet-card::before {
  content: "";
  position: absolute;
  inset: -40% -20% auto auto;
  width: 190px;
  height: 190px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.14);
  pointer-events: none;
}

.dashboard-home-workspace[data-dashboard-home="0.16.5.5"] .dashboard-wallet-card::after {
  content: "";
  position: absolute;
  inset: auto auto -42% -20%;
  width: 190px;
  height: 190px;
  border-radius: 999px;
  background: rgba(34, 197, 94, 0.16);
  pointer-events: none;
}

.dashboard-home-workspace[data-dashboard-home="0.16.5.5"] .dashboard-wallet-card > * {
  position: relative;
  z-index: 1;
}

.dashboard-home-workspace[data-dashboard-home="0.16.5.5"] .wallet-available {
  background: radial-gradient(circle at 100% 0%, rgba(45, 212, 191, 0.34), transparent 34%),
    linear-gradient(135deg, #071a46 0%, #0b3d91 58%, #0f766e 100%);
}

.dashboard-home-workspace[data-dashboard-home="0.16.5.5"] .wallet-escrow {
  background: radial-gradient(circle at 100% 0%, rgba(34, 197, 94, 0.32), transparent 34%),
    linear-gradient(135deg, #06163a 0%, #0f3f83 62%, #0d9488 100%);
}

.dashboard-home-workspace[data-dashboard-home="0.16.5.5"] .wallet-pending {
  background: radial-gradient(circle at 100% 0%, rgba(20, 184, 166, 0.28), transparent 34%),
    linear-gradient(135deg, #071a46 0%, #143a78 64%, #15803d 100%);
}

.dashboard-home-workspace[data-dashboard-home="0.16.5.5"] .dashboard-wallet-card span,
.dashboard-home-workspace[data-dashboard-home="0.16.5.5"] .dashboard-wallet-card p,
.dashboard-home-workspace[data-dashboard-home="0.16.5.5"] .dashboard-wallet-card .text-link-button {
  color: rgba(255, 255, 255, 0.84);
}

.dashboard-home-workspace[data-dashboard-home="0.16.5.5"] .dashboard-wallet-card strong {
  color: #ffffff;
  text-shadow: 0 12px 28px rgba(0, 0, 0, 0.20);
}

.dashboard-home-workspace[data-dashboard-home="0.16.5.5"] .dashboard-wallet-card .text-link-button {
  width: max-content;
  border: 1px solid rgba(255, 255, 255, 0.24);
  border-radius: 999px;
  padding: 8px 12px;
  background: rgba(255, 255, 255, 0.10);
}

.dashboard-home-workspace[data-dashboard-home="0.16.5.5"] .pending-action-row {
  grid-template-columns: 14px minmax(240px, 1fr) minmax(250px, auto);
  column-gap: 16px;
}

.dashboard-home-workspace[data-dashboard-home="0.16.5.5"] .pending-action-control {
  display: grid;
  grid-template-columns: 128px 144px;
  gap: 12px;
  align-items: center;
  justify-content: end;
}

.dashboard-home-workspace[data-dashboard-home="0.16.5.5"] .pending-status-pill {
  justify-self: stretch;
  min-width: 0;
  width: 100%;
}

.dashboard-home-workspace[data-dashboard-home="0.16.5.5"] .pending-action-control .text-link-button {
  justify-self: stretch;
  min-height: 36px;
  border-radius: 999px;
  border: 1px solid rgba(37, 99, 235, 0.14);
  background: rgba(37, 99, 235, 0.06);
  text-align: center;
  white-space: nowrap;
}

@media (max-width: 860px) {
  .dashboard-home-workspace[data-dashboard-home="0.16.5.5"] .pending-action-row {
    grid-template-columns: 14px minmax(0, 1fr);
  }

  .dashboard-home-workspace[data-dashboard-home="0.16.5.5"] .pending-action-control {
    grid-column: 2;
    grid-template-columns: 1fr;
    justify-content: stretch;
  }
}


/* Sprint 0.16.5.7 — Wallet Flow Styling, Needs Attention Alignment & Security Polish */
.dashboard-home-workspace[data-dashboard-home="0.16.5.7"] .dashboard-wallet-overview {
  gap: 0;
  border-radius: 30px;
  overflow: hidden;
  background: linear-gradient(90deg, #06143a 0%, #0b3d91 31%, #0f5c80 51%, #0f766e 70%, #dffcf0 100%);
  box-shadow: 0 28px 78px rgba(2, 6, 23, 0.18);
}

.dashboard-home-workspace[data-dashboard-home="0.16.5.7"] .dashboard-wallet-card {
  position: relative;
  overflow: hidden;
  border: 0;
  border-radius: 0;
  color: #ffffff;
  min-height: 188px;
  box-shadow: none;
  isolation: isolate;
}

.dashboard-home-workspace[data-dashboard-home="0.16.5.7"] .dashboard-wallet-card + .dashboard-wallet-card {
  border-left: 1px solid rgba(255, 255, 255, 0.18);
}

.dashboard-home-workspace[data-dashboard-home="0.16.5.7"] .wallet-available {
  background:
    radial-gradient(circle at 16% 12%, rgba(147, 197, 253, 0.32), transparent 31%),
    radial-gradient(circle at 92% 16%, rgba(56, 189, 248, 0.18), transparent 30%),
    linear-gradient(135deg, #051235 0%, #0a2f74 50%, #1d4ed8 100%);
}

.dashboard-home-workspace[data-dashboard-home="0.16.5.7"] .wallet-escrow {
  background:
    radial-gradient(circle at 12% 18%, rgba(96, 165, 250, 0.24), transparent 30%),
    radial-gradient(circle at 92% 22%, rgba(45, 212, 191, 0.28), transparent 34%),
    linear-gradient(135deg, #06163d 0%, #0b3d91 42%, #0f766e 100%);
}

.dashboard-home-workspace[data-dashboard-home="0.16.5.7"] .wallet-pending {
  background:
    radial-gradient(circle at 10% 18%, rgba(34, 197, 94, 0.30), transparent 30%),
    radial-gradient(circle at 94% 10%, rgba(255, 255, 255, 0.72), transparent 42%),
    linear-gradient(135deg, #075f46 0%, #059669 48%, #72efbb 100%);
}

.dashboard-home-workspace[data-dashboard-home="0.16.5.7"] .dashboard-wallet-card::before {
  content: "";
  position: absolute;
  inset: -34% auto auto 48%;
  width: 220px;
  height: 220px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.16);
  pointer-events: none;
  z-index: -1;
}

.dashboard-home-workspace[data-dashboard-home="0.16.5.7"] .dashboard-wallet-card::after {
  content: "";
  position: absolute;
  inset: auto -18% -40% auto;
  width: 220px;
  height: 220px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.10);
  pointer-events: none;
  z-index: -1;
}

.dashboard-home-workspace[data-dashboard-home="0.16.5.7"] .dashboard-wallet-card span,
.dashboard-home-workspace[data-dashboard-home="0.16.5.7"] .dashboard-wallet-card p,
.dashboard-home-workspace[data-dashboard-home="0.16.5.7"] .dashboard-wallet-card .text-link-button {
  color: rgba(255, 255, 255, 0.86);
}

.dashboard-home-workspace[data-dashboard-home="0.16.5.7"] .dashboard-wallet-card strong {
  color: #ffffff;
  text-shadow: 0 14px 30px rgba(0, 0, 0, 0.24);
}

.dashboard-home-workspace[data-dashboard-home="0.16.5.7"] .dashboard-wallet-card .text-link-button {
  width: max-content;
  border: 1px solid rgba(255, 255, 255, 0.26);
  border-radius: 999px;
  padding: 8px 12px;
  background: rgba(255, 255, 255, 0.12);
}

.dashboard-home-workspace[data-dashboard-home="0.16.5.7"] .pending-action-row {
  grid-template-columns: 14px minmax(0, 1fr) 132px 162px;
  column-gap: 16px;
  align-items: center;
}

.dashboard-home-workspace[data-dashboard-home="0.16.5.7"] .pending-action-control {
  display: contents;
}

.dashboard-home-workspace[data-dashboard-home="0.16.5.7"] .pending-status-pill {
  grid-column: 3;
  justify-self: stretch;
  width: 100%;
  min-width: 0;
  text-align: center;
}

.dashboard-home-workspace[data-dashboard-home="0.16.5.7"] .pending-action-control .text-link-button {
  grid-column: 4;
  justify-self: stretch;
  width: 100%;
  min-height: 36px;
  border-radius: 999px;
  border: 1px solid rgba(37, 99, 235, 0.16);
  background: rgba(37, 99, 235, 0.06);
  text-align: center;
  white-space: nowrap;
}

.dashboard-home-workspace[data-dashboard-home="0.16.5.7"] .coin-logo,
.dashboard-home-workspace[data-dashboard-home="0.16.5.7"] .market-asset-name > .coin-mark {
  width: 50px;
  height: 50px;
  border: 3px solid rgba(255, 255, 255, 0.92);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,0.42), 0 15px 34px rgba(15, 23, 42, 0.24), 0 0 0 6px rgba(15, 23, 42, 0.045);
}

.dashboard-home-workspace[data-dashboard-home="0.16.5.7"] .coin-logo svg {
  width: 50px;
  height: 50px;
}

.dashboard-home-workspace[data-dashboard-home="0.16.5.7"] .coin-btc { color: #f7931a; background: radial-gradient(circle at 30% 24%, #ffd166 0%, #f7931a 54%, #b45309 100%); }
.dashboard-home-workspace[data-dashboard-home="0.16.5.7"] .coin-eth { color: #627eea; background: linear-gradient(135deg, #9aaeff 0%, #627eea 50%, #2f366f 100%); }
.dashboard-home-workspace[data-dashboard-home="0.16.5.7"] .coin-usdt { color: #26a17b; background: radial-gradient(circle at 30% 24%, #6ee7b7 0%, #26a17b 54%, #047857 100%); }
.dashboard-home-workspace[data-dashboard-home="0.16.5.7"] .coin-bnb { color: #f3ba2f; background: radial-gradient(circle at 30% 24%, #ffe58a 0%, #f3ba2f 54%, #a16207 100%); }
.dashboard-home-workspace[data-dashboard-home="0.16.5.7"] .coin-sol { color: #111827; background: linear-gradient(135deg, #14f195 0%, #00ffa3 28%, #9945ff 70%, #351c75 100%); }
.dashboard-home-workspace[data-dashboard-home="0.16.5.7"] .coin-xrp { color: #111827; background: radial-gradient(circle at 30% 24%, #94a3b8 0%, #111827 58%, #020617 100%); }
.dashboard-home-workspace[data-dashboard-home="0.16.5.7"] .coin-usdc { color: #2775ca; background: radial-gradient(circle at 30% 24%, #93c5fd 0%, #2775ca 54%, #1d4ed8 100%); }
.dashboard-home-workspace[data-dashboard-home="0.16.5.7"] .coin-trx { color: #ef0027; background: radial-gradient(circle at 30% 24%, #ff8a8a 0%, #ef0027 56%, #991b1b 100%); }
.dashboard-home-workspace[data-dashboard-home="0.16.5.7"] .coin-ada { color: #0033ad; background: radial-gradient(circle at 30% 24%, #60a5fa 0%, #0033ad 56%, #1e3a8a 100%); }
.dashboard-home-workspace[data-dashboard-home="0.16.5.7"] .coin-doge { color: #c2a633; background: radial-gradient(circle at 30% 24%, #fde68a 0%, #c2a633 56%, #92400e 100%); }
.dashboard-home-workspace[data-dashboard-home="0.16.5.7"] .coin-link { color: #2a5ada; background: radial-gradient(circle at 30% 24%, #93c5fd 0%, #2a5ada 56%, #1e40af 100%); }
.dashboard-home-workspace[data-dashboard-home="0.16.5.7"] .coin-ltc { color: #345d9d; background: radial-gradient(circle at 30% 24%, #e2e8f0 0%, #345d9d 58%, #1e3a8a 100%); }

@media (max-width: 980px) {
  .dashboard-home-workspace[data-dashboard-home="0.16.5.7"] .dashboard-wallet-overview {
    gap: 12px;
    overflow: visible;
    background: transparent;
    box-shadow: none;
  }

  .dashboard-home-workspace[data-dashboard-home="0.16.5.7"] .dashboard-wallet-card,
  .dashboard-home-workspace[data-dashboard-home="0.16.5.7"] .dashboard-wallet-card + .dashboard-wallet-card {
    border-radius: 26px;
    border-left: 0;
    box-shadow: 0 26px 70px rgba(15, 23, 42, 0.18);
  }

  .dashboard-home-workspace[data-dashboard-home="0.16.5.7"] .pending-action-row {
    grid-template-columns: 14px minmax(0, 1fr);
  }

  .dashboard-home-workspace[data-dashboard-home="0.16.5.7"] .pending-action-control {
    grid-column: 2;
    display: grid;
    grid-template-columns: 1fr;
    gap: 10px;
  }

  .dashboard-home-workspace[data-dashboard-home="0.16.5.7"] .pending-status-pill,
  .dashboard-home-workspace[data-dashboard-home="0.16.5.7"] .pending-action-control .text-link-button {
    grid-column: auto;
  }
}


/* Sprint 0.16.5.8 — Typography System, Copy Updates & Trade Controls Cleanup */
:root {
  --font-premium: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --text-page-title: clamp(28px, 2vw, 34px);
  --text-section-title: 20px;
  --text-card-title: 16px;
  --text-body: 14px;
  --text-small: 12px;
  --text-pill: 11px;
  --weight-title: 800;
  --weight-action: 750;
}

html,
body,
button,
input,
select,
textarea {
  font-family: var(--font-premium);
}

body {
  font-size: var(--text-body);
  line-height: 1.45;
  -webkit-font-smoothing: antialiased;
  text-rendering: geometricPrecision;
}

h1,
h2,
h3,
h4,
.brand-name,
.metric-card strong,
.dashboard-wallet-card strong,
.market-asset-price,
.activity-amount strong {
  font-family: var(--font-premium);
  letter-spacing: -0.035em;
}

.dashboard-home-workspace h1,
.public-auth-header h1 {
  font-size: var(--text-page-title);
  line-height: 1.05;
  font-weight: var(--weight-title);
}

.dashboard-toggle-section summary h2,
.premium-market-header h2,
.public-section-heading h2,
.card-heading h3,
.dashboard-section-card h2 {
  font-size: var(--text-section-title);
  line-height: 1.15;
  font-weight: var(--weight-title);
}

.dashboard-trade-card h3,
.marketplace-preview-copy strong,
.pending-action-copy strong,
.activity-main strong,
.market-asset-name strong,
.quick-action-copy strong,
.premium-offer-row h4 {
  font-size: var(--text-card-title);
  font-weight: 760;
}

.eyebrow,
.status-pill,
.pending-status-pill,
.role-pill,
.coming-soon-pill,
.marketplace-preview-category,
.trade-direction-pill {
  font-size: var(--text-pill);
  font-weight: 800;
  letter-spacing: 0.08em;
}

.nav-item,
.top-nav-item,
.primary-action,
.secondary-action,
.card-action,
.text-link-button,
.dashboard-action-button,
.premium-market-select select {
  font-size: var(--text-body);
  font-weight: var(--weight-action);
}

small,
.dashboard-detail-list dt,
.dashboard-detail-list dd,
.market-asset-name small,
.activity-main small,
.quick-action-copy small,
.marketplace-preview-copy small {
  font-size: var(--text-small);
}

.balance-value,
.market-asset-price,
.market-asset-change,
.activity-amount,
.metric-card strong,
.market-overview-metric strong,
.trade-counterparty-line > strong {
  font-variant-numeric: tabular-nums;
  font-feature-settings: "tnum" 1, "liga" 1, "calt" 1;
}

.coin-logo text {
  font-family: var(--font-premium);
}

.dashboard-home-workspace[data-dashboard-home="0.16.5.11"] .dashboard-wallet-overview {
  gap: 0;
  border-radius: 30px;
  overflow: hidden;
  background: linear-gradient(90deg, #06143a 0%, #0b3d91 31%, #0f5c80 51%, #0f766e 70%, #dffcf0 100%);
  box-shadow: 0 28px 78px rgba(2, 6, 23, 0.18);
}

.dashboard-home-workspace[data-dashboard-home="0.16.5.11"] .dashboard-wallet-card {
  position: relative;
  overflow: hidden;
  border: 0;
  border-radius: 0;
  color: #ffffff;
  min-height: 188px;
  box-shadow: none;
  isolation: isolate;
}

.dashboard-home-workspace[data-dashboard-home="0.16.5.11"] .dashboard-wallet-card + .dashboard-wallet-card {
  border-left: 1px solid rgba(255, 255, 255, 0.18);
}

.dashboard-home-workspace[data-dashboard-home="0.16.5.11"] .wallet-available {
  background:
    radial-gradient(circle at 16% 12%, rgba(147, 197, 253, 0.32), transparent 31%),
    radial-gradient(circle at 92% 16%, rgba(56, 189, 248, 0.18), transparent 30%),
    linear-gradient(135deg, #051235 0%, #0a2f74 50%, #1d4ed8 100%);
}

.dashboard-home-workspace[data-dashboard-home="0.16.5.11"] .wallet-escrow {
  background:
    radial-gradient(circle at 12% 18%, rgba(96, 165, 250, 0.24), transparent 30%),
    radial-gradient(circle at 92% 22%, rgba(45, 212, 191, 0.28), transparent 34%),
    linear-gradient(135deg, #06163d 0%, #0b3d91 42%, #0f766e 100%);
}

.dashboard-home-workspace[data-dashboard-home="0.16.5.11"] .wallet-pending {
  background:
    radial-gradient(circle at 10% 18%, rgba(34, 197, 94, 0.30), transparent 30%),
    radial-gradient(circle at 94% 10%, rgba(255, 255, 255, 0.72), transparent 42%),
    linear-gradient(135deg, #075f46 0%, #059669 48%, #72efbb 100%);
}

.dashboard-home-workspace[data-dashboard-home="0.16.5.11"] .dashboard-wallet-card::before {
  content: "";
  position: absolute;
  inset: -34% auto auto 48%;
  width: 220px;
  height: 220px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.16);
  pointer-events: none;
  z-index: -1;
}

.dashboard-home-workspace[data-dashboard-home="0.16.5.11"] .dashboard-wallet-card::after {
  content: "";
  position: absolute;
  inset: auto -18% -40% auto;
  width: 220px;
  height: 220px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.10);
  pointer-events: none;
  z-index: -1;
}

.dashboard-home-workspace[data-dashboard-home="0.16.5.11"] .dashboard-wallet-card span,
.dashboard-home-workspace[data-dashboard-home="0.16.5.11"] .dashboard-wallet-card p,
.dashboard-home-workspace[data-dashboard-home="0.16.5.11"] .dashboard-wallet-card .text-link-button {
  color: rgba(255, 255, 255, 0.88);
}

.dashboard-home-workspace[data-dashboard-home="0.16.5.11"] .dashboard-wallet-card strong {
  color: #ffffff;
  text-shadow: 0 14px 30px rgba(0, 0, 0, 0.24);
}

.dashboard-home-workspace[data-dashboard-home="0.16.5.11"] .dashboard-wallet-card .text-link-button {
  width: max-content;
  border: 1px solid rgba(255, 255, 255, 0.26);
  border-radius: 999px;
  padding: 8px 12px;
  background: rgba(255, 255, 255, 0.12);
}

.dashboard-home-workspace[data-dashboard-home="0.16.5.11"] .pending-action-row {
  grid-template-columns: 14px minmax(0, 1fr) 132px 162px;
  column-gap: 16px;
  align-items: center;
}

.dashboard-home-workspace[data-dashboard-home="0.16.5.11"] .pending-action-control {
  display: contents;
}

.dashboard-home-workspace[data-dashboard-home="0.16.5.11"] .pending-status-pill {
  grid-column: 3;
  justify-self: stretch;
  width: 100%;
  min-width: 0;
  text-align: center;
}

.dashboard-home-workspace[data-dashboard-home="0.16.5.11"] .pending-action-control .text-link-button {
  grid-column: 4;
  justify-self: stretch;
  width: 100%;
  min-height: 36px;
  border-radius: 999px;
  border: 1px solid rgba(37, 99, 235, 0.16);
  background: rgba(37, 99, 235, 0.06);
  text-align: center;
  white-space: nowrap;
}

.dashboard-home-workspace[data-dashboard-home="0.16.5.11"] .coin-logo,
.dashboard-home-workspace[data-dashboard-home="0.16.5.11"] .market-asset-name > .coin-mark {
  width: 50px;
  height: 50px;
  border: 3px solid rgba(255, 255, 255, 0.92);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,0.42), 0 15px 34px rgba(15, 23, 42, 0.24), 0 0 0 6px rgba(15, 23, 42, 0.045);
}

.dashboard-home-workspace[data-dashboard-home="0.16.5.11"] .coin-logo svg {
  width: 50px;
  height: 50px;
}

.dashboard-home-workspace[data-dashboard-home="0.16.5.11"] .coin-btc { color: #f7931a; background: radial-gradient(circle at 30% 24%, #ffd166 0%, #f7931a 54%, #b45309 100%); }
.dashboard-home-workspace[data-dashboard-home="0.16.5.11"] .coin-eth { color: #627eea; background: linear-gradient(135deg, #9aaeff 0%, #627eea 50%, #2f366f 100%); }
.dashboard-home-workspace[data-dashboard-home="0.16.5.11"] .coin-usdt { color: #26a17b; background: radial-gradient(circle at 30% 24%, #6ee7b7 0%, #26a17b 54%, #047857 100%); }
.dashboard-home-workspace[data-dashboard-home="0.16.5.11"] .coin-bnb { color: #f3ba2f; background: radial-gradient(circle at 30% 24%, #ffe58a 0%, #f3ba2f 54%, #a16207 100%); }
.dashboard-home-workspace[data-dashboard-home="0.16.5.11"] .coin-sol { color: #111827; background: linear-gradient(135deg, #14f195 0%, #00ffa3 28%, #9945ff 70%, #351c75 100%); }
.dashboard-home-workspace[data-dashboard-home="0.16.5.11"] .coin-xrp { color: #111827; background: radial-gradient(circle at 30% 24%, #94a3b8 0%, #111827 58%, #020617 100%); }
.dashboard-home-workspace[data-dashboard-home="0.16.5.11"] .coin-usdc { color: #2775ca; background: radial-gradient(circle at 30% 24%, #93c5fd 0%, #2775ca 54%, #1d4ed8 100%); }
.dashboard-home-workspace[data-dashboard-home="0.16.5.11"] .coin-trx { color: #ef0027; background: radial-gradient(circle at 30% 24%, #ff8a8a 0%, #ef0027 56%, #991b1b 100%); }
.dashboard-home-workspace[data-dashboard-home="0.16.5.11"] .coin-ada { color: #0033ad; background: radial-gradient(circle at 30% 24%, #60a5fa 0%, #0033ad 56%, #1e3a8a 100%); }
.dashboard-home-workspace[data-dashboard-home="0.16.5.11"] .coin-doge { color: #c2a633; background: radial-gradient(circle at 30% 24%, #fde68a 0%, #c2a633 56%, #92400e 100%); }
.dashboard-home-workspace[data-dashboard-home="0.16.5.11"] .coin-link { color: #2a5ada; background: radial-gradient(circle at 30% 24%, #93c5fd 0%, #2a5ada 56%, #1e40af 100%); }
.dashboard-home-workspace[data-dashboard-home="0.16.5.11"] .coin-ltc { color: #345d9d; background: radial-gradient(circle at 30% 24%, #e2e8f0 0%, #345d9d 58%, #1e3a8a 100%); }

@media (max-width: 980px) {
  .dashboard-home-workspace[data-dashboard-home="0.16.5.11"] .dashboard-wallet-overview {
    gap: 12px;
    overflow: visible;
    background: transparent;
    box-shadow: none;
  }

  .dashboard-home-workspace[data-dashboard-home="0.16.5.11"] .dashboard-wallet-card,
  .dashboard-home-workspace[data-dashboard-home="0.16.5.11"] .dashboard-wallet-card + .dashboard-wallet-card {
    border-radius: 26px;
    border-left: 0;
    box-shadow: 0 26px 70px rgba(15, 23, 42, 0.18);
  }

  .dashboard-home-workspace[data-dashboard-home="0.16.5.11"] .pending-action-row {
    grid-template-columns: 14px minmax(0, 1fr);
  }

  .dashboard-home-workspace[data-dashboard-home="0.16.5.11"] .pending-action-control {
    grid-column: 2;
    display: grid;
    grid-template-columns: 1fr;
    gap: 10px;
  }

  .dashboard-home-workspace[data-dashboard-home="0.16.5.11"] .pending-status-pill,
  .dashboard-home-workspace[data-dashboard-home="0.16.5.11"] .pending-action-control .text-link-button {
    grid-column: auto;
  }
}

/* Sprint 0.16.5.11 — strict balance visibility retained while Swap is deferred. */
.dashboard-home-workspace[data-dashboard-home] .balance-value .balance-visible {
  display: inline !important;
}

.dashboard-home-workspace[data-dashboard-home] .balance-value .balance-hidden {
  display: none !important;
}

.dashboard-home-workspace[data-dashboard-home][data-balances-visible="false"] .balance-value .balance-visible {
  display: none !important;
}

.dashboard-home-workspace[data-dashboard-home][data-balances-visible="false"] .balance-value .balance-hidden {
  display: inline !important;
}

.dashboard-home-workspace[data-dashboard-home][data-balances-visible="true"] .balance-value .balance-visible {
  display: inline !important;
}

.dashboard-home-workspace[data-dashboard-home][data-balances-visible="true"] .balance-value .balance-hidden {
  display: none !important;
}

/* Sprint 0.17.1 — Premium Trade Filters, User Role Language & Dynamic Marketplace Polish */
.premium-market-room[data-marketplace-live-room="0.17.1"] .premium-filter-panel {
  grid-template-columns: minmax(230px, 1.25fr) repeat(4, minmax(170px, 1fr)) minmax(150px, 0.85fr) minmax(140px, 0.72fr) minmax(130px, 0.7fr) auto;
  align-items: end;
  padding: 20px 22px;
  background:
    radial-gradient(circle at 4% 10%, rgba(37, 99, 235, 0.08), transparent 28%),
    radial-gradient(circle at 98% 4%, rgba(5, 150, 105, 0.08), transparent 26%),
    linear-gradient(135deg, #ffffff, #f8fafc);
  border-top: 1px solid rgba(15, 23, 42, 0.06);
  border-bottom: 1px solid rgba(15, 23, 42, 0.06);
}

.premium-icon-select .filter-label,
.premium-icon-search .filter-label {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: #475569;
}

.premium-icon-select .filter-label i,
.premium-icon-search .filter-label i,
.premium-market-check .check-icon {
  width: 22px;
  height: 22px;
  display: inline-grid;
  place-items: center;
  border-radius: 999px;
  background: linear-gradient(135deg, rgba(37, 99, 235, 0.12), rgba(5, 150, 105, 0.12));
  color: #0f766e;
  font-style: normal;
  font-size: 0.72rem;
  box-shadow: inset 0 0 0 1px rgba(15, 23, 42, 0.05);
}

.premium-icon-select .select-shell {
  position: relative;
  display: block;
}

.premium-icon-select .select-shell::before {
  content: attr(data-selected-icon);
  position: absolute;
  left: 13px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
  width: 25px;
  height: 25px;
  display: inline-grid;
  place-items: center;
  border-radius: 999px;
  background: linear-gradient(135deg, rgba(15, 23, 42, 0.06), rgba(255, 255, 255, 0.92));
  color: #0f172a;
  font-weight: 950;
  pointer-events: none;
}

.premium-icon-select select {
  padding-left: 48px;
  min-height: 50px;
  border-color: rgba(15, 23, 42, 0.1);
  background:
    linear-gradient(45deg, transparent 50%, #64748b 50%) right 16px center / 7px 7px no-repeat,
    linear-gradient(135deg, #ffffff, #f8fafc 55%, #eef7f5);
}

.premium-icon-search input {
  min-height: 50px;
  border-radius: 16px;
  border: 1px solid rgba(15, 23, 42, 0.1);
  box-shadow: 0 12px 28px rgba(15, 23, 42, 0.05);
}

.premium-market-check {
  min-height: 50px;
  align-items: center;
  gap: 8px;
  border-color: rgba(15, 23, 42, 0.1);
  background: linear-gradient(135deg, #fff, #f8fafc);
  font-weight: 900;
}

.premium-market-check .online-dot {
  color: #059669;
}

.premium-trade-tab.seller-tab,
.premium-trade-tab.buyer-tab {
  color: #0f172a;
}

.premium-trade-tab.seller-tab.active,
.premium-trade-tab.buyer-tab.active {
  background: linear-gradient(135deg, #0f172a, #0f766e);
  color: #fff;
}

.role-pill.role-buy,
.role-pill.role-sell {
  letter-spacing: 0.07em;
}

.offer-payment-pills span::before {
  content: "▣";
  margin-right: 5px;
  color: #0f766e;
}

.offer-creation-form select,
.offer-wizard-form select {
  border-radius: 14px;
  border: 1px solid rgba(15, 23, 42, 0.12);
  background:
    linear-gradient(45deg, transparent 50%, #64748b 50%) right 15px center / 7px 7px no-repeat,
    linear-gradient(135deg, #ffffff, #f8fafc 55%, #eef7f5);
  font-weight: 850;
  color: #0f172a;
  padding-right: 34px;
}

@media (max-width: 1500px) {
  .premium-market-room[data-marketplace-live-room="0.17.1"] .premium-filter-panel {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 720px) {
  .premium-market-room[data-marketplace-live-room="0.17.1"] .premium-filter-panel {
    grid-template-columns: 1fr;
  }
}

/* Sprint 0.17.2 — Trade Premium Visual System & Marketplace Focus Refinement */
.marketplace-live-room[data-marketplace-live-room="0.17.7"] {
  background:
    radial-gradient(circle at 0% 0%, rgba(37, 99, 235, 0.10), transparent 32%),
    radial-gradient(circle at 98% 8%, rgba(5, 150, 105, 0.10), transparent 30%),
    rgba(255, 255, 255, 0.985);
}

.marketplace-live-room[data-marketplace-live-room="0.17.7"] .premium-filter-panel {
  position: relative;
  z-index: 5;
  grid-template-columns: minmax(260px, 1.65fr) repeat(8, minmax(145px, 1fr));
  gap: 12px;
  padding: 20px 24px;
  background:
    linear-gradient(135deg, rgba(255,255,255,0.98), rgba(248,250,252,0.96)),
    radial-gradient(circle at 8% 0%, rgba(37, 99, 235, 0.12), transparent 35%);
}

.marketplace-live-room[data-marketplace-live-room="0.17.7"] .premium-market-search input,
.marketplace-live-room[data-marketplace-live-room="0.17.7"] .premium-select-button,
.marketplace-live-room[data-marketplace-live-room="0.17.7"] .premium-market-check,
.offer-creation-form select,
.offer-creation-form input,
.offer-creation-form textarea {
  border: 1px solid rgba(15, 23, 42, 0.10);
  box-shadow: 0 14px 34px rgba(15, 23, 42, 0.06);
}

.premium-select-shell {
  position: relative;
  display: block;
  isolation: isolate;
}

.native-select-overlay {
  position: absolute;
  inset: 0;
  opacity: 0;
  pointer-events: none;
  width: 100%;
}

.premium-select-button {
  width: 100%;
  min-height: 48px;
  display: flex;
  align-items: center;
  gap: 10px;
  border: 1px solid rgba(15, 23, 42, 0.12);
  border-radius: 16px;
  padding: 9px 12px;
  color: #0f172a;
  background: linear-gradient(135deg, #fff, #f8fafc);
  font-weight: 900;
  text-align: left;
  cursor: pointer;
}

.premium-select-button:hover,
.premium-select-shell.open .premium-select-button {
  border-color: rgba(37, 99, 235, 0.28);
  box-shadow: 0 16px 36px rgba(37, 99, 235, 0.10);
}

.select-choice-icon,
.premium-option-icon {
  width: 30px;
  height: 30px;
  flex: 0 0 30px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.select-choice-icon .coin-mark,
.premium-option-icon .coin-mark {
  width: 30px;
  height: 30px;
  min-width: 30px;
  border: 2px solid rgba(255, 255, 255, 0.92);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,0.42), 0 10px 22px rgba(15, 23, 42, 0.20);
  font-size: 0.9rem;
}

.select-choice-icon .coin-logo svg,
.premium-option-icon .coin-logo svg {
  width: 30px;
  height: 30px;
}

.select-choice-text {
  min-width: 0;
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.select-caret {
  margin-left: auto;
  color: #64748b;
  font-size: 0.86rem;
}

.premium-select-menu {
  position: absolute;
  left: 0;
  right: 0;
  top: calc(100% + 8px);
  z-index: 60;
  display: none;
  max-height: 320px;
  overflow: auto;
  padding: 8px;
  border: 1px solid rgba(15, 23, 42, 0.12);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.98);
  box-shadow: 0 26px 70px rgba(15, 23, 42, 0.20);
  backdrop-filter: blur(16px);
}

.premium-select-shell.open .premium-select-menu {
  display: grid;
  gap: 5px;
}

.premium-select-option {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  border: 0;
  border-radius: 13px;
  padding: 9px 10px;
  color: #0f172a;
  background: transparent;
  font-weight: 850;
  text-align: left;
  cursor: pointer;
}

.premium-select-option:hover,
.premium-select-option[aria-selected="true"] {
  background: linear-gradient(135deg, rgba(37, 99, 235, 0.09), rgba(5, 150, 105, 0.07));
}

.filter-option-mark,
.currency-option-mark,
.payment-method-icon,
.country-flag-icon {
  width: 30px;
  height: 30px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: 950;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,0.44), 0 8px 18px rgba(15, 23, 42, 0.12);
}

.filter-option-mark,
.currency-option-mark {
  color: #0f172a;
  background: linear-gradient(135deg, #f8fafc, #e2e8f0);
}

.offer-sell-mark { color: #047857; background: rgba(5, 150, 105, 0.13); }
.offer-buy-mark { color: #1d4ed8; background: rgba(37, 99, 235, 0.13); }
.offer-all-mark { color: #0f172a; background: linear-gradient(135deg, #e0f2fe, #dcfce7); }
.sort-mark { color: #1e3a8a; background: rgba(37, 99, 235, 0.10); }

.country-flag-icon {
  font-size: 1.2rem;
  background: linear-gradient(135deg, #ffffff, #f1f5f9);
}

.payment-method-icon {
  color: #fff;
  font-size: 0.72rem;
}

.payment-bank { background: linear-gradient(135deg, #1e3a8a, #2563eb); }
.payment-rail { background: linear-gradient(135deg, #14b8a6, #0f766e); }
.payment-mobile { background: linear-gradient(135deg, #7c3aed, #4f46e5); }
.payment-card { background: linear-gradient(135deg, #0f172a, #475569); }
.payment-wise { background: linear-gradient(135deg, #9fe870, #22c55e); color: #052e16; }
.payment-revolut { background: linear-gradient(135deg, #111827, #2563eb); }
.payment-all { background: linear-gradient(135deg, #334155, #0f172a); }

.marketplace-live-room[data-marketplace-live-room="0.17.7"] .coin-logo,
.marketplace-live-room[data-marketplace-live-room="0.17.7"] .market-asset-name > .coin-mark {
  width: 42px;
  height: 42px;
  border: 3px solid rgba(255, 255, 255, 0.92);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,0.42), 0 15px 34px rgba(15, 23, 42, 0.20), 0 0 0 5px rgba(15, 23, 42, 0.035);
}

.marketplace-live-room[data-marketplace-live-room="0.17.7"] .coin-logo svg {
  width: 42px;
  height: 42px;
}

.marketplace-live-room[data-marketplace-live-room="0.17.7"] .coin-btc { color: #f7931a; background: radial-gradient(circle at 30% 24%, #ffd166 0%, #f7931a 54%, #b45309 100%); }
.marketplace-live-room[data-marketplace-live-room="0.17.7"] .coin-eth { color: #627eea; background: linear-gradient(135deg, #d1d5db 0%, #8b95a7 42%, #627eea 78%, #374151 100%); }
.marketplace-live-room[data-marketplace-live-room="0.17.7"] .coin-usdt { color: #26a17b; background: radial-gradient(circle at 30% 24%, #6ee7b7 0%, #26a17b 54%, #047857 100%); }
.marketplace-live-room[data-marketplace-live-room="0.17.7"] .coin-bnb { color: #f3ba2f; background: radial-gradient(circle at 30% 24%, #ffe58a 0%, #f3ba2f 54%, #a16207 100%); }
.marketplace-live-room[data-marketplace-live-room="0.17.7"] .coin-sol { color: #111827; background: linear-gradient(135deg, #14f195 0%, #00ffa3 28%, #9945ff 70%, #351c75 100%); }
.marketplace-live-room[data-marketplace-live-room="0.17.7"] .coin-xrp { color: #111827; background: radial-gradient(circle at 30% 24%, #94a3b8 0%, #111827 58%, #020617 100%); }
.marketplace-live-room[data-marketplace-live-room="0.17.7"] .coin-usdc { color: #2775ca; background: radial-gradient(circle at 30% 24%, #93c5fd 0%, #2775ca 54%, #1d4ed8 100%); }
.marketplace-live-room[data-marketplace-live-room="0.17.7"] .coin-trx { color: #ef0027; background: radial-gradient(circle at 30% 24%, #ff8a8a 0%, #ef0027 56%, #991b1b 100%); }
.marketplace-live-room[data-marketplace-live-room="0.17.7"] .coin-ada { color: #0033ad; background: radial-gradient(circle at 30% 24%, #60a5fa 0%, #0033ad 56%, #1e3a8a 100%); }
.marketplace-live-room[data-marketplace-live-room="0.17.7"] .coin-doge { color: #c2a633; background: radial-gradient(circle at 30% 24%, #fde68a 0%, #c2a633 56%, #92400e 100%); }
.marketplace-live-room[data-marketplace-live-room="0.17.7"] .coin-link { color: #2a5ada; background: radial-gradient(circle at 30% 24%, #93c5fd 0%, #2a5ada 56%, #1e40af 100%); }
.marketplace-live-room[data-marketplace-live-room="0.17.7"] .coin-ltc { color: #345d9d; background: radial-gradient(circle at 30% 24%, #e2e8f0 0%, #345d9d 58%, #1e3a8a 100%); }

.marketplace-live-room[data-marketplace-live-room="0.17.7"] .premium-board-heading h3 {
  font-size: clamp(1.55rem, 2.2vw, 2.25rem);
}

.marketplace-live-room[data-marketplace-live-room="0.17.7"] .marketplace-trust-notes {
  display: grid;
  gap: 10px;
  padding: 0 24px 18px;
  background: #fff;
}

.marketplace-live-room[data-marketplace-live-room="0.17.7"] .marketplace-trust-note {
  display: flex;
  gap: 12px;
  align-items: flex-start;
  border: 1px solid rgba(245, 158, 11, 0.18);
  border-radius: 18px;
  padding: 13px 15px;
  color: #78350f;
  background: linear-gradient(135deg, rgba(255, 251, 235, 0.95), rgba(255, 247, 237, 0.88));
}

.marketplace-live-room[data-marketplace-live-room="0.17.7"] .trust-note-icon {
  width: 28px;
  height: 28px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  background: #f59e0b;
  font-weight: 950;
}

.marketplace-live-room[data-marketplace-live-room="0.17.7"] .marketplace-trust-note strong,
.marketplace-live-room[data-marketplace-live-room="0.17.7"] .marketplace-trust-note p {
  margin: 0;
}

.trade-product-banner-system {
  display: grid;
  gap: 16px;
  margin: 8px 24px 24px;
}

.premium-board-list .trade-product-banner-system {
  margin: 18px 0;
}

.premium-board-list .trade-product-banner-system[hidden] {
  display: none !important;
}

.trade-product-banner {
  position: relative;
  overflow: hidden;
  border-radius: 28px;
  border: 1px solid rgba(15, 23, 42, 0.08);
  box-shadow: 0 26px 70px rgba(15, 23, 42, 0.16);
  font-family: var(--font-premium);
}

.trade-product-banner-dark {
  min-height: 205px;
  display: grid;
  grid-template-columns: minmax(300px, 0.92fr) minmax(360px, 1.08fr) minmax(205px, 0.68fr);
  gap: 14px;
  align-items: center;
  padding: 20px 22px 18px;
  background:
    radial-gradient(circle at 62% 58%, rgba(37, 99, 235, 0.56), transparent 20%),
    radial-gradient(circle at 78% 36%, rgba(20, 184, 166, 0.18), transparent 24%),
    radial-gradient(circle at 12% 10%, rgba(34, 197, 94, 0.13), transparent 26%),
    linear-gradient(135deg, #020617 0%, #0f1f46 46%, #071a36 100%);
  color: #fff;
}

.trade-product-banner-gold,
.trade-product-banner-light {
  min-height: 178px;
  display: grid;
  grid-template-columns: minmax(250px, 0.86fr) minmax(260px, 1fr);
  align-items: center;
  gap: 14px;
  padding: 18px 20px;
}

.trade-product-banner-gold {
  background:
    radial-gradient(circle at 13% 86%, rgba(245, 158, 11, 0.28), transparent 34%),
    radial-gradient(circle at 78% 12%, rgba(37, 99, 235, 0.18), transparent 32%),
    linear-gradient(135deg, #fff8e7, #f8fafc 58%, #e0f2fe);
  color: #0f172a;
}

.trade-product-banner-light {
  background:
    radial-gradient(circle at 72% 50%, rgba(59, 130, 246, 0.18), transparent 28%),
    radial-gradient(circle at 25% 10%, rgba(20, 184, 166, 0.12), transparent 32%),
    linear-gradient(135deg, #f8fbff, #eff6ff 52%, #ffffff);
  color: #0f172a;
}

.trade-product-banner-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.12fr) minmax(0, 0.88fr);
  gap: 16px;
}

.trade-banner-copy {
  display: grid;
  gap: 8px;
  position: relative;
  z-index: 2;
}

.trade-banner-copy .eyebrow {
  margin: 0;
  color: #2563eb;
  font-size: 0.68rem;
  font-weight: 950;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.trade-product-banner-dark .trade-banner-copy .eyebrow {
  color: #93c5fd;
}

.trade-banner-copy h3 {
  margin: 0;
  max-width: 540px;
  color: inherit;
  font-size: clamp(1.55rem, 2.45vw, 2.55rem);
  line-height: 0.98;
  letter-spacing: -0.06em;
  font-weight: 950;
}

.trade-banner-copy h3 span {
  display: block;
  color: #22c55e;
}

.trade-product-banner-gold .trade-banner-copy h3 span {
  color: #f59e0b;
}

.trade-product-banner-light .trade-banner-copy h3 span {
  color: #2563eb;
}

.trade-banner-copy p:not(.eyebrow) {
  margin: 0;
  max-width: 540px;
  color: rgba(15, 23, 42, 0.68);
  font-weight: 750;
  line-height: 1.45;
}

.trade-product-banner-dark .trade-banner-copy p:not(.eyebrow) {
  color: rgba(226, 232, 240, 0.82);
}

.trade-banner-chips,
.trade-feature-strip {
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
  align-items: center;
}

.trade-banner-chips span,
.trade-feature-strip span {
  border-radius: 999px;
  padding: 7px 10px;
  font-size: 0.68rem;
  font-weight: 950;
  color: rgba(255, 255, 255, 0.9);
  background: rgba(255, 255, 255, 0.11);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,0.14);
}

.trade-feature-strip {
  grid-column: 1 / -1;
  justify-content: space-between;
  border-radius: 22px;
  padding: 9px 10px;
  background: rgba(255, 255, 255, 0.78);
  box-shadow: inset 0 0 0 1px rgba(15, 23, 42, 0.06), 0 16px 38px rgba(15, 23, 42, 0.08);
}

.trade-feature-strip span {
  color: #0f172a;
  background: transparent;
  box-shadow: none;
}

.trade-banner-visual,
.trade-banner-mini-visual {
  position: relative;
  display: flex;
  min-height: 178px;
  align-items: center;
  justify-content: center;
  gap: 10px;
  z-index: 2;
}

.trade-banner-mini-visual {
  min-height: 132px;
}

.trade-banner-visual::before {
  position: absolute;
  content: "";
  width: 300px;
  height: 92px;
  bottom: 10px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(37, 99, 235, 0.62), rgba(37, 99, 235, 0.12) 50%, transparent 72%);
  filter: blur(2px);
}

.trade-coin-stack {
  position: absolute;
  left: 5%;
  bottom: 24px;
  display: flex;
  align-items: flex-end;
  z-index: 4;
}

.trade-coin-stack .coin-logo {
  width: 48px;
  height: 48px;
  margin-left: -12px;
  border: 4px solid rgba(255, 255, 255, 0.85);
  box-shadow: 0 16px 30px rgba(0, 0, 0, 0.28);
}

.trade-coin-stack .coin-logo:first-child {
  width: 62px;
  height: 62px;
  margin-left: 0;
}

.trade-coin-stack .coin-logo svg {
  width: 100%;
  height: 100%;
}

.trade-shield-visual {
  position: relative;
  z-index: 3;
  width: 136px;
  height: 152px;
  display: grid;
  place-items: center;
  align-content: center;
  gap: 5px;
  color: #dbeafe;
  background:
    linear-gradient(145deg, rgba(37, 99, 235, 0.96), rgba(14, 165, 233, 0.42)),
    radial-gradient(circle at 50% 20%, rgba(255,255,255,0.34), transparent 34%);
  clip-path: polygon(50% 0%, 88% 13%, 82% 72%, 50% 100%, 18% 72%, 12% 13%);
  filter: drop-shadow(0 24px 34px rgba(37, 99, 235, 0.44));
}

.trade-shield-visual span {
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  border-radius: 15px;
  color: #052e16;
  background: linear-gradient(135deg, #22c55e, #60a5fa);
  font-weight: 950;
  font-size: 1.1rem;
}

.trade-shield-visual strong {
  font-size: 0.7rem;
  letter-spacing: 0.1em;
}

.exchange-phone-mockup {
  position: relative;
  z-index: 5;
  width: 118px;
  min-height: 178px;
  display: grid;
  gap: 6px;
  align-content: start;
  border-radius: 24px;
  padding: 12px 9px 10px;
  transform: rotate(-6deg);
  box-shadow: 0 22px 48px rgba(2, 6, 23, 0.28);
}

.exchange-phone-dark {
  border: 1px solid rgba(147, 197, 253, 0.24);
  background: linear-gradient(160deg, #020617, #0f172a 48%, #1d4ed8);
  color: #e0f2fe;
}

.exchange-phone-light {
  border: 1px solid rgba(15, 23, 42, 0.08);
  background: linear-gradient(160deg, #ffffff, #eff6ff 46%, #e0f2fe);
  color: #0f172a;
  transform: rotate(5deg);
}

.phone-speaker {
  justify-self: center;
  width: 42px;
  height: 5px;
  border-radius: 999px;
  background: rgba(148, 163, 184, 0.55);
}

.phone-status,
.phone-balance-card,
.phone-offer-list span {
  border-radius: 14px;
  padding: 7px;
  background: rgba(255, 255, 255, 0.10);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,0.08);
}

.exchange-phone-light .phone-status,
.exchange-phone-light .phone-balance-card,
.exchange-phone-light .phone-offer-list span {
  background: rgba(255, 255, 255, 0.78);
  box-shadow: inset 0 0 0 1px rgba(15,23,42,0.06);
}

.phone-status span,
.phone-balance-card span {
  display: block;
  font-size: 0.58rem;
  font-weight: 900;
  opacity: 0.66;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}

.phone-status strong,
.phone-balance-card strong {
  display: block;
  margin-top: 3px;
  font-size: 0.76rem;
  letter-spacing: -0.02em;
}

.phone-coin-row {
  display: flex;
  justify-content: center;
}

.phone-coin-row .coin-logo {
  width: 30px;
  height: 30px;
  margin-left: -7px;
  border: 2px solid rgba(255,255,255,0.86);
}

.phone-coin-row .coin-logo:first-child {
  margin-left: 0;
}

.phone-coin-row .coin-logo svg {
  width: 30px;
  height: 30px;
}

.phone-offer-list {
  display: grid;
  gap: 5px;
}

.phone-offer-list span {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 0.58rem;
  font-weight: 850;
}

.phone-offer-list i {
  width: 16px;
  height: 16px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #052e16;
  background: #22c55e;
  font-style: normal;
  font-size: 0.54rem;
  font-weight: 950;
}

.trade-safety-card {
  position: relative;
  z-index: 4;
  display: grid;
  gap: 7px;
  border-radius: 16px;
  padding: 13px;
  color: #0f172a;
  background: rgba(255, 255, 255, 0.88);
  box-shadow: 0 18px 42px rgba(2, 6, 23, 0.22);
}

.trade-safety-card::before {
  content: "⚠";
  width: 30px;
  height: 30px;
  border-radius: 12px;
  display: grid;
  place-items: center;
  background: #fef3c7;
}

.trade-safety-card strong {
  font-size: 0.86rem;
  font-weight: 950;
}

.trade-safety-card span {
  color: #475569;
  font-size: 0.72rem;
  font-weight: 750;
  line-height: 1.45;
}

.trade-safety-card em {
  justify-self: start;
  border-radius: 999px;
  padding: 6px 9px;
  color: #713f12;
  background: #facc15;
  font-size: 0.72rem;
  font-style: normal;
  font-weight: 950;
}

.growth-arrow {
  position: absolute;
  left: 14%;
  top: 0;
  color: #f59e0b;
  font-size: 3.8rem;
  font-weight: 950;
  line-height: 1;
  text-shadow: 0 12px 28px rgba(245, 158, 11, 0.35);
}

.why-card {
  justify-self: end;
  width: min(100%, 300px);
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  border-radius: 24px;
  padding: 13px;
  background: rgba(255, 255, 255, 0.82);
  box-shadow: 0 18px 42px rgba(37, 99, 235, 0.12), inset 0 0 0 1px rgba(37,99,235,0.08);
}

.why-card strong {
  grid-column: 1 / -1;
  color: #1d4ed8;
  font-weight: 950;
}

.why-card span {
  border-radius: 16px;
  padding: 8px;
  color: #0f172a;
  background: #f8fafc;
  font-size: 0.72rem;
  font-weight: 850;
}

@media (max-width: 1500px) {
  .marketplace-live-room[data-marketplace-live-room="0.17.7"] .premium-filter-panel {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .trade-product-banner-dark,
  .trade-product-banner-grid,
  .trade-product-banner-gold,
  .trade-product-banner-light {
    grid-template-columns: 1fr;
  }

  .trade-banner-visual,
  .trade-banner-mini-visual {
    justify-content: flex-start;
  }

  .trade-safety-card,
  .why-card {
    justify-self: stretch;
  }
}

@media (max-width: 720px) {
  .marketplace-live-room[data-marketplace-live-room="0.17.7"] .premium-filter-panel {
    grid-template-columns: 1fr;
  }

  .trade-product-banner-system {
    margin: 8px 14px 18px;
  }

  .trade-product-banner-dark,
  .trade-product-banner-gold,
  .trade-product-banner-light {
    padding: 18px;
  }

  .trade-banner-visual {
    min-height: 260px;
  }

  .trade-coin-stack {
    left: 0;
  }
}



/* Sprint 0.17.5: compact marketplace banners so product guidance sits naturally between offers. */
.marketplace-live-room[data-marketplace-live-room="0.17.7"] .trade-product-banner-system {
  margin-block: 14px;
}

.marketplace-live-room[data-marketplace-live-room="0.17.7"] .trade-product-banner {
  border-radius: 24px;
}

.marketplace-live-room[data-marketplace-live-room="0.17.7"] .trade-banner-copy p:not(.eyebrow) {
  max-width: 500px;
}

.marketplace-live-room[data-marketplace-live-room="0.17.7"] .trade-product-banner-dark {
  min-height: 205px;
}

.marketplace-live-room[data-marketplace-live-room="0.17.7"] .trade-product-banner-gold,
.marketplace-live-room[data-marketplace-live-room="0.17.7"] .trade-product-banner-light {
  min-height: 178px;
}


/* Sprint 0.17.6: final Trade page width and middle banner refinement. */
.production-main-panel.marketplace-main-panel {
  max-width: 1328px;
  padding-inline: 36px;
}

.marketplace-live-room[data-marketplace-live-room="0.17.7"] .trade-product-banner-safety-focus {
  background:
    radial-gradient(circle at 58% 62%, rgba(37, 99, 235, 0.62), transparent 22%),
    radial-gradient(circle at 73% 35%, rgba(14, 165, 233, 0.22), transparent 27%),
    radial-gradient(circle at 10% 12%, rgba(34, 197, 94, 0.12), transparent 28%),
    linear-gradient(135deg, #020617 0%, #0b1f49 48%, #06162f 100%);
}

.marketplace-live-room[data-marketplace-live-room="0.17.7"] .trade-product-banner-safety-focus .trade-shield-visual {
  transform: translateY(-2px);
}

@media (max-width: 900px) {
  .production-main-panel.marketplace-main-panel {
    max-width: 100%;
    padding-inline: 20px;
  }
}


/* Sprint 0.17.7 — balanced Trade width, premium navigation polish, and expanded marketplace banners. */
.production-main-panel.marketplace-main-panel {
  max-width: 1384px;
  padding-inline: 40px;
}

.product-top-nav.authenticated-top-nav {
  min-height: 82px;
  padding: 14px 30px;
  gap: 18px;
  border-bottom: 1px solid rgba(191, 219, 254, 0.54);
  background:
    radial-gradient(circle at 10% 0%, rgba(37, 99, 235, 0.12), transparent 30%),
    radial-gradient(circle at 92% 10%, rgba(20, 184, 166, 0.10), transparent 28%),
    rgba(255, 255, 255, 0.93);
  box-shadow: 0 20px 54px rgba(15, 23, 42, 0.10);
}

.authenticated-top-nav .top-nav-brand {
  gap: 12px;
  min-width: 254px;
  padding: 7px 12px 7px 8px;
  border: 1px solid rgba(37, 99, 235, 0.12);
  border-radius: 24px;
  background: rgba(255, 255, 255, 0.70);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,0.72), 0 14px 38px rgba(15, 23, 42, 0.06);
}

.authenticated-top-nav .app-logo-button {
  width: 62px;
  height: 42px;
  border-radius: 16px;
  box-shadow: 0 18px 40px rgba(37, 99, 235, 0.24), inset 0 0 0 1px rgba(255,255,255,0.18);
}

.authenticated-top-nav .brand-name {
  display: block;
  color: #0f172a;
  font-size: 14px;
  font-weight: 950;
  line-height: 1;
  letter-spacing: -0.03em;
}

.authenticated-top-nav .brand-tagline-inline {
  display: block;
  margin-top: 3px;
  color: #64748b;
  font-size: 10px;
  font-weight: 850;
  letter-spacing: 0.01em;
  text-transform: uppercase;
}

.authenticated-top-nav .top-nav-links {
  gap: 8px;
  justify-content: center;
}

.authenticated-top-nav .top-nav-item {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  min-height: 42px;
  padding: 9px 12px 9px 9px;
  border: 1px solid transparent;
  border-radius: 999px;
  color: #475569;
  background: rgba(255, 255, 255, 0.42);
  font-size: 13px;
  font-weight: 900;
  letter-spacing: -0.01em;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,0.42);
}

.authenticated-top-nav .top-nav-icon {
  width: 24px;
  height: 24px;
  border-radius: 999px;
  display: inline-grid;
  place-items: center;
  color: #1d4ed8;
  background: linear-gradient(135deg, #eff6ff, #dbeafe);
  box-shadow: inset 0 0 0 1px rgba(37, 99, 235, 0.12);
  font-size: 12px;
  font-weight: 950;
  line-height: 1;
}

.authenticated-top-nav .top-nav-item:hover {
  transform: translateY(-1px);
  color: #0f172a;
  border-color: rgba(37, 99, 235, 0.16);
  background: rgba(255, 255, 255, 0.86);
  box-shadow: 0 14px 34px rgba(37, 99, 235, 0.10), inset 0 0 0 1px rgba(255,255,255,0.75);
}

.authenticated-top-nav .top-nav-item.active {
  color: #ffffff;
  border-color: rgba(37, 99, 235, 0.22);
  background: linear-gradient(135deg, #0f172a, #1d4ed8 68%, #0891b2);
  box-shadow: 0 18px 42px rgba(37, 99, 235, 0.24);
}

.authenticated-top-nav .top-nav-item.active .top-nav-icon {
  color: #0f172a;
  background: linear-gradient(135deg, #ffffff, #bfdbfe);
}

.authenticated-top-nav .top-nav-actions {
  gap: 9px;
}

.top-nav-action {
  min-height: 42px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  border: 1px solid rgba(148, 163, 184, 0.22);
  border-radius: 999px;
  padding: 9px 13px;
  color: #334155;
  background: rgba(255, 255, 255, 0.72);
  font-weight: 900;
  cursor: pointer;
  box-shadow: 0 12px 30px rgba(15, 23, 42, 0.07), inset 0 0 0 1px rgba(255,255,255,0.55);
  transition: transform 160ms ease, box-shadow 160ms ease, border-color 160ms ease, color 160ms ease, background 160ms ease;
}

.top-nav-action span {
  width: 24px;
  height: 24px;
  display: inline-grid;
  place-items: center;
  border-radius: 999px;
  color: #1d4ed8;
  background: #eff6ff;
  font-size: 12px;
  font-weight: 950;
}

.top-nav-action:hover {
  transform: translateY(-1px);
  border-color: rgba(37, 99, 235, 0.20);
  color: #0f172a;
  background: rgba(255,255,255,0.94);
  box-shadow: 0 18px 42px rgba(37, 99, 235, 0.13);
}

.top-nav-logout span {
  color: #0f766e;
  background: #ecfdf5;
}

.marketplace-live-room[data-marketplace-live-room="0.17.7"] .trade-product-banner-payment-focus {
  background:
    radial-gradient(circle at 17% 82%, rgba(245, 158, 11, 0.32), transparent 34%),
    radial-gradient(circle at 86% 18%, rgba(20, 184, 166, 0.18), transparent 30%),
    linear-gradient(135deg, #fffbeb 0%, #f8fafc 54%, #e0f2fe 100%);
}

.marketplace-live-room[data-marketplace-live-room="0.17.7"] .trade-product-banner-reputation-focus {
  background:
    radial-gradient(circle at 84% 18%, rgba(37, 99, 235, 0.18), transparent 32%),
    radial-gradient(circle at 12% 84%, rgba(34, 197, 94, 0.14), transparent 34%),
    linear-gradient(135deg, #f8fafc 0%, #eff6ff 50%, #ffffff 100%);
}

.payment-rail-card {
  min-width: 190px;
  display: grid;
  gap: 8px;
  border-radius: 24px;
  padding: 16px;
  background: rgba(255, 255, 255, 0.82);
  color: #0f172a;
  box-shadow: inset 0 0 0 1px rgba(15, 23, 42, 0.06), 0 22px 48px rgba(15, 23, 42, 0.12);
}

.payment-rail-card strong {
  font-size: 1rem;
  letter-spacing: -0.03em;
}

.payment-rail-card span {
  border-radius: 999px;
  padding: 7px 10px;
  color: #1e293b;
  background: rgba(248, 250, 252, 0.96);
  font-size: 0.74rem;
  font-weight: 950;
}

@media (max-width: 1180px) {
  .authenticated-top-nav .top-nav-brand {
    min-width: auto;
    justify-content: center;
  }

  .authenticated-top-nav .top-nav-links,
  .authenticated-top-nav .top-nav-actions {
    justify-content: center;
  }
}

@media (max-width: 900px) {
  .production-main-panel.marketplace-main-panel {
    max-width: 100%;
    padding-inline: 22px;
  }

  .authenticated-top-nav .top-nav-item,
  .top-nav-action {
    min-height: 40px;
    padding-block: 8px;
  }
}

/* Sprint 0.17.8 — page spacing consistency for public landing, Dashboard, and Trade only. */
.public-home-shell[data-premium-entry-refinement="0.16.2"] .public-homepage,
.public-home-shell[data-premium-entry-refinement="0.16.2"] .public-section-card,
.public-home-shell[data-premium-entry-refinement="0.16.2"] .public-footer {
  width: min(1440px, calc(100% - 56px));
  max-width: 1440px;
}

.dashboard-home-main-panel,
.production-main-panel.marketplace-main-panel {
  width: auto;
  max-width: 1440px;
  padding-inline: 28px;
}

@media (max-width: 900px) {
  .dashboard-home-main-panel,
  .production-main-panel.marketplace-main-panel {
    max-width: 100%;
    padding-inline: 20px;
  }
}

@media (max-width: 760px) {
  .public-home-shell[data-premium-entry-refinement="0.16.2"] .public-homepage,
  .public-home-shell[data-premium-entry-refinement="0.16.2"] .public-section-card,
  .public-home-shell[data-premium-entry-refinement="0.16.2"] .public-footer {
    width: min(100% - 32px, 1440px);
    max-width: 1440px;
  }
}

/* Sprint 0.17.9 — Trade content fit correction without changing page spacing. */
.production-main-panel.marketplace-main-panel {
  max-width: 1440px;
  padding-inline: 28px;
}

.marketplace-live-room[data-marketplace-live-room="0.17.7"],
.marketplace-live-room[data-marketplace-live-room="0.17.7"] * {
  box-sizing: border-box;
}

.marketplace-live-room[data-marketplace-live-room="0.17.7"] .premium-market-header,
.marketplace-live-room[data-marketplace-live-room="0.17.7"] .premium-filter-panel,
.marketplace-live-room[data-marketplace-live-room="0.17.7"] .premium-offer-board,
.marketplace-live-room[data-marketplace-live-room="0.17.7"] .marketplace-trust-notes {
  min-width: 0;
}

.marketplace-live-room[data-marketplace-live-room="0.17.7"] .premium-filter-panel {
  grid-template-columns: minmax(240px, 1.4fr) repeat(4, minmax(150px, 1fr));
  align-items: end;
}

.marketplace-live-room[data-marketplace-live-room="0.17.7"] .premium-market-check,
.marketplace-live-room[data-marketplace-live-room="0.17.7"] .clear-market-filters {
  min-height: 48px;
}

.marketplace-live-room[data-marketplace-live-room="0.17.7"] .premium-select-button {
  min-height: 50px;
  height: auto;
  align-items: center;
}

.marketplace-live-room[data-marketplace-live-room="0.17.7"] .select-choice-text,
.marketplace-live-room[data-marketplace-live-room="0.17.7"] .premium-option-label {
  overflow: visible;
  text-overflow: clip;
  white-space: normal;
  line-height: 1.18;
  min-width: 0;
}

.marketplace-live-room[data-marketplace-live-room="0.17.7"] .premium-select-menu {
  min-width: max(100%, 250px);
  max-width: min(440px, calc(100vw - 48px));
}

.marketplace-live-room[data-marketplace-live-room="0.17.7"] .premium-board-heading {
  flex-wrap: wrap;
}

.marketplace-live-room[data-marketplace-live-room="0.17.7"] .premium-board-heading > span {
  text-align: right;
}

.marketplace-live-room[data-marketplace-live-room="0.17.7"] .premium-board-columns,
.marketplace-live-room[data-marketplace-live-room="0.17.7"] .premium-offer-row {
  grid-template-columns:
    minmax(220px, 1.28fr)
    minmax(132px, 0.8fr)
    minmax(132px, 0.78fr)
    minmax(175px, 1fr)
    minmax(145px, 0.86fr)
    minmax(130px, 0.68fr);
}

.marketplace-live-room[data-marketplace-live-room="0.17.7"] .premium-offer-row > *,
.marketplace-live-room[data-marketplace-live-room="0.17.7"] .premium-board-columns > * {
  min-width: 0;
}

.marketplace-live-room[data-marketplace-live-room="0.17.7"] .trader-cell,
.marketplace-live-room[data-marketplace-live-room="0.17.7"] .premium-trader-cell,
.marketplace-live-room[data-marketplace-live-room="0.17.7"] .offer-intent-cell,
.marketplace-live-room[data-marketplace-live-room="0.17.7"] .offer-rate-cell,
.marketplace-live-room[data-marketplace-live-room="0.17.7"] .offer-limit-cell,
.marketplace-live-room[data-marketplace-live-room="0.17.7"] .offer-receive-cell {
  min-width: 0;
  overflow-wrap: anywhere;
}

.marketplace-live-room[data-marketplace-live-room="0.17.7"] .offer-row-meaning {
  grid-column: 2 / 6;
  min-width: 0;
  overflow-wrap: anywhere;
}

.marketplace-live-room[data-marketplace-live-room="0.17.7"] .trade-product-banner {
  max-width: 100%;
}

.marketplace-live-room[data-marketplace-live-room="0.17.7"] .trade-product-banner-dark {
  grid-template-columns: minmax(260px, 0.9fr) minmax(300px, 1fr) minmax(180px, 0.62fr);
}

.marketplace-live-room[data-marketplace-live-room="0.17.7"] .trade-product-banner-gold,
.marketplace-live-room[data-marketplace-live-room="0.17.7"] .trade-product-banner-light {
  grid-template-columns: minmax(260px, 0.9fr) minmax(300px, 1fr);
}

.marketplace-live-room[data-marketplace-live-room="0.17.7"] .trade-banner-copy,
.marketplace-live-room[data-marketplace-live-room="0.17.7"] .trade-banner-visual,
.marketplace-live-room[data-marketplace-live-room="0.17.7"] .trade-banner-mini-visual,
.marketplace-live-room[data-marketplace-live-room="0.17.7"] .why-card,
.marketplace-live-room[data-marketplace-live-room="0.17.7"] .payment-rail-card {
  min-width: 0;
}

.marketplace-live-room[data-marketplace-live-room="0.17.7"] .trade-banner-copy h3,
.marketplace-live-room[data-marketplace-live-room="0.17.7"] .trade-banner-copy p:not(.eyebrow) {
  max-width: none;
  overflow-wrap: anywhere;
}

@media (max-width: 1380px) {
  .marketplace-live-room[data-marketplace-live-room="0.17.7"] .premium-board-columns {
    display: none;
  }

  .marketplace-live-room[data-marketplace-live-room="0.17.7"] .premium-offer-row {
    grid-template-columns: minmax(260px, 1.25fr) minmax(210px, 1fr) minmax(190px, 0.9fr);
    align-items: start;
  }

  .marketplace-live-room[data-marketplace-live-room="0.17.7"] .offer-row-meaning {
    grid-column: 1 / -1;
    margin-top: 2px;
  }

  .marketplace-live-room[data-marketplace-live-room="0.17.7"] .trade-action-button {
    max-width: 220px;
  }
}

@media (max-width: 1220px) {
  .marketplace-live-room[data-marketplace-live-room="0.17.7"] .premium-filter-panel {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .marketplace-live-room[data-marketplace-live-room="0.17.7"] .trade-product-banner-dark,
  .marketplace-live-room[data-marketplace-live-room="0.17.7"] .trade-product-banner-grid,
  .marketplace-live-room[data-marketplace-live-room="0.17.7"] .trade-product-banner-gold,
  .marketplace-live-room[data-marketplace-live-room="0.17.7"] .trade-product-banner-light {
    grid-template-columns: 1fr;
  }

  .marketplace-live-room[data-marketplace-live-room="0.17.7"] .trade-banner-visual,
  .marketplace-live-room[data-marketplace-live-room="0.17.7"] .trade-banner-mini-visual {
    justify-content: flex-start;
  }
}

@media (max-width: 980px) {
  .marketplace-live-room[data-marketplace-live-room="0.17.7"] .premium-filter-panel,
  .marketplace-live-room[data-marketplace-live-room="0.17.7"] .premium-offer-row {
    grid-template-columns: 1fr;
  }

  .marketplace-live-room[data-marketplace-live-room="0.17.7"] .premium-board-heading > span {
    text-align: left;
  }

  .marketplace-live-room[data-marketplace-live-room="0.17.7"] .trade-action-button {
    max-width: none;
  }
}


/* Sprint 0.17.10 — Trade filter spacing and search label polish. */
.marketplace-live-room[data-marketplace-live-room="0.17.7"] .premium-trade-tabs {
  gap: 8px;
  padding: 12px 18px 0;
}

.marketplace-live-room[data-marketplace-live-room="0.17.7"] .premium-trade-tab {
  padding: 8px 13px;
  font-size: 0.84rem;
  line-height: 1;
  min-height: 36px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  white-space: nowrap;
  box-shadow: 0 8px 18px rgba(15, 23, 42, 0.055);
}

.marketplace-live-room[data-marketplace-live-room="0.17.7"] .premium-trade-tab strong {
  margin-left: 0;
}

.marketplace-live-room[data-marketplace-live-room="0.17.7"] .premium-filter-panel {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 8px 10px;
  padding: 12px 18px 14px;
}

.marketplace-live-room[data-marketplace-live-room="0.17.7"] .premium-filter-panel > * {
  min-width: 0;
}

.marketplace-live-room[data-marketplace-live-room="0.17.7"] .premium-market-search {
  flex: 1.3 1 230px;
  min-width: 220px;
  display: grid;
  gap: 4px;
}

.marketplace-live-room[data-marketplace-live-room="0.17.7"] .premium-icon-select {
  flex: 1 1 132px;
  min-width: 126px;
  display: grid;
  gap: 4px;
}

.marketplace-live-room[data-marketplace-live-room="0.17.7"] .premium-icon-select[data-control-id="payment"] {
  flex-basis: 168px;
  min-width: 156px;
}

.marketplace-live-room[data-marketplace-live-room="0.17.7"] .premium-icon-select[data-control-id="country"] {
  flex-basis: 150px;
  min-width: 138px;
}

.marketplace-live-room[data-marketplace-live-room="0.17.7"] .premium-icon-select[data-control-id="sort"] {
  flex-basis: 132px;
  min-width: 122px;
}

.marketplace-live-room[data-marketplace-live-room="0.17.7"] .premium-icon-select .filter-label,
.marketplace-live-room[data-marketplace-live-room="0.17.7"] .premium-icon-search .filter-label {
  gap: 5px;
  font-size: 0.67rem;
  line-height: 1;
  letter-spacing: 0.075em;
  white-space: nowrap;
}

.marketplace-live-room[data-marketplace-live-room="0.17.7"] .premium-icon-select .filter-label i,
.marketplace-live-room[data-marketplace-live-room="0.17.7"] .premium-icon-search .filter-label i,
.marketplace-live-room[data-marketplace-live-room="0.17.7"] .premium-market-check .check-icon {
  width: 18px;
  height: 18px;
  font-size: 0.64rem;
}

.marketplace-live-room[data-marketplace-live-room="0.17.7"] .premium-market-search input,
.marketplace-live-room[data-marketplace-live-room="0.17.7"] .premium-select-button,
.marketplace-live-room[data-marketplace-live-room="0.17.7"] .premium-market-check,
.marketplace-live-room[data-marketplace-live-room="0.17.7"] .clear-market-filters {
  min-height: 42px;
}

.marketplace-live-room[data-marketplace-live-room="0.17.7"] .premium-market-search input {
  padding: 8px 12px;
  font-weight: 850;
}

.marketplace-live-room[data-marketplace-live-room="0.17.7"] .premium-select-button {
  padding: 7px 10px;
  gap: 8px;
  min-height: 42px;
  border-radius: 14px;
  overflow: hidden;
}

.marketplace-live-room[data-marketplace-live-room="0.17.7"] .select-choice-icon,
.marketplace-live-room[data-marketplace-live-room="0.17.7"] .premium-option-icon {
  width: 26px;
  height: 26px;
  flex-basis: 26px;
}

.marketplace-live-room[data-marketplace-live-room="0.17.7"] .select-choice-icon .coin-mark,
.marketplace-live-room[data-marketplace-live-room="0.17.7"] .premium-option-icon .coin-mark,
.marketplace-live-room[data-marketplace-live-room="0.17.7"] .select-choice-icon .coin-logo svg,
.marketplace-live-room[data-marketplace-live-room="0.17.7"] .premium-option-icon .coin-logo svg,
.marketplace-live-room[data-marketplace-live-room="0.17.7"] .filter-option-mark,
.marketplace-live-room[data-marketplace-live-room="0.17.7"] .currency-option-mark,
.marketplace-live-room[data-marketplace-live-room="0.17.7"] .payment-method-icon,
.marketplace-live-room[data-marketplace-live-room="0.17.7"] .country-flag-icon {
  width: 26px;
  height: 26px;
  min-width: 26px;
  font-size: 0.78rem;
}

.marketplace-live-room[data-marketplace-live-room="0.17.7"] .select-choice-text {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 1.05;
}

.marketplace-live-room[data-marketplace-live-room="0.17.7"] .premium-select-menu {
  top: calc(100% + 6px);
  padding: 6px;
  max-height: 300px;
}

.marketplace-live-room[data-marketplace-live-room="0.17.7"] .premium-select-option {
  gap: 8px;
  padding: 7px 9px;
  border-radius: 12px;
}

.marketplace-live-room[data-marketplace-live-room="0.17.7"] .premium-option-label {
  min-width: 0;
  overflow: visible;
  text-overflow: clip;
  white-space: normal;
  line-height: 1.12;
}

.marketplace-live-room[data-marketplace-live-room="0.17.7"] .premium-market-check {
  flex: 0 0 auto;
  padding: 0 12px;
  gap: 6px;
  border-radius: 14px;
  line-height: 1;
  white-space: nowrap;
}

.marketplace-live-room[data-marketplace-live-room="0.17.7"] .clear-market-filters {
  flex: 0 0 auto;
  padding: 0 13px;
  border-radius: 14px;
  white-space: nowrap;
}

@media (max-width: 1220px) {
  .marketplace-live-room[data-marketplace-live-room="0.17.7"] .premium-filter-panel {
    display: flex;
    flex-wrap: wrap;
  }
}

@media (max-width: 720px) {
  .marketplace-live-room[data-marketplace-live-room="0.17.7"] .premium-market-search,
  .marketplace-live-room[data-marketplace-live-room="0.17.7"] .premium-icon-select,
  .marketplace-live-room[data-marketplace-live-room="0.17.7"] .premium-icon-select[data-control-id="payment"],
  .marketplace-live-room[data-marketplace-live-room="0.17.7"] .premium-icon-select[data-control-id="country"],
  .marketplace-live-room[data-marketplace-live-room="0.17.7"] .premium-icon-select[data-control-id="sort"] {
    flex: 1 1 100%;
    min-width: 0;
  }

  .marketplace-live-room[data-marketplace-live-room="0.17.7"] .premium-market-check,
  .marketplace-live-room[data-marketplace-live-room="0.17.7"] .clear-market-filters {
    flex: 1 1 calc(50% - 8px);
    justify-content: center;
  }
}

/* Sprint 0.17.11 — Trade filter control typography and compact layout polish. */
.marketplace-live-room[data-marketplace-live-room="0.17.7"] .trade-section-switcher {
  padding: 10px 18px 0;
}

.marketplace-live-room[data-marketplace-live-room="0.17.7"] .trade-section-switcher .premium-market-select {
  max-width: 260px;
}

.marketplace-live-room[data-marketplace-live-room="0.17.7"] .premium-trade-tabs {
  gap: 7px;
  padding: 10px 18px 0;
}

.marketplace-live-room[data-marketplace-live-room="0.17.7"] .premium-trade-tab {
  min-height: 34px;
  padding: 7px 12px;
  border-radius: 999px;
  font-size: 0.82rem;
  letter-spacing: -0.01em;
}

.marketplace-live-room[data-marketplace-live-room="0.17.7"] .premium-trade-tab strong {
  min-width: 24px;
  height: 24px;
  display: inline-grid;
  place-items: center;
  border-radius: 999px;
  background: rgba(15, 23, 42, 0.07);
  font-size: 0.78rem;
  line-height: 1;
}

.marketplace-live-room[data-marketplace-live-room="0.17.7"] .premium-trade-tab.active strong {
  background: rgba(255, 255, 255, 0.18);
  color: inherit;
}

.marketplace-live-room[data-marketplace-live-room="0.17.7"] .premium-filter-panel {
  align-items: end;
  gap: 7px 8px;
  padding: 10px 18px 12px;
}

.marketplace-live-room[data-marketplace-live-room="0.17.7"] .premium-market-search,
.marketplace-live-room[data-marketplace-live-room="0.17.7"] .premium-icon-select {
  gap: 3px;
}

.marketplace-live-room[data-marketplace-live-room="0.17.7"] .premium-market-search {
  flex: 1.15 1 218px;
  min-width: 210px;
  position: relative;
}

.marketplace-live-room[data-marketplace-live-room="0.17.7"] .premium-icon-select {
  flex: 1 1 128px;
  min-width: 124px;
}

.marketplace-live-room[data-marketplace-live-room="0.17.7"] .premium-icon-select[data-control-id="payment"] {
  flex-basis: 164px;
  min-width: 154px;
}

.marketplace-live-room[data-marketplace-live-room="0.17.7"] .premium-icon-select[data-control-id="country"] {
  flex-basis: 146px;
  min-width: 136px;
}

.marketplace-live-room[data-marketplace-live-room="0.17.7"] .premium-icon-select[data-control-id="sort"] {
  flex-basis: 126px;
  min-width: 118px;
}

.marketplace-live-room[data-marketplace-live-room="0.17.7"] .premium-icon-select .filter-label,
.marketplace-live-room[data-marketplace-live-room="0.17.7"] .premium-icon-search .filter-label {
  color: #334155;
  font-size: 0.62rem;
  font-weight: 900;
  letter-spacing: 0.08em;
  line-height: 1;
  text-transform: uppercase;
}

.marketplace-live-room[data-marketplace-live-room="0.17.7"] .premium-icon-select .filter-label i {
  display: none;
}

.marketplace-live-room[data-marketplace-live-room="0.17.7"] .premium-icon-search .filter-label {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}

.marketplace-live-room[data-marketplace-live-room="0.17.7"] .premium-market-search::before {
  content: "⌕";
  position: absolute;
  left: 12px;
  bottom: 11px;
  z-index: 2;
  width: 22px;
  height: 22px;
  display: inline-grid;
  place-items: center;
  border-radius: 999px;
  background: linear-gradient(135deg, rgba(37, 99, 235, 0.12), rgba(5, 150, 105, 0.12));
  color: #0f766e;
  font-size: 0.72rem;
  font-weight: 900;
  pointer-events: none;
}

.marketplace-live-room[data-marketplace-live-room="0.17.7"] .premium-market-search input,
.marketplace-live-room[data-marketplace-live-room="0.17.7"] .premium-select-button,
.marketplace-live-room[data-marketplace-live-room="0.17.7"] .premium-market-check,
.marketplace-live-room[data-marketplace-live-room="0.17.7"] .clear-market-filters {
  min-height: 40px;
  max-height: 44px;
}

.marketplace-live-room[data-marketplace-live-room="0.17.7"] .premium-market-search input {
  padding: 8px 12px 8px 42px;
  border-radius: 14px;
  font-size: 0.82rem;
  font-weight: 850;
  letter-spacing: -0.01em;
}

.marketplace-live-room[data-marketplace-live-room="0.17.7"] .premium-market-search input::placeholder {
  color: #0f172a;
  opacity: 0.78;
  font-weight: 850;
}

.marketplace-live-room[data-marketplace-live-room="0.17.7"] .premium-select-button {
  padding: 7px 9px;
  gap: 7px;
  border-radius: 14px;
  line-height: 1;
  font-size: 0.82rem;
  font-weight: 900;
}

.marketplace-live-room[data-marketplace-live-room="0.17.7"] .select-choice-icon,
.marketplace-live-room[data-marketplace-live-room="0.17.7"] .premium-option-icon {
  width: 24px;
  height: 24px;
  flex: 0 0 24px;
}

.marketplace-live-room[data-marketplace-live-room="0.17.7"] .select-choice-icon .coin-mark,
.marketplace-live-room[data-marketplace-live-room="0.17.7"] .premium-option-icon .coin-mark,
.marketplace-live-room[data-marketplace-live-room="0.17.7"] .select-choice-icon .coin-logo svg,
.marketplace-live-room[data-marketplace-live-room="0.17.7"] .premium-option-icon .coin-logo svg,
.marketplace-live-room[data-marketplace-live-room="0.17.7"] .filter-option-mark,
.marketplace-live-room[data-marketplace-live-room="0.17.7"] .currency-option-mark,
.marketplace-live-room[data-marketplace-live-room="0.17.7"] .payment-method-icon,
.marketplace-live-room[data-marketplace-live-room="0.17.7"] .country-flag-icon {
  width: 24px;
  height: 24px;
  min-width: 24px;
  font-size: 0.74rem;
}

.marketplace-live-room[data-marketplace-live-room="0.17.7"] .select-choice-text {
  line-height: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.marketplace-live-room[data-marketplace-live-room="0.17.7"] .select-caret {
  flex: 0 0 auto;
  font-size: 0.8rem;
}

.marketplace-live-room[data-marketplace-live-room="0.17.7"] .premium-market-check,
.marketplace-live-room[data-marketplace-live-room="0.17.7"] .clear-market-filters {
  padding: 0 11px;
  border-radius: 14px;
  font-size: 0.8rem;
  font-weight: 900;
}

.marketplace-live-room[data-marketplace-live-room="0.17.7"] .premium-market-check .check-icon {
  width: 18px;
  height: 18px;
  font-size: 0.62rem;
}

.marketplace-live-room[data-marketplace-live-room="0.17.7"] .premium-filter-panel > *,
.marketplace-live-room[data-marketplace-live-room="0.17.7"] .premium-trade-tabs > * {
  min-width: 0;
}

.marketplace-live-room[data-marketplace-live-room="0.17.7"] .premium-select-shell {
  min-width: 0;
}

.marketplace-live-room[data-marketplace-live-room="0.17.7"] .premium-select-menu {
  top: calc(100% + 5px);
  z-index: 80;
}

@media (max-width: 860px) {
  .marketplace-live-room[data-marketplace-live-room="0.17.7"] .premium-filter-panel {
    gap: 7px;
  }

  .marketplace-live-room[data-marketplace-live-room="0.17.7"] .premium-market-search,
  .marketplace-live-room[data-marketplace-live-room="0.17.7"] .premium-icon-select,
  .marketplace-live-room[data-marketplace-live-room="0.17.7"] .premium-icon-select[data-control-id="payment"],
  .marketplace-live-room[data-marketplace-live-room="0.17.7"] .premium-icon-select[data-control-id="country"],
  .marketplace-live-room[data-marketplace-live-room="0.17.7"] .premium-icon-select[data-control-id="sort"] {
    flex: 1 1 calc(50% - 7px);
    min-width: 0;
  }
}

@media (max-width: 560px) {
  .marketplace-live-room[data-marketplace-live-room="0.17.7"] .premium-market-search,
  .marketplace-live-room[data-marketplace-live-room="0.17.7"] .premium-icon-select,
  .marketplace-live-room[data-marketplace-live-room="0.17.7"] .premium-icon-select[data-control-id="payment"],
  .marketplace-live-room[data-marketplace-live-room="0.17.7"] .premium-icon-select[data-control-id="country"],
  .marketplace-live-room[data-marketplace-live-room="0.17.7"] .premium-icon-select[data-control-id="sort"],
  .marketplace-live-room[data-marketplace-live-room="0.17.7"] .premium-market-check,
  .marketplace-live-room[data-marketplace-live-room="0.17.7"] .clear-market-filters {
    flex: 1 1 100%;
  }
}

/* Sprint 0.17.12 — Trade results header premium polish. */
.marketplace-live-room[data-marketplace-live-room="0.17.7"] .premium-offer-board {
  gap: 12px;
}

.marketplace-live-room[data-marketplace-live-room="0.17.7"] .premium-results-panel {
  position: relative;
  overflow: hidden;
  align-items: center;
  padding: 16px 18px;
  border: 1px solid rgba(37, 99, 235, 0.12);
  border-radius: 22px;
  background:
    radial-gradient(circle at 10% 0%, rgba(34, 197, 94, 0.12), transparent 30%),
    radial-gradient(circle at 90% 10%, rgba(37, 99, 235, 0.14), transparent 34%),
    linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(248, 251, 255, 0.94));
  box-shadow: 0 18px 44px rgba(15, 23, 42, 0.07);
}

.marketplace-live-room[data-marketplace-live-room="0.17.7"] .premium-results-panel::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 5px;
  background: linear-gradient(180deg, #2563eb, #16a34a);
}

.marketplace-live-room[data-marketplace-live-room="0.17.7"] .premium-results-title {
  position: relative;
  z-index: 1;
  display: grid;
  gap: 4px;
}

.marketplace-live-room[data-marketplace-live-room="0.17.7"] .results-eyebrow {
  display: inline-flex;
  width: fit-content;
  align-items: center;
  gap: 7px;
  margin: 0;
  padding: 5px 10px;
  border-radius: 999px;
  border: 1px solid rgba(37, 99, 235, 0.12);
  background: rgba(239, 246, 255, 0.92);
  color: #1d4ed8;
  font-size: 0.69rem;
  font-weight: 900;
  letter-spacing: 0.09em;
  text-transform: uppercase;
}

.marketplace-live-room[data-marketplace-live-room="0.17.7"] .results-eyebrow span {
  display: grid;
  width: 18px;
  height: 18px;
  place-items: center;
  border-radius: 999px;
  background: linear-gradient(135deg, #dbeafe, #dcfce7);
  color: #0f766e;
  font-size: 0.72rem;
}

.marketplace-live-room[data-marketplace-live-room="0.17.7"] .premium-results-panel h3 {
  margin: 0;
  color: #0f172a;
  font-size: clamp(1.15rem, 1.45vw, 1.45rem);
  font-weight: 900;
  letter-spacing: -0.035em;
}

.marketplace-live-room[data-marketplace-live-room="0.17.7"] .premium-results-panel h3 span {
  color: #1d4ed8;
  font-weight: 950;
}

.marketplace-live-room[data-marketplace-live-room="0.17.7"] .premium-results-summary {
  position: relative;
  z-index: 1;
  display: inline-flex;
  max-width: min(100%, 720px);
  align-items: center;
  justify-content: flex-end;
  padding: 8px 12px;
  border: 1px solid rgba(15, 23, 42, 0.08);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.82);
  color: #334155;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9);
  font-size: 0.78rem;
  font-weight: 850;
  letter-spacing: -0.01em;
  line-height: 1.25;
  text-align: right;
  overflow-wrap: anywhere;
}

.marketplace-live-room[data-marketplace-live-room="0.17.7"] .premium-results-columns {
  padding: 10px 18px;
  border: 1px solid rgba(15, 23, 42, 0.08);
  border-radius: 16px;
  background: linear-gradient(135deg, rgba(241, 245, 249, 0.98), rgba(248, 250, 252, 0.96));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.88);
}

.marketplace-live-room[data-marketplace-live-room="0.17.7"] .premium-results-columns span {
  display: inline-flex;
  align-items: center;
  color: #475569;
  font-size: 0.68rem;
  font-weight: 950;
  letter-spacing: 0.11em;
  text-transform: uppercase;
}

.marketplace-live-room[data-marketplace-live-room="0.17.7"] .premium-results-columns span:first-child {
  color: #1d4ed8;
}

.marketplace-live-room[data-marketplace-live-room="0.17.7"] .premium-results-columns span:last-child {
  justify-content: flex-end;
  color: #16a34a;
}

@media (max-width: 980px) {
  .marketplace-live-room[data-marketplace-live-room="0.17.7"] .premium-results-panel {
    align-items: flex-start;
  }

  .marketplace-live-room[data-marketplace-live-room="0.17.7"] .premium-results-summary {
    justify-content: flex-start;
    text-align: left;
    border-radius: 16px;
  }
}

/* Sprint 0.18.0 — Trade Room Drawer Foundation. */
.trade-room-drawer-shell,
.trade-room-reopen-button {
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

.trade-room-drawer-shell {
  position: fixed;
  inset: 0;
  z-index: 120;
  pointer-events: none;
}

.trade-room-drawer-panel {
  position: absolute;
  top: 14px;
  right: 14px;
  bottom: 14px;
  width: min(560px, calc(100vw - 28px));
  display: flex;
  flex-direction: column;
  overflow: hidden;
  pointer-events: auto;
  border: 1px solid rgba(15, 23, 42, 0.12);
  border-radius: 30px;
  background:
    radial-gradient(circle at 12% 0%, rgba(37, 99, 235, 0.14), transparent 34%),
    radial-gradient(circle at 100% 6%, rgba(5, 150, 105, 0.18), transparent 30%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(248, 250, 252, 0.99));
  box-shadow: 0 34px 90px rgba(15, 23, 42, 0.25);
  backdrop-filter: blur(18px);
}

.trade-room-drawer-header {
  display: flex;
  justify-content: space-between;
  gap: 14px;
  align-items: center;
  padding: 18px 20px 12px;
  border-bottom: 1px solid rgba(15, 23, 42, 0.08);
}

.trade-room-drawer-header h3,
.trade-room-drawer-header p {
  margin: 0;
}

.trade-room-drawer-header h3 {
  margin-top: 3px;
  color: #0f172a;
  font-size: 1.35rem;
  letter-spacing: -0.04em;
}

.trade-room-window-actions {
  display: inline-flex;
  gap: 8px;
}

.trade-room-window-actions button {
  width: 34px;
  height: 34px;
  border: 1px solid rgba(15, 23, 42, 0.10);
  border-radius: 999px;
  color: #0f172a;
  background: rgba(255, 255, 255, 0.84);
  font-size: 1rem;
  font-weight: 950;
  cursor: pointer;
  box-shadow: 0 10px 22px rgba(15, 23, 42, 0.08);
}

.trade-room-pinned-status {
  display: grid;
  grid-template-columns: 1fr 1fr 1.08fr;
  gap: 8px;
  padding: 12px 20px 14px;
  background: rgba(248, 250, 252, 0.72);
}

.trade-room-pinned-status article {
  min-width: 0;
  border: 1px solid rgba(15, 23, 42, 0.08);
  border-radius: 17px;
  padding: 10px 11px;
  background: rgba(255, 255, 255, 0.92);
}

.trade-room-pinned-status span,
.trade-summary-grid dt,
.trade-room-card .eyebrow {
  color: #64748b;
  font-size: 0.69rem;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.trade-room-pinned-status strong {
  display: block;
  margin-top: 4px;
  color: #0f172a;
  font-size: 0.92rem;
  font-weight: 950;
  line-height: 1.1;
}

.trade-room-pinned-status .protected-trade-indicator {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #047857;
  border-color: rgba(5, 150, 105, 0.18);
  background: linear-gradient(135deg, rgba(236, 253, 245, 0.98), rgba(240, 253, 250, 0.92));
}

.trade-room-pinned-status .protected-trade-indicator span {
  color: #10b981;
  font-size: 0.82rem;
  letter-spacing: 0;
}

.trade-room-pinned-status .protected-trade-indicator strong {
  margin: 0;
  color: #047857;
}

.trade-room-drawer-body {
  flex: 1;
  overflow: auto;
  display: grid;
  gap: 12px;
  padding: 14px 20px 20px;
}

.trade-room-card {
  border: 1px solid rgba(15, 23, 42, 0.08);
  border-radius: 22px;
  padding: 15px;
  background: rgba(255, 255, 255, 0.92);
  box-shadow: 0 16px 40px rgba(15, 23, 42, 0.06);
}

.trade-room-card-heading {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: start;
  margin-bottom: 12px;
}

.trade-room-card-heading p,
.trade-room-card-heading h4 {
  margin: 0;
}

.trade-room-card-heading h4 {
  color: #0f172a;
  font-size: 1rem;
  font-weight: 950;
  letter-spacing: -0.03em;
}

.trade-summary-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  margin: 0;
}

.trade-summary-grid div {
  min-width: 0;
  border-radius: 16px;
  padding: 10px;
  background: linear-gradient(135deg, rgba(248, 250, 252, 0.95), rgba(241, 245, 249, 0.82));
}

.trade-summary-grid dd {
  margin: 4px 0 0;
  color: #0f172a;
  font-weight: 950;
  line-height: 1.18;
  overflow-wrap: anywhere;
}

.trade-condition-pills {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  margin-top: 12px;
}

.trade-condition-pills span {
  border: 1px solid rgba(37, 99, 235, 0.12);
  border-radius: 999px;
  padding: 6px 9px;
  color: #1e3a8a;
  background: rgba(239, 246, 255, 0.86);
  font-size: 0.76rem;
  font-weight: 850;
}

.trade-room-action-stack {
  display: grid;
  gap: 9px;
}

.trade-room-action-button {
  width: 100%;
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: center;
  border: 0;
  border-radius: 16px;
  padding: 13px 14px;
  color: #fff;
  font-weight: 950;
  cursor: pointer;
  box-shadow: 0 16px 34px rgba(37, 99, 235, 0.18);
}

.trade-room-action-button small {
  color: rgba(255,255,255,0.82);
  font-size: 0.72rem;
  font-weight: 850;
}

.trade-room-action-primary { background: linear-gradient(135deg, #2563eb, #1d4ed8); }
.trade-room-action-success { background: linear-gradient(135deg, #059669, #047857); }
.trade-room-action-secondary { color: #0f172a; background: linear-gradient(135deg, #e0f2fe, #dcfce7); }

.trade-room-action-note,
.trade-room-action-explainer,
.trade-room-chat-rule,
.trade-room-files-card > p {
  margin: 10px 0 0;
  color: #64748b;
  font-size: 0.84rem;
  font-weight: 760;
  line-height: 1.45;
}

.trade-room-upload-zone {
  display: grid;
  place-items: center;
  gap: 4px;
  border: 1px dashed rgba(37, 99, 235, 0.30);
  border-radius: 18px;
  padding: 16px 12px;
  color: #1d4ed8;
  background: linear-gradient(135deg, rgba(239, 246, 255, 0.78), rgba(240, 253, 250, 0.72));
  text-align: center;
  cursor: pointer;
}

.trade-room-upload-zone input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.trade-room-upload-zone span {
  width: 34px;
  height: 34px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  color: #fff;
  background: linear-gradient(135deg, #2563eb, #059669);
  font-weight: 950;
}

.trade-room-upload-zone strong {
  color: #0f172a;
  font-size: 0.94rem;
}

.trade-room-upload-zone small {
  color: #64748b;
  font-weight: 800;
}

.trade-room-timeline {
  display: grid;
  gap: 10px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.trade-room-timeline li {
  display: grid;
  grid-template-columns: 24px 1fr;
  gap: 10px;
  align-items: start;
}

.trade-room-timeline li > span {
  width: 22px;
  height: 22px;
  margin-top: 1px;
  border: 5px solid #e2e8f0;
  border-radius: 999px;
  background: #fff;
}

.trade-room-timeline li[data-state="completed"] > span {
  border-color: #10b981;
  background: #047857;
}

.trade-room-timeline li[data-state="current"] > span {
  border-color: #93c5fd;
  background: #2563eb;
  box-shadow: 0 0 0 5px rgba(37, 99, 235, 0.12);
}

.trade-room-timeline strong,
.trade-room-message strong {
  color: #0f172a;
  font-weight: 950;
}

.trade-room-timeline p,
.trade-room-message p {
  margin: 3px 0 0;
  color: #64748b;
  font-size: 0.84rem;
  line-height: 1.38;
}

.trade-room-message-list {
  display: grid;
  gap: 9px;
}

.trade-room-message {
  max-width: 88%;
  border-radius: 18px;
  padding: 11px 12px;
  background: #f8fafc;
}

.trade-room-message small {
  display: block;
  margin-top: 6px;
  color: #94a3b8;
  font-size: 0.68rem;
  font-weight: 850;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.trade-room-message-system {
  max-width: 100%;
  border: 1px solid rgba(5, 150, 105, 0.14);
  background: rgba(236, 253, 245, 0.76);
}

.trade-room-message-buyer {
  margin-left: auto;
  border: 1px solid rgba(37, 99, 235, 0.14);
  background: rgba(239, 246, 255, 0.92);
}

.trade-room-chat-composer {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 8px;
  margin-top: 11px;
}

.trade-room-chat-composer input {
  min-width: 0;
  border: 1px solid rgba(15, 23, 42, 0.10);
  border-radius: 15px;
  padding: 11px 12px;
  font: inherit;
  font-weight: 760;
  background: #fff;
}

.trade-room-chat-composer button,
.trade-room-reopen-button {
  border: 0;
  border-radius: 15px;
  color: #fff;
  background: linear-gradient(135deg, #0f172a, #2563eb);
  font-weight: 950;
  cursor: pointer;
}

.trade-room-chat-composer button {
  padding: 0 16px;
}

.trade-room-reopen-button {
  position: fixed;
  right: 22px;
  bottom: 22px;
  z-index: 119;
  padding: 13px 16px;
  box-shadow: 0 18px 45px rgba(15, 23, 42, 0.24);
}

@media (max-width: 720px) {
  .trade-room-drawer-panel {
    inset: 0;
    width: 100vw;
    border-radius: 0;
  }

  .trade-room-pinned-status,
  .trade-summary-grid {
    grid-template-columns: 1fr;
  }
}

/* Sprint 0.20.2 — filter facets reflect the offers that can actually match. */
.marketplace-live-room[data-marketplace-live-room="0.17.7"] .premium-select-option .premium-option-count {
  margin-left: auto;
  min-width: 24px;
  padding: 2px 7px;
  border-radius: 999px;
  font-size: 0.68rem;
  line-height: 1.25;
  text-align: center;
  color: #475569;
  background: rgba(148, 163, 184, 0.14);
  font-weight: 800;
}

.marketplace-live-room[data-marketplace-live-room="0.17.7"] .premium-select-option:disabled {
  opacity: 0.42;
  cursor: not-allowed;
  filter: grayscale(0.25);
}

.marketplace-live-room[data-marketplace-live-room="0.17.7"] .premium-select-option:disabled .premium-option-count {
  color: #94a3b8;
  background: rgba(148, 163, 184, 0.08);
}

/* Sprint 0.20.4 — 99EXCHANGE Marketplace Campaign & Brand System */
:root {
  --brand-navy-950: #07162f;
  --brand-navy-900: #0a2149;
  --brand-blue-700: #1454d8;
  --brand-blue-600: #2563eb;
  --brand-blue-500: #3b82f6;
  --brand-gold-500: #f6c90e;
  --brand-gold-400: #ffd84d;
  --brand-teal-600: #0f9f8f;
  --brand-teal-500: #14b8a6;
  --brand-mint-100: #dff8f2;
  --brand-ice-50: #f6fbff;
  --brand-slate-900: #0f172a;
  --brand-slate-600: #475569;
}

body {
  background:
    radial-gradient(circle at 8% 4%, rgba(37, 99, 235, 0.16), transparent 27%),
    radial-gradient(circle at 92% 9%, rgba(246, 201, 14, 0.11), transparent 23%),
    radial-gradient(circle at 75% 92%, rgba(20, 184, 166, 0.10), transparent 28%),
    linear-gradient(135deg, #eef5ff 0%, #fbfdff 46%, #effcf8 100%);
}

.sidebar {
  background:
    radial-gradient(circle at 50% 0%, rgba(37, 99, 235, 0.22), transparent 28%),
    linear-gradient(180deg, var(--brand-navy-950) 0%, #091a38 64%, #071426 100%);
  border-right: 1px solid rgba(59, 130, 246, 0.18);
}

.nav-item.active,
.nav-item:hover {
  background: linear-gradient(135deg, var(--brand-blue-700), var(--brand-blue-600));
  box-shadow: inset 3px 0 0 var(--brand-gold-500), 0 12px 28px rgba(20, 84, 216, 0.18);
}

.primary-action,
.card-action {
  background: linear-gradient(135deg, var(--brand-blue-700), var(--brand-blue-600) 72%, var(--brand-teal-600));
}

.brand-tagline-inline {
  color: #64748b;
  font-weight: 750;
}

/* The campaign art is a deliberate part of the marketplace rhythm: six offers, one story. */
/* Sprint 0.20.5: compact premium banner presentation — shorter in the feed without feeling compressed. */
.trade-campaign-banner-system {
  margin: 18px 0;
}

.trade-campaign-banner {
  margin: 0;
  overflow: hidden;
  border-radius: 24px;
  background: #fff;
  border: 1px solid rgba(15, 23, 42, 0.08);
  box-shadow: 0 20px 46px rgba(7, 22, 47, 0.13);
  isolation: isolate;
}

.trade-campaign-banner img {
  display: block;
  width: 100%;
  height: clamp(220px, 15vw + 40px, 274px);
  aspect-ratio: auto;
  object-fit: contain;
  object-position: center;
  background: transparent;
}

.trade-campaign-banner-system:nth-of-type(odd) .trade-campaign-banner {
  box-shadow: 0 20px 52px rgba(20, 84, 216, 0.14);
}

.trade-campaign-banner-system:nth-of-type(even) .trade-campaign-banner {
  box-shadow: 0 20px 52px rgba(15, 159, 143, 0.12), 0 8px 22px rgba(246, 201, 14, 0.08);
}

/* Marketplace surfaces: blue = action, yellow = attention/milestone, teal = protected/verified. */
.premium-market-room .premium-market-header,
.premium-market-room .premium-offer-board {
  box-shadow: 0 26px 72px rgba(7, 22, 47, 0.10);
}

.premium-market-room .trade-action-button,
.premium-market-room .card-action {
  background: linear-gradient(135deg, var(--brand-blue-700), var(--brand-blue-600));
  box-shadow: 0 10px 24px rgba(37, 99, 235, 0.20);
}

.premium-market-room .trade-action-button:hover,
.premium-market-room .card-action:hover {
  box-shadow: 0 13px 30px rgba(37, 99, 235, 0.25), inset 0 -2px 0 rgba(246, 201, 14, 0.40);
}

.premium-market-room .role-pill,
.premium-market-room .country-badge {
  border-color: rgba(20, 184, 166, 0.22);
}

/* Trade Room: color quietly communicates what the escrow product is doing. */
.trade-room-drawer-panel {
  background:
    linear-gradient(180deg, rgba(246, 251, 255, 0.99), rgba(255, 255, 255, 0.99));
  border-left: 1px solid rgba(37, 99, 235, 0.12);
}

.trade-room-drawer-header {
  background:
    radial-gradient(circle at 90% 0%, rgba(246, 201, 14, 0.18), transparent 36%),
    linear-gradient(135deg, var(--brand-navy-950), var(--brand-navy-900));
  color: #fff;
}

.trade-room-drawer-header p,
.trade-room-drawer-header .eyebrow {
  color: rgba(226, 232, 240, 0.82);
}

.trade-room-pinned-status article {
  border: 1px solid rgba(37, 99, 235, 0.10);
  background: linear-gradient(145deg, #ffffff, #f7fbff);
}

.trade-room-pinned-status .protected-trade-indicator {
  background: linear-gradient(135deg, var(--brand-mint-100), #eefcf8);
  border-color: rgba(20, 184, 166, 0.26);
}

.trade-room-pinned-status .protected-trade-indicator strong {
  color: #087d70;
}

.trade-room-timeline li[data-state="completed"] > span {
  background: var(--brand-teal-500);
  box-shadow: 0 0 0 5px rgba(20, 184, 166, 0.13);
}

.trade-room-timeline li[data-state="current"] > span {
  background: var(--brand-gold-500);
  color: var(--brand-navy-950);
  box-shadow: 0 0 0 5px rgba(246, 201, 14, 0.18);
}

.trade-room-message {
  border: 1px solid rgba(15, 23, 42, 0.07);
  box-shadow: 0 8px 22px rgba(7, 22, 47, 0.06);
}

.trade-room-message-system {
  background: linear-gradient(135deg, #f7f9fc, #eef5ff);
  border-left: 4px solid var(--brand-blue-500);
}

.trade-room-message-buyer {
  background: linear-gradient(135deg, #edf6ff, #f8fbff);
  border-left: 4px solid var(--brand-blue-600);
}

.trade-room-message:not(.trade-room-message-system):not(.trade-room-message-buyer) {
  background: linear-gradient(135deg, #effcf8, #ffffff);
  border-left: 4px solid var(--brand-teal-500);
}

.trade-room-chat-rule {
  border-radius: 14px;
  padding: 10px 12px;
  background: linear-gradient(135deg, #fffbea, #f8fbff);
  border: 1px solid rgba(246, 201, 14, 0.24);
}

.trade-room-chat-composer {
  border-radius: 18px;
  padding: 8px;
  background: #f6faff;
  border: 1px solid rgba(37, 99, 235, 0.10);
}

.trade-room-chat-composer input {
  background: #fff;
}

.trade-room-chat-composer button {
  background: linear-gradient(135deg, var(--brand-blue-700), var(--brand-blue-600));
  box-shadow: 0 10px 22px rgba(37, 99, 235, 0.20);
}

.trade-room-action-primary {
  background: linear-gradient(135deg, var(--brand-blue-700), var(--brand-blue-600)) !important;
}

.trade-room-action-success {
  background: linear-gradient(135deg, var(--brand-teal-600), #087d70) !important;
}

.trade-room-action-secondary {
  background: linear-gradient(135deg, #fff8d8, #eef8ff) !important;
  border: 1px solid rgba(246, 201, 14, 0.20);
}

@media (max-width: 780px) {
  .trade-campaign-banner-system {
    margin: 14px 0;
  }

  .trade-campaign-banner {
    border-radius: 18px;
  }

  .trade-campaign-banner img {
    height: clamp(156px, 34vw, 208px);
  }
}

/* Sprint 0.20.6 — Create Offer drawer + admin approval queue.
   Create Offer intentionally uses a yellow-led identity so it is visually distinct
   from the navy/teal Trade Room while remaining part of the same 99EXCHANGE system. */
.create-offer-market-button {
  color: #172033 !important;
  border-color: rgba(202, 138, 4, 0.32) !important;
  background: linear-gradient(135deg, #fff5a8, #ffd71f) !important;
  box-shadow: 0 12px 28px rgba(234, 179, 8, 0.24) !important;
}

.create-offer-drawer-shell,
.create-offer-reopen-button {
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

.create-offer-drawer-shell {
  position: fixed;
  inset: 0;
  z-index: 130;
  pointer-events: none;
}

.create-offer-drawer-shell[hidden] {
  display: none !important;
}

.create-offer-drawer-panel {
  position: absolute;
  top: 12px;
  right: 12px;
  bottom: 12px;
  width: min(760px, calc(100vw - 24px));
  display: flex;
  flex-direction: column;
  overflow: hidden;
  pointer-events: auto;
  border: 1px solid rgba(120, 83, 0, 0.18);
  border-radius: 32px;
  background:
    radial-gradient(circle at 92% 2%, rgba(255, 230, 76, 0.34), transparent 27%),
    radial-gradient(circle at 6% 16%, rgba(255, 245, 166, 0.54), transparent 32%),
    linear-gradient(180deg, #fffef7 0%, #ffffff 54%, #fffdf2 100%);
  box-shadow: 0 38px 100px rgba(15, 23, 42, 0.28), 0 0 0 1px rgba(255, 224, 54, 0.12);
  backdrop-filter: blur(18px);
}

.create-offer-drawer-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
  padding: 22px 24px 18px;
  color: #111827;
  background:
    radial-gradient(circle at 82% 15%, rgba(255,255,255,0.78), transparent 24%),
    linear-gradient(135deg, #ffe64a 0%, #ffd20a 56%, #ffef7a 100%);
  border-bottom: 1px solid rgba(120, 83, 0, 0.16);
}

.create-offer-drawer-header .eyebrow {
  color: #6b4f00;
  font-weight: 900;
  letter-spacing: 0.12em;
}

.create-offer-drawer-header h3 {
  margin: 3px 0 5px;
  font-size: clamp(1.55rem, 3vw, 2.05rem);
  letter-spacing: -0.045em;
  color: #0f172a;
}

.create-offer-drawer-header p {
  margin: 0;
  color: #443500;
}

.create-offer-window-actions {
  display: inline-flex;
  gap: 8px;
}

.create-offer-window-actions button {
  width: 36px;
  height: 36px;
  border: 1px solid rgba(15, 23, 42, 0.12);
  border-radius: 999px;
  background: rgba(255,255,255,0.76);
  color: #0f172a;
  font-weight: 950;
  cursor: pointer;
  box-shadow: 0 10px 22px rgba(120, 83, 0, 0.12);
}

.create-offer-status-strip {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1px;
  padding: 0;
  background: rgba(120, 83, 0, 0.10);
  border-bottom: 1px solid rgba(120, 83, 0, 0.11);
}

.create-offer-status-strip article {
  position: relative;
  display: grid;
  grid-template-columns: 34px 1fr;
  column-gap: 10px;
  align-items: center;
  padding: 13px 16px;
  background: #fffef8;
}

.create-offer-status-strip article > span {
  grid-row: 1 / span 2;
  width: 32px;
  height: 32px;
  display: grid;
  place-items: center;
  border-radius: 999px;
  background: #f8fafc;
  border: 1px solid rgba(100,116,139,0.2);
  color: #64748b;
  font-weight: 950;
}

.create-offer-status-strip article strong {
  color: #334155;
  font-size: 0.86rem;
}

.create-offer-status-strip article small {
  color: #94a3b8;
  font-size: 0.72rem;
}

.create-offer-status-strip article.active {
  background: linear-gradient(180deg, #fff9cf, #fffef4);
}

.create-offer-status-strip article.active > span {
  background: #ffd20a;
  border-color: #e4b900;
  color: #172033;
  box-shadow: 0 0 0 4px rgba(255, 210, 10, 0.16);
}

.create-offer-status-strip article.active strong {
  color: #6b4f00;
}

.create-offer-drawer-body {
  flex: 1;
  overflow-y: auto;
  padding: 18px;
}

.create-offer-form {
  display: grid;
  gap: 14px;
}

.create-offer-card {
  border: 1px solid rgba(15, 23, 42, 0.08);
  border-radius: 22px;
  padding: 18px;
  background: rgba(255,255,255,0.94);
  box-shadow: 0 12px 34px rgba(15, 23, 42, 0.055);
}

.create-offer-card-highlight {
  border-color: rgba(234, 179, 8, 0.32);
  background: linear-gradient(135deg, #fffdf2, #fff8c5);
  box-shadow: 0 16px 38px rgba(234, 179, 8, 0.10);
}

.create-offer-card-heading {
  margin-bottom: 14px;
}

.create-offer-card-heading .eyebrow {
  margin: 0 0 4px;
  color: #a16207;
  font-weight: 900;
}

.create-offer-card-heading h4 {
  margin: 0;
  color: #0f172a;
  font-size: 1.05rem;
  letter-spacing: -0.02em;
}

.create-offer-card-heading p:last-child {
  margin: 5px 0 0;
  color: #64748b;
  font-size: 0.84rem;
}

.create-offer-grid-2,
.create-offer-grid-3 {
  display: grid;
  gap: 12px;
}

.create-offer-grid-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.create-offer-grid-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }

.create-offer-form label {
  display: grid;
  gap: 7px;
  color: #334155;
  font-size: 0.82rem;
  font-weight: 850;
}

.create-offer-form input,
.create-offer-form select,
.create-offer-form textarea {
  width: 100%;
  min-width: 0;
  border: 1px solid rgba(100, 116, 139, 0.24);
  border-radius: 13px;
  padding: 11px 12px;
  background: #fff;
  color: #0f172a;
  font: inherit;
  font-weight: 650;
  outline: none;
  transition: border-color 140ms ease, box-shadow 140ms ease, background 140ms ease;
}

.create-offer-form textarea {
  resize: vertical;
  line-height: 1.5;
}

.create-offer-form input:focus,
.create-offer-form select:focus,
.create-offer-form textarea:focus {
  border-color: #eab308;
  box-shadow: 0 0 0 4px rgba(250, 204, 21, 0.14);
  background: #fffef8;
}

.create-offer-form input[readonly] {
  background: #f8fafc;
  color: #475569;
}

.create-offer-side-switch {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.create-offer-side-switch button {
  display: grid;
  grid-template-columns: 38px 1fr;
  column-gap: 10px;
  align-items: center;
  text-align: left;
  padding: 14px;
  border: 1px solid rgba(100,116,139,0.20);
  border-radius: 16px;
  background: rgba(255,255,255,0.88);
  color: #334155;
  cursor: pointer;
}

.create-offer-side-switch button > span {
  grid-row: 1 / span 2;
  width: 36px;
  height: 36px;
  display: grid;
  place-items: center;
  border-radius: 12px;
  background: #f1f5f9;
  font-size: 1.1rem;
  font-weight: 950;
}

.create-offer-side-switch button strong { color: #0f172a; }
.create-offer-side-switch button small { color: #64748b; }

.create-offer-side-switch button.active {
  border-color: #e3b807;
  background: linear-gradient(135deg, #fffbea, #fff3a6);
  box-shadow: 0 10px 24px rgba(234, 179, 8, 0.14);
}

.create-offer-side-switch button.active > span {
  background: #ffd20a;
  color: #172033;
}

.create-offer-payment-options {
  max-height: 210px;
  overflow-y: auto;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  padding: 10px;
  border-radius: 16px;
  background: #f8fafc;
  border: 1px solid rgba(100,116,139,0.13);
}

.create-offer-payment-option {
  display: flex !important;
  grid-template-columns: none !important;
  align-items: center;
  gap: 7px !important;
  padding: 8px 9px;
  border-radius: 11px;
  background: #fff;
  border: 1px solid rgba(100,116,139,0.14);
  font-size: 0.74rem !important;
  cursor: pointer;
}

.create-offer-payment-option:has(input:checked) {
  border-color: rgba(234, 179, 8, 0.52);
  background: #fff9d7;
}

.create-offer-payment-option input {
  width: 14px !important;
  height: 14px;
  margin: 0;
  accent-color: #eab308;
}

.payment-option-icon {
  width: 22px;
  height: 22px;
  display: grid;
  place-items: center;
  border-radius: 7px;
  background: #fff3a6;
  color: #6b4f00;
  font-size: 0.72rem;
  font-weight: 950;
}

.create-offer-preferences {
  margin-top: 12px;
}

.create-offer-rule {
  display: flex;
  gap: 8px;
  align-items: flex-start;
  margin: 12px 0 0;
  padding: 10px 12px;
  border-radius: 13px;
  color: #5f4a00;
  background: #fff9d7;
  border: 1px solid rgba(234,179,8,0.22);
  font-size: 0.78rem;
  font-weight: 700;
}

.create-offer-rule span {
  color: #eab308;
}

.create-offer-preview-card {
  border-color: rgba(37, 99, 235, 0.14);
  background: linear-gradient(145deg, #ffffff, #f8fbff);
}

.create-offer-preview-card .offer-creation-result,
.create-offer-preview-card .offer-submit-preview {
  margin: 0;
  border-radius: 16px;
}

.create-offer-drawer-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 14px 18px;
  border-top: 1px solid rgba(120,83,0,0.14);
  background: linear-gradient(180deg, rgba(255,255,255,0.96), #fff9d7);
  box-shadow: 0 -12px 32px rgba(15,23,42,0.06);
}

.create-offer-drawer-footer > div:first-child {
  display: grid;
  gap: 2px;
}

.create-offer-drawer-footer strong {
  color: #6b4f00;
  font-size: 0.82rem;
}

.create-offer-drawer-footer span {
  color: #64748b;
  font-size: 0.72rem;
}

.create-offer-footer-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
}

.create-offer-preview-button {
  border-color: rgba(37,99,235,0.18) !important;
  color: #1d4ed8 !important;
  background: #eff6ff !important;
}

.create-offer-submit-button {
  color: #172033 !important;
  background: linear-gradient(135deg, #ffe14a, #f5c400) !important;
  box-shadow: 0 12px 26px rgba(234,179,8,0.28) !important;
}

.create-offer-reopen-button {
  position: fixed;
  right: 22px;
  bottom: 22px;
  z-index: 129;
  padding: 13px 17px;
  border: 1px solid #d8ad00;
  border-radius: 999px;
  color: #172033;
  background: linear-gradient(135deg, #ffe65a, #ffd20a);
  box-shadow: 0 18px 45px rgba(120,83,0,0.25);
  font-weight: 900;
  cursor: pointer;
}

/* Admin offer governance */
.admin-offer-review-panel,
.my-offer-records-panel {
  margin: 22px 0;
  border: 1px solid rgba(15,23,42,0.09);
  border-radius: 26px;
  padding: 24px;
  background: linear-gradient(145deg, #ffffff, #f8fafc);
  box-shadow: 0 22px 68px rgba(15,23,42,0.08);
}

.admin-offer-review-heading {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
  margin-bottom: 18px;
}

.admin-offer-review-heading h3,
.my-offer-records-panel h3 {
  margin: 2px 0 6px;
  color: #0f172a;
  font-size: 1.45rem;
}

.admin-offer-review-heading p,
.my-offer-records-panel p {
  color: #64748b;
}

.admin-offer-review-metrics {
  display: flex;
  gap: 8px;
}

.admin-offer-review-metrics span {
  min-width: 86px;
  display: grid;
  place-items: center;
  padding: 10px 12px;
  border-radius: 15px;
  background: #fff9d7;
  border: 1px solid rgba(234,179,8,0.22);
}

.admin-offer-review-metrics strong {
  color: #7c5e00;
  font-size: 1.2rem;
}

.admin-offer-review-metrics small { color: #64748b; }

.admin-offer-review-list,
.my-offer-records {
  display: grid;
  gap: 12px;
}

.admin-offer-review-card,
.my-offer-record {
  border: 1px solid rgba(100,116,139,0.16);
  border-radius: 20px;
  padding: 17px;
  background: #fff;
}

.admin-offer-review-card header {
  display: flex;
  justify-content: space-between;
  gap: 14px;
}

.admin-offer-review-card h4,
.my-offer-record h4 {
  margin: 2px 0 4px;
  color: #0f172a;
}

.offer-review-state {
  display: inline-flex;
  align-items: center;
  width: fit-content;
  height: fit-content;
  padding: 6px 9px;
  border-radius: 999px;
  background: #fff9d7;
  border: 1px solid rgba(234,179,8,0.22);
  color: #8a6500;
  font-size: 0.72rem;
  font-weight: 900;
}

.admin-offer-review-facts {
  margin-top: 14px;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}

.admin-offer-review-facts span {
  display: grid;
  gap: 3px;
  padding: 10px;
  border-radius: 13px;
  background: #f8fafc;
}

.admin-offer-review-facts small { color: #64748b; }
.admin-offer-review-facts strong { color: #1e293b; font-size: 0.78rem; }

.admin-offer-review-terms {
  margin-top: 12px;
  padding: 11px 12px;
  border-radius: 13px;
  background: #f8fafc;
}

.admin-offer-review-terms p { margin: 4px 0 0; color: #475569; }

.admin-offer-review-note {
  margin-top: 12px;
  display: grid;
  gap: 6px;
  color: #334155;
  font-size: 0.78rem;
  font-weight: 800;
}

.admin-offer-review-note textarea {
  border: 1px solid rgba(100,116,139,0.22);
  border-radius: 12px;
  padding: 10px 11px;
  resize: vertical;
}

.admin-offer-review-actions {
  margin-top: 12px;
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 8px;
}

.offer-approve-action {
  background: linear-gradient(135deg, #14b8a6, #0f8d82) !important;
}

.offer-reject-action {
  color: #b91c1c !important;
  background: #fff1f2 !important;
  border-color: rgba(225,29,72,0.16) !important;
}

.admin-offer-review-message {
  margin: 14px 0 0;
  padding: 10px 12px;
  border-radius: 12px;
  color: #475569;
  background: #f8fafc;
}

.user-created-offer-row {
  border-color: rgba(234,179,8,0.28) !important;
  box-shadow: inset 4px 0 0 #ffd20a, 0 9px 24px rgba(15,23,42,0.05);
}

@media (max-width: 780px) {
  .create-offer-drawer-panel {
    inset: 0;
    width: 100vw;
    border-radius: 0;
  }
  .create-offer-status-strip article {
    grid-template-columns: 28px 1fr;
    padding: 10px 9px;
  }
  .create-offer-status-strip article > span {
    width: 27px;
    height: 27px;
  }
  .create-offer-status-strip article small { display: none; }
  .create-offer-grid-2,
  .create-offer-grid-3,
  .create-offer-payment-options,
  .admin-offer-review-facts {
    grid-template-columns: 1fr;
  }
  .create-offer-side-switch {
    grid-template-columns: 1fr;
  }
  .create-offer-payment-options { max-height: 250px; }
  .create-offer-drawer-footer,
  .admin-offer-review-heading {
    align-items: stretch;
    flex-direction: column;
  }
  .create-offer-footer-actions,
  .admin-offer-review-actions {
    justify-content: stretch;
  }
  .create-offer-footer-actions button,
  .admin-offer-review-actions button {
    flex: 1 1 auto;
  }
}

/* Sprint 0.20.8 — Premium Wallet Hub, market preview, and monthly marketplace performance. */
.wallet-main-panel {
  padding: 0;
  background:
    radial-gradient(circle at 85% 3%, rgba(20, 184, 166, 0.13), transparent 28%),
    radial-gradient(circle at 12% 0%, rgba(37, 99, 235, 0.11), transparent 25%),
    linear-gradient(180deg, #f5faff 0%, #fbfdff 42%, #f4fbf8 100%);
}

.wallet-hub {
  width: min(1500px, calc(100% - 48px));
  margin: 0 auto;
  padding: 34px 0 56px;
  color: var(--brand-slate-900);
}

.wallet-hub-heading,
.wallet-panel-heading,
.wallet-market-focus,
.wallet-performance-summary,
.wallet-primary-actions,
.wallet-balance-buckets,
.wallet-funding-actions {
  display: flex;
  align-items: center;
}

.wallet-hub-heading {
  justify-content: space-between;
  gap: 28px;
  margin-bottom: 24px;
}

.wallet-hub-heading > div:first-child {
  max-width: 820px;
}

.wallet-hub-heading h1 {
  margin: 6px 0 8px;
  font-size: clamp(28px, 3.2vw, 46px);
  line-height: 1.06;
  letter-spacing: -0.035em;
  color: var(--brand-navy-950);
}

.wallet-hub-heading > div:first-child > p:last-child {
  margin: 0;
  color: #64748b;
  font-size: 15px;
}

.wallet-heading-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  flex-wrap: wrap;
}

.wallet-icon-button,
.wallet-protection-badge,
.wallet-preview-label,
.wallet-status-chip {
  border-radius: 999px;
  font-size: 12px;
  font-weight: 800;
}

.wallet-icon-button {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 14px;
  border: 1px solid rgba(15, 23, 42, 0.10);
  background: rgba(255,255,255,0.88);
  color: #334155;
  cursor: pointer;
}

.wallet-icon-button span {
  color: var(--brand-blue-600);
}

.wallet-protection-badge {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 10px 14px;
  color: #087d70;
  background: #e9fbf5;
  border: 1px solid rgba(20, 184, 166, 0.20);
}

.wallet-protection-badge i {
  display: grid;
  place-items: center;
  width: 21px;
  height: 21px;
  border-radius: 50%;
  background: var(--brand-teal-500);
  color: white;
  font-style: normal;
}

.wallet-balance-hero {
  position: relative;
  overflow: hidden;
  display: grid;
  grid-template-columns: 1.05fr 1.4fr auto;
  gap: 24px;
  align-items: center;
  min-height: 230px;
  padding: 30px;
  margin-bottom: 24px;
  border-radius: 30px;
  color: white;
  background:
    radial-gradient(circle at 92% 10%, rgba(246, 201, 14, 0.34), transparent 26%),
    radial-gradient(circle at 64% 110%, rgba(20, 184, 166, 0.34), transparent 31%),
    linear-gradient(135deg, #06142c 0%, #0a2450 50%, #123f78 100%);
  box-shadow: 0 28px 70px rgba(7, 22, 47, 0.18);
}

.wallet-balance-hero::after {
  content: "";
  position: absolute;
  width: 290px;
  height: 290px;
  border-radius: 50%;
  right: -115px;
  bottom: -170px;
  border: 44px solid rgba(246, 201, 14, 0.13);
  pointer-events: none;
}

.wallet-total-balance,
.wallet-balance-buckets,
.wallet-primary-actions {
  position: relative;
  z-index: 1;
}

.wallet-total-balance p,
.wallet-bucket span,
.wallet-bucket small,
.wallet-total-balance span {
  color: rgba(226, 232, 240, 0.78);
}

.wallet-total-balance p {
  margin: 0 0 10px;
  font-size: 13px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}

.wallet-total-balance strong {
  display: block;
  margin-bottom: 8px;
  font-size: clamp(34px, 4vw, 54px);
  line-height: 1;
  letter-spacing: -0.04em;
}

.wallet-total-balance span {
  font-size: 12px;
}

.wallet-balance-buckets {
  gap: 10px;
}

.wallet-bucket {
  flex: 1;
  min-width: 0;
  min-height: 124px;
  padding: 18px;
  border-radius: 20px;
  background: rgba(255,255,255,0.08);
  border: 1px solid rgba(255,255,255,0.11);
  backdrop-filter: blur(8px);
}

.wallet-bucket::before {
  content: "";
  display: block;
  width: 32px;
  height: 4px;
  border-radius: 4px;
  margin-bottom: 14px;
}

.wallet-bucket-available::before { background: #63d8ff; }
.wallet-bucket-escrow::before { background: var(--brand-teal-500); }
.wallet-bucket-pending::before { background: var(--brand-gold-400); }

.wallet-bucket span,
.wallet-bucket small {
  display: block;
  font-size: 11px;
}

.wallet-bucket strong {
  display: block;
  margin: 7px 0 6px;
  font-size: 20px;
}

.wallet-primary-actions {
  flex-direction: column;
  gap: 9px;
  width: 146px;
}

.wallet-action {
  width: 100%;
  display: grid;
  grid-template-columns: 34px 1fr;
  grid-template-rows: auto auto;
  gap: 0 8px;
  align-items: center;
  padding: 12px;
  border: 0;
  border-radius: 16px;
  text-align: left;
  cursor: pointer;
  transition: transform 160ms ease, box-shadow 160ms ease;
}

.wallet-action:hover {
  transform: translateY(-2px);
}

.wallet-action span {
  grid-row: 1 / 3;
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  border-radius: 11px;
  font-size: 18px;
}

.wallet-action b { font-size: 13px; }
.wallet-action small { font-size: 10px; opacity: 0.72; }
.wallet-action-deposit { background: var(--brand-gold-500); color: #161c2c; box-shadow: 0 12px 26px rgba(246, 201, 14, 0.20); }
.wallet-action-deposit span { background: rgba(255,255,255,0.40); }
.wallet-action-withdraw { background: rgba(255,255,255,0.95); color: var(--brand-navy-950); }
.wallet-action-withdraw span { background: #eaf2ff; color: var(--brand-blue-600); }
.wallet-action-trade { background: #dff8f2; color: #076f65; }
.wallet-action-trade span { background: rgba(20,184,166,0.15); }

.wallet-analytics-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(0, 0.92fr);
  gap: 24px;
  margin-bottom: 24px;
}

.wallet-panel {
  border-radius: 26px;
  background: rgba(255,255,255,0.96);
  border: 1px solid rgba(15,23,42,0.075);
  box-shadow: 0 20px 55px rgba(7, 22, 47, 0.085);
}

.wallet-market-panel,
.wallet-performance-panel,
.wallet-assets-panel,
.wallet-escrow-panel,
.wallet-activity-panel,
.wallet-security-panel {
  padding: 24px;
}

.wallet-panel-heading {
  justify-content: space-between;
  gap: 18px;
  margin-bottom: 18px;
}

.wallet-panel-heading h2 {
  margin: 3px 0 0;
  color: var(--brand-navy-950);
  font-size: 21px;
}

.wallet-preview-label {
  padding: 7px 10px;
  color: #64748b;
  background: #f4f7fb;
  border: 1px solid #e7edf5;
}

.wallet-market-focus {
  justify-content: space-between;
  gap: 18px;
  margin-bottom: 8px;
}

.wallet-market-focus > div:first-child span,
.wallet-performance-summary span {
  display: block;
  color: #64748b;
  font-size: 12px;
  font-weight: 700;
}

.wallet-market-focus > div:first-child strong {
  display: block;
  margin: 4px 0 2px;
  color: #0b1730;
  font-size: 31px;
  letter-spacing: -0.035em;
}

.wallet-market-focus small,
.wallet-rate-copy small {
  font-size: 11px;
  font-weight: 800;
}

.positive { color: #0a9a75 !important; }
.negative { color: #dc4a5f !important; }

.wallet-chart-periods,
.wallet-performance-tabs {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 4px;
  border-radius: 12px;
  background: #f3f6fa;
}

.wallet-chart-periods button,
.wallet-performance-tabs button {
  border: 0;
  background: transparent;
  color: #64748b;
  border-radius: 9px;
  padding: 7px 10px;
  font-size: 11px;
  font-weight: 800;
  cursor: pointer;
}

.wallet-chart-periods button.active,
.wallet-performance-tabs button.active {
  color: white;
  background: linear-gradient(135deg, var(--brand-blue-700), var(--brand-blue-600));
  box-shadow: 0 8px 18px rgba(37,99,235,0.18);
}

.wallet-chart-shell {
  position: relative;
  overflow: hidden;
  border-radius: 18px;
  background:
    linear-gradient(180deg, rgba(239, 247, 255, 0.72), rgba(255,255,255,0.76));
  border: 1px solid #edf2f8;
}

.wallet-line-chart {
  display: block;
  width: 100%;
  height: 190px;
}

.wallet-chart-grid line {
  stroke: rgba(100,116,139,0.13);
  stroke-width: 1;
  stroke-dasharray: 4 6;
}

.wallet-market-chart-shell [data-wallet-market-line],
.wallet-performance-chart-shell [data-wallet-performance-line] {
  fill: none;
  stroke-width: 4;
  stroke-linecap: round;
  stroke-linejoin: round;
  filter: drop-shadow(0 7px 9px rgba(37,99,235,0.14));
  transition: all 220ms ease;
}

.wallet-market-chart-shell [data-wallet-market-line] { stroke: var(--brand-teal-500); }
.wallet-performance-chart-shell [data-wallet-performance-line] { stroke: var(--brand-blue-600); }

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

.wallet-market-row {
  display: grid;
  grid-template-columns: 1fr auto;
  grid-template-areas: "identity chart" "rate chart";
  gap: 4px 10px;
  align-items: center;
  padding: 11px;
  border-radius: 14px;
  border: 1px solid #edf1f6;
  background: white;
  text-align: left;
  cursor: pointer;
}

.wallet-market-row:hover,
.wallet-market-row.active {
  border-color: rgba(37,99,235,0.24);
  background: #f7fbff;
  box-shadow: 0 8px 20px rgba(37,99,235,0.07);
}

.wallet-asset-identity { grid-area: identity; }
.wallet-asset-identity b,
.wallet-asset-identity small,
.wallet-rate-copy strong,
.wallet-rate-copy small { display: block; }
.wallet-asset-identity b { color: #13213b; font-size: 13px; }
.wallet-asset-identity small { color: #94a3b8; font-size: 10px; }
.wallet-rate-copy { grid-area: rate; }
.wallet-rate-copy strong { color: #334155; font-size: 12px; }
.wallet-mini-chart { grid-area: chart; width: 74px; height: 34px; }
.wallet-mini-chart polyline { fill: none; stroke: var(--brand-teal-500); stroke-width: 2.7; stroke-linecap: round; stroke-linejoin: round; }
.wallet-market-row.active .wallet-mini-chart polyline { stroke: var(--brand-blue-600); }

.wallet-data-disclosure {
  margin: 14px 0 0;
  padding-top: 12px;
  border-top: 1px solid #eef2f7;
  color: #7b8798;
  font-size: 10.5px;
  line-height: 1.5;
}

.wallet-performance-summary {
  gap: 8px;
  margin-bottom: 14px;
}

.wallet-performance-summary article {
  flex: 1;
  padding: 13px;
  border-radius: 15px;
  background: #f8fbff;
  border: 1px solid #edf2f8;
}

.wallet-performance-summary article:first-child {
  background: linear-gradient(135deg, #07162f, #123f78);
  border-color: transparent;
  color: white;
}

.wallet-performance-summary article:first-child span,
.wallet-performance-summary article:first-child small { color: rgba(226,232,240,0.76); }
.wallet-performance-summary strong { display: block; margin: 4px 0 2px; font-size: 20px; }
.wallet-performance-summary small { color: #64748b; font-size: 10px; }
.wallet-performance-tabs { width: max-content; max-width: 100%; margin-bottom: 10px; }
.wallet-performance-tabs button { white-space: nowrap; }
.wallet-chart-months { display: grid; grid-template-columns: repeat(8, 1fr); padding: 0 10px 9px; color: #94a3b8; font-size: 9px; text-align: center; }
.wallet-performance-details { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; margin-top: 12px; }
.wallet-performance-details span { padding: 11px; border-radius: 12px; background: #f7fafc; color: #64748b; font-size: 10px; }
.wallet-performance-details b { display: block; margin-bottom: 3px; color: #26364f; font-size: 12px; }

.wallet-assets-panel { margin-bottom: 24px; }
.wallet-small-action {
  padding: 9px 13px;
  border: 0;
  border-radius: 11px;
  background: #fff4b3;
  color: #6d5700;
  font-weight: 850;
  cursor: pointer;
}

.wallet-assets-table {
  overflow: hidden;
  border: 1px solid #edf1f6;
  border-radius: 18px;
}

.wallet-assets-header,
.wallet-asset-row {
  display: grid;
  grid-template-columns: 1.4fr repeat(4, 1fr);
  align-items: center;
  gap: 14px;
  padding: 13px 16px;
}

.wallet-assets-header {
  color: #7b8798;
  background: #f6f9fc;
  font-size: 10px;
  font-weight: 850;
  text-transform: uppercase;
  letter-spacing: 0.06em;
}

.wallet-asset-row {
  border-top: 1px solid #edf1f6;
  background: white;
}

.wallet-asset-row:hover { background: #fbfdff; }
.wallet-asset-row.funded { background: linear-gradient(90deg, #f5fffb, #ffffff 55%); }
.wallet-asset-row > span strong,
.wallet-asset-row > span small { display: block; }
.wallet-asset-row > span strong { color: #26364f; font-size: 12px; }
.wallet-asset-row > span small { margin-top: 3px; color: #94a3b8; font-size: 9.5px; }
.wallet-asset-main { display: flex; align-items: center; gap: 10px; }
.wallet-token {
  display: grid;
  place-items: center;
  width: 36px;
  height: 36px;
  flex: 0 0 36px;
  border-radius: 12px;
  color: white;
  font-size: 10px;
  background: linear-gradient(135deg, var(--brand-blue-700), #163c7e);
}
.wallet-token-us { background: linear-gradient(135deg, #0f9f8f, #3dd6b7); }
.wallet-token-bt { background: linear-gradient(135deg, #f59e0b, #f6c90e); color: #503b00; }
.wallet-token-et { background: linear-gradient(135deg, #4f5b93, #8093d8); }
.wallet-token-so { background: linear-gradient(135deg, #7c3aed, #14b8a6); }
.wallet-token-bn { background: linear-gradient(135deg, #f6c90e, #f4b400); color: #503b00; }

.wallet-lower-grid {
  display: grid;
  grid-template-columns: 0.95fr 1.18fr 0.92fr;
  gap: 24px;
}

.wallet-status-chip {
  padding: 7px 10px;
  color: #42526a;
  background: #f2f6fb;
}
.wallet-status-chip.protected { color: #087d70; background: #e7faf5; }

.wallet-escrow-trade {
  padding: 16px;
  border-radius: 17px;
  background: linear-gradient(135deg, #ecfbf7, #f8fffd);
  border: 1px solid rgba(20,184,166,0.16);
}
.wallet-escrow-trade > div { display: flex; justify-content: space-between; gap: 12px; align-items: center; }
.wallet-escrow-trade > div span { color: #087d70; font-size: 11px; font-weight: 850; }
.wallet-escrow-trade > div strong { color: #065f57; font-size: 20px; }
.wallet-escrow-trade p { color: #55736e; font-size: 11px; line-height: 1.55; }
.wallet-escrow-trade button,
.wallet-funding-actions button {
  padding: 9px 12px;
  border: 0;
  border-radius: 10px;
  background: var(--brand-teal-600);
  color: white;
  font-size: 10px;
  font-weight: 850;
  cursor: pointer;
}
.wallet-escrow-panel > p { margin: 14px 2px 0; color: #7b8798; font-size: 10.5px; line-height: 1.5; }

.wallet-activity-list { display: grid; gap: 9px; }
.wallet-activity-list > div {
  display: grid;
  grid-template-columns: 38px 1fr auto;
  gap: 10px;
  align-items: center;
  padding: 11px;
  border-radius: 13px;
  background: #f8fafc;
}
.wallet-activity-icon { display: grid; place-items: center; width: 34px; height: 34px; border-radius: 11px; background: #eaf2ff; color: var(--brand-blue-600); font-style: normal; font-weight: 900; }
.wallet-activity-list span strong,
.wallet-activity-list span small { display: block; }
.wallet-activity-list span strong { color: #314057; font-size: 11px; }
.wallet-activity-list span small { margin-top: 3px; color: #8b98aa; font-size: 9px; line-height: 1.35; }
.wallet-activity-list > div > b { color: #253750; font-size: 11px; text-align: right; }

.wallet-security-mark { display: grid; place-items: center; width: 42px; height: 42px; border-radius: 14px; color: #6b5600; background: var(--brand-gold-500); font-size: 22px; font-weight: 900; }
.wallet-security-points { display: grid; gap: 9px; }
.wallet-security-points span { display: grid; grid-template-columns: 28px 1fr; gap: 1px 8px; align-items: start; padding: 11px; border-radius: 13px; background: #f8fafc; }
.wallet-security-points i { grid-row: 1 / 3; display: grid; place-items: center; width: 27px; height: 27px; border-radius: 9px; background: #fff5bb; color: #806600; font-size: 9px; font-style: normal; font-weight: 900; }
.wallet-security-points b { color: #2b3a52; font-size: 10.5px; }
.wallet-security-points small { color: #8793a4; font-size: 9px; line-height: 1.35; }
.wallet-funding-actions { gap: 8px; margin-top: 12px; }
.wallet-funding-actions button { flex: 1; background: #eef5ff; color: var(--brand-blue-700); }

@media (max-width: 1160px) {
  .wallet-balance-hero { grid-template-columns: 1fr 1.45fr; }
  .wallet-primary-actions { grid-column: 1 / -1; width: 100%; flex-direction: row; }
  .wallet-action { flex: 1; }
  .wallet-analytics-grid { grid-template-columns: 1fr; }
  .wallet-lower-grid { grid-template-columns: 1fr 1fr; }
  .wallet-security-panel { grid-column: 1 / -1; }
}

@media (max-width: 840px) {
  .wallet-hub { width: min(100% - 28px, 1500px); padding-top: 22px; }
  .wallet-hub-heading { align-items: flex-start; flex-direction: column; }
  .wallet-heading-actions { justify-content: flex-start; }
  .wallet-balance-hero { grid-template-columns: 1fr; padding: 22px; }
  .wallet-balance-buckets { flex-wrap: wrap; }
  .wallet-bucket { min-width: calc(50% - 8px); }
  .wallet-primary-actions { grid-column: auto; }
  .wallet-market-list { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .wallet-assets-table { overflow-x: auto; }
  .wallet-assets-header,
  .wallet-asset-row { min-width: 810px; }
  .wallet-lower-grid { grid-template-columns: 1fr; }
  .wallet-security-panel { grid-column: auto; }
}

@media (max-width: 560px) {
  .wallet-hub { width: min(100% - 20px, 1500px); }
  .wallet-hub-heading h1 { font-size: 30px; }
  .wallet-balance-buckets { display: grid; grid-template-columns: 1fr 1fr; width: 100%; }
  .wallet-bucket { min-width: 0; }
  .wallet-bucket:last-child { grid-column: 1 / -1; }
  .wallet-primary-actions { flex-direction: column; }
  .wallet-market-focus { align-items: flex-start; flex-direction: column; }
  .wallet-market-list { grid-template-columns: 1fr; }
  .wallet-performance-summary { display: grid; grid-template-columns: 1fr 1fr; }
  .wallet-performance-summary article:first-child { grid-column: 1 / -1; }
  .wallet-performance-tabs { overflow-x: auto; width: 100%; }
  .wallet-performance-details { grid-template-columns: 1fr; }
  .wallet-line-chart { height: 160px; }
}

/* Sprint 0.20.9 — Wallet-native Deposit workspace. */
.deposit-workspace-drawer-shell,
.deposit-workspace-reopen {
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

.deposit-workspace-drawer-shell {
  position: fixed;
  inset: 0;
  z-index: 135;
  pointer-events: none;
}

.deposit-workspace-drawer-shell[hidden] { display: none !important; }

.deposit-workspace-drawer-panel {
  position: absolute;
  top: 12px;
  right: 12px;
  bottom: 12px;
  width: min(780px, calc(100vw - 24px));
  display: flex;
  flex-direction: column;
  overflow: hidden;
  pointer-events: auto;
  border-radius: 32px;
  border: 1px solid rgba(37, 99, 235, 0.14);
  background:
    radial-gradient(circle at 95% 4%, rgba(20, 184, 166, 0.12), transparent 27%),
    radial-gradient(circle at 7% 16%, rgba(246, 201, 14, 0.11), transparent 25%),
    linear-gradient(180deg, #f7fbff 0%, #ffffff 47%, #f7fcfa 100%);
  box-shadow: 0 38px 100px rgba(7, 22, 47, 0.30), 0 0 0 1px rgba(255,255,255,0.55);
  backdrop-filter: blur(18px);
}

.deposit-workspace-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
  padding: 22px 24px 19px;
  color: #fff;
  background:
    radial-gradient(circle at 88% 0%, rgba(246, 201, 14, 0.30), transparent 27%),
    radial-gradient(circle at 58% 115%, rgba(20, 184, 166, 0.32), transparent 32%),
    linear-gradient(135deg, #06142c 0%, #0b2a5a 55%, #114b79 100%);
  border-bottom: 1px solid rgba(255,255,255,0.10);
}

.deposit-workspace-header .eyebrow {
  color: #9fe7da;
  font-weight: 900;
  letter-spacing: 0.12em;
}

.deposit-workspace-header h3 {
  margin: 3px 0 5px;
  color: #fff;
  font-size: clamp(1.6rem, 3vw, 2.1rem);
  line-height: 1.05;
  letter-spacing: -0.045em;
}

.deposit-workspace-header p { margin: 0; color: rgba(226,232,240,0.82); }

.deposit-window-actions { display: inline-flex; gap: 8px; }
.deposit-window-actions button {
  width: 36px;
  height: 36px;
  border: 1px solid rgba(255,255,255,0.14);
  border-radius: 999px;
  background: rgba(255,255,255,0.09);
  color: #fff;
  font-weight: 950;
  cursor: pointer;
}
.deposit-window-actions button:hover { background: rgba(255,255,255,0.16); }

.deposit-workspace-status {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1px;
  background: #e5edf6;
  border-bottom: 1px solid #e5edf6;
}

.deposit-workspace-status article {
  position: relative;
  display: grid;
  grid-template-columns: 30px 1fr;
  gap: 2px 9px;
  align-items: center;
  min-height: 74px;
  padding: 12px 13px;
  background: #fff;
}
.deposit-workspace-status article > span {
  grid-row: 1 / 3;
  display: grid;
  place-items: center;
  width: 30px;
  height: 30px;
  border-radius: 10px;
  color: #64748b;
  background: #eef3f8;
  font-size: 11px;
  font-weight: 900;
}
.deposit-workspace-status strong { color: #334155; font-size: 11px; }
.deposit-workspace-status small { color: #94a3b8; font-size: 8.5px; line-height: 1.3; }
.deposit-workspace-status article[data-state="complete"] > span { color: white; background: var(--brand-teal-500); }
.deposit-workspace-status article[data-state="current"] { background: #fffbea; }
.deposit-workspace-status article[data-state="current"] > span { color: #5d4800; background: var(--brand-gold-500); box-shadow: 0 0 0 5px rgba(246,201,14,0.13); }

.deposit-workspace-body {
  flex: 1;
  overflow-y: auto;
  padding: 18px;
  scrollbar-gutter: stable;
}

.deposit-workspace-card {
  margin-bottom: 14px;
  padding: 18px;
  border-radius: 20px;
  border: 1px solid rgba(100,116,139,0.13);
  background: rgba(255,255,255,0.96);
  box-shadow: 0 12px 36px rgba(7,22,47,0.055);
}

.deposit-selection-card {
  background:
    radial-gradient(circle at 98% 0%, rgba(246,201,14,0.15), transparent 28%),
    linear-gradient(145deg, #ffffff, #f5fbff);
}

.deposit-card-heading { margin-bottom: 13px; }
.deposit-card-heading .eyebrow { margin: 0 0 3px; color: #087d70; }
.deposit-card-heading h4 { margin: 0; color: #10203c; font-size: 1rem; letter-spacing: -0.02em; }
.deposit-card-heading p:last-child { margin: 5px 0 0; color: #7b8798; font-size: 10.5px; }

.deposit-asset-options {
  display: grid;
  grid-template-columns: repeat(6, minmax(0,1fr));
  gap: 8px;
}
.deposit-asset-options button {
  display: grid;
  place-items: center;
  gap: 4px;
  min-height: 92px;
  padding: 10px 6px;
  border: 1px solid #e5ebf2;
  border-radius: 15px;
  background: #fff;
  color: #334155;
  cursor: pointer;
  transition: transform 150ms ease, border-color 150ms ease, box-shadow 150ms ease;
}
.deposit-asset-options button:hover { transform: translateY(-2px); border-color: rgba(37,99,235,0.24); }
.deposit-asset-options button.active { border-color: rgba(20,184,166,0.34); background: #effcf8; box-shadow: 0 9px 20px rgba(20,184,166,0.09); }
.deposit-asset-options button span { display:grid; place-items:center; width:34px; height:34px; border-radius:11px; background:linear-gradient(135deg,#0b2a5a,#2563eb); color:#fff; font-size:16px; font-weight:900; }
.deposit-asset-options button.active span { background: linear-gradient(135deg,#0f9f8f,#3dd6b7); }
.deposit-asset-options button b { font-size: 11px; }
.deposit-asset-options button small { color: #94a3b8; font-size: 8.5px; }

.deposit-network-options { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 9px; }
.deposit-network-options button {
  display: grid;
  gap: 4px;
  padding: 13px 14px;
  border: 1px solid #e5ebf2;
  border-radius: 14px;
  background: #f9fbfd;
  color: #334155;
  text-align: left;
  cursor: pointer;
}
.deposit-network-options button b { font-size: 11.5px; }
.deposit-network-options button small { color: #8491a3; font-size: 9px; }
.deposit-network-options button.active { border-color: rgba(37,99,235,0.28); background: #eef6ff; box-shadow: inset 4px 0 0 var(--brand-blue-600); }

.deposit-address-layout { display: grid; grid-template-columns: 178px 1fr; gap: 18px; align-items: stretch; }
.deposit-preview-qr {
  position: relative;
  display: grid;
  grid-template-columns: repeat(11, 1fr);
  grid-template-rows: repeat(11, 1fr);
  aspect-ratio: 1;
  padding: 12px;
  border: 9px solid #fff;
  border-radius: 20px;
  background: #f4f8fc;
  box-shadow: 0 12px 30px rgba(7,22,47,0.10), inset 0 0 0 1px #e7edf5;
  overflow: hidden;
}
.deposit-preview-qr i {
  width: 100%;
  height: 100%;
  border-radius: 1px;
  background: #0b2348;
}
.deposit-preview-qr b {
  position: absolute;
  inset: auto 20px 20px;
  z-index: 2;
  padding: 5px 7px;
  border-radius: 7px;
  background: var(--brand-gold-500);
  color: #5a4500;
  font-size: 9px;
  text-align: center;
  letter-spacing: .12em;
}

.deposit-address-copy { display: grid; gap: 12px; }
.deposit-preview-warning {
  display: grid;
  grid-template-columns: 32px 1fr;
  gap: 10px;
  align-items: center;
  padding: 10px 11px;
  border-radius: 13px;
  background: #fff8d8;
  border: 1px solid rgba(246,201,14,0.28);
}
.deposit-preview-warning > span { display:grid; place-items:center; width:30px; height:30px; border-radius:10px; background:var(--brand-gold-500); color:#5f4900; font-weight:950; }
.deposit-preview-warning p { margin: 0; }
.deposit-preview-warning strong, .deposit-preview-warning small { display:block; }
.deposit-preview-warning strong { color:#5f4900; font-size:10.5px; }
.deposit-preview-warning small { margin-top:2px; color:#786a35; font-size:8.7px; line-height:1.4; }

.deposit-address-copy > label { display:grid; gap:6px; color:#64748b; font-size:9.5px; font-weight:800; }
.deposit-address-copy > label > strong { color:#20324d; font-size:12px; }
.deposit-address-value { display:flex; gap:7px; align-items:center; min-width:0; }
.deposit-address-value code { flex:1; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding:11px 12px; border-radius:11px; background:#f4f7fb; color:#23405f; font-size:9.5px; border:1px solid #e5ebf2; }
.deposit-address-value button { padding:10px 11px; border:0; border-radius:10px; background:linear-gradient(135deg,var(--brand-blue-700),var(--brand-blue-600)); color:#fff; font-size:9px; font-weight:850; cursor:pointer; }
.deposit-address-facts { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
.deposit-address-facts span { padding:10px 11px; border-radius:12px; background:#f7fafc; }
.deposit-address-facts small,.deposit-address-facts b { display:block; }
.deposit-address-facts small { color:#94a3b8; font-size:8.5px; }
.deposit-address-facts b { margin-top:3px; color:#334155; font-size:10.5px; }

.deposit-network-warning-card { display:grid; grid-template-columns:44px 1fr; gap:13px; align-items:center; background:linear-gradient(135deg,#fffbea,#fffef8); border-color:rgba(246,201,14,0.24); }
.deposit-warning-mark { display:grid; place-items:center; width:42px; height:42px; border-radius:14px; background:var(--brand-gold-500); color:#5f4900; font-size:20px; font-weight:950; }
.deposit-network-warning-card .eyebrow { margin:0 0 2px; color:#8a6900; }
.deposit-network-warning-card h4 { margin:0; color:#3f3308; font-size:12px; }
.deposit-network-warning-card p:last-child { margin:4px 0 0; color:#7c6e37; font-size:9.5px; line-height:1.45; }

.deposit-progress-list { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; }
.deposit-progress-list article { min-height:110px; padding:11px; border-radius:14px; background:#f7fafc; border:1px solid #e9eef4; }
.deposit-progress-list i { display:grid; place-items:center; width:28px; height:28px; margin-bottom:9px; border-radius:9px; background:#e8eef5; color:#64748b; font-size:10px; font-style:normal; font-weight:900; }
.deposit-progress-list b,.deposit-progress-list small { display:block; }
.deposit-progress-list b { color:#334155; font-size:10px; }
.deposit-progress-list small { margin-top:4px; color:#8996a7; font-size:8px; line-height:1.4; }
.deposit-progress-list article[data-state="complete"] { background:#effbf7; border-color:rgba(20,184,166,.18); }
.deposit-progress-list article[data-state="complete"] i { background:var(--brand-teal-500); color:#fff; }
.deposit-progress-list article[data-state="current"] { background:#fffbea; border-color:rgba(246,201,14,.25); }
.deposit-progress-list article[data-state="current"] i { background:var(--brand-gold-500); color:#5e4800; }
.deposit-progress-disclosure { margin:11px 0 0; color:#8996a7; font-size:8.8px; line-height:1.5; }

.deposit-recent-list { display:grid; gap:8px; }
.deposit-recent-list article { display:grid; grid-template-columns:38px 1fr auto auto; gap:10px; align-items:center; padding:11px; border-radius:13px; background:#f8fafc; }
.deposit-recent-token { display:grid; place-items:center; width:36px; height:36px; border-radius:11px; background:#eaf2ff; color:var(--brand-blue-700); font-size:9px; font-weight:900; }
.deposit-recent-list b,.deposit-recent-list small { display:block; }
.deposit-recent-list b { color:#334155; font-size:10.5px; }
.deposit-recent-list small { margin-top:2px; color:#94a3b8; font-size:8.5px; }
.deposit-recent-list strong { color:#233751; font-size:10.5px; }
.deposit-recent-list em { padding:5px 7px; border-radius:999px; font-size:8px; font-style:normal; font-weight:900; }
.deposit-recent-list .status-credited { color:#087d70; background:#e4faf4; }
.deposit-recent-list .status-confirming { color:#8a6900; background:#fff6c9; }
.deposit-recent-list .status-review { color:#8b3f50; background:#fff0f3; }

.deposit-workspace-footer {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:14px 18px;
  border-top:1px solid rgba(37,99,235,0.10);
  background:linear-gradient(180deg,rgba(255,255,255,.97),#f1f8ff);
  box-shadow:0 -12px 32px rgba(7,22,47,.055);
}
.deposit-workspace-footer > div { display:grid; gap:2px; }
.deposit-workspace-footer strong { color:#0b4e49; font-size:11px; }
.deposit-workspace-footer span { color:#758399; font-size:9px; }
.deposit-back-wallet { padding:10px 15px; border:0; border-radius:11px; background:linear-gradient(135deg,var(--brand-teal-600),#087d70); color:#fff; font-size:10px; font-weight:900; cursor:pointer; }

.deposit-workspace-reopen {
  position:fixed;
  right:22px;
  bottom:22px;
  z-index:134;
  padding:12px 16px;
  border:1px solid rgba(20,184,166,.28);
  border-radius:999px;
  background:linear-gradient(135deg,#dff8f2,#fff7c2);
  color:#075f58;
  box-shadow:0 18px 45px rgba(7,22,47,.18);
  font-size:11px;
  font-weight:900;
  cursor:pointer;
}

@media (max-width: 780px) {
  .deposit-workspace-drawer-panel { inset:0; width:100vw; border-radius:0; }
  .deposit-workspace-status article { grid-template-columns:26px 1fr; min-height:62px; padding:9px 8px; }
  .deposit-workspace-status article > span { width:26px; height:26px; }
  .deposit-workspace-status small { display:none; }
  .deposit-asset-options { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .deposit-address-layout { grid-template-columns:1fr; }
  .deposit-preview-qr { width:min(180px,70vw); margin:0 auto; }
  .deposit-network-options,.deposit-address-facts,.deposit-progress-list { grid-template-columns:1fr 1fr; }
  .deposit-recent-list article { grid-template-columns:38px 1fr auto; }
  .deposit-recent-list em { grid-column:2 / -1; justify-self:start; }
  .deposit-workspace-footer { align-items:stretch; flex-direction:column; }
  .deposit-back-wallet { width:100%; }
}

/* Sprint 0.21.0 — Wallet-native withdrawal workspace with one-time 12-hour address whitelisting. */
.withdraw-workspace-drawer-shell,
.withdraw-workspace-reopen {
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

.withdraw-workspace-drawer-shell {
  position: fixed;
  inset: 0;
  z-index: 1200;
  background: rgba(7, 22, 47, 0.40);
  backdrop-filter: blur(8px);
}

.withdraw-workspace-drawer-shell[hidden] { display: none !important; }

.withdraw-workspace-drawer-panel {
  position: absolute;
  inset: 18px 18px 18px auto;
  width: min(760px, calc(100vw - 36px));
  display: grid;
  grid-template-rows: auto auto minmax(0, 1fr) auto;
  overflow: hidden;
  border-radius: 30px;
  background: #f7fbff;
  border: 1px solid rgba(37, 99, 235, 0.13);
  box-shadow: 0 36px 100px rgba(7, 22, 47, 0.30);
}

.withdraw-workspace-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 20px;
  padding: 25px 28px 22px;
  color: #fff;
  background:
    radial-gradient(circle at 88% -15%, rgba(246, 201, 14, 0.28), transparent 34%),
    radial-gradient(circle at 10% 120%, rgba(20, 184, 166, 0.22), transparent 38%),
    linear-gradient(135deg, #07162f, #0c2f61 63%, #104b70);
}

.withdraw-workspace-header .eyebrow {
  margin: 0 0 5px;
  color: #f6c90e;
  font-size: 10px;
  font-weight: 850;
  letter-spacing: 0.12em;
}

.withdraw-workspace-header h3 {
  margin: 0 0 7px;
  font-size: clamp(28px, 4vw, 40px);
  line-height: 0.98;
  letter-spacing: -0.035em;
}

.withdraw-workspace-header p { margin: 0; color: rgba(226, 232, 240, 0.82); font-size: 12px; line-height: 1.55; max-width: 540px; }

.withdraw-window-actions { display:flex; gap:8px; }
.withdraw-window-actions button {
  width: 36px; height: 36px; border: 1px solid rgba(255,255,255,0.15); border-radius: 12px; cursor:pointer;
  background: rgba(255,255,255,0.08); color:#fff; font-size:18px;
}

.withdraw-workspace-status {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  padding: 0;
  background: #fff;
  border-bottom: 1px solid rgba(15,23,42,0.07);
}
.withdraw-workspace-status article {
  min-width:0; display:grid; grid-template-columns:32px 1fr; grid-template-rows:auto auto; gap:2px 8px; align-items:center;
  padding: 11px 10px; border-right:1px solid rgba(15,23,42,0.06);
}
.withdraw-workspace-status article:last-child { border-right:0; }
.withdraw-workspace-status article > span {
  grid-row:1/3; width:28px; height:28px; display:grid; place-items:center; border-radius:50%; background:#edf3fb; color:#506176; font-size:10px; font-weight:850;
}
.withdraw-workspace-status strong { color:#334155; font-size:10.5px; }
.withdraw-workspace-status small { color:#94a3b8; font-size:8.5px; line-height:1.3; }
.withdraw-workspace-status article[data-state="complete"] > span { background:#14b8a6; color:#fff; }
.withdraw-workspace-status article[data-state="current"] { background:#fffbea; }
.withdraw-workspace-status article[data-state="current"] > span { background:#f6c90e; color:#594500; box-shadow:0 0 0 5px rgba(246,201,14,0.12); }

.withdraw-workspace-body { overflow:auto; padding: 20px 22px 28px; display:grid; gap:16px; }
.withdraw-workspace-card {
  padding:20px; border-radius:22px; background:#fff; border:1px solid rgba(15,23,42,0.075); box-shadow:0 12px 34px rgba(7,22,47,0.06);
}
.withdraw-card-heading { display:grid; gap:4px; margin-bottom:15px; }
.withdraw-card-heading .eyebrow { margin:0; color:#1e63b5; font-size:9.5px; font-weight:850; letter-spacing:0.10em; }
.withdraw-card-heading h4 { margin:0; color:#10213c; font-size:20px; letter-spacing:-0.025em; }
.withdraw-card-heading p:not(.eyebrow) { margin:0; color:#738196; font-size:11px; line-height:1.5; }

.withdraw-asset-options { display:grid; grid-template-columns:repeat(3,1fr); gap:9px; }
.withdraw-asset-options button,
.withdraw-network-options button {
  border:1px solid rgba(15,23,42,0.08); border-radius:16px; background:#fbfdff; cursor:pointer; text-align:left; transition:150ms ease;
}
.withdraw-asset-options button { min-height:74px; padding:11px; display:grid; grid-template-columns:30px 1fr; grid-template-rows:auto auto; gap:1px 8px; align-items:center; }
.withdraw-asset-options button > span { grid-row:1/3; width:30px; height:30px; border-radius:10px; display:grid; place-items:center; background:#eef4fb; color:#1d5fa8; font-weight:900; }
.withdraw-asset-options button b { color:#142945; font-size:11px; }
.withdraw-asset-options button small { color:#8794a8; font-size:8.5px; }
.withdraw-asset-options button.active { border-color:rgba(20,184,166,0.48); background:#effcf9; box-shadow:0 0 0 3px rgba(20,184,166,0.08); }
.withdraw-asset-options button.active > span { background:#14b8a6; color:#fff; }

.withdraw-network-options { display:grid; grid-template-columns:repeat(2,1fr); gap:9px; }
.withdraw-network-options button { padding:13px 14px; }
.withdraw-network-options button b, .withdraw-network-options button small { display:block; }
.withdraw-network-options button b { color:#1b2e49; font-size:11px; margin-bottom:4px; }
.withdraw-network-options button small { color:#8492a5; font-size:8.5px; }
.withdraw-network-options button.active { border-color:rgba(37,99,235,0.35); background:#eef6ff; box-shadow:0 0 0 3px rgba(37,99,235,0.06); }

.withdraw-whitelist-policy {
  display:flex; gap:12px; align-items:center; padding:13px 14px; margin-bottom:13px; border-radius:16px;
  background:linear-gradient(135deg,#fff9dc,#f4f9ff); border:1px solid rgba(246,201,14,0.24);
}
.withdraw-whitelist-policy > span { width:48px; height:48px; flex:0 0 48px; display:grid; place-items:center; border-radius:15px; background:#f6c90e; color:#4e3d00; font-weight:950; font-size:15px; }
.withdraw-whitelist-policy b, .withdraw-whitelist-policy small { display:block; }
.withdraw-whitelist-policy b { color:#3f350b; font-size:11px; margin-bottom:3px; }
.withdraw-whitelist-policy small { color:#716c4f; font-size:9px; line-height:1.45; }

.withdraw-saved-addresses { display:grid; gap:8px; margin-bottom:13px; }
.withdraw-saved-addresses button {
  display:grid; grid-template-columns:34px minmax(0,1fr) auto; align-items:center; gap:10px; padding:10px 12px; border-radius:15px;
  border:1px solid rgba(15,23,42,0.08); background:#fbfdff; cursor:pointer; text-align:left;
}
.withdraw-saved-addresses button > span { width:34px; height:34px; display:grid; place-items:center; border-radius:11px; background:#e8f8f4; color:#087d70; font-weight:900; }
.withdraw-saved-addresses button div { min-width:0; }
.withdraw-saved-addresses button b, .withdraw-saved-addresses button small { display:block; }
.withdraw-saved-addresses button b { color:#1c304d; font-size:10.5px; }
.withdraw-saved-addresses button small { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#8693a6; font-size:8.5px; margin-top:2px; }
.withdraw-saved-addresses button em { padding:5px 8px; border-radius:999px; background:#e6f8f4; color:#087d70; font-size:8px; font-style:normal; font-weight:850; }
.withdraw-saved-addresses button.active { border-color:rgba(20,184,166,0.38); background:#f0fcf9; }
.withdraw-loading-copy, .withdraw-empty-addresses { margin:0; padding:11px 12px; border-radius:13px; background:#f7f9fc; color:#8190a4; font-size:9.5px; }

.withdraw-address-field, .withdraw-address-label, .withdraw-amount-field { display:grid; gap:6px; margin-top:10px; }
.withdraw-address-field > span, .withdraw-address-label > span, .withdraw-amount-field > span { color:#526278; font-size:9px; font-weight:800; }
.withdraw-address-field > div, .withdraw-amount-field > div { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:8px; }
.withdraw-address-field input, .withdraw-address-label input, .withdraw-amount-field input {
  min-width:0; border:1px solid rgba(15,23,42,0.12); border-radius:13px; padding:12px 13px; background:#fff; color:#142943; font:inherit; font-size:11px; outline:none;
}
.withdraw-address-field input:focus, .withdraw-address-label input:focus, .withdraw-amount-field input:focus { border-color:rgba(37,99,235,0.42); box-shadow:0 0 0 3px rgba(37,99,235,0.07); }
.withdraw-address-field button { border:0; border-radius:13px; padding:0 14px; cursor:pointer; background:#0f3768; color:#fff; font-size:9px; font-weight:850; }
.withdraw-address-field > small { color:#8d99aa; font-size:8.5px; }
.withdraw-address-label small { color:#9aa5b4; font-weight:600; }

.withdraw-whitelist-result { display:flex; gap:10px; align-items:flex-start; margin-top:13px; padding:12px 13px; border-radius:15px; background:#f6f8fb; border:1px solid rgba(15,23,42,0.06); }
.withdraw-whitelist-result > span { width:30px; height:30px; display:grid; place-items:center; flex:0 0 30px; border-radius:10px; background:#eaf0f7; color:#607086; font-weight:900; }
.withdraw-whitelist-result b, .withdraw-whitelist-result small { display:block; }
.withdraw-whitelist-result b { color:#2b3f58; font-size:10px; }
.withdraw-whitelist-result small { color:#8794a5; font-size:8.5px; line-height:1.45; margin-top:3px; }
.withdraw-whitelist-result[data-state="ready"] { background:#edfbf7; border-color:rgba(20,184,166,0.22); }
.withdraw-whitelist-result[data-state="ready"] > span { background:#14b8a6; color:#fff; }
.withdraw-whitelist-result[data-state="pending"] { background:#fffbea; border-color:rgba(246,201,14,0.24); }
.withdraw-whitelist-result[data-state="pending"] > span { background:#f6c90e; color:#4f3d00; }
.withdraw-whitelist-result[data-state="error"] { background:#fff3f2; border-color:rgba(220,38,38,0.16); }
.withdraw-whitelist-result[data-state="error"] > span { background:#fee2e2; color:#b42318; }

.withdraw-balance-line { display:flex; justify-content:space-between; gap:12px; padding:10px 12px; margin-bottom:10px; border-radius:13px; background:#eff8f6; color:#47706d; font-size:9.5px; }
.withdraw-balance-line strong { color:#087d70; }
.withdraw-amount-field > div { grid-template-columns:minmax(0,1fr) auto auto; }
.withdraw-amount-field b { display:grid; place-items:center; padding:0 11px; border-radius:12px; background:#eef4fb; color:#295d92; font-size:10px; }
.withdraw-amount-field button { border:0; border-radius:12px; padding:0 12px; background:#f6c90e; color:#4b3a00; cursor:pointer; font-size:9px; font-weight:850; }
.withdraw-fee-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; margin-top:12px; }
.withdraw-fee-grid span { padding:10px; border-radius:13px; background:#f8fafc; border:1px solid rgba(15,23,42,0.055); }
.withdraw-fee-grid small, .withdraw-fee-grid b { display:block; }
.withdraw-fee-grid small { color:#8b97a8; font-size:8px; margin-bottom:4px; }
.withdraw-fee-grid b { color:#20354f; font-size:9.5px; }

.withdraw-review-summary { display:grid; grid-template-columns:repeat(2,1fr); gap:8px; }
.withdraw-review-summary span { padding:10px 11px; border-radius:13px; background:#f8fafc; border:1px solid rgba(15,23,42,0.055); }
.withdraw-review-summary small, .withdraw-review-summary b { display:block; }
.withdraw-review-summary small { color:#8b97a8; font-size:8px; margin-bottom:4px; }
.withdraw-review-summary b { color:#20354f; font-size:9.5px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.withdraw-confirm-check { display:flex; gap:9px; align-items:flex-start; margin:13px 0; padding:11px 12px; border-radius:13px; background:#f7faff; color:#66778d; font-size:9px; line-height:1.45; }
.withdraw-confirm-check input { margin-top:2px; accent-color:#14b8a6; }
.withdraw-preview-submit { width:100%; min-height:44px; border:0; border-radius:14px; cursor:pointer; background:linear-gradient(135deg,#0d3a72,#146b87); color:#fff; font-weight:850; font-size:11px; box-shadow:0 12px 24px rgba(13,58,114,0.18); }
.withdraw-preview-submit:disabled { cursor:not-allowed; opacity:.45; box-shadow:none; }
.withdraw-preview-result { margin-top:10px; padding:11px 12px; border-radius:13px; background:#f7f9fc; color:#76859a; font-size:9px; }
.withdraw-preview-result strong { display:block; color:#203a59; margin-bottom:3px; }
.withdraw-preview-result p, .withdraw-preview-result small { margin:0; line-height:1.45; }
.withdraw-preview-result[data-state="ready"] { background:#edf9f6; color:#46726e; border:1px solid rgba(20,184,166,0.18); }
.withdraw-preview-result[data-state="blocked"] { background:#fff4f2; color:#875d58; border:1px solid rgba(220,38,38,0.12); }
.withdraw-preview-disclosure { margin:10px 0 0; color:#8b97a8; font-size:8.5px; line-height:1.5; }
.withdraw-preview-disclosure strong { color:#5f6d80; }

.withdraw-recent-list { display:grid; gap:8px; }
.withdraw-recent-list article { display:grid; grid-template-columns:36px minmax(0,1fr) auto auto; align-items:center; gap:10px; padding:10px 11px; border-radius:14px; background:#fbfdff; border:1px solid rgba(15,23,42,0.055); }
.withdraw-recent-token { width:36px; height:36px; display:grid; place-items:center; border-radius:12px; background:#edf5ff; color:#2865a4; font-size:9px; font-weight:900; }
.withdraw-recent-list article div b, .withdraw-recent-list article div small { display:block; }
.withdraw-recent-list article div b { color:#203650; font-size:9.5px; }
.withdraw-recent-list article div small { color:#8b97a8; font-size:8px; margin-top:2px; }
.withdraw-recent-list article > strong { color:#24384f; font-size:9.5px; }
.withdraw-recent-list em { padding:5px 7px; border-radius:999px; font-size:7.5px; font-style:normal; font-weight:850; }
.withdraw-recent-list .status-settled { background:#e6f8f4; color:#087d70; }
.withdraw-recent-list .status-confirming { background:#fff6d6; color:#765d00; }
.withdraw-recent-list .status-review { background:#fdecec; color:#9b2f2f; }

.withdraw-workspace-footer { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:14px 22px; background:#fff; border-top:1px solid rgba(15,23,42,0.07); }
.withdraw-workspace-footer > div { display:grid; gap:2px; }
.withdraw-workspace-footer strong { color:#0b4e49; font-size:10.5px; }
.withdraw-workspace-footer span { color:#758399; font-size:8.5px; }
.withdraw-back-wallet { border:0; border-radius:12px; padding:10px 13px; cursor:pointer; background:#eef4fb; color:#244b76; font-size:9px; font-weight:850; }

.withdraw-workspace-reopen { position:fixed; right:22px; bottom:22px; z-index:1210; border:0; border-radius:999px; padding:12px 16px; cursor:pointer; color:#fff; background:linear-gradient(135deg,#0d3a72,#137e78); box-shadow:0 16px 34px rgba(7,22,47,0.22); font-size:10px; font-weight:850; }

@media (max-width: 760px) {
  .withdraw-workspace-drawer-panel { inset:0; width:100vw; border-radius:0; }
  .withdraw-workspace-header { padding:20px 18px; }
  .withdraw-workspace-status article { grid-template-columns:26px 1fr; min-height:62px; padding:9px 8px; }
  .withdraw-workspace-status article > span { width:26px; height:26px; }
  .withdraw-workspace-status small { display:none; }
  .withdraw-workspace-body { padding:14px; }
  .withdraw-asset-options { grid-template-columns:repeat(2,1fr); }
  .withdraw-network-options, .withdraw-fee-grid, .withdraw-review-summary { grid-template-columns:1fr; }
  .withdraw-address-field > div, .withdraw-amount-field > div { grid-template-columns:1fr; }
  .withdraw-address-field button, .withdraw-amount-field b, .withdraw-amount-field button { min-height:40px; }
  .withdraw-recent-list article { grid-template-columns:34px minmax(0,1fr) auto; }
  .withdraw-recent-list article em { grid-column:2/4; justify-self:start; }
  .withdraw-workspace-footer { align-items:stretch; flex-direction:column; }
}

/* Sprint 0.21.1 — Resolution Center & unified case management. New pages follow the Wallet Inter typography system. */
.resolution-shell,
.admin-case-shell,
.case-workspace-drawer-shell {
  --resolution-navy: #071b35;
  --resolution-blue: #1f5ed7;
  --resolution-teal: #0f9f8f;
  --resolution-mint: #eafaf6;
  --resolution-gold: #f6c90e;
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

.resolution-main-panel,
.admin-case-main-panel {
  background: linear-gradient(180deg, #f7fbff 0%, #f9fcff 48%, #ffffff 100%);
  min-height: calc(100vh - 76px);
  padding: 28px clamp(18px, 3vw, 44px) 56px;
}

.resolution-center,
.admin-case-center {
  max-width: 1480px;
  margin: 0 auto;
}

.resolution-center-hero,
.admin-case-hero {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 28px;
  overflow: hidden;
  border-radius: 28px;
  padding: clamp(26px, 4vw, 48px);
  color: #fff;
  background:
    radial-gradient(circle at 82% 15%, rgba(246, 201, 14, .22), transparent 32%),
    radial-gradient(circle at 64% 95%, rgba(15, 159, 143, .22), transparent 34%),
    linear-gradient(135deg, #07182f, #0b2850 58%, #123e6e);
  box-shadow: 0 28px 70px rgba(7, 27, 53, .18);
}

.resolution-center-hero::after,
.admin-case-hero::after {
  content: "";
  position: absolute;
  right: -60px;
  bottom: -95px;
  width: 290px;
  height: 290px;
  border: 34px solid rgba(255,255,255,.05);
  border-radius: 50%;
}

.resolution-center-hero > div,
.admin-case-hero > div { position: relative; z-index: 1; max-width: 780px; }
.resolution-center-hero .eyebrow,
.admin-case-hero .eyebrow { color: #8ed9cf; letter-spacing: .08em; font-size: 11px; font-weight: 800; text-transform: uppercase; }
.resolution-center-hero h1,
.admin-case-hero h2 { margin: 5px 0 10px; font-size: clamp(34px, 4.2vw, 56px); line-height: .98; letter-spacing: -.04em; font-weight: 820; }
.resolution-center-hero p,
.admin-case-hero p { margin: 0; max-width: 720px; color: rgba(231,240,250,.83); line-height: 1.65; font-size: 14px; }

.resolution-new-ticket {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  gap: 13px;
  min-width: 250px;
  padding: 15px 17px;
  border: 1px solid rgba(246,201,14,.36);
  border-radius: 18px;
  background: linear-gradient(135deg, #f9d83c, #f6c90e);
  color: #07182f;
  box-shadow: 0 18px 40px rgba(246,201,14,.17);
  text-align: left;
}
.resolution-new-ticket span { display:grid; place-items:center; width:38px; height:38px; border-radius:12px; background:#07182f; color:#fff; font-size:20px; }
.resolution-new-ticket strong { display:block; font-size:14px; }
.resolution-new-ticket small { display:block; margin-top:3px; opacity:.72; font-size:10px; }
.resolution-new-ticket:disabled { opacity:.56; cursor:not-allowed; filter:saturate(.6); }

.resolution-principles {
  display: grid;
  grid-template-columns: repeat(4, minmax(0,1fr));
  gap: 13px;
  margin: 18px 0;
}
.resolution-principles article {
  display:flex; align-items:center; gap:12px;
  min-height: 94px;
  padding: 15px 16px;
  border:1px solid rgba(15,23,42,.07);
  border-radius:18px;
  background:#fff;
  box-shadow: 0 12px 30px rgba(7,27,53,.06);
}
.resolution-principles article > span { display:grid; place-items:center; width:38px; height:38px; border-radius:12px; background:#edf5ff; color:#1f5ed7; font-weight:900; }
.resolution-principles article:nth-child(2) > span { background:#eafaf6; color:#0f9f8f; }
.resolution-principles article:nth-child(3) > span { background:#fff8d5; color:#997700; }
.resolution-principles article:nth-child(4) > span { background:#f0edff; color:#5e4dc3; }
.resolution-principles strong { display:block; color:#0a1d36; font-size:13px; }
.resolution-principles small { display:block; margin-top:4px; color:#6b7a90; font-size:10px; line-height:1.45; }

.resolution-ticket-guard {
  display:flex; align-items:center; gap:14px;
  margin: 0 0 24px;
  padding:14px 17px;
  border:1px solid rgba(246,201,14,.30);
  border-radius:18px;
  background:linear-gradient(135deg,#fffbea,#f6fbff);
}
.resolution-ticket-guard > span { display:grid; place-items:center; width:38px; height:38px; border-radius:50%; background:#f6c90e; color:#07182f; font-weight:900; }
.resolution-ticket-guard strong { color:#0b1e38; font-size:13px; }
.resolution-ticket-guard p { margin:3px 0 0; color:#65758c; font-size:11px; }

.resolution-center-heading {
  display:flex; justify-content:space-between; align-items:end; gap:20px;
  margin: 28px 0 14px;
}
.resolution-center-heading h3 { margin:2px 0 0; color:#081c35; font-size:24px; letter-spacing:-.025em; }
.resolution-case-counts,
.admin-case-metrics { display:flex; gap:8px; }
.resolution-case-counts span,
.admin-case-metrics span { min-width:78px; padding:10px 13px; border-radius:14px; background:#fff; border:1px solid rgba(15,23,42,.07); text-align:center; }
.resolution-case-counts b,
.admin-case-metrics b { display:block; color:#07182f; font-size:18px; }
.resolution-case-counts small,
.admin-case-metrics small { color:#75859a; font-size:9px; text-transform:uppercase; letter-spacing:.06em; }

.resolution-case-filters,
.admin-case-filters { display:flex; flex-wrap:wrap; gap:8px; margin-bottom:14px; }
.resolution-case-filters button,
.admin-case-filters button { border:1px solid rgba(15,23,42,.08); border-radius:999px; padding:9px 14px; background:#fff; color:#5d6c80; font-size:11px; font-weight:750; }
.resolution-case-filters button.active,
.admin-case-filters button.active { background:#0b2850; border-color:#0b2850; color:#fff; box-shadow:0 8px 20px rgba(11,40,80,.14); }

.resolution-case-list,
.admin-case-list { display:grid; gap:12px; }
.resolution-case-card,
.admin-case-card { border:1px solid rgba(15,23,42,.07); border-radius:20px; background:#fff; box-shadow:0 13px 36px rgba(7,27,53,.06); padding:18px; }
.resolution-case-card header,
.admin-case-card header { display:flex; justify-content:space-between; gap:18px; align-items:start; }
.resolution-case-card .eyebrow,
.admin-case-card .eyebrow { color:#6f8094; font-size:9px; letter-spacing:.07em; text-transform:uppercase; font-weight:800; }
.resolution-case-card h4,
.admin-case-card h4 { margin:4px 0; color:#0a1d36; font-size:16px; letter-spacing:-.015em; }
.resolution-case-card header p,
.admin-case-card header p { margin:0; color:#78879a; font-size:10px; }
.resolution-case-card > p,
.admin-case-body > p { color:#506177; font-size:12px; line-height:1.65; }
.resolution-status { white-space:nowrap; border-radius:999px; padding:6px 10px; background:#eef5ff; color:#1f5ed7; font-size:9px; font-weight:850; text-transform:uppercase; letter-spacing:.04em; }
.resolution-status.status-solved,
.resolution-status.status-resolved { background:#eafaf6; color:#087d70; }
.resolution-status.status-waiting_for_provider,
.resolution-status.status-waiting_for_counterparty,
.resolution-status.status-waiting_for_user { background:#fff8d8; color:#806500; }
.resolution-case-meta,
.admin-case-facts { display:flex; flex-wrap:wrap; gap:8px; margin-top:12px; }
.resolution-case-meta span,
.admin-case-facts span { min-width:140px; padding:9px 11px; border-radius:12px; background:#f7faff; }
.resolution-case-meta small,
.admin-case-facts small { display:block; color:#8a98a9; font-size:8px; text-transform:uppercase; letter-spacing:.05em; }
.resolution-case-meta b,
.admin-case-facts b { display:block; margin-top:2px; color:#20334d; font-size:10px; }
.resolution-note { margin-top:12px; padding:11px 13px; border-radius:12px; background:#ecfaf6; border-left:3px solid #0f9f8f; }
.resolution-note strong { color:#087d70; font-size:10px; }
.resolution-note p { margin:3px 0 0; color:#536779; font-size:10px; }
.resolution-case-empty,
.admin-case-empty { padding:42px 24px; border:1px dashed rgba(15,23,42,.14); border-radius:20px; text-align:center; color:#6f8094; background:rgba(255,255,255,.7); }
.resolution-case-empty > span { display:grid; place-items:center; margin:0 auto 10px; width:42px; height:42px; border-radius:50%; background:#eafaf6; color:#0f9f8f; font-weight:900; }
.resolution-case-empty strong,
.admin-case-empty strong { display:block; color:#172b46; }
.resolution-case-empty p,
.admin-case-empty p { max-width:650px; margin:6px auto 0; font-size:11px; line-height:1.6; }
.resolution-center-message,
.admin-case-message { margin:14px 0 0; color:#718197; font-size:10px; }

/* Case drawer shared by Trade, Wallet, and Support. */
.case-workspace-drawer-shell { position:fixed; inset:0; z-index:1400; background:rgba(4,16,32,.34); backdrop-filter:blur(4px); }
.case-workspace-drawer-shell[hidden] { display:none !important; }
.case-workspace-drawer-panel { position:absolute; top:0; right:0; width:min(640px,96vw); height:100%; overflow:auto; background:#f7fbff; border-left:1px solid rgba(31,94,215,.12); box-shadow:-24px 0 70px rgba(7,27,53,.22); }
.case-workspace-header { display:flex; justify-content:space-between; align-items:start; gap:16px; padding:25px 26px 22px; color:#fff; background:radial-gradient(circle at 90% 0,rgba(246,201,14,.22),transparent 34%),linear-gradient(135deg,#07182f,#0c315c); }
.case-workspace-header .eyebrow { color:#8ed9cf; font-size:9px; text-transform:uppercase; letter-spacing:.08em; font-weight:800; }
.case-workspace-header h3 { margin:4px 0 6px; font-size:27px; letter-spacing:-.035em; }
.case-workspace-header p { margin:0; color:rgba(228,238,248,.82); font-size:11px; line-height:1.55; }
.case-workspace-header button { width:36px; height:36px; border:1px solid rgba(255,255,255,.18); border-radius:11px; background:rgba(255,255,255,.08); color:#fff; font-size:22px; }
.case-workspace-body { padding:18px 20px 28px; }
.case-workspace-source { display:flex; gap:12px; align-items:center; padding:13px 14px; border:1px solid rgba(15,159,143,.15); border-radius:15px; background:#ecfaf6; }
.case-workspace-source > span { border-radius:999px; padding:5px 9px; background:#0f9f8f; color:#fff; font-size:8px; text-transform:uppercase; font-weight:850; }
.case-workspace-source strong { display:block; color:#0d493f; font-size:12px; }
.case-workspace-source small { display:block; margin-top:2px; color:#657b78; font-size:9px; }
.case-workspace-form { display:grid; gap:14px; margin-top:16px; }
.case-workspace-form label > span { display:block; margin-bottom:6px; color:#25384f; font-size:10px; font-weight:800; }
.case-workspace-form input[type="text"],
.case-workspace-form input:not([type]),
.case-workspace-form select,
.case-workspace-form textarea { width:100%; box-sizing:border-box; border:1px solid rgba(15,23,42,.10); border-radius:13px; padding:11px 12px; background:#fff; color:#10243e; font:500 12px/1.45 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; outline:none; }
.case-workspace-form input:focus,
.case-workspace-form select:focus,
.case-workspace-form textarea:focus { border-color:rgba(31,94,215,.45); box-shadow:0 0 0 3px rgba(31,94,215,.08); }
.case-workspace-form label > small { display:block; margin-top:5px; color:#8290a1; font-size:9px; line-height:1.45; }
.case-evidence-field { padding:12px; border:1px dashed rgba(31,94,215,.20); border-radius:14px; background:#f5f9ff; }
.case-evidence-field input { font-size:10px; }
.case-ticket-policy { display:flex; align-items:center; gap:11px; padding:12px 13px; border-radius:14px; background:#fff8da; border:1px solid rgba(246,201,14,.24); }
.case-ticket-policy > span { display:grid; place-items:center; width:32px; height:32px; border-radius:50%; background:#f6c90e; color:#07182f; font-weight:900; }
.case-ticket-policy strong { display:block; color:#5a4800; font-size:10px; }
.case-ticket-policy small { display:block; margin-top:2px; color:#776a2f; font-size:9px; line-height:1.4; }
.case-submit-button { border:0; border-radius:14px; padding:13px 16px; background:linear-gradient(135deg,#1f5ed7,#1649ad); color:#fff; font-weight:820; box-shadow:0 12px 26px rgba(31,94,215,.20); }
.case-submit-button:disabled { opacity:.5; cursor:not-allowed; }
.case-submit-result { min-height:42px; padding:10px 12px; border-radius:12px; background:#fff; border:1px solid rgba(15,23,42,.07); }
.case-submit-result p { margin:0; color:#627187; font-size:10px; line-height:1.5; }

.trade-room-dispute-card { border-color:rgba(246,201,14,.18) !important; background:linear-gradient(135deg,#fffdf1,#ffffff) !important; }
.trade-room-dispute-card > p { color:#617085; font-size:11px; line-height:1.55; }
.trade-room-open-dispute,
.wallet-report-issue { border:1px solid rgba(246,201,14,.30); border-radius:11px; padding:8px 11px; background:#fff8d8; color:#5a4800; font-size:9px; font-weight:820; }
.wallet-report-issue { margin-left:auto; white-space:nowrap; }
.deposit-recent-list article,
.withdraw-recent-list article { flex-wrap:wrap; }

/* Admin case operations */
.admin-case-hero { margin-bottom:20px; }
.admin-case-note { display:block; margin-top:12px; }
.admin-case-note textarea { width:100%; box-sizing:border-box; margin-top:5px; border:1px solid rgba(15,23,42,.09); border-radius:12px; padding:10px; font:500 11px/1.5 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
.admin-case-actions { display:flex; flex-wrap:wrap; gap:8px; margin-top:10px; }
.admin-case-actions button { border:1px solid rgba(31,94,215,.12); border-radius:10px; padding:8px 10px; background:#f6f9ff; color:#22446f; font-size:9px; font-weight:800; }
.admin-case-actions .admin-case-resolve { background:#0f9f8f; border-color:#0f9f8f; color:#fff; }

@media (max-width: 980px) {
  .resolution-principles { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .resolution-center-hero,
  .admin-case-hero { align-items:flex-start; flex-direction:column; }
  .resolution-new-ticket { width:100%; box-sizing:border-box; }
}
@media (max-width: 620px) {
  .resolution-main-panel,
  .admin-case-main-panel { padding:14px 10px 36px; }
  .resolution-center-hero,
  .admin-case-hero { border-radius:20px; padding:24px 20px; }
  .resolution-principles { grid-template-columns:1fr; }
  .resolution-center-heading { align-items:flex-start; flex-direction:column; }
  .resolution-case-card header,
  .admin-case-card header { flex-direction:column; }
  .case-workspace-body { padding:14px 13px 24px; }
  .case-workspace-header { padding:20px 16px; }
}

/* Sprint 0.21.3 — Account replaces Profile; Sessions is folded into Account security. */
.account-shell,
.account-main-panel,
.account-hub,
.account-hub button,
.account-hub input,
.account-hub select {
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

.account-main-panel {
  background:
    radial-gradient(circle at 88% 0%, rgba(246, 201, 14, 0.10), transparent 28%),
    linear-gradient(180deg, #f6f9fd 0, #fbfdff 320px, #f5f8fc 100%);
}

.account-hub {
  width: min(1440px, 100%);
  margin: 0 auto;
  padding: 30px 30px 54px;
  color: #10213f;
}

.account-hub-heading {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 28px;
  padding: 8px 2px 24px;
}

.account-hub-heading > div { max-width: 820px; }
.account-hub-heading h1 {
  margin: 4px 0 10px;
  font-size: clamp(30px, 4.2vw, 48px);
  line-height: 1.03;
  letter-spacing: -0.045em;
  color: #0b2348;
}
.account-hub-heading > div > p:last-child { margin: 0; color: #65758d; font-size: 14px; line-height: 1.65; }
.account-security-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-width: max-content;
  padding: 11px 15px;
  border: 1px solid rgba(20, 159, 139, 0.18);
  border-radius: 999px;
  background: #effbf7;
  color: #176c58;
  font-size: 12px;
  box-shadow: 0 10px 26px rgba(14, 116, 101, 0.08);
}
.account-security-badge i { display:grid; place-items:center; width:22px; height:22px; border-radius:8px; background:#19a88f; color:#fff; font-style:normal; font-weight:900; }
.account-security-badge b { font-weight: 850; }

.account-identity-hero {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 18px;
  padding: 23px 25px;
  border-radius: 26px;
  background:
    radial-gradient(circle at 92% 12%, rgba(246, 201, 14, 0.20), transparent 30%),
    linear-gradient(135deg, #082451 0%, #0b3670 62%, #0b4775 100%);
  color: #fff;
  box-shadow: 0 22px 54px rgba(7, 32, 72, 0.17);
}
.account-avatar { display:grid; place-items:center; width:74px; height:74px; border-radius:24px; background:linear-gradient(145deg,#ffd83b,#f6c90e); color:#13264a; font-size:24px; font-weight:900; box-shadow:inset 0 0 0 1px rgba(255,255,255,.45),0 12px 24px rgba(0,0,0,.14); }
.account-identity-copy span { display:block; color:#a9bdd9; font-size:10px; text-transform:uppercase; letter-spacing:.14em; font-weight:800; }
.account-identity-copy h2 { margin:2px 0 2px; font-size:clamp(24px,3vw,34px); letter-spacing:-.035em; }
.account-identity-copy p { margin:0; color:#d5e2f2; font-size:13px; }
.account-identity-statuses { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:8px; max-width:420px; }
.account-identity-statuses span { padding:8px 10px; border-radius:999px; font-size:10px; font-weight:800; background:rgba(255,255,255,.10); border:1px solid rgba(255,255,255,.12); }
.account-identity-statuses .verified { color:#dffaf2; background:rgba(20,184,166,.14); border-color:rgba(83,226,201,.20); }
.account-identity-statuses .pending { color:#fff0a6; background:rgba(246,201,14,.12); border-color:rgba(246,201,14,.22); }

.account-grid { display:grid; gap:18px; margin-top:18px; }
.account-profile-grid { grid-template-columns:minmax(0, 1.65fr) minmax(270px, .7fr); }
.account-security-grid { grid-template-columns:minmax(0, 1.25fr) minmax(300px, .75fr); }
.account-bottom-grid { grid-template-columns:1fr 1fr; }
.account-panel { padding:23px; border:1px solid #dfe7f1; border-radius:24px; background:rgba(255,255,255,.96); box-shadow:0 18px 46px rgba(11,35,72,.075); }
.account-panel-heading { display:flex; justify-content:space-between; align-items:flex-start; gap:18px; margin-bottom:18px; }
.account-panel-heading h2 { margin:2px 0 0; color:#12294c; font-size:20px; letter-spacing:-.025em; }
.account-panel-heading p:not(.eyebrow) { margin:5px 0 0; color:#75859b; font-size:12px; line-height:1.5; }
.account-panel-chip { padding:7px 10px; border-radius:999px; background:#eef4ff; color:#2a5fa6; font-size:9px; font-weight:850; text-transform:uppercase; letter-spacing:.08em; }
.account-panel-chip.secure { background:#edf9f5; color:#147360; }

.account-form { display:grid; gap:13px; }
.account-form-row { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.account-form label { display:grid; gap:6px; color:#344862; font-size:11px; font-weight:800; }
.account-form label small { color:#91a0b3; font-weight:650; }
.account-form input,
.account-form select { width:100%; min-height:43px; border:1px solid #d5dfeb; border-radius:13px; padding:10px 12px; background:#fbfdff; color:#163154; outline:none; font-size:12.5px; }
.account-form input:focus,
.account-form select:focus { border-color:#477fc6; box-shadow:0 0 0 4px rgba(43,102,179,.09); background:#fff; }
.account-sensitive-change { display:grid; grid-template-columns:minmax(180px,.7fr) minmax(240px,1fr); align-items:end; gap:14px; padding:13px; border:1px solid rgba(246,201,14,.26); border-radius:15px; background:linear-gradient(135deg,#fffbea,#fffdf6); }
.account-sensitive-change > span { align-self:center; color:#7a6422; font-size:11px; line-height:1.5; font-weight:750; }
.account-form-actions { display:flex; align-items:center; justify-content:space-between; gap:15px; padding-top:4px; }
.account-form-actions p { margin:0; color:#7a899c; font-size:10.5px; line-height:1.45; }
.account-form-actions p.error,.account-inline-message.error { color:#a32929; }
.account-form-actions p.success,.account-inline-message.success { color:#15705d; }
.account-form-actions button { flex:0 0 auto; border:0; border-radius:13px; padding:11px 16px; background:linear-gradient(135deg,#0c3973,#145db2); color:#fff; font-size:11px; font-weight:850; cursor:pointer; box-shadow:0 10px 22px rgba(20,93,178,.18); }
.account-form-actions button:hover { transform:translateY(-1px); box-shadow:0 13px 26px rgba(20,93,178,.23); }

.account-trust-panel { position:relative; overflow:hidden; background:linear-gradient(160deg,#f9fcff 0,#f1f8ff 100%); }
.account-trust-panel::after { content:""; position:absolute; width:170px; height:170px; right:-70px; bottom:-75px; border-radius:50%; border:28px solid rgba(246,201,14,.12); }
.account-trust-mark { display:grid; place-items:center; width:42px; height:42px; border-radius:14px; background:#0b2f65; color:#ffd33d; font-size:15px; font-weight:900; }
.account-trust-stat { display:flex; align-items:center; gap:15px; padding:17px; border-radius:17px; background:#fff; border:1px solid #e5ecf4; }
.account-trust-stat > strong { font-size:35px; color:#0e3d7a; letter-spacing:-.05em; }
.account-trust-stat span { display:grid; gap:2px; color:#405675; font-size:11px; font-weight:800; }
.account-trust-stat small { color:#8b98aa; font-size:9px; font-weight:600; }
.account-trust-list { display:grid; gap:8px; padding:15px 2px; }
.account-trust-list span { display:flex; align-items:center; gap:8px; color:#39516f; font-size:10.5px; }
.account-trust-list i { display:grid; place-items:center; width:23px; height:23px; border-radius:8px; background:#eaf8f4; color:#15836c; font-style:normal; font-weight:900; }
.account-trust-panel > p { position:relative; z-index:1; margin:0; color:#7d8b9f; font-size:10.5px; line-height:1.55; }

.account-security-panel { margin-top:18px; background:linear-gradient(180deg,#fff 0,#fbfdff 100%); }
.account-security-options { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; }
.account-security-choice { position:relative; display:grid; grid-template-columns:auto 1fr; gap:11px; padding:16px; border:1px solid #dce5ef; border-radius:18px; background:#fbfdff; cursor:pointer; transition:.18s ease; }
.account-security-choice:hover { border-color:#b6c8dc; transform:translateY(-1px); }
.account-security-choice.active { border-color:rgba(246,201,14,.62); background:linear-gradient(145deg,#fffdf5,#fff9dc); box-shadow:0 10px 26px rgba(168,131,0,.10); }
.account-security-choice input { position:absolute; opacity:0; pointer-events:none; }
.account-security-choice-mark { display:grid; place-items:center; width:34px; height:34px; border-radius:12px; background:#edf4fb; color:#315b8e; font-size:16px; font-weight:900; }
.account-security-choice.active .account-security-choice-mark { background:#f6c90e; color:#183251; }
.account-security-choice-copy { display:grid; gap:3px; }
.account-security-choice-copy strong { color:#1b365a; font-size:13px; }
.account-security-choice-copy small { color:#75859a; font-size:9.5px; margin-bottom:5px; }
.account-security-choice-copy i { color:#5f7188; font-size:9px; font-style:normal; line-height:1.45; }
.account-security-summary { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; margin:13px 0; padding:12px; border-radius:16px; background:#f3f7fb; }
.account-security-summary span { display:grid; gap:2px; padding:7px 10px; border-right:1px solid #dbe4ee; }
.account-security-summary span:last-child { border-right:0; }
.account-security-summary b { color:#234d7f; font-size:15px; }
.account-security-summary small { color:#8593a6; font-size:9px; }

.account-lock-mark,.account-protected-shield { display:grid; place-items:center; width:40px; height:40px; border-radius:14px; background:#fff5ba; color:#765f00; font-size:18px; font-weight:900; }
.account-password-rule { margin:0; color:#8492a4; font-size:10px; line-height:1.5; }
.account-session-count { padding:7px 10px; border-radius:999px; background:#edf9f5; color:#176c58; font-size:9px; }
.account-session-count b { font-size:11px; }
.account-current-session { display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:10px; padding:13px; border:1px solid #e0e8f1; border-radius:15px; background:#f9fcff; }
.account-current-session > i { color:#14a88f; font-size:10px; }
.account-current-session span { display:grid; gap:2px; }
.account-current-session strong { color:#24415f; font-size:11px; }
.account-current-session small { color:#8a98aa; font-size:9px; word-break:break-all; }
.account-current-session > b { padding:5px 8px; border-radius:999px; background:#eaf8f4; color:#177461; font-size:8px; text-transform:uppercase; letter-spacing:.08em; }
.account-session-panel > p:not(.account-inline-message) { color:#7f8fa3; font-size:10.5px; line-height:1.55; }
.account-secondary-button { border:1px solid #cdd9e7; border-radius:12px; padding:10px 13px; background:#fff; color:#294f7b; font-size:10.5px; font-weight:800; cursor:pointer; }
.account-secondary-button:hover { background:#f3f8fd; }
.account-inline-message { min-height:16px; margin:8px 0 0; font-size:10px; }

.account-baseline-list { display:grid; grid-template-columns:1fr 1fr; gap:9px; }
.account-baseline-list span { display:grid; grid-template-columns:30px 1fr; gap:2px 9px; align-items:start; padding:12px; border-radius:14px; background:#f7fafc; }
.account-baseline-list i { grid-row:1/3; display:grid; place-items:center; width:28px; height:28px; border-radius:10px; background:#eaf2fb; color:#245887; font-size:8px; font-style:normal; font-weight:900; }
.account-baseline-list b { color:#334c69; font-size:10px; }
.account-baseline-list small { color:#8795a7; font-size:8.8px; line-height:1.4; }
.account-security-activity { display:grid; gap:8px; }
.account-security-activity span { display:grid; grid-template-columns:27px 1fr auto; align-items:center; gap:9px; padding:10px 11px; border-radius:13px; background:#f8fbfe; border:1px solid #edf1f6; }
.account-security-activity i { display:grid; place-items:center; width:27px; height:27px; border-radius:10px; background:#edf9f5; color:#16806b; font-style:normal; font-size:9px; }
.account-security-activity b { color:#405570; font-size:9.5px; text-transform:capitalize; }
.account-security-activity small { color:#93a0b1; font-size:8.5px; }

@media (max-width: 1050px) {
  .account-profile-grid,.account-security-grid,.account-bottom-grid { grid-template-columns:1fr; }
  .account-security-options { grid-template-columns:1fr; }
  .account-security-choice-copy { grid-template-columns:1fr; }
}
@media (max-width: 760px) {
  .account-hub { padding:20px 14px 40px; }
  .account-hub-heading { flex-direction:column; }
  .account-identity-hero { grid-template-columns:auto 1fr; }
  .account-identity-statuses { grid-column:1/-1; justify-content:flex-start; }
  .account-form-row,.account-sensitive-change,.account-security-summary,.account-baseline-list { grid-template-columns:1fr; }
  .account-security-summary span { border-right:0; border-bottom:1px solid #dbe4ee; }
  .account-security-summary span:last-child { border-bottom:0; }
  .account-form-actions { align-items:stretch; flex-direction:column; }
  .account-form-actions button { width:100%; }
  .account-security-activity span { grid-template-columns:27px 1fr; }
  .account-security-activity small { grid-column:2; }
}

/* Sprint 0.21.4 — global 99EXCHANGE Inter design system and richer premium color language. */
:root {
  --99x-navy-950: #06162f;
  --99x-navy-900: #09234a;
  --99x-blue-700: #154aa7;
  --99x-blue-600: #2465d8;
  --99x-yellow-500: #f6c90e;
  --99x-teal-500: #16aa95;
  --99x-violet-500: #7657d8;
  --99x-coral-500: #ef6a5b;
  --99x-surface: #ffffff;
  --99x-line: #dfe7f1;
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

body,
button,
input,
select,
textarea,
.app-shell,
.auth-shell,
.account-shell,
.wallet-hub,
.premium-market-room,
.trade-room-drawer-panel,
.deposit-workspace,
.withdraw-workspace,
.resolution-center {
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

body {
  background:
    radial-gradient(circle at 92% -5%, rgba(246, 201, 14, 0.11), transparent 25%),
    radial-gradient(circle at 3% 18%, rgba(36, 101, 216, 0.10), transparent 27%),
    radial-gradient(circle at 86% 88%, rgba(22, 170, 149, 0.07), transparent 26%),
    linear-gradient(180deg, #f4f8fd 0%, #fbfcfe 48%, #f3f7fb 100%);
}

.sidebar {
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(circle at 12% 3%, rgba(246, 201, 14, 0.13), transparent 21%),
    radial-gradient(circle at 110% 76%, rgba(22, 170, 149, 0.15), transparent 30%),
    linear-gradient(180deg, #06172f 0%, #08234b 58%, #061a38 100%);
  border-right: 1px solid rgba(255, 255, 255, 0.05);
}

.sidebar .brand-mark {
  background: linear-gradient(145deg, #fff8c8, #f6c90e);
  color: #09234a;
  box-shadow: 0 16px 38px rgba(246, 201, 14, 0.15);
}

.sidebar .eyebrow { color: #92b6e7; }
.sidebar .nav-section-label { color: #6f8cae; }

.nav-item {
  position: relative;
  background: rgba(255, 255, 255, 0.055);
  border: 1px solid rgba(255, 255, 255, 0.035);
  font-weight: 720;
}

.nav-item.active,
.nav-item:hover {
  background: linear-gradient(90deg, rgba(36, 101, 216, 0.82), rgba(22, 170, 149, 0.42));
  box-shadow: inset 3px 0 0 var(--99x-yellow-500), 0 8px 22px rgba(5, 26, 60, 0.18);
}

.main-panel {
  background:
    radial-gradient(circle at 94% 2%, rgba(246, 201, 14, 0.075), transparent 24%),
    transparent;
}

.topbar,
.hero-panel,
.app-card,
.metric-card {
  border-color: rgba(154, 174, 199, 0.28);
  box-shadow: 0 18px 48px rgba(9, 35, 74, 0.07);
}

.topbar {
  position: relative;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.92);
}

.topbar::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 3px;
  background: linear-gradient(90deg, var(--99x-blue-600), var(--99x-yellow-500), var(--99x-teal-500));
}

.topbar h2,
.hero-panel h2,
.app-card h3,
.metric-card strong {
  letter-spacing: -0.035em;
}

.primary-action,
.card-action {
  background: linear-gradient(135deg, var(--99x-blue-700), var(--99x-blue-600));
  box-shadow: 0 10px 24px rgba(36, 101, 216, 0.18);
}

.secondary-action {
  background: linear-gradient(135deg, #f6f9fd, #fff9dc);
  border: 1px solid rgba(246, 201, 14, 0.20);
  color: #23466f;
}

.metric-grid .metric-card:nth-child(4n + 1) { border-top: 3px solid var(--99x-blue-600); }
.metric-grid .metric-card:nth-child(4n + 2) { border-top: 3px solid var(--99x-yellow-500); }
.metric-grid .metric-card:nth-child(4n + 3) { border-top: 3px solid var(--99x-teal-500); }
.metric-grid .metric-card:nth-child(4n + 4) { border-top: 3px solid var(--99x-violet-500); }

.app-card {
  transition: transform 160ms ease, box-shadow 160ms ease, border-color 160ms ease;
}

.app-card:hover {
  border-color: rgba(36, 101, 216, 0.20);
  box-shadow: 0 22px 52px rgba(9, 35, 74, 0.09);
}

/* Preserve semantic colors across the newer workspaces. */
.wallet-hub,
.account-hub,
.deposit-workspace,
.withdraw-workspace,
.resolution-center,
.create-offer-workspace,
.trade-room-drawer-panel {
  --semantic-action: var(--99x-blue-600);
  --semantic-attention: var(--99x-yellow-500);
  --semantic-protected: var(--99x-teal-500);
  --semantic-resolution: var(--99x-violet-500);
}

/* Sprint 0.21.5 — premium customer console redesign. */
.production-app-shell[data-authenticated-shell="true"] {
  min-height:100vh;
  display:grid;
  grid-template-columns:268px minmax(0,1fr);
  align-items:start;
  background:
    radial-gradient(circle at 84% -6%,rgba(246,201,14,.105),transparent 27%),
    radial-gradient(circle at 16% 18%,rgba(36,101,216,.075),transparent 32%),
    radial-gradient(circle at 92% 78%,rgba(22,170,149,.055),transparent 27%),
    linear-gradient(180deg,#f2f6fb 0%,#f8fafc 46%,#f3f7fb 100%);
}
.production-app-shell[data-authenticated-shell="true"] .customer-sidebar {
  position:sticky;top:0;z-index:30;width:auto;height:100vh;min-height:0;overflow:auto;
  display:flex;grid-template-columns:none;flex-direction:column;align-items:stretch;gap:18px;
  padding:22px 16px;border:0;border-right:1px solid rgba(255,255,255,.05);border-radius:0;color:#fff;
  background:radial-gradient(circle at 28% 5%,rgba(246,201,14,.13),transparent 20%),radial-gradient(circle at 112% 74%,rgba(22,170,149,.15),transparent 31%),linear-gradient(180deg,#061a38 0%,#082554 60%,#061d3e 100%);
  box-shadow:18px 0 44px rgba(6,22,47,.10);backdrop-filter:none;
}
.production-app-shell[data-authenticated-shell="true"] .customer-sidebar .top-nav-brand {display:flex;justify-content:flex-start;align-items:center;gap:11px;min-width:0;padding:3px 8px 14px;border:0;border-radius:0;background:transparent;box-shadow:none}
.production-app-shell[data-authenticated-shell="true"] .customer-sidebar .app-logo-button {flex:0 0 auto;width:46px;height:46px;border-radius:16px;background:linear-gradient(145deg,#fff8c8,#f6c90e);color:#09234a;box-shadow:0 16px 38px rgba(246,201,14,.15)}
.production-app-shell[data-authenticated-shell="true"] .customer-sidebar .guardian-monkey-logo {width:39px;height:23px}
.production-app-shell[data-authenticated-shell="true"] .customer-sidebar .guardian-face circle {fill:rgba(9,35,74,.04);stroke:#09234a}.production-app-shell[data-authenticated-shell="true"] .customer-sidebar .guardian-face path{stroke:#09234a}
.customer-brand-copy{display:grid;min-width:0}.production-app-shell[data-authenticated-shell="true"] .customer-sidebar .brand-name{color:#fff;font-size:16px;line-height:1;letter-spacing:-.03em}.production-app-shell[data-authenticated-shell="true"] .customer-sidebar .brand-tagline-inline{margin-top:4px;color:#9fb6d4;font-size:8px;text-transform:uppercase;letter-spacing:.12em;font-weight:800}
.customer-sidebar-status{display:grid;grid-template-columns:32px 1fr 20px;align-items:center;gap:9px;padding:11px 12px;border:1px solid rgba(255,255,255,.09);border-radius:16px;background:rgba(255,255,255,.055)}
.customer-sidebar-status>span{display:grid;place-items:center;width:31px;height:31px;border-radius:10px;background:linear-gradient(145deg,#2465d8,#0d8f80);color:#fff;font-size:10px;font-weight:900}.customer-sidebar-status>div{display:grid}.customer-sidebar-status strong{color:#fff;font-size:10px}.customer-sidebar-status small{color:#9db2ce;font-size:8px}.customer-sidebar-status>i{color:#65dfca;font-size:8px;font-style:normal}
.production-app-shell[data-authenticated-shell="true"] .customer-nav-links{display:grid;flex:0 0 auto;justify-content:stretch;align-items:stretch;gap:8px;width:100%}.customer-nav-group{display:grid;gap:4px}.customer-nav-label{margin:12px 10px 5px;color:#708bae;font-size:8px;text-transform:uppercase;letter-spacing:.16em;font-weight:900}
.production-app-shell[data-authenticated-shell="true"] .customer-sidebar .top-nav-item{width:100%;min-height:0;display:grid;grid-template-columns:32px 1fr;align-items:center;gap:9px;text-align:left;padding:9px 10px;border:0;border-radius:13px;background:transparent;color:#b8c9dd;font-size:10px;font-weight:760;box-shadow:none;transform:none}
.production-app-shell[data-authenticated-shell="true"] .customer-sidebar .top-nav-item:hover{color:#fff;background:rgba(255,255,255,.065);transform:translateX(2px);box-shadow:none}.production-app-shell[data-authenticated-shell="true"] .customer-sidebar .top-nav-item.active{color:#fff;background:linear-gradient(90deg,rgba(36,101,216,.32),rgba(36,101,216,.09));box-shadow:inset 3px 0 0 #f6c90e;transform:none}
.production-app-shell[data-authenticated-shell="true"] .customer-sidebar .top-nav-icon{width:29px;height:29px;border-radius:10px;color:#c9d7e9;background:rgba(255,255,255,.07);box-shadow:none;font-size:12px}.production-app-shell[data-authenticated-shell="true"] .customer-sidebar .top-nav-item.active .top-nav-icon{color:#ffe261;background:rgba(246,201,14,.14)}
.customer-sidebar-trust{margin-top:auto;display:grid;grid-template-columns:34px 1fr;gap:9px;padding:13px;border:1px solid rgba(22,170,149,.14);border-radius:16px;background:rgba(22,170,149,.07)}.customer-sidebar-trust>span{display:grid;place-items:center;width:33px;height:33px;border-radius:11px;background:rgba(22,170,149,.15);color:#69e1cd;font-weight:900}.customer-sidebar-trust>div{display:grid}.customer-sidebar-trust strong{color:#fff;font-size:9px}.customer-sidebar-trust small{color:#91adc8;font-size:7.7px;line-height:1.45}
.production-app-shell[data-authenticated-shell="true"] .customer-sidebar-actions{display:block}.production-app-shell[data-authenticated-shell="true"] .customer-sidebar .top-nav-logout{width:100%;min-height:42px;justify-content:flex-start;border:1px solid rgba(255,255,255,.08);border-radius:13px;padding:9px 10px;color:#bfd0e4;background:rgba(255,255,255,.045);box-shadow:none;font-size:9px}.production-app-shell[data-authenticated-shell="true"] .customer-sidebar .top-nav-logout:hover{color:#fff;background:rgba(255,255,255,.075)}.production-app-shell[data-authenticated-shell="true"] .customer-sidebar .top-nav-logout span{background:rgba(246,201,14,.13);color:#ffe261}

.production-app-shell[data-authenticated-shell="true"] .production-main-panel,.production-app-shell[data-authenticated-shell="true"] .production-main-panel.marketplace-main-panel,.production-app-shell[data-authenticated-shell="true"] .dashboard-home-main-panel,.production-app-shell[data-authenticated-shell="true"] .wallet-main-panel,.production-app-shell[data-authenticated-shell="true"] .resolution-main-panel,.production-app-shell[data-authenticated-shell="true"] .account-main-panel{min-width:0;width:100%;max-width:none;margin:0;padding:0;background:transparent}
.customer-workspace-bar{min-height:76px;position:sticky;top:0;z-index:24;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:15px 28px;border-bottom:1px solid rgba(199,213,229,.72);background:rgba(255,255,255,.88);backdrop-filter:blur(16px)}.customer-workspace-bar>div:first-child p{margin:0;color:#8492a5;font-size:8px;text-transform:uppercase;letter-spacing:.13em;font-weight:850}.customer-workspace-bar h1{margin:1px 0 0;color:#10213f;font-size:19px;letter-spacing:-.035em}.customer-workspace-actions{display:flex;align-items:center;gap:9px}.customer-quick-link{border:1px solid #d7e1ec;border-radius:12px;padding:9px 11px;background:#fff;color:#36516f;font-size:9px;font-weight:800}.customer-quick-link:hover{background:#f7faff}.customer-protected-session{display:flex;align-items:center;gap:6px;padding:8px 10px;border-radius:999px;background:#e8faf6;color:#176f62;font-size:8px;font-weight:850}.customer-protected-session i{width:7px;height:7px;border-radius:50%;background:#1eb59e;box-shadow:0 0 0 4px rgba(30,181,158,.11)}
.customer-main-content{width:min(1500px,100%);margin:0 auto;padding:26px 28px 54px;box-sizing:border-box}.customer-main-content .eyebrow{color:#6380a4;font-size:9px;letter-spacing:.13em;font-weight:850}.customer-main-content h1,.customer-main-content h2,.customer-main-content h3,.customer-main-content h4{letter-spacing:-.035em}.customer-main-content button{transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease,background .16s ease}.customer-main-content .primary-action,.customer-main-content .card-action{border:0;background:linear-gradient(135deg,#0b3269,#2465d8);color:#fff;box-shadow:0 10px 24px rgba(36,101,216,.18)}.customer-main-content .primary-action:hover,.customer-main-content .card-action:hover{transform:translateY(-1px);box-shadow:0 14px 30px rgba(36,101,216,.23)}.customer-main-content .secondary-action{border:1px solid rgba(246,201,14,.24);color:#23466f;background:linear-gradient(135deg,#f7faff,#fff9dc)}

/* Dashboard */
.customer-dashboard-content .dashboard-home-workspace{width:100%;max-width:none;margin:0;padding:0;gap:16px}.customer-dashboard-content .dashboard-welcome-panel{position:relative;overflow:hidden;min-height:176px;padding:28px 30px;border:0;border-radius:26px;color:#fff;background:radial-gradient(circle at 88% 8%,rgba(246,201,14,.20),transparent 27%),radial-gradient(circle at 64% 110%,rgba(22,170,149,.20),transparent 35%),linear-gradient(135deg,#071a38 0%,#0b3269 57%,#154aa7 100%);box-shadow:0 22px 52px rgba(7,31,68,.14)}.customer-dashboard-content .dashboard-welcome-panel::after{content:"";position:absolute;width:310px;height:310px;right:-92px;top:-160px;border-radius:50%;border:42px solid rgba(255,255,255,.075)}.customer-dashboard-content .dashboard-welcome-panel h1{color:#fff;font-size:clamp(32px,4vw,48px)}.customer-dashboard-content .dashboard-welcome-panel>div>p:last-child{color:#c8d7ea;max-width:720px}.customer-dashboard-content .dashboard-welcome-panel .eyebrow{color:#bcd0eb}.customer-dashboard-content .dashboard-status-card{position:relative;z-index:2;min-width:190px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.08);backdrop-filter:blur(9px);box-shadow:none}.customer-dashboard-content .dashboard-status-card span{color:#a9bfd9}.customer-dashboard-content .dashboard-status-card strong{color:#fff3a2}
.customer-dashboard-content .dashboard-toggle-section,.customer-dashboard-content .dashboard-section-card{border:1px solid #dfe7f1;border-radius:20px;background:rgba(255,255,255,.97);box-shadow:0 12px 30px rgba(16,33,63,.055)}.customer-dashboard-content .dashboard-toggle-section>summary{padding:15px 18px}.customer-dashboard-content .dashboard-wallet-overview,.customer-dashboard-content .dashboard-quick-actions{gap:10px}.customer-dashboard-content .dashboard-wallet-card,.customer-dashboard-content .quick-action-card{border-radius:16px;border:1px solid #e2e9f2;box-shadow:none}.customer-dashboard-content .dashboard-wallet-card:nth-child(1){box-shadow:inset 3px 0 0 #2465d8}.customer-dashboard-content .dashboard-wallet-card:nth-child(2){box-shadow:inset 3px 0 0 #16aa95}.customer-dashboard-content .dashboard-wallet-card:nth-child(3){box-shadow:inset 3px 0 0 #f6c90e}.customer-dashboard-content .quick-action-card:nth-child(4n+1){background:linear-gradient(145deg,#f8fbff,#edf4ff)}.customer-dashboard-content .quick-action-card:nth-child(4n+2){background:linear-gradient(145deg,#fffdf4,#fff8d8)}.customer-dashboard-content .quick-action-card:nth-child(4n+3){background:linear-gradient(145deg,#f6fffc,#eafaf6)}.customer-dashboard-content .quick-action-card:nth-child(4n+4){background:linear-gradient(145deg,#fbf9ff,#f0ecff)}

/* Trade */
.customer-marketplace-content .premium-market-room{width:100%;max-width:none;margin:0}.customer-marketplace-content .premium-market-header{border:0;border-radius:26px;padding:25px 27px;color:#fff;background:radial-gradient(circle at 88% -12%,rgba(246,201,14,.22),transparent 28%),linear-gradient(135deg,#071a38,#0b3269 62%,#1455a8);box-shadow:0 22px 52px rgba(7,31,68,.13)}.customer-marketplace-content .premium-market-header h2,.customer-marketplace-content .premium-market-header h3{color:#fff}.customer-marketplace-content .premium-market-header p{color:#c8d7ea}.customer-marketplace-content .premium-filter-panel,.customer-marketplace-content .premium-offer-board{border:1px solid #dfe7f1;border-radius:20px;background:rgba(255,255,255,.97);box-shadow:0 12px 30px rgba(16,33,63,.055)}.customer-marketplace-content .premium-filter-panel{padding:14px}.customer-marketplace-content .premium-offer-row{border-color:#e4ebf3;background:#fbfdff;box-shadow:none}.customer-marketplace-content .premium-offer-row:hover{border-color:rgba(36,101,216,.22);background:#fff;box-shadow:0 12px 28px rgba(16,33,63,.065)}.customer-marketplace-content .create-offer-market-button{border-color:rgba(246,201,14,.35);background:linear-gradient(135deg,#fff8c8,#f6c90e);color:#17304f;box-shadow:0 10px 22px rgba(246,201,14,.16)}

/* Wallet */
.customer-wallet-content .wallet-hub{width:100%;max-width:none;margin:0;padding:0}.customer-wallet-content .wallet-hub-heading{margin-bottom:16px}.customer-wallet-content .wallet-balance-hero{border-radius:26px;box-shadow:0 22px 52px rgba(7,31,68,.13)}.customer-wallet-content .wallet-panel{border-color:#dfe7f1;border-radius:20px;box-shadow:0 12px 30px rgba(16,33,63,.055)}

/* Resolution */
.customer-resolution-content .resolution-center{width:100%;max-width:none;margin:0;padding:0}.customer-resolution-content .resolution-center-hero{border-radius:26px;box-shadow:0 22px 52px rgba(7,31,68,.13)}.customer-resolution-content .resolution-main-panel,.customer-resolution-content .resolution-case-card,.customer-resolution-content .resolution-new-ticket{border-color:#dfe7f1;border-radius:20px;box-shadow:0 12px 30px rgba(16,33,63,.055)}.customer-resolution-content .resolution-case-card:nth-child(4n+1){box-shadow:inset 3px 0 0 #2465d8,0 12px 30px rgba(16,33,63,.045)}.customer-resolution-content .resolution-case-card:nth-child(4n+2){box-shadow:inset 3px 0 0 #16aa95,0 12px 30px rgba(16,33,63,.045)}.customer-resolution-content .resolution-case-card:nth-child(4n+3){box-shadow:inset 3px 0 0 #f6c90e,0 12px 30px rgba(16,33,63,.045)}.customer-resolution-content .resolution-case-card:nth-child(4n+4){box-shadow:inset 3px 0 0 #7657d8,0 12px 30px rgba(16,33,63,.045)}

/* Account */
.customer-account-content .account-hub{width:100%;max-width:none;margin:0;padding:0}.customer-account-content .account-hub-heading{margin-bottom:16px}.customer-account-content .account-identity-hero{border-radius:26px;box-shadow:0 22px 52px rgba(7,31,68,.13)}.customer-account-content .account-panel{border-color:#dfe7f1;border-radius:20px;box-shadow:0 12px 30px rgba(16,33,63,.055)}.customer-account-content .account-security-choice.active{box-shadow:inset 3px 0 0 #f6c90e,0 10px 24px rgba(16,33,63,.05)}

/* Drawers retain behavior and inherit the new typography. */
.trade-room-drawer-panel,.create-offer-workspace,.deposit-workspace,.withdraw-workspace,.case-workspace-drawer{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}

/* Public/auth entry alignment */
.production-login-shell,.public-home-shell,.join-us-shell{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;background:radial-gradient(circle at 88% -5%,rgba(246,201,14,.12),transparent 27%),radial-gradient(circle at 8% 18%,rgba(36,101,216,.09),transparent 29%),radial-gradient(circle at 85% 88%,rgba(22,170,149,.06),transparent 27%),linear-gradient(180deg,#f2f6fb,#fbfcfe 48%,#f3f7fb)}.login-entry-layout,.public-homepage{width:min(1500px,calc(100% - 56px));max-width:1500px}.login-entry-card,.production-registration-card,.join-us-panel{border:1px solid #dfe7f1;border-radius:26px;background:rgba(255,255,255,.97);box-shadow:0 22px 52px rgba(7,31,68,.10)}.login-entry-card h1,.join-us-copy h1{letter-spacing:-.055em;color:#10213f}.login-entry-note,.public-structure-strip article,.registration-reassurance{border-color:#dfe7f1;background:rgba(255,255,255,.88);box-shadow:0 8px 22px rgba(16,33,63,.035)}

@media(max-width:900px){.production-app-shell[data-authenticated-shell="true"]{grid-template-columns:82px minmax(0,1fr)}.production-app-shell[data-authenticated-shell="true"] .customer-sidebar{padding:16px 10px}.production-app-shell[data-authenticated-shell="true"] .customer-sidebar .customer-brand-copy,.production-app-shell[data-authenticated-shell="true"] .customer-sidebar-status>div,.production-app-shell[data-authenticated-shell="true"] .customer-sidebar-status>i,.production-app-shell[data-authenticated-shell="true"] .customer-sidebar-trust>div,.production-app-shell[data-authenticated-shell="true"] .customer-nav-label,.production-app-shell[data-authenticated-shell="true"] .customer-sidebar .top-nav-item>span:nth-child(2){display:none}.production-app-shell[data-authenticated-shell="true"] .customer-sidebar .top-nav-brand{justify-content:center;padding-inline:0}.production-app-shell[data-authenticated-shell="true"] .customer-sidebar-status{grid-template-columns:1fr;justify-items:center;padding:9px}.production-app-shell[data-authenticated-shell="true"] .customer-sidebar .top-nav-item{grid-template-columns:1fr;justify-items:center;padding:8px}.production-app-shell[data-authenticated-shell="true"] .customer-sidebar .top-nav-icon{width:34px;height:34px}.customer-sidebar-trust{grid-template-columns:1fr;justify-items:center;padding:10px}.production-app-shell[data-authenticated-shell="true"] .customer-sidebar .top-nav-logout{font-size:0;justify-content:center}.customer-workspace-bar{padding:13px 18px}.customer-main-content{padding:20px 18px 40px}}
@media(max-width:680px){.production-app-shell[data-authenticated-shell="true"]{grid-template-columns:1fr}.production-app-shell[data-authenticated-shell="true"] .customer-sidebar{position:sticky;top:0;height:auto;min-height:54px;flex-direction:row;align-items:center;gap:6px;padding:8px 10px;overflow:auto;border-right:0;border-bottom:1px solid rgba(255,255,255,.06)}.production-app-shell[data-authenticated-shell="true"] .customer-sidebar .top-nav-brand{padding:0}.production-app-shell[data-authenticated-shell="true"] .customer-sidebar .app-logo-button{width:38px;height:38px}.production-app-shell[data-authenticated-shell="true"] .customer-sidebar-status,.production-app-shell[data-authenticated-shell="true"] .customer-sidebar-trust,.production-app-shell[data-authenticated-shell="true"] .customer-sidebar-actions{display:none}.production-app-shell[data-authenticated-shell="true"] .customer-nav-links{display:flex;gap:5px;width:auto}.customer-nav-group{display:flex;gap:5px}.production-app-shell[data-authenticated-shell="true"] .customer-sidebar .top-nav-item{width:auto}.customer-workspace-bar{top:54px;align-items:flex-start;padding:12px 14px}.customer-workspace-actions{flex-wrap:wrap;justify-content:flex-end}.customer-quick-link{display:none}.customer-main-content{padding:16px 12px 34px}.customer-dashboard-content .dashboard-welcome-panel{padding:23px 20px;flex-direction:column}.login-entry-layout,.public-homepage{width:min(100% - 24px,1500px)}}

/* Sprint 0.21.6 — top-navigation customer shell, unified crypto marks, and rebuilt login. */
.production-app-shell[data-authenticated-shell="true"]{display:block;min-height:100vh;background:radial-gradient(circle at 85% -6%,rgba(246,201,14,.10),transparent 26%),radial-gradient(circle at 12% 20%,rgba(36,101,216,.07),transparent 30%),linear-gradient(180deg,#f2f6fb 0%,#f9fbfd 48%,#f3f7fb 100%)}
.production-app-shell[data-authenticated-shell="true"] .customer-topnav{position:sticky;top:0;z-index:40;width:100%;height:auto;min-height:68px;overflow:visible;border:0;border-bottom:1px solid rgba(255,255,255,.08);border-radius:0;padding:0;background:radial-gradient(circle at 84% -80%,rgba(246,201,14,.22),transparent 30%),linear-gradient(90deg,#061a38,#082d62 56%,#0a3c79);box-shadow:0 14px 36px rgba(6,22,47,.12)}
.customer-topnav-inner{width:min(1500px,calc(100% - 48px));min-height:68px;margin:0 auto;display:grid;grid-template-columns:minmax(210px,.85fr) auto minmax(210px,.85fr);align-items:center;gap:22px}
.production-app-shell[data-authenticated-shell="true"] .customer-topnav .top-nav-brand{display:flex;align-items:center;gap:10px;padding:0;border:0;background:transparent;box-shadow:none;min-width:0}
.production-app-shell[data-authenticated-shell="true"] .customer-topnav .app-logo-button{width:47px;height:42px;padding:0;border:1px solid rgba(246,201,14,.28);border-radius:14px;background:#071d3f;overflow:hidden;box-shadow:0 10px 26px rgba(0,0,0,.16)}
.guardian-monkey-photo-logo{display:block;width:100%;height:100%;object-fit:cover;object-position:center;border-radius:inherit}
.production-app-shell[data-authenticated-shell="true"] .customer-topnav .brand-name{color:#fff;font-size:15px;font-weight:900;letter-spacing:-.025em;line-height:1}
.production-app-shell[data-authenticated-shell="true"] .customer-topnav .brand-tagline-inline{margin-top:4px;color:#9db5d4;font-size:7.6px;text-transform:uppercase;letter-spacing:.12em;font-weight:800}
.production-app-shell[data-authenticated-shell="true"] .customer-nav-links{display:flex;align-items:center;justify-content:center;gap:4px;width:auto}
.production-app-shell[data-authenticated-shell="true"] .customer-topnav .top-nav-item{position:relative;width:auto;min-height:68px;display:flex;align-items:center;gap:7px;padding:0 14px;border:0;border-radius:0;background:transparent;color:#c3d1e4;font-size:9.5px;font-weight:800;box-shadow:none;transform:none}
.production-app-shell[data-authenticated-shell="true"] .customer-topnav .top-nav-item:hover{background:rgba(255,255,255,.045);color:#fff;transform:none}
.production-app-shell[data-authenticated-shell="true"] .customer-topnav .top-nav-item.active{background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.015));color:#fff;box-shadow:none}
.production-app-shell[data-authenticated-shell="true"] .customer-topnav .top-nav-item.active::after{content:"";position:absolute;left:14px;right:14px;bottom:0;height:3px;border-radius:999px;background:linear-gradient(90deg,#f6c90e,#ffe36d)}
.production-app-shell[data-authenticated-shell="true"] .customer-topnav .top-nav-icon{width:24px;height:24px;display:grid;place-items:center;border-radius:8px;background:rgba(255,255,255,.06);color:#bfd1e8;font-size:10px;box-shadow:none}
.production-app-shell[data-authenticated-shell="true"] .customer-topnav .top-nav-item.active .top-nav-icon{background:rgba(246,201,14,.13);color:#ffe463}
.customer-topnav-actions{display:flex;justify-content:flex-end;align-items:center;gap:8px}.production-app-shell[data-authenticated-shell="true"] .customer-topnav .top-nav-logout{min-height:36px;border:1px solid rgba(255,255,255,.11);border-radius:11px;padding:8px 11px;background:rgba(255,255,255,.06);color:#d5e1ef;font-size:8.5px;font-weight:800}.production-app-shell[data-authenticated-shell="true"] .customer-topnav .top-nav-logout:hover{background:rgba(255,255,255,.10);color:#fff}
.customer-workspace-bar{top:68px}.customer-main-content{width:min(1500px,100%);padding-top:24px}
/* No customer-facing explanation of the admin boundary belongs in the global shell. */
.customer-sidebar-status,.customer-sidebar-trust,.customer-nav-label{display:none!important}

/* Shared crypto logos outside the marketplace use the exact marketplace mark system. */
.wallet-asset-identity,.wallet-asset-main{display:flex!important;align-items:center;gap:10px}.wallet-asset-identity>span:not(.coin-mark),.wallet-asset-main>span:not(.coin-mark){display:grid}.wallet-market-row .coin-logo,.wallet-asset-row .coin-logo{width:34px;height:34px;flex:0 0 34px}.deposit-asset-options .coin-logo,.withdraw-asset-options .coin-logo{width:36px;height:36px;margin:0 auto 2px}.crypto-token-wrap{display:grid!important;place-items:center;background:transparent!important;border:0!important;width:38px!important;height:38px!important}.crypto-token-wrap .coin-logo{width:34px;height:34px}.deposit-recent-token.crypto-token-wrap,.withdraw-recent-token.crypto-token-wrap{padding:0!important}

/* Rebuilt customer login — inspired by the clean split-entry pattern of premium P2P marketplaces, not copied. */
.premium-login-rebuild{min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;background:#f5f8fc;color:#10213f}
.premium-login-header{height:72px;width:min(1500px,calc(100% - 48px));margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:20px}.premium-login-brand{display:flex;align-items:center;gap:10px}.premium-login-brand .app-logo-button{width:50px;height:44px;padding:0;border-radius:14px;overflow:hidden;border:1px solid #dce5f0;background:#061a38}.premium-login-brand>span{display:grid}.premium-login-brand strong{font-size:16px;letter-spacing:-.025em}.premium-login-brand small{font-size:8px;color:#70829a}.premium-login-header-actions{display:flex;align-items:center;gap:11px;color:#75869d;font-size:9px}.login-join-button{border:1px solid #d5e0ec;border-radius:11px;padding:9px 13px;background:#fff;color:#173d71;font-size:9px;font-weight:850}
.premium-login-layout{width:min(1500px,calc(100% - 48px));min-height:calc(100vh - 96px);margin:0 auto 24px;display:grid;grid-template-columns:minmax(0,1.16fr) minmax(420px,.84fr);border-radius:32px;overflow:hidden;background:#fff;border:1px solid #dfe7f1;box-shadow:0 30px 84px rgba(7,31,68,.13)}
.premium-login-story{position:relative;isolation:isolate;overflow:hidden;min-height:680px;padding:clamp(42px,5vw,76px);display:flex;flex-direction:column;color:#fff;background:radial-gradient(circle at 75% 15%,rgba(246,201,14,.22),transparent 25%),radial-gradient(circle at 25% 78%,rgba(36,101,216,.24),transparent 32%),linear-gradient(145deg,#04152f 0%,#072b60 56%,#0a4283 100%)}
.premium-login-story::after{content:"";position:absolute;left:-8%;right:-8%;bottom:-95px;height:220px;border-radius:50%;background:linear-gradient(180deg,rgba(246,201,14,.90),rgba(246,201,14,.45));filter:blur(.1px);transform:rotate(-3deg);z-index:-1}.login-story-glow{position:absolute;border-radius:50%;filter:blur(2px);pointer-events:none}.login-story-glow-yellow{width:360px;height:360px;right:-140px;top:-150px;border:62px solid rgba(246,201,14,.10)}.login-story-glow-blue{width:420px;height:420px;left:-220px;bottom:-240px;border:82px solid rgba(68,140,255,.09)}
.login-story-copy{max-width:680px;position:relative;z-index:2}.login-story-copy .eyebrow{color:#ffdd57;font-size:9px}.login-story-copy h1{margin:8px 0 18px;font-size:clamp(44px,5.5vw,78px);line-height:.95;letter-spacing:-.06em}.login-story-copy h1 span{color:#f6c90e}.login-story-copy>p:last-child{max-width:590px;margin:0;color:#c4d5e9;font-size:13.5px;line-height:1.75}
.login-monkey-hero{position:relative;z-index:2;width:min(620px,90%);margin:30px auto 0;border-radius:28px;overflow:hidden;border:1px solid rgba(255,255,255,.10);box-shadow:0 22px 58px rgba(0,0,0,.22);background:#051a37}.login-monkey-hero img{display:block;width:100%;height:auto;transform:scale(1.02)}
.login-asset-strip{position:relative;z-index:3;display:flex;gap:8px;flex-wrap:wrap;margin-top:19px}.login-asset-strip>span{display:flex;align-items:center;gap:6px;padding:7px 10px;border:1px solid rgba(255,255,255,.10);border-radius:999px;background:rgba(255,255,255,.07);backdrop-filter:blur(8px)}.login-asset-strip .coin-logo{width:23px;height:23px}.login-asset-strip b{font-size:8px;color:#e7f0fb}.login-story-trust{position:relative;z-index:3;display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:auto;padding-top:22px}.login-story-trust>span{display:flex;align-items:center;gap:8px;padding:11px 12px;border-radius:14px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.085)}.login-story-trust i{display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:rgba(246,201,14,.14);color:#ffe15b;font-style:normal;font-size:9px}.login-story-trust b{font-size:8.5px;color:#e1ebf7}
.premium-login-access{display:flex;flex-direction:column;justify-content:center;padding:clamp(36px,5vw,72px);background:linear-gradient(180deg,#fff,#fbfdff)}.premium-login-tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px;border-bottom:1px solid #e5ebf2;margin-bottom:34px}.premium-login-tabs button{position:relative;border:0;background:transparent;padding:11px 8px;color:#71839b;font-size:9px;font-weight:850}.premium-login-tabs button.active{color:#153b70}.premium-login-tabs button.active::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:3px;border-radius:999px;background:#2465d8}.premium-login-access-copy .eyebrow{font-size:8px;color:#7990ac}.premium-login-access-copy h2{margin:4px 0 7px;font-size:clamp(32px,3vw,44px);letter-spacing:-.055em}.premium-login-access-copy>p:last-child{margin:0 0 24px;color:#71839a;font-size:11px;line-height:1.6}
.premium-login-access .credential-verification-screen,.premium-login-access .credential-form-card{display:block;margin:0;padding:0;border:0;background:transparent;box-shadow:none}.premium-login-access .credential-form{display:grid;gap:8px}.premium-login-access .credential-form label{margin-top:5px;color:#314b6b;font-size:9px;font-weight:800}.premium-login-access .credential-form input{width:100%;height:47px;border:1px solid #d6e0eb;border-radius:12px;background:#fbfdff;padding:0 14px;outline:none;color:#10213f;font-size:10px}.premium-login-access .credential-form input:focus{border-color:#2465d8;box-shadow:0 0 0 4px rgba(36,101,216,.09);background:#fff}.premium-login-access .auth-button-row{display:grid;grid-template-columns:1fr;gap:8px;margin-top:12px}.premium-login-access .auth-button-row .primary-action{height:45px;border:0;border-radius:12px;background:linear-gradient(135deg,#f6c90e,#ffd94f);color:#132c4d;font-size:10px;font-weight:900;box-shadow:0 12px 26px rgba(246,201,14,.20)}.premium-login-access .auth-button-row .secondary-action{display:none}.premium-login-access .credential-customer-help{display:flex;gap:6px;flex-wrap:wrap;margin-top:13px}.premium-login-access .credential-customer-help span{padding:6px 8px;border-radius:999px;background:#f2f6fb;color:#657b96;font-size:7.5px}.premium-login-access .credential-result-panel{margin-top:11px}.premium-login-divider{display:flex;align-items:center;gap:10px;margin:22px 0;color:#9aa7b6;font-size:7px;letter-spacing:.12em;font-weight:850}.premium-login-divider::before,.premium-login-divider::after{content:"";height:1px;flex:1;background:#e5ebf2}.premium-login-footnote{display:flex;justify-content:space-between;gap:8px;color:#7c8da2;font-size:7.6px}.premium-login-footnote span{display:flex;align-items:center;gap:4px}.premium-login-footnote span::before{content:"";width:6px;height:6px;border-radius:50%;background:#16aa95}

@media(max-width:1040px){.customer-topnav-inner{grid-template-columns:auto 1fr auto;gap:10px}.production-app-shell[data-authenticated-shell="true"] .customer-topnav .brand-tagline-inline{display:none}.production-app-shell[data-authenticated-shell="true"] .customer-topnav .top-nav-item{padding-inline:10px}.production-app-shell[data-authenticated-shell="true"] .customer-topnav .top-nav-icon{display:none}.premium-login-layout{grid-template-columns:1fr}.premium-login-story{min-height:540px}.premium-login-access{min-height:580px}.login-monkey-hero{width:min(560px,78%)}}
@media(max-width:760px){.premium-login-header,.premium-login-layout,.customer-topnav-inner{width:min(100% - 24px,1500px)}.customer-topnav-inner{display:flex;gap:8px}.production-app-shell[data-authenticated-shell="true"] .customer-topnav{overflow-x:auto}.production-app-shell[data-authenticated-shell="true"] .customer-topnav .customer-brand-copy{display:none}.production-app-shell[data-authenticated-shell="true"] .customer-nav-links{order:2;flex:1;justify-content:flex-start;overflow-x:auto}.customer-topnav-actions{order:3}.customer-topnav-actions .customer-protected-session{display:none}.production-app-shell[data-authenticated-shell="true"] .customer-topnav .top-nav-item{min-height:62px;padding:0 10px;white-space:nowrap}.customer-workspace-bar{top:62px;padding:11px 14px}.customer-main-content{padding:16px 12px 34px}.premium-login-header{height:64px}.premium-login-header-actions>span{display:none}.premium-login-layout{border-radius:22px}.premium-login-story{padding:32px 24px;min-height:500px}.login-story-copy h1{font-size:44px}.login-monkey-hero{width:100%}.login-story-trust{grid-template-columns:1fr}.premium-login-access{padding:34px 24px}}


/* Sprint 0.21.8 — authentication composition + single-row customer navigation refinement. */
.premium-login-rebuild.auth-entry-shell {
  display: block;
  grid-template-columns: none;
  min-height: 100vh;
  padding: 20px;
  background:
    radial-gradient(circle at 8% 8%, rgba(36,101,216,.08), transparent 24%),
    radial-gradient(circle at 92% 92%, rgba(246,201,14,.07), transparent 25%),
    #f4f7fb;
  color: #10213f;
}
.premium-login-rebuild .premium-login-layout {
  width: min(1680px, 100%);
  min-height: calc(100vh - 40px);
  margin: 0 auto;
  display: grid;
  grid-template-columns: minmax(0, 55fr) minmax(440px, 45fr);
  border-radius: 30px;
  overflow: hidden;
  background: #fff;
  border: 1px solid #dfe7f1;
  box-shadow: 0 32px 90px rgba(7,31,68,.14);
}
.premium-login-rebuild .premium-login-story {
  min-height: calc(100vh - 40px);
  padding: clamp(34px, 4.2vw, 70px);
  justify-content: flex-start;
}
.login-story-brand {
  position: relative;
  z-index: 4;
  margin-bottom: clamp(28px, 4vh, 46px);
  color: #fff;
}
.login-story-brand .app-logo-button {
  width: 54px;
  height: 48px;
  border-radius: 15px;
  border: 1px solid rgba(246,201,14,.34);
  box-shadow: 0 10px 28px rgba(0,0,0,.18);
}
.login-story-brand strong { color:#fff; font-size:17px; }
.login-story-brand small { color:#a9c2df; font-size:8px; }
.premium-login-rebuild .login-story-copy { max-width: 650px; }
.premium-login-rebuild .login-story-copy h1 {
  font-size: clamp(48px, 4.4vw, 76px);
  line-height: .96;
}
.premium-login-rebuild .login-monkey-hero {
  width: min(600px, 82%);
  margin: clamp(22px, 3vh, 34px) auto 0;
  border-radius: 24px;
}
.login-story-bottom { margin-top: auto; position:relative; z-index:3; }
.premium-login-rebuild .login-asset-strip { justify-content:center; margin-top:18px; }
.premium-login-rebuild .login-story-trust { padding-top:16px; }
.premium-login-rebuild .premium-login-access {
  min-height: calc(100vh - 40px);
  justify-content: center;
  padding: clamp(44px, 5vw, 86px);
  background: linear-gradient(180deg,#ffffff 0%,#fbfdff 100%);
}
.premium-login-access-top {
  position: absolute;
  top: 32px;
  right: clamp(34px, 4vw, 70px);
  display:flex;
  align-items:center;
  gap:10px;
  color:#7b8ca1;
  font-size:9px;
}
.premium-login-rebuild .premium-login-access { position:relative; }
.premium-login-rebuild .premium-login-tabs { margin-top:28px; margin-bottom:38px; }
.premium-login-rebuild .premium-login-access-copy h2 { font-size:clamp(34px,3.1vw,48px); }
.premium-login-rebuild .premium-login-access .credential-form input { height:52px; font-size:11px; }
.premium-login-rebuild .premium-login-access .auth-button-row .primary-action {
  height:50px;
  font-size:11px;
  transition: transform .15s ease, box-shadow .15s ease, opacity .15s ease;
}
.premium-login-rebuild .premium-login-access .auth-button-row .primary-action:hover:not(:disabled) {
  transform: translateY(-1px);
  box-shadow:0 16px 30px rgba(246,201,14,.25);
}
.premium-login-rebuild .premium-login-access .auth-button-row .primary-action:disabled {
  opacity:.82;
  cursor:wait;
}
.premium-login-rebuild .credential-result-panel:empty,
.premium-login-rebuild .credential-result-empty { display:none; }
.premium-login-rebuild .credential-result-blocked {
  margin-top:12px;
  padding:13px 14px;
  border-radius:12px;
  border:1px solid rgba(220,38,38,.18);
  background:#fff7f7;
  box-shadow:none;
}
.premium-login-rebuild .credential-result-blocked .eyebrow,
.premium-login-rebuild .credential-result-blocked .credential-session-preview,
.premium-login-rebuild .credential-result-blocked ul { display:none; }
.premium-login-rebuild .credential-result-blocked h3 { margin:0 0 4px; font-size:13px; color:#a31919; }
.premium-login-rebuild .credential-result-blocked p { margin:0; font-size:9px; color:#7e2a2a; }

/* Desktop customer navigation must remain a single, deliberate row. */
.production-app-shell[data-authenticated-shell="true"] .customer-topnav { overflow-x:auto; overflow-y:hidden; }
.production-app-shell[data-authenticated-shell="true"] .customer-topnav-inner {
  width:min(1500px,calc(100% - 40px));
  min-width:900px;
  min-height:68px;
  display:flex;
  align-items:center;
  gap:18px;
  flex-wrap:nowrap;
}
.production-app-shell[data-authenticated-shell="true"] .customer-topnav .top-nav-brand { flex:0 0 auto; }
.production-app-shell[data-authenticated-shell="true"] .customer-nav-links {
  flex:1 1 auto;
  min-width:0;
  display:flex;
  justify-content:center;
  align-items:center;
  flex-wrap:nowrap !important;
  white-space:nowrap;
}
.production-app-shell[data-authenticated-shell="true"] .customer-topnav .top-nav-item { flex:0 0 auto; white-space:nowrap; }
.production-app-shell[data-authenticated-shell="true"] .customer-topnav-actions { flex:0 0 auto; white-space:nowrap; }

@media(max-width:1180px){
  .production-app-shell[data-authenticated-shell="true"] .customer-topnav-inner{min-width:860px;gap:10px}
  .production-app-shell[data-authenticated-shell="true"] .customer-topnav .top-nav-item{padding-inline:9px}
  .production-app-shell[data-authenticated-shell="true"] .customer-topnav .top-nav-icon{display:none}
  .production-app-shell[data-authenticated-shell="true"] .customer-topnav .brand-tagline-inline{display:none}
}
@media(max-width:1040px){
  .premium-login-rebuild{padding:12px}
  .premium-login-rebuild .premium-login-layout{grid-template-columns:1fr;min-height:auto;border-radius:24px}
  .premium-login-rebuild .premium-login-story{min-height:auto;padding:34px 28px 38px}
  .premium-login-rebuild .premium-login-access{min-height:auto;padding:74px 32px 44px}
  .premium-login-access-top{top:24px;right:32px}
  .premium-login-rebuild .login-monkey-hero{width:min(560px,78%)}
  .premium-login-rebuild .login-story-trust{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:760px){
  .premium-login-rebuild{padding:0;background:#fff}
  .premium-login-rebuild .premium-login-layout{width:100%;border:0;border-radius:0;box-shadow:none}
  .premium-login-rebuild .premium-login-story{padding:28px 20px 32px}
  .premium-login-rebuild .premium-login-access{padding:72px 22px 36px}
  .premium-login-access-top{right:22px;top:22px}
  .premium-login-rebuild .login-story-copy h1{font-size:43px}
  .premium-login-rebuild .login-monkey-hero{width:100%}
  .premium-login-rebuild .login-story-trust{grid-template-columns:1fr}
}

/* Sprint 0.21.8 — rounded top navigation, notification center, 2FA and rotating campaign system. */
.production-app-shell[data-authenticated-shell="true"] .customer-topnav-inner{width:min(1500px,calc(100% - 42px));display:flex;align-items:center;gap:18px}
.production-app-shell[data-authenticated-shell="true"] .customer-topnav .top-nav-brand{margin-right:10px}
.production-app-shell[data-authenticated-shell="true"] .customer-nav-links{display:flex;align-items:center;justify-content:flex-start;gap:9px;flex:1;min-width:0}
.production-app-shell[data-authenticated-shell="true"] .customer-topnav .top-nav-item{min-height:42px;padding:0 15px;border-radius:13px;background:#fff;color:#102a4d;font-size:11.5px;font-weight:850;box-shadow:0 8px 18px rgba(2,14,36,.14);border:1px solid rgba(255,255,255,.8)}
.production-app-shell[data-authenticated-shell="true"] .customer-topnav .top-nav-item:hover{background:#f6f9fd;color:#071d3f;transform:translateY(-1px)}
.production-app-shell[data-authenticated-shell="true"] .customer-topnav .top-nav-item.active{background:#fff8d6;color:#071d3f;border-color:rgba(246,201,14,.7);box-shadow:0 8px 20px rgba(246,201,14,.14)}
.production-app-shell[data-authenticated-shell="true"] .customer-topnav .top-nav-item.active::after{display:none}
.production-app-shell[data-authenticated-shell="true"] .customer-topnav .top-nav-icon{width:25px;height:25px;border-radius:8px;background:#edf3fb;color:#245bd5;font-size:10px}
.production-app-shell[data-authenticated-shell="true"] .customer-topnav .top-nav-item.active .top-nav-icon{background:#f6c90e;color:#071d3f}
.customer-topnav-actions{margin-left:auto;display:flex;align-items:center;justify-content:flex-end;gap:9px}
.production-app-shell[data-authenticated-shell="true"] .customer-topnav .top-nav-logout{min-height:42px;padding:0 16px;border-radius:13px;background:#fff;color:#102a4d;border:1px solid rgba(255,255,255,.85);font-size:10.5px;font-weight:850;box-shadow:0 8px 18px rgba(2,14,36,.14)}
.production-app-shell[data-authenticated-shell="true"] .customer-topnav .top-nav-logout:hover{background:#fff8d6;color:#071d3f}
.notification-center{position:relative;display:flex;align-items:center}
.notification-bell{position:relative;width:42px;height:42px;border:1px solid rgba(255,255,255,.18);border-radius:13px;background:rgba(255,255,255,.09);color:#fff;display:grid;place-items:center;font-size:18px;cursor:pointer}
.notification-bell>b{position:absolute;right:-5px;top:-7px;min-width:20px;height:20px;padding:0 5px;border-radius:999px;display:grid;place-items:center;background:#f6c90e;color:#071d3f;font-size:9px;border:2px solid #082d62}
.notification-popover{position:absolute;right:0;top:50px;width:min(430px,90vw);max-height:620px;overflow:hidden;border-radius:20px;background:#fff;border:1px solid #dce6f3;box-shadow:0 28px 74px rgba(2,19,49,.26);z-index:120;color:#102a4d}
.notification-popover[hidden]{display:none}
.notification-popover>header{display:flex;align-items:center;justify-content:space-between;padding:18px 19px;border-bottom:1px solid #e7edf5;background:linear-gradient(135deg,#f8fbff,#fffdf0)}
.notification-popover h3{margin:2px 0 0;font-size:18px}.notification-popover header button{border:0;background:transparent;color:#1f62db;font-weight:800;font-size:10px;cursor:pointer}
.notification-list{max-height:520px;overflow-y:auto;padding:8px}
.notification-item{display:grid;grid-template-columns:34px 1fr;gap:10px;padding:12px;border-radius:14px;border:1px solid transparent}.notification-item.unread{background:#f4f8ff;border-color:#dce8f8}.notification-item>span{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:#eaf2ff;color:#1f62db;font-weight:900}.notification-item strong{font-size:11px}.notification-item p{margin:4px 0;color:#536781;font-size:10px;line-height:1.45}.notification-item small{color:#8a9ab0;font-size:8px}.notification-empty{padding:28px;text-align:center;color:#71839a}

.trade-campaign-banner{position:relative}
.trade-campaign-slider{position:relative;overflow:hidden}
.trade-campaign-slider .trade-campaign-slide{position:absolute;inset:0;width:100%;height:100%;opacity:0;transform:translateX(2.5%);transition:opacity .7s ease,transform .8s ease;object-fit:cover;pointer-events:none}
.trade-campaign-slider .trade-campaign-slide.active{position:relative;opacity:1;transform:translateX(0);pointer-events:auto}
.trade-campaign-progress{position:absolute;left:50%;bottom:11px;transform:translateX(-50%);display:flex;gap:5px;padding:5px 9px;border-radius:999px;background:rgba(3,18,42,.45);backdrop-filter:blur(6px)}
.trade-campaign-progress i{display:block;width:6px;height:6px;border-radius:999px;background:rgba(255,255,255,.45)}.trade-campaign-progress i.active{width:18px;background:#f6c90e}
.trade-room-campaign-strip{margin:0 0 2px;border-radius:17px;overflow:hidden;border:1px solid rgba(37,99,235,.11);box-shadow:0 10px 25px rgba(7,22,47,.08)}
.trade-room-campaign-slider{position:relative;height:126px;background:#071d3f;overflow:hidden}
.trade-room-campaign-slider .trade-campaign-slide{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:translateX(3%);transition:opacity .65s ease,transform .7s ease}
.trade-room-campaign-slider .trade-campaign-slide.active{opacity:1;transform:translateX(0)}

.account-two-factor-panel{margin-top:18px;background:linear-gradient(135deg,#fff,#f7fbff 72%,#fff8d5);border-color:rgba(37,99,235,.11)}
.two-factor-layout{display:grid;grid-template-columns:minmax(260px,.75fr) minmax(420px,1.25fr);gap:22px;align-items:start}.two-factor-summary{display:flex;gap:14px;align-items:center;padding:18px;border-radius:18px;background:#071d3f;color:#fff}.two-factor-summary small{display:block;margin-top:5px;color:#aec1d8;line-height:1.5}.two-factor-lock{width:66px;height:66px;border-radius:20px;background:linear-gradient(135deg,#f6c90e,#ffe57a);color:#071d3f;display:grid;place-items:center;font-weight:950}.two-factor-actions{display:grid;gap:12px}.two-factor-setup,.two-factor-disable{display:grid;grid-template-columns:1fr 1fr auto;gap:10px;align-items:end;padding:14px;border-radius:16px;background:#f5f8fc}.two-factor-setup label,.two-factor-disable label{display:grid;gap:6px;font-size:9px;font-weight:850;color:#536781}.two-factor-setup input,.two-factor-disable input{height:40px;border:1px solid #d7e1ee;border-radius:11px;padding:0 11px;background:#fff}.two-factor-setup button,.two-factor-disable button{height:40px;border:0;border-radius:11px;padding:0 16px;background:#f6c90e;color:#071d3f;font-weight:900}.two-factor-backups{padding:14px;border-radius:15px;background:#fff8d8;border:1px solid #f5df79}.two-factor-backups>div{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:9px}.two-factor-backups code{padding:7px;border-radius:8px;background:#071d3f;color:#fff;text-align:center;font-size:9px}

@media(max-width:1100px){.production-app-shell[data-authenticated-shell="true"] .customer-topnav-inner{min-width:900px}.production-app-shell[data-authenticated-shell="true"] .customer-topnav .top-nav-item{padding-inline:11px;font-size:10.5px}.two-factor-layout{grid-template-columns:1fr}}
@media(max-width:760px){.notification-popover{position:fixed;right:12px;left:12px;top:70px;width:auto}.trade-room-campaign-slider{height:104px}.two-factor-setup,.two-factor-disable{grid-template-columns:1fr}.two-factor-backups>div{grid-template-columns:repeat(2,1fr)}}

/* Sprint 0.21.9 — cleaner Trade composition, distinct campaign art, compact ads, and Admin-style customer actions. */
.production-app-shell[data-authenticated-shell="true"] .customer-topnav {
  min-height: 74px;
  padding: 10px 0;
}
.production-app-shell[data-authenticated-shell="true"] .customer-topnav-inner {
  width: min(1500px, calc(100% - 38px));
  min-height: 54px;
  gap: 12px;
}
.production-app-shell[data-authenticated-shell="true"] .customer-topnav .top-nav-brand {
  margin-right: 4px;
}
.production-app-shell[data-authenticated-shell="true"] .customer-nav-links {
  gap: 7px;
}
.production-app-shell[data-authenticated-shell="true"] .customer-topnav .top-nav-item {
  min-height: 44px;
  padding: 0 16px;
  border-radius: 14px;
  font-size: 13px;
  line-height: 1;
  letter-spacing: -0.012em;
  box-shadow: 0 7px 16px rgba(2, 14, 36, .11);
}
.production-app-shell[data-authenticated-shell="true"] .customer-topnav .top-nav-icon {
  width: 26px;
  height: 26px;
}
.customer-topnav-actions {
  margin-left: auto;
  padding-left: 17px;
  border-left: 1px solid rgba(255,255,255,.14);
  gap: 8px;
  flex: 0 0 auto;
}
.customer-topnav-actions .customer-protected-session { order: 1; }
.customer-topnav-actions .notification-center { order: 2; }
.customer-topnav-actions .top-nav-logout { order: 3; }
.production-app-shell[data-authenticated-shell="true"] .customer-topnav .top-nav-logout {
  min-height: 44px;
  padding: 0 17px;
  border-radius: 14px;
  font-size: 12px;
  margin-left: 1px;
}
.production-app-shell[data-authenticated-shell="true"] .customer-topnav .notification-bell {
  width: 44px;
  height: 44px;
  border-radius: 14px;
  background: rgba(255,255,255,.10);
}

.customer-marketplace-content {
  background: #f5f8fc;
}
.customer-marketplace-content .marketplace-live-room[data-marketplace-live-room="0.17.7"] {
  display: grid;
  gap: 14px;
  padding: 0;
  background: transparent;
}
.customer-marketplace-content .premium-market-header {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 28px;
  min-height: 142px;
  padding: 23px 26px;
  border-radius: 23px;
  box-shadow: 0 16px 38px rgba(7,31,68,.105);
}
.customer-marketplace-content .premium-market-header > div:first-child {
  max-width: 820px;
}
.customer-marketplace-content .premium-market-header .eyebrow {
  margin-bottom: 6px;
  font-size: 9px;
  letter-spacing: .14em;
}
.customer-marketplace-content .premium-market-header h2 {
  margin: 0 0 7px;
  font-size: clamp(26px, 2.25vw, 36px);
  line-height: 1.04;
  letter-spacing: -.045em;
}
.customer-marketplace-content .premium-market-header p:not(.eyebrow) {
  max-width: 760px;
  margin: 0;
  font-size: 12px;
  line-height: 1.58;
}
.customer-marketplace-content .create-offer-market-button {
  min-height: 44px;
  padding: 0 18px;
  border-radius: 14px;
  font-size: 11px;
  font-weight: 900;
}
.customer-marketplace-content .trade-section-switcher {
  width: min(300px, 100%);
  margin: 0;
}
.customer-marketplace-content .trade-section-switcher .premium-select-button {
  min-height: 44px;
  border-radius: 14px;
  box-shadow: none;
}
.customer-marketplace-content .premium-trade-tabs {
  width: max-content;
  max-width: 100%;
  margin: 0;
  padding: 5px;
  gap: 4px;
  border: 1px solid #dde6f0;
  border-radius: 16px;
  background: #edf3f9;
  box-shadow: none;
}
.customer-marketplace-content .premium-trade-tab {
  min-height: 38px;
  padding: 0 14px;
  border-radius: 12px;
  font-size: 10.5px;
  box-shadow: none;
}
.customer-marketplace-content .premium-filter-panel {
  grid-template-columns: minmax(270px, 1.6fr) minmax(145px, .85fr) repeat(4, minmax(135px, .78fr));
  gap: 12px;
  padding: 18px;
  border-radius: 20px;
  box-shadow: 0 9px 24px rgba(16,33,63,.045);
  background: #fff;
}
.customer-marketplace-content .premium-filter-panel .premium-market-search {
  grid-column: span 2;
}
.customer-marketplace-content .premium-filter-panel .filter-label {
  margin-bottom: 6px;
  font-size: 9px;
  letter-spacing: .02em;
}
.customer-marketplace-content .premium-filter-panel .premium-market-search input,
.customer-marketplace-content .premium-filter-panel .premium-select-button,
.customer-marketplace-content .premium-filter-panel .premium-market-check,
.customer-marketplace-content .premium-filter-panel .clear-market-filters {
  min-height: 44px;
  border-radius: 13px;
  box-shadow: none;
}
.customer-marketplace-content .premium-filter-panel .premium-market-check {
  justify-content: center;
  padding-inline: 10px;
  font-size: 10px;
}
.customer-marketplace-content .premium-filter-panel .clear-market-filters {
  padding-inline: 13px;
  font-size: 9.5px;
}
.customer-marketplace-content .premium-offer-board {
  overflow: hidden;
  border-radius: 21px;
  box-shadow: 0 10px 28px rgba(16,33,63,.05);
}
.customer-marketplace-content .premium-results-panel {
  padding: 18px 20px 14px;
  border-bottom: 1px solid #e7edf5;
  background: #fff;
}
.customer-marketplace-content .premium-results-title h3 {
  margin-top: 3px;
  font-size: 20px;
  letter-spacing: -.035em;
}
.customer-marketplace-content .premium-results-summary {
  color: #71839a;
  font-size: 9px;
  line-height: 1.4;
}
.customer-marketplace-content .premium-board-columns {
  padding-inline: 18px;
  background: #f7f9fc;
}
.customer-marketplace-content .premium-board-list {
  padding: 6px 12px 14px;
  background: #fff;
}
.customer-marketplace-content .premium-offer-row {
  margin-top: 8px;
  border-radius: 15px;
  padding: 14px 15px;
}

/* The rotating campaigns stay inside the feed, but no longer overpower the offers. */
.customer-marketplace-content .trade-campaign-banner-system {
  margin: 13px 0;
}
.customer-marketplace-content .trade-campaign-banner {
  border-radius: 20px;
  border-color: rgba(15,23,42,.07);
  box-shadow: 0 13px 30px rgba(7,22,47,.095);
}
.customer-marketplace-content .trade-campaign-banner img {
  height: clamp(180px, 11vw + 18px, 220px);
  object-fit: contain;
  object-position: center;
  background: transparent;
}
.customer-marketplace-content .trade-campaign-progress {
  bottom: 8px;
  padding: 4px 8px;
  background: rgba(3,18,42,.36);
}
.customer-marketplace-content .trade-campaign-progress i {
  width: 5px;
  height: 5px;
}
.customer-marketplace-content .trade-campaign-progress i.active {
  width: 15px;
}
.trade-room-campaign-strip {
  border-radius: 14px;
  box-shadow: 0 8px 20px rgba(7,22,47,.065);
}
.trade-room-campaign-slider {
  height: 96px;
}

@media (max-width: 1320px) {
  .production-app-shell[data-authenticated-shell="true"] .customer-topnav .top-nav-item {
    padding-inline: 12px;
    font-size: 11.5px;
  }
  .production-app-shell[data-authenticated-shell="true"] .customer-topnav .top-nav-icon { display: none; }
  .customer-marketplace-content .premium-filter-panel {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .customer-marketplace-content .premium-filter-panel .premium-market-search { grid-column: span 2; }
}
@media (max-width: 980px) {
  .production-app-shell[data-authenticated-shell="true"] .customer-topnav-inner { min-width: 880px; }
  .customer-marketplace-content .premium-market-header { grid-template-columns: 1fr; gap: 16px; }
  .customer-marketplace-content .premium-market-actions { justify-content: flex-start; }
}
@media (max-width: 760px) {
  .customer-marketplace-content .premium-filter-panel { grid-template-columns: 1fr; }
  .customer-marketplace-content .premium-filter-panel .premium-market-search { grid-column: auto; }
  .customer-marketplace-content .trade-campaign-banner img { height: clamp(150px, 35vw, 190px); }
  .trade-room-campaign-slider { height: 84px; }
}


/* Sprint 0.21.10 — customer header alignment matched to the Operations topbar. */
.production-app-shell[data-authenticated-shell="true"] .customer-topnav {
  min-height: 76px;
  padding: 0;
  overflow-x: auto;
  overflow-y: hidden;
}
.production-app-shell[data-authenticated-shell="true"] .customer-topnav-inner {
  width: 100%;
  max-width: none;
  min-height: 76px;
  margin: 0;
  padding: 0 28px;
  display: flex;
  align-items: center;
  gap: 0;
}
.production-app-shell[data-authenticated-shell="true"] .customer-topnav .top-nav-brand {
  flex: 0 0 auto;
  width: auto;
  min-width: 164px;
  margin: 0 26px 0 0;
}
.production-app-shell[data-authenticated-shell="true"] .customer-nav-links {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 9px;
  min-width: 0;
}
.production-app-shell[data-authenticated-shell="true"] .customer-topnav .top-nav-item {
  flex: 0 0 auto;
  min-height: 42px;
  min-width: 104px;
  justify-content: center;
  padding: 0 15px;
  border-radius: 13px;
  font-size: 12px;
  box-shadow: 0 7px 17px rgba(2,14,36,.105);
}
.production-app-shell[data-authenticated-shell="true"] .customer-topnav .top-nav-item:first-child {
  min-width: 126px;
}
.production-app-shell[data-authenticated-shell="true"] .customer-topnav .top-nav-icon {
  flex: 0 0 auto;
  width: 25px;
  height: 25px;
}
.production-app-shell[data-authenticated-shell="true"] .customer-topnav-actions {
  flex: 0 0 auto;
  margin-left: auto;
  padding-left: 24px;
  border-left: 0;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 9px;
  white-space: nowrap;
}
.customer-topnav-actions .customer-protected-session { order: 1; }
.customer-topnav-actions .top-nav-logout { order: 2; }
.customer-topnav-actions .notification-center { order: 3; }
.production-app-shell[data-authenticated-shell="true"] .customer-topnav .customer-protected-session {
  min-height: 34px;
  padding: 8px 10px;
  border-radius: 999px;
  background: #e8faf6;
  color: #176f62;
  font-size: 8px;
  font-weight: 850;
}
.production-app-shell[data-authenticated-shell="true"] .customer-topnav .top-nav-logout {
  min-height: 38px;
  padding: 0 13px;
  border: 1px solid #d7e1ec;
  border-radius: 12px;
  background: #fff;
  color: #36516f;
  font-size: 9px;
  font-weight: 800;
  box-shadow: none;
}
.production-app-shell[data-authenticated-shell="true"] .customer-topnav .top-nav-logout span {
  width: 22px;
  height: 22px;
  background: #ecfdf5;
  color: #176f62;
}
.production-app-shell[data-authenticated-shell="true"] .customer-topnav .notification-bell {
  width: 40px;
  height: 40px;
  border-radius: 12px;
  border: 1px solid rgba(255,255,255,.12);
  background: #0b2b58;
  color: #fff;
  box-shadow: none;
}
.production-app-shell[data-authenticated-shell="true"] .customer-topnav .notification-bell>b {
  border-color: #fff;
}
@media (max-width: 1180px) {
  .production-app-shell[data-authenticated-shell="true"] .customer-topnav-inner {
    min-width: 1000px;
    padding-inline: 20px;
  }
  .production-app-shell[data-authenticated-shell="true"] .customer-topnav .top-nav-brand {
    margin-right: 16px;
  }
  .production-app-shell[data-authenticated-shell="true"] .customer-topnav .top-nav-item {
    min-width: 92px;
    padding-inline: 11px;
    font-size: 10.5px;
  }
  .production-app-shell[data-authenticated-shell="true"] .customer-topnav .top-nav-item:first-child {
    min-width: 108px;
  }
  .production-app-shell[data-authenticated-shell="true"] .customer-topnav-actions {
    padding-left: 16px;
  }
}
@media (max-width: 760px) {
  .production-app-shell[data-authenticated-shell="true"] .customer-topnav-inner {
    min-width: 900px;
    padding-inline: 12px;
  }
}


/* Sprint 0.21.11 — clean text navigation and true far-right customer actions. */
.production-app-shell[data-authenticated-shell="true"] .customer-topnav {
  display: block;
  width: 100%;
}
.production-app-shell[data-authenticated-shell="true"] .customer-topnav-inner {
  width: 100%;
  max-width: none;
  min-width: 0;
  box-sizing: border-box;
  padding: 0 28px;
  display: flex;
  align-items: center;
  gap: 0;
}
.production-app-shell[data-authenticated-shell="true"] .customer-topnav .top-nav-brand {
  flex: 0 0 auto;
  margin-right: 30px;
}
.production-app-shell[data-authenticated-shell="true"] .customer-nav-links {
  flex: 0 1 auto;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 22px;
  min-width: 0;
}
.production-app-shell[data-authenticated-shell="true"] .customer-topnav .top-nav-item,
.production-app-shell[data-authenticated-shell="true"] .customer-topnav .top-nav-item:first-child {
  position: relative;
  flex: 0 0 auto;
  min-width: 0;
  min-height: 76px;
  padding: 0 2px;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: #d7e4f4;
  box-shadow: none;
  font-size: 12px;
  font-weight: 820;
  transform: none;
}
.production-app-shell[data-authenticated-shell="true"] .customer-topnav .top-nav-item:hover {
  background: transparent;
  color: #ffffff;
  box-shadow: none;
  transform: none;
}
.production-app-shell[data-authenticated-shell="true"] .customer-topnav .top-nav-item.active {
  background: transparent;
  border: 0;
  color: #ffffff;
  box-shadow: none;
}
.production-app-shell[data-authenticated-shell="true"] .customer-topnav .top-nav-item.active::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 3px;
  border-radius: 999px 999px 0 0;
  background: linear-gradient(90deg, #f6c90e, #ffe36d);
}
.production-app-shell[data-authenticated-shell="true"] .customer-topnav .top-nav-icon,
.production-app-shell[data-authenticated-shell="true"] .customer-topnav .top-nav-item.active .top-nav-icon {
  width: 18px;
  height: 18px;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: #8fb5ed;
  box-shadow: none;
  font-size: 10px;
}
.production-app-shell[data-authenticated-shell="true"] .customer-topnav .top-nav-item.active .top-nav-icon {
  color: #f6c90e;
}
.production-app-shell[data-authenticated-shell="true"] .customer-topnav-actions {
  flex: 0 0 auto;
  margin-left: auto;
  padding-left: 36px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 9px;
  white-space: nowrap;
}
.customer-topnav-actions .customer-protected-session { order: 1; }
.customer-topnav-actions .top-nav-logout { order: 2; }
.customer-topnav-actions .notification-center { order: 3; }
@media (max-width: 1180px) {
  .production-app-shell[data-authenticated-shell="true"] .customer-topnav-inner {
    min-width: 980px;
    padding-inline: 20px;
  }
  .production-app-shell[data-authenticated-shell="true"] .customer-nav-links { gap: 15px; }
  .production-app-shell[data-authenticated-shell="true"] .customer-topnav .top-nav-brand { margin-right: 20px; }
  .production-app-shell[data-authenticated-shell="true"] .customer-topnav-actions { padding-left: 22px; }
}
@media (max-width: 760px) {
  .production-app-shell[data-authenticated-shell="true"] .customer-topnav-inner {
    min-width: 900px;
    padding-inline: 12px;
  }
}

/* Sprint 0.21.12 — focused customer Dashboard command deck. */
.customer-dashboard-content .dashboard-command-deck[data-dashboard-home="0.21.28"] {
  --dash-navy: #071a38;
  --dash-blue: #1659c7;
  --dash-blue-soft: #edf4ff;
  --dash-yellow: #f6c90e;
  --dash-yellow-soft: #fff7c8;
  --dash-teal: #16aa95;
  --dash-teal-soft: #eafaf6;
  --dash-violet: #7257d9;
  --dash-line: #dfe7f1;
  --dash-ink: #10213f;
  --dash-muted: #667892;
  display: grid;
  gap: 18px;
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 0;
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  color: var(--dash-ink);
}

.customer-dashboard-content .dashboard-orbit-hero {
  position: relative;
  min-height: 196px;
  overflow: hidden;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 250px;
  align-items: center;
  gap: 24px;
  padding: 30px 34px;
  border-radius: 28px;
  background:
    radial-gradient(circle at 82% 12%, rgba(246,201,14,.22), transparent 24%),
    radial-gradient(circle at 60% 120%, rgba(22,170,149,.22), transparent 32%),
    linear-gradient(128deg, #06162f 0%, #0b2d60 54%, #1551b5 100%);
  box-shadow: 0 24px 56px rgba(7,31,68,.15);
  isolation: isolate;
}
.customer-dashboard-content .dashboard-orbit-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(115deg, rgba(255,255,255,.055), transparent 34%, rgba(255,255,255,.025) 66%, transparent);
}
.customer-dashboard-content .dashboard-orbit-copy { position: relative; z-index: 2; }
.customer-dashboard-content .dashboard-orbit-copy .eyebrow {
  margin: 0 0 8px;
  color: #aecdff;
  font-size: 10px;
  font-weight: 850;
  letter-spacing: .12em;
  text-transform: uppercase;
}
.customer-dashboard-content .dashboard-orbit-copy h1 {
  margin: 0;
  color: #fff;
  font-size: clamp(32px, 4vw, 50px);
  line-height: 1.02;
  letter-spacing: -.05em;
}
.customer-dashboard-content .dashboard-orbit-copy h1 span { color: #fff0a4; }
.customer-dashboard-content .dashboard-orbit-copy > p:not(.eyebrow) {
  margin: 11px 0 0;
  color: #c9d8ec;
  font-size: 13px;
  font-weight: 620;
}
.customer-dashboard-content .dashboard-orbit-status {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 22px;
}
.customer-dashboard-content .dashboard-orbit-status span {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  min-height: 30px;
  padding: 0 11px;
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 999px;
  background: rgba(255,255,255,.075);
  color: #e6eef9;
  font-size: 9px;
  font-weight: 780;
  backdrop-filter: blur(7px);
}
.customer-dashboard-content .dashboard-orbit-status i {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #45d8bd;
  box-shadow: 0 0 0 4px rgba(69,216,189,.13);
}
.customer-dashboard-content .dashboard-orbit-mark {
  position: relative;
  z-index: 2;
  justify-self: end;
  width: 190px;
  height: 150px;
  display: grid;
  place-items: center;
  color: #fff;
}
.customer-dashboard-content .dashboard-orbit-mark .orbit-ring {
  position: absolute;
  border-radius: 50%;
  border: 1px solid rgba(255,255,255,.20);
  transform: rotate(-18deg);
}
.customer-dashboard-content .dashboard-orbit-mark .ring-one { width: 172px; height: 92px; }
.customer-dashboard-content .dashboard-orbit-mark .ring-two { width: 118px; height: 148px; border-color: rgba(246,201,14,.46); transform: rotate(38deg); }
.customer-dashboard-content .dashboard-orbit-mark .orbit-core {
  position: relative;
  z-index: 2;
  width: 78px;
  height: 78px;
  display: grid;
  place-items: center;
  border-radius: 28px;
  background: linear-gradient(145deg, #ffe36d, #f6c90e);
  color: #071a38;
  font-size: 29px;
  font-weight: 950;
  letter-spacing: -.06em;
  box-shadow: 0 15px 38px rgba(246,201,14,.24);
}
.customer-dashboard-content .dashboard-orbit-mark b {
  position: absolute;
  bottom: 6px;
  font-size: 9px;
  letter-spacing: .22em;
  color: #d5e4f8;
}

.customer-dashboard-content .dashboard-money-rail {
  display: grid;
  grid-template-columns: minmax(260px, .8fr) minmax(0, 1.7fr);
  gap: 0;
  overflow: hidden;
  border: 1px solid var(--dash-line);
  border-radius: 24px;
  background: #fff;
  box-shadow: 0 13px 32px rgba(16,33,63,.06);
}
.customer-dashboard-content .dashboard-money-total {
  position: relative;
  padding: 23px 25px;
  background: linear-gradient(150deg, #fff9d8, #fffdf4 62%, #eef7ff);
  border-right: 1px solid #e5ebf3;
}
.customer-dashboard-content .dashboard-money-total::after {
  content: "";
  position: absolute;
  width: 82px;
  height: 82px;
  right: -28px;
  top: -34px;
  border-radius: 50%;
  border: 14px solid rgba(246,201,14,.13);
}
.customer-dashboard-content .dashboard-money-total .eyebrow,
.customer-dashboard-content .dashboard-command-heading .eyebrow,
.customer-dashboard-content .dashboard-focus-panel .eyebrow,
.customer-dashboard-content .dashboard-activity-deck .eyebrow {
  margin: 0;
  color: #cfe0ff;
  font-size: 9px;
  font-weight: 900;
  letter-spacing: .12em;
  text-transform: uppercase;
}
.customer-dashboard-content .dashboard-money-total > div:first-child > span {
  display: block;
  margin-top: 5px;
  color: #71829b;
  font-size: 11px;
  font-weight: 690;
}
.customer-dashboard-content .dashboard-total-balance {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 8px;
}
.customer-dashboard-content .dashboard-total-balance strong {
  color: #0a244c;
  font-size: clamp(28px, 3vw, 38px);
  line-height: 1;
  letter-spacing: -.045em;
}
.customer-dashboard-content .dashboard-total-balance .balance-visibility-button {
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  border: 1px solid #dce5ef;
  border-radius: 11px;
  background: #fff;
  color: #345779;
}
.customer-dashboard-content .dashboard-money-link {
  margin-top: 17px;
  padding: 0;
  border: 0;
  background: transparent;
  color: #174fa8;
  font-size: 10px;
  font-weight: 850;
}
.customer-dashboard-content .dashboard-money-buckets {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.customer-dashboard-content .dashboard-money-bucket {
  position: relative;
  min-width: 0;
  padding: 24px 22px;
  border-right: 1px solid #edf1f6;
  background: #fff;
}
.customer-dashboard-content .dashboard-money-bucket:last-child { border-right: 0; }
.customer-dashboard-content .dashboard-money-bucket::before {
  content: "";
  position: absolute;
  left: 22px;
  top: 16px;
  width: 28px;
  height: 3px;
  border-radius: 999px;
  background: #2465d8;
}
.customer-dashboard-content .dashboard-money-bucket.money-escrow::before { background: var(--dash-teal); }
.customer-dashboard-content .dashboard-money-bucket.money-pending::before { background: var(--dash-yellow); }
.customer-dashboard-content .dashboard-money-bucket > span {
  display: block;
  margin-top: 6px;
  color: #71829b;
  font-size: 10px;
  font-weight: 780;
}
.customer-dashboard-content .dashboard-money-bucket strong {
  display: block;
  margin-top: 7px;
  color: var(--dash-ink);
  font-size: 21px;
  letter-spacing: -.035em;
}
.customer-dashboard-content .dashboard-money-bucket small {
  display: block;
  margin-top: 6px;
  color: #8997aa;
  font-size: 9px;
  line-height: 1.45;
}

.customer-dashboard-content .dashboard-command-strip {
  display: grid;
  grid-template-columns: 210px minmax(0, 1fr);
  align-items: stretch;
  overflow: hidden;
  border-radius: 24px;
  background: linear-gradient(118deg, #f5ca11 0%, #ffe57b 35%, #fff4bb 100%);
  border: 1px solid rgba(213,169,0,.22);
  box-shadow: 0 12px 28px rgba(154,118,0,.08);
}
.customer-dashboard-content .dashboard-command-heading {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 20px 23px;
  border-right: 1px solid rgba(7,26,56,.10);
}
.customer-dashboard-content .dashboard-command-heading .eyebrow { color: #735f00; }
.customer-dashboard-content .dashboard-command-heading h2 {
  margin: 5px 0 0;
  color: #071a38;
  font-size: 16px;
  line-height: 1.18;
  letter-spacing: -.025em;
}
.customer-dashboard-content .dashboard-command-actions {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1px;
  background: rgba(7,26,56,.08);
}
.customer-dashboard-content .dashboard-command-action {
  min-height: 92px;
  display: flex;
  align-items: center;
  gap: 11px;
  padding: 15px 17px;
  border: 0;
  text-align: left;
  background: rgba(255,255,255,.72);
  color: var(--dash-ink);
  transition: background .18s ease, transform .18s ease;
}
.customer-dashboard-content .dashboard-command-action:hover {
  background: #fff;
  transform: translateY(-1px);
}
.customer-dashboard-content .dashboard-command-icon {
  flex: 0 0 auto;
  width: 36px;
  height: 36px;
  display: grid;
  place-items: center;
  border-radius: 13px;
  background: #0b2d60;
  color: #fff;
}
.customer-dashboard-content .dashboard-command-action.command-deposit .dashboard-command-icon { background: #169b89; }
.customer-dashboard-content .dashboard-command-action.command-withdraw .dashboard-command-icon { background: #6e57c9; }
.customer-dashboard-content .dashboard-command-action.command-create-offer .dashboard-command-icon { background: #173f88; color: #ffe36d; }
.customer-dashboard-content .dashboard-command-icon svg {
  width: 19px;
  height: 19px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.customer-dashboard-content .dashboard-command-action strong { display: block; font-size: 11px; }
.customer-dashboard-content .dashboard-command-action small { display: block; margin-top: 4px; color: #687891; font-size: 8.5px; line-height: 1.35; }

.customer-dashboard-content .dashboard-focus-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(320px, .65fr);
  gap: 18px;
}
.customer-dashboard-content .dashboard-focus-panel,
.customer-dashboard-content .dashboard-activity-deck {
  overflow: hidden;
  border: 1px solid var(--dash-line);
  border-radius: 24px;
  background: #fff;
  box-shadow: 0 12px 30px rgba(16,33,63,.05);
}
.customer-dashboard-content .dashboard-focus-panel > header,
.customer-dashboard-content .dashboard-activity-deck > header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 18px 20px;
  border-bottom: 1px solid rgba(255,255,255,.14);
}
.customer-dashboard-content .dashboard-focus-panel h2,
.customer-dashboard-content .dashboard-activity-deck h2 {
  margin: 3px 0 0;
  color: var(--dash-ink);
  font-size: 17px;
  letter-spacing: -.025em;
}
.customer-dashboard-content .dashboard-focus-panel > header button,
.customer-dashboard-content .dashboard-activity-deck > header button {
  border: 0;
  background: transparent;
  color: #1b5cbc;
  font-size: 9px;
  font-weight: 850;
}
.customer-dashboard-content .dashboard-attention-focus {
  background: linear-gradient(180deg, #fffdf3, #fff 36%);
}
.customer-dashboard-content .dashboard-attention-focus > header > span {
  width: 30px;
  height: 30px;
  display: grid;
  place-items: center;
  border-radius: 10px;
  background: #fff2ae;
  color: #705b00;
  font-size: 10px;
  font-weight: 900;
}
.customer-dashboard-content .dashboard-focus-list { display: grid; }
.customer-dashboard-content .dashboard-focus-trade {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px 18px;
  padding: 17px 20px;
  border-bottom: 1px solid #edf1f6;
}
.customer-dashboard-content .dashboard-focus-trade:last-child { border-bottom: 0; }
.customer-dashboard-content .dashboard-focus-trade::before {
  content: "";
  position: absolute;
  left: 0;
  top: 14px;
  bottom: 14px;
  width: 3px;
  border-radius: 0 999px 999px 0;
  background: var(--dash-yellow);
}
.customer-dashboard-content .dashboard-focus-trade.trade-tone-protected::before { background: var(--dash-teal); }
.customer-dashboard-content .dashboard-focus-trade-main { display: flex; align-items: center; gap: 12px; min-width: 0; }
.customer-dashboard-content .dashboard-focus-trade-symbol {
  flex: 0 0 auto;
  width: 48px;
  height: 48px;
  display: grid;
  place-content: center;
  text-align: center;
  border-radius: 16px;
  background: linear-gradient(145deg, #edf4ff, #f8fbff);
  border: 1px solid #dce8f7;
}
.customer-dashboard-content .dashboard-focus-trade-symbol span { color: #4270ae; font-size: 7px; font-weight: 850; text-transform: uppercase; }
.customer-dashboard-content .dashboard-focus-trade-symbol b { margin-top: 2px; color: #1752a8; font-size: 10px; }
.customer-dashboard-content .dashboard-focus-trade-main p { margin: 0; color: #7a899d; font-size: 8.5px; font-weight: 720; }
.customer-dashboard-content .dashboard-focus-trade-main p i { padding: 0 5px; font-style: normal; }
.customer-dashboard-content .dashboard-focus-trade-main h3 { margin: 3px 0 0; color: #152945; font-size: 12px; letter-spacing: -.012em; }
.customer-dashboard-content .dashboard-focus-trade-main small { display: block; margin-top: 4px; color: #8391a4; font-size: 8px; }
.customer-dashboard-content .dashboard-focus-trade-value { text-align: right; }
.customer-dashboard-content .dashboard-focus-trade-value strong { display: block; color: #10213f; font-size: 12px; }
.customer-dashboard-content .dashboard-focus-trade-value span { display: block; margin-top: 4px; color: #ad7200; font-size: 8px; font-weight: 780; }
.customer-dashboard-content .dashboard-focus-progress {
  grid-column: 1 / -1;
  height: 4px;
  overflow: hidden;
  border-radius: 999px;
  background: #edf1f6;
}
.customer-dashboard-content .dashboard-focus-progress span { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg, #2363d4, #2aa88f); }
.customer-dashboard-content .dashboard-focus-trade > button {
  grid-column: 1 / -1;
  justify-self: start;
  padding: 0;
  border: 0;
  background: transparent;
  color: #1d5cb6;
  font-size: 8.5px;
  font-weight: 850;
}

.customer-dashboard-content .dashboard-attention-list { display: grid; }
.customer-dashboard-content .dashboard-attention-item {
  display: grid;
  grid-template-columns: 12px minmax(0, 1fr) auto;
  align-items: center;
  gap: 11px;
  min-height: 74px;
  padding: 13px 16px;
  border-bottom: 1px solid #f0f2f5;
}
.customer-dashboard-content .dashboard-attention-item:last-child { border-bottom: 0; }
.customer-dashboard-content .dashboard-attention-pulse {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #e59718;
  box-shadow: 0 0 0 5px rgba(229,151,24,.10);
}
.customer-dashboard-content .attention-progress .dashboard-attention-pulse { background: #3978d9; box-shadow: 0 0 0 5px rgba(57,120,217,.10); }
.customer-dashboard-content .attention-reply .dashboard-attention-pulse { background: #795fd4; box-shadow: 0 0 0 5px rgba(121,95,212,.10); }
.customer-dashboard-content .dashboard-attention-item strong { display: block; color: #152945; font-size: 10.5px; }
.customer-dashboard-content .dashboard-attention-item small { display: block; margin-top: 4px; color: #8794a6; font-size: 8px; }
.customer-dashboard-content .dashboard-attention-item button {
  padding: 7px 9px;
  border: 1px solid #dfe7f1;
  border-radius: 10px;
  background: #fff;
  color: #315a8c;
  font-size: 8px;
  font-weight: 820;
}

.customer-dashboard-content .dashboard-activity-deck { background: linear-gradient(180deg, #fff, #fbfcfe); }
.customer-dashboard-content .dashboard-timeline { display: grid; }
.customer-dashboard-content .dashboard-timeline-row {
  display: grid;
  grid-template-columns: 40px minmax(0, 1fr) 120px 150px;
  align-items: center;
  gap: 13px;
  min-height: 66px;
  padding: 10px 20px;
  border-bottom: 1px solid #edf1f6;
}
.customer-dashboard-content .dashboard-timeline-row:last-child { border-bottom: 0; }
.customer-dashboard-content .dashboard-activity-coin,
.customer-dashboard-content .dashboard-activity-glyph {
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  overflow: hidden;
  border-radius: 12px;
}
.customer-dashboard-content .dashboard-activity-coin svg { width: 34px; height: 34px; }
.customer-dashboard-content .dashboard-activity-coin.coin-usdt { background: #26a17b; color: #fff; }
.customer-dashboard-content .dashboard-activity-coin.coin-btc { background: #f7931a; color: #fff; }
.customer-dashboard-content .dashboard-activity-coin svg circle,
.customer-dashboard-content .dashboard-activity-coin svg path { fill: currentColor; }
.customer-dashboard-content .dashboard-activity-coin.coin-usdt svg { color: #fff; }
.customer-dashboard-content .dashboard-activity-coin.coin-usdt svg circle { fill: #26a17b; }
.customer-dashboard-content .dashboard-activity-coin.coin-usdt svg path { fill: #fff; }
.customer-dashboard-content .dashboard-activity-coin.coin-btc svg circle { fill: #f7931a; }
.customer-dashboard-content .dashboard-activity-coin.coin-btc svg text { fill: #fff; font-size: 24px; font-weight: 900; }
.customer-dashboard-content .dashboard-activity-glyph { background: #edf4ff; color: #2465d8; font-size: 13px; font-weight: 900; }
.customer-dashboard-content .activity-glyph-escrow { background: #eafaf6; color: #0c8877; }
.customer-dashboard-content .activity-glyph-support { background: #f0edff; color: #7257d9; }
.customer-dashboard-content .dashboard-timeline-copy strong { display: block; color: #152945; font-size: 10.5px; }
.customer-dashboard-content .dashboard-timeline-copy small { display: block; margin-top: 3px; color: #8996a8; font-size: 8px; }
.customer-dashboard-content .dashboard-timeline-status { justify-self: start; padding: 5px 8px; border-radius: 999px; background: #f0f5fb; color: #526a86; font-size: 8px; font-weight: 800; }
.customer-dashboard-content .dashboard-timeline-amount { justify-self: end; color: #122945; font-size: 10px; }
.customer-dashboard-content .dashboard-empty-state { padding: 26px 20px; text-align: center; color: #74849a; }
.customer-dashboard-content .dashboard-empty-state strong { color: #152945; }
.customer-dashboard-content .dashboard-empty-state p { margin: 6px 0 14px; font-size: 9px; }
.customer-dashboard-content .dashboard-empty-state button { border: 0; border-radius: 11px; padding: 9px 12px; background: #0b2d60; color: #fff; font-size: 9px; font-weight: 800; }

@media (max-width: 1100px) {
  .customer-dashboard-content .dashboard-orbit-hero { grid-template-columns: minmax(0, 1fr) 180px; }
  .customer-dashboard-content .dashboard-money-rail { grid-template-columns: 1fr; }
  .customer-dashboard-content .dashboard-money-total { border-right: 0; border-bottom: 1px solid #e5ebf3; }
  .customer-dashboard-content .dashboard-command-strip { grid-template-columns: 1fr; }
  .customer-dashboard-content .dashboard-command-heading { border-right: 0; border-bottom: 1px solid rgba(7,26,56,.10); }
  .customer-dashboard-content .dashboard-focus-grid { grid-template-columns: 1fr; }
}
@media (max-width: 760px) {
  .customer-dashboard-content .dashboard-orbit-hero { grid-template-columns: 1fr; padding: 24px 20px; }
  .customer-dashboard-content .dashboard-orbit-mark { display: none; }
  .customer-dashboard-content .dashboard-money-buckets { grid-template-columns: 1fr; }
  .customer-dashboard-content .dashboard-money-bucket { border-right: 0; border-bottom: 1px solid #edf1f6; }
  .customer-dashboard-content .dashboard-money-bucket:last-child { border-bottom: 0; }
  .customer-dashboard-content .dashboard-command-actions { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .customer-dashboard-content .dashboard-timeline-row { grid-template-columns: 38px minmax(0, 1fr) auto; }
  .customer-dashboard-content .dashboard-timeline-status { grid-column: 2; }
  .customer-dashboard-content .dashboard-timeline-amount { grid-column: 3; grid-row: 1; }
}
@media (max-width: 520px) {
  .customer-dashboard-content .dashboard-command-actions { grid-template-columns: 1fr; }
  .customer-dashboard-content .dashboard-focus-trade { grid-template-columns: 1fr; }
  .customer-dashboard-content .dashboard-focus-trade-value { text-align: left; }
  .customer-dashboard-content .dashboard-attention-item { grid-template-columns: 12px minmax(0, 1fr); }
  .customer-dashboard-content .dashboard-attention-item button { grid-column: 2; justify-self: start; }
  .customer-dashboard-content .dashboard-timeline-row { grid-template-columns: 38px minmax(0, 1fr); }
  .customer-dashboard-content .dashboard-timeline-status,
  .customer-dashboard-content .dashboard-timeline-amount { grid-column: 2; grid-row: auto; justify-self: start; }
}

/* Sprint 0.21.13 — lean customer header, unclipped notifications, and unboxed sign out. */
.production-app-shell[data-authenticated-shell="true"] .customer-topnav {
  overflow: visible;
}
.production-app-shell[data-authenticated-shell="true"] .customer-topnav-actions {
  gap: 16px;
}
.customer-topnav-actions .top-nav-logout { order: 1; }
.customer-topnav-actions .notification-center { order: 2; }
.production-app-shell[data-authenticated-shell="true"] .customer-topnav .top-nav-logout {
  min-height: 76px;
  padding: 0 2px;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: #d7e4f4;
  font-size: 12px;
  font-weight: 820;
  box-shadow: none;
  transform: none;
}
.production-app-shell[data-authenticated-shell="true"] .customer-topnav .top-nav-logout:hover {
  border: 0;
  background: transparent;
  color: #ffffff;
  box-shadow: none;
  transform: none;
}
.production-app-shell[data-authenticated-shell="true"] .customer-topnav .top-nav-logout span {
  width: 18px;
  height: 18px;
  border-radius: 0;
  background: transparent;
  color: #8fb5ed;
  font-size: 10px;
}
.production-app-shell[data-authenticated-shell="true"] .customer-topnav .notification-center {
  overflow: visible;
}
.production-app-shell[data-authenticated-shell="true"] .customer-topnav .notification-popover {
  top: 50px;
  right: 0;
  z-index: 260;
}
.customer-workspace-bar {
  justify-content: flex-start;
}
@media (max-width: 1180px) {
  .production-app-shell[data-authenticated-shell="true"] .customer-topnav-inner {
    min-width: 0;
  }
  .production-app-shell[data-authenticated-shell="true"] .customer-nav-links {
    min-width: 0;
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: none;
  }
  .production-app-shell[data-authenticated-shell="true"] .customer-nav-links::-webkit-scrollbar { display: none; }
  .production-app-shell[data-authenticated-shell="true"] .customer-topnav-actions {
    padding-left: 18px;
    background: linear-gradient(90deg, rgba(8,45,98,0), #082d62 18%);
  }
}

/* Sprint 0.21.14 — semantic, high-visibility customer navigation icons. */
.production-app-shell[data-authenticated-shell="true"] .customer-topnav .top-nav-icon,
.production-app-shell[data-authenticated-shell="true"] .customer-topnav .top-nav-item.active .top-nav-icon {
  width: 23px;
  height: 23px;
  min-width: 23px;
  display: inline-grid;
  place-items: center;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: #bdd7ff;
  box-shadow: none;
  font-size: 0;
  line-height: 1;
}
.production-app-shell[data-authenticated-shell="true"] .customer-topnav .top-nav-icon svg {
  width: 22px;
  height: 22px;
  display: block;
  overflow: visible;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.9;
  stroke-linecap: round;
  stroke-linejoin: round;
  vector-effect: non-scaling-stroke;
}
.production-app-shell[data-authenticated-shell="true"] .customer-topnav .top-nav-item:hover .top-nav-icon {
  color: #ffffff;
}
.production-app-shell[data-authenticated-shell="true"] .customer-topnav .top-nav-item.active .top-nav-icon {
  color: #f6c90e;
}
@media (max-width: 760px) {
  .production-app-shell[data-authenticated-shell="true"] .customer-topnav .top-nav-icon,
  .production-app-shell[data-authenticated-shell="true"] .customer-topnav .top-nav-item.active .top-nav-icon {
    display: inline-grid;
  }
}

/* Sprint 0.21.15 — framed customer sign-in and friendly social-style Trade Room chat. */
.premium-login-rebuild .premium-login-access {
  align-items: center;
  background:
    radial-gradient(circle at 88% 10%, rgba(246, 201, 14, .15), transparent 27%),
    radial-gradient(circle at 8% 86%, rgba(36, 101, 216, .13), transparent 30%),
    linear-gradient(145deg, #eef4fb 0%, #f7f3e8 52%, #eef7f7 100%);
}
.premium-login-card-frame {
  position: relative;
  width: min(540px, 100%);
  padding: clamp(28px, 3.4vw, 42px);
  overflow: hidden;
  border: 1px solid rgba(205, 216, 230, .92);
  border-radius: 30px;
  background: rgba(255, 255, 255, .965);
  box-shadow:
    0 30px 78px rgba(15, 40, 78, .18),
    0 6px 20px rgba(15, 40, 78, .06),
    inset 0 1px 0 rgba(255, 255, 255, .94);
  backdrop-filter: blur(14px);
}
.premium-login-card-frame::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 5px;
  background: linear-gradient(90deg, #2465d8 0 34%, #f6c90e 34% 68%, #16aa95 68% 100%);
}
.premium-login-card-frame::after {
  content: "";
  position: absolute;
  width: 210px;
  height: 210px;
  right: -125px;
  top: -130px;
  border-radius: 50%;
  border: 38px solid rgba(246, 201, 14, .07);
  pointer-events: none;
}
.premium-login-card-brand {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 24px;
}
.premium-login-card-mark {
  width: 46px;
  height: 46px;
  display: grid;
  place-items: center;
  border-radius: 15px;
  background: linear-gradient(145deg, #071d3f, #0b3974);
  color: #f6c90e;
  box-shadow: 0 12px 28px rgba(7, 29, 63, .18);
  font-size: 13px;
  font-weight: 950;
  letter-spacing: -.04em;
}
.premium-login-card-brand > div { display: grid; gap: 2px; }
.premium-login-card-brand strong { color: #10213f; font-size: 13px; letter-spacing: -.025em; }
.premium-login-card-brand small { color: #8190a5; font-size: 8px; }
.premium-login-card-frame .premium-login-tabs { margin-top: 0; margin-bottom: 30px; }
.premium-login-card-frame .premium-login-access-copy h2 { font-size: clamp(31px, 2.8vw, 43px); }
.premium-login-card-frame .credential-form input {
  background: #f9fbfe;
  border-color: #d5e0ec;
}
.premium-login-card-frame .credential-form input:focus {
  background: #fff;
  border-color: #2465d8;
  box-shadow: 0 0 0 4px rgba(36, 101, 216, .09), 0 8px 20px rgba(36, 101, 216, .06);
}
.premium-login-card-frame .auth-button-row .primary-action {
  background: linear-gradient(135deg, #f6c90e, #ffdf63);
  color: #10213f;
  box-shadow: 0 14px 30px rgba(210, 167, 0, .21);
}
.premium-login-rebuild .login-join-button {
  background: rgba(255, 255, 255, .88);
  border-color: rgba(36, 101, 216, .18);
  box-shadow: 0 8px 20px rgba(24, 61, 110, .07);
}

/* Trade Room chat now reads like a calm modern social conversation while preserving immutable records. */
.trade-room-chat-card {
  padding: 14px;
  background:
    radial-gradient(circle at 10% 0%, rgba(36, 101, 216, .07), transparent 28%),
    radial-gradient(circle at 96% 100%, rgba(22, 170, 149, .08), transparent 30%),
    #ffffff;
}
.trade-room-chat-heading {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 10px;
}
.trade-room-chat-heading p,
.trade-room-chat-heading h4 { margin: 0; }
.trade-room-chat-heading h4 {
  margin-top: 3px;
  color: #10213f;
  font-size: 1rem;
  font-weight: 950;
  letter-spacing: -.03em;
}
.trade-room-chat-presence {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 9px;
  border: 1px solid rgba(22, 170, 149, .18);
  border-radius: 999px;
  background: #effaf7;
  color: #087d70;
  font-size: .68rem;
  font-weight: 850;
}
.trade-room-chat-presence i {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #16aa95;
  box-shadow: 0 0 0 3px rgba(22, 170, 149, .12);
}
.trade-room-chat-social-note {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 10px;
  padding: 8px 10px;
  border-radius: 13px;
  background: linear-gradient(90deg, #f3f7fd, #f5fbf9);
  color: #5e7188;
  font-size: .72rem;
  line-height: 1.4;
}
.trade-room-chat-social-note p { margin: 0; }
.trade-room-message-list {
  max-height: 360px;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 13px 10px;
  border: 1px solid rgba(15, 23, 42, .06);
  border-radius: 20px;
  background: linear-gradient(180deg, #f8fafc, #f4f7fb);
  scroll-behavior: smooth;
}
.trade-room-chat-row {
  width: 100%;
  display: flex;
  align-items: flex-end;
  gap: 7px;
}
.trade-room-chat-row-initiator { justify-content: flex-end; }
.trade-room-chat-row-respondent { justify-content: flex-start; }
.trade-room-chat-avatar {
  width: 30px;
  height: 30px;
  flex: 0 0 30px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  border: 2px solid #fff;
  color: #fff;
  font-size: .64rem;
  font-weight: 950;
  box-shadow: 0 7px 16px rgba(15, 23, 42, .12);
}
.trade-room-chat-row-initiator .trade-room-chat-avatar { background: linear-gradient(145deg, #2465d8, #174ba9); }
.trade-room-chat-row-respondent .trade-room-chat-avatar { background: linear-gradient(145deg, #16aa95, #087d70); }
.trade-room-message {
  max-width: 78%;
  padding: 10px 12px 9px;
  border: 0;
  box-shadow: 0 10px 24px rgba(15, 31, 58, .11);
}
.trade-room-message-initiator,
.trade-room-message-buyer.trade-room-message-initiator,
.trade-room-message-seller.trade-room-message-initiator {
  margin-left: 0;
  border: 0;
  border-radius: 19px 19px 6px 19px;
  background: linear-gradient(145deg, #2d6fdf, #1e55bb);
  color: #fff;
}
.trade-room-message-respondent,
.trade-room-message-buyer.trade-room-message-respondent,
.trade-room-message-seller.trade-room-message-respondent {
  margin-left: 0;
  border: 0;
  border-radius: 19px 19px 19px 6px;
  background: linear-gradient(145deg, #20ac92, #0d8a77);
  color: #fff;
}
.trade-room-message-initiator strong,
.trade-room-message-respondent strong,
.trade-room-message-initiator p,
.trade-room-message-respondent p { color: #fff; }
.trade-room-message-meta {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 10px;
}
.trade-room-message-meta strong { font-size: .78rem; font-weight: 950; }
.trade-room-message-meta span {
  color: rgba(255, 255, 255, .72);
  font-size: .58rem;
  font-weight: 850;
  text-transform: uppercase;
  letter-spacing: .06em;
}
.trade-room-message-initiator p,
.trade-room-message-respondent p {
  margin-top: 4px;
  font-size: .84rem;
  line-height: 1.48;
}
.trade-room-message-initiator small,
.trade-room-message-respondent small {
  margin-top: 6px;
  color: rgba(255, 255, 255, .68);
  font-size: .58rem;
  letter-spacing: .02em;
  text-transform: none;
}
.trade-room-message-system {
  position: relative;
  align-self: center;
  max-width: 92%;
  display: grid;
  grid-template-columns: 20px 1fr;
  gap: 0 7px;
  align-items: center;
  padding: 8px 11px;
  border: 1px solid #dce6f1;
  border-left: 1px solid #dce6f1;
  border-radius: 13px;
  background: #fff;
  box-shadow: 0 6px 16px rgba(15, 23, 42, .05);
  text-align: left;
}
.trade-room-system-dot {
  grid-row: 1 / 3;
  width: 20px;
  height: 20px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: #eaf7f3;
  color: #087d70;
  font-size: .62rem;
  font-weight: 950;
}
.trade-room-message-system p {
  margin: 0;
  color: #4d627b;
  font-size: .72rem;
}
.trade-room-message-system small {
  margin: 2px 0 0;
  color: #95a2b2;
  font-size: .56rem;
  text-transform: none;
  letter-spacing: 0;
}
.trade-room-chat-composer {
  position: relative;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 7px;
  align-items: center;
  margin-top: 10px;
  padding: 7px;
  border: 1px solid #dfe7f1;
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 8px 22px rgba(15, 31, 58, .06);
}
.trade-room-chat-composer input {
  min-width: 0;
  height: 38px;
  padding: 0 8px;
  border: 0;
  border-radius: 12px;
  background: transparent;
  color: #19314f;
  font-size: .82rem;
  outline: none;
  box-shadow: none;
}
.trade-room-chat-composer input:focus { box-shadow: none; }
.trade-room-emoji-control { position: relative; }
.trade-room-emoji-button {
  width: 38px;
  height: 38px;
  display: grid;
  place-items: center;
  border: 0;
  border-radius: 12px;
  background: #f0f5fb;
  color: #315778;
  font-size: 1.12rem;
  cursor: pointer;
}
.trade-room-emoji-button:hover { background: #e8f0fa; }
.trade-room-emoji-picker {
  position: absolute;
  left: 0;
  bottom: 47px;
  z-index: 15;
  width: 218px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 5px;
  padding: 9px;
  border: 1px solid #dbe5f0;
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 18px 44px rgba(10, 30, 60, .18);
}
.trade-room-emoji-picker[hidden] { display: none; }
.trade-room-emoji-picker button {
  height: 38px;
  border: 0;
  border-radius: 10px;
  background: #f7f9fc;
  font-size: 1.05rem;
  cursor: pointer;
}
.trade-room-emoji-picker button:hover { background: #eef4fb; transform: translateY(-1px); }
.trade-room-chat-composer .trade-room-chat-send {
  height: 38px;
  padding: 0 15px;
  border-radius: 12px;
  background: linear-gradient(135deg, #0b2d60, #2465d8);
  box-shadow: 0 9px 20px rgba(36, 101, 216, .18);
}
.trade-room-chat-warning {
  display: grid;
  grid-template-columns: 24px minmax(0, 1fr);
  gap: 8px;
  align-items: start;
  margin-top: 9px;
  padding: 8px 10px;
  border: 1px solid rgba(220, 38, 38, .18);
  border-radius: 12px;
  background: #fff6f6;
  color: #8f2f2f;
}
.trade-room-chat-warning > span {
  width: 22px;
  height: 22px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: #dc2626;
  color: #fff;
  font-size: .68rem;
  font-weight: 950;
}
.trade-room-chat-warning p {
  margin: 0;
  color: #8f2f2f;
  font-size: .68rem;
  line-height: 1.45;
}
.trade-room-chat-warning strong { color: #b42318; }
.trade-room-chat-rule {
  margin-top: 7px;
  padding: 0 2px;
  border: 0;
  background: transparent;
  color: #8b98a9;
  font-size: .64rem;
  font-weight: 720;
}
.trade-room-action-button small {
  padding: 4px 7px;
  border-radius: 999px;
  background: rgba(255, 247, 247, .96);
  color: #b42318;
  font-size: .62rem;
  font-weight: 900;
}

@media (max-width: 1040px) {
  .premium-login-rebuild .premium-login-access { padding: 74px 32px 44px; }
  .premium-login-card-frame { width: min(620px, 100%); }
}
@media (max-width: 760px) {
  .premium-login-rebuild .premium-login-access {
    padding: 72px 16px 28px;
    background: linear-gradient(180deg, #eef4fb, #f7f3e8 58%, #eef7f7);
  }
  .premium-login-card-frame { padding: 26px 20px; border-radius: 24px; }
  .trade-room-chat-heading { align-items: flex-start; }
  .trade-room-chat-presence { font-size: .62rem; }
  .trade-room-message { max-width: 84%; }
}


/* Sprint 0.21.16 — campaign frame stability, P2P typography/alignment, fluid social chat, and account recovery. */
.customer-marketplace-content .trade-campaign-banner,
.trade-room-campaign-slider {
  isolation: isolate;
  overflow: hidden;
  background: #071d3f;
}
.customer-marketplace-content .trade-campaign-banner {
  position: relative;
  height: clamp(180px, 11vw + 18px, 220px);
  min-height: 180px;
  margin: 0;
  border-radius: inherit;
  background: linear-gradient(135deg, #eaf2ff 0%, #fff7cf 45%, #e9fff6 100%);
}
.trade-campaign-slider .trade-campaign-slide,
.trade-campaign-slider .trade-campaign-slide.active,
.trade-room-campaign-slider .trade-campaign-slide,
.trade-room-campaign-slider .trade-campaign-slide.active {
  position: absolute !important;
  inset: 0;
  display: block;
  width: 100%;
  height: 100% !important;
  max-width: none;
  margin: 0;
  object-fit: contain;
  object-position: center;
  background: transparent;
  transform: none !important;
  transition: opacity .55s ease !important;
}
.trade-campaign-slider .trade-campaign-slide { opacity: 0; z-index: 1; }
.trade-campaign-slider .trade-campaign-slide.active { opacity: 1; z-index: 2; }
.trade-campaign-progress { z-index: 4; }
.trade-room-campaign-slider { height: 96px !important; min-height: 96px; }

/* Keep every custom select above the result board instead of letting menus fall behind tabs/offers. */
.customer-marketplace-content .premium-market-room { font-family: var(--font-premium); }
.customer-marketplace-content .trade-section-switcher {
  position: relative;
  z-index: 240;
  overflow: visible;
}
.customer-marketplace-content .premium-trade-tabs { position: relative; z-index: 40; }
.customer-marketplace-content .premium-filter-panel {
  position: relative;
  z-index: 120;
  overflow: visible;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 11px;
  align-items: end;
}
.customer-marketplace-content .premium-filter-panel .premium-market-search { grid-column: span 2; }
.customer-marketplace-content .premium-filter-panel .premium-select-shell,
.customer-marketplace-content .trade-section-switcher .premium-select-shell { position: relative; overflow: visible; }
.customer-marketplace-content .premium-filter-panel .premium-select-shell.open,
.customer-marketplace-content .trade-section-switcher .premium-select-shell.open { z-index: 360; }
.customer-marketplace-content .premium-filter-panel .premium-select-menu,
.customer-marketplace-content .trade-section-switcher .premium-select-menu { z-index: 380; }
.customer-marketplace-content .premium-offer-board { position: relative; z-index: 1; }
.customer-marketplace-content .premium-filter-toggles {
  grid-column: 1 / -1;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 9px;
  min-width: 0;
}
.customer-marketplace-content .premium-filter-toggles .premium-market-check,
.customer-marketplace-content .premium-filter-toggles .clear-market-filters {
  width: auto;
  min-width: 118px;
  min-height: 42px;
  margin: 0;
}
.customer-marketplace-content .premium-market-header h2 { font-weight: 800; letter-spacing: -.035em; }
.customer-marketplace-content .premium-market-header p { font-weight: 500; }
.customer-marketplace-content .premium-filter-panel .filter-label { font-weight: 700; }
.customer-marketplace-content .premium-filter-panel .premium-select-button,
.customer-marketplace-content .premium-filter-panel input,
.customer-marketplace-content .premium-trade-tab { font-weight: 650; }
.customer-marketplace-content .premium-results-title h3 { font-weight: 800; }
.customer-marketplace-content .premium-results-summary { font-weight: 600; }

/* Social-chat sizing: bubble width follows its message instead of filling a fixed block. */
.trade-room-drawer-panel,
.trade-room-drawer-panel button,
.trade-room-drawer-panel input,
.trade-room-drawer-panel textarea { font-family: var(--font-premium); }
.trade-room-chat-heading h4 { font-weight: 800; letter-spacing: -.025em; }
.trade-room-chat-presence { font-weight: 650; }
.trade-room-chat-social-note { font-weight: 500; }
.trade-room-chat-row { min-width: 0; }
.trade-room-message {
  width: fit-content;
  max-width: min(76%, 620px);
  min-width: 0;
  flex: 0 1 auto;
}
.trade-room-message-meta { justify-content: flex-start; gap: 6px; }
.trade-room-message-meta strong { font-size: .76rem; font-weight: 700; }
.trade-room-message-initiator p,
.trade-room-message-respondent p {
  margin: 4px 0 0;
  font-size: .82rem;
  font-weight: 500;
  line-height: 1.5;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  word-break: break-word;
}
.trade-room-message-initiator small,
.trade-room-message-respondent small { font-weight: 500; }
.trade-room-chat-avatar { font-weight: 750; }
.trade-room-message-system p { font-weight: 500; line-height: 1.45; }
.trade-room-system-dot { font-weight: 750; }
.trade-room-card-heading h4,
.trade-room-summary-card h4 { font-weight: 800; }
.trade-room-action-button { font-weight: 700; }
.trade-room-action-button small { font-weight: 700; }
.trade-room-chat-warning p { font-weight: 500; }
.trade-room-chat-warning strong { font-weight: 750; }

/* Recovery phrase: account-owned, one-time reveal, clearly separate from wallet seed phrases. */
.account-recovery-panel { overflow: hidden; }
.account-recovery-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(280px, .65fr);
  gap: 18px;
  align-items: end;
}
.account-recovery-copy { display: grid; gap: 7px; color: #526981; }
.account-recovery-copy strong { color: #17304f; font-size: 14px; font-weight: 800; }
.account-recovery-copy p { margin: 0; font-size: 12px; line-height: 1.55; }
.account-recovery-copy small { color: #8b9aab; font-size: 10px; }
.account-recovery-form { display: grid; gap: 9px; }
.account-recovery-form label { display: grid; gap: 6px; color: #526981; font-size: 10px; font-weight: 700; }
.account-recovery-form input { min-height: 43px; border: 1px solid #dce5f0; border-radius: 12px; padding: 0 12px; background: #fbfdff; }
.account-recovery-form button { min-height: 43px; border: 0; border-radius: 12px; background: linear-gradient(135deg,#0b2d60,#2465d8); color: #fff; font-weight: 750; cursor: pointer; }
.account-recovery-secret { margin-top: 15px; padding: 13px; border: 1px solid rgba(246,201,14,.38); border-radius: 14px; background: #fffbea; display: grid; gap: 8px; }
.account-recovery-secret[hidden] { display: none; }
.account-recovery-secret span { color: #8a6a00; font-size: 10px; font-weight: 800; text-transform: uppercase; letter-spacing: .04em; }
.account-recovery-secret code { display: block; padding: 11px; border-radius: 10px; background: #fff; color: #17304f; font-family: var(--font-premium); font-size: 12px; font-weight: 700; line-height: 1.6; overflow-wrap: anywhere; }
.account-recovery-secret small { color: #8c6f12; font-size: 10px; line-height: 1.5; }
.credential-recovery-entry { margin-top: 10px; }
.credential-recovery-toggle { border: 0; background: transparent; color: #2465d8; padding: 4px 0; font: inherit; font-size: 11px; font-weight: 700; cursor: pointer; }
.credential-recovery-form { margin-top: 10px; padding: 13px; display: grid; gap: 9px; border: 1px solid #dce5f0; border-radius: 15px; background: #f8fbff; }
.credential-recovery-form[hidden] { display: none; }
.credential-recovery-heading { display: grid; gap: 3px; }
.credential-recovery-heading strong { color: #17304f; font-size: 12px; }
.credential-recovery-heading small { color: #72849a; font-size: 9px; }
.credential-recovery-form label { display: grid; gap: 5px; color: #526981; font-size: 9.5px; font-weight: 700; }
.credential-recovery-form textarea,
.credential-recovery-form input { width: 100%; border: 1px solid #d6e1ed; border-radius: 11px; background: #fff; padding: 10px; color: #17304f; font-family: var(--font-premium); resize: vertical; }
.credential-recovery-form p { margin: 0; color: #71839a; font-size: 9.5px; }
.credential-recovery-form p.error { color: #b42318; }
.credential-recovery-form p.success { color: #087d70; }
.credential-recovery-result { display: grid; gap: 6px; padding: 10px; border-radius: 12px; background: #effaf7; color: #315c55; font-size: 10px; }
.credential-recovery-result[hidden] { display: none; }
.credential-recovery-result code { padding: 8px; border-radius: 8px; background: #fff; color: #17304f; font-family: var(--font-premium); overflow-wrap: anywhere; }

@media (max-width: 920px) {
  .customer-marketplace-content .premium-filter-panel { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .customer-marketplace-content .premium-filter-panel .premium-market-search { grid-column: 1 / -1; }
  .customer-marketplace-content .premium-filter-toggles { justify-content: stretch; }
  .customer-marketplace-content .premium-filter-toggles > * { flex: 1 1 0; }
  .account-recovery-layout { grid-template-columns: 1fr; }
}
@media (max-width: 640px) {
  .customer-marketplace-content .premium-filter-panel { grid-template-columns: 1fr; }
  .customer-marketplace-content .premium-filter-panel .premium-market-search,
  .customer-marketplace-content .premium-filter-toggles { grid-column: 1; }
  .customer-marketplace-content .premium-filter-toggles { flex-wrap: wrap; }
  .customer-marketplace-content .premium-filter-toggles .premium-market-check,
  .customer-marketplace-content .premium-filter-toggles .clear-market-filters { min-width: calc(50% - 5px); }
  .trade-room-message { max-width: 88%; }
  .trade-room-campaign-slider { height: 84px !important; min-height: 84px; padding: 4px 5px; }
}

/* Marketplace copy now follows the same calmer Inter weight hierarchy used elsewhere. */
.customer-marketplace-content .premium-offer-row h4,
.customer-marketplace-content .premium-offer-row strong,
.customer-marketplace-content .premium-board-columns span { font-weight: 700; }
.customer-marketplace-content .premium-offer-row p,
.customer-marketplace-content .premium-offer-row small,
.customer-marketplace-content .premium-offer-row span { font-weight: 500; }
.customer-marketplace-content .premium-offer-row .role-pill,
.customer-marketplace-content .premium-offer-row .card-action { font-weight: 700; }
.customer-marketplace-content .create-offer-market-button { font-weight: 750; }

/* Sprint 0.21.18 — recovery-link continuity, classic Trade Room restoration, marketplace filter fit. */
.credential-recovery-entry.open {
  padding-top: 4px;
}
.credential-recovery-entry.open .credential-recovery-toggle {
  color: #17304f;
}

/* Restore the approved compact Trade Room architecture while keeping lively social message bubbles. */
.trade-room-drawer-panel {
  width: min(560px, calc(100vw - 28px));
}
.trade-room-message-list {
  max-height: 360px;
  min-height: 0;
  overflow-y: auto;
}
.trade-room-message {
  width: fit-content;
  max-width: min(76%, 620px);
  min-width: 0;
  flex: 0 1 auto;
}
.trade-room-message-initiator,
.trade-room-message-buyer.trade-room-message-initiator,
.trade-room-message-seller.trade-room-message-initiator {
  background: linear-gradient(145deg, #2d6fdf, #1e55bb);
  color: #fff;
}
.trade-room-message-respondent,
.trade-room-message-buyer.trade-room-message-respondent,
.trade-room-message-seller.trade-room-message-respondent {
  background: linear-gradient(145deg, #20ac92, #0d8a77);
  color: #fff;
}
.trade-room-message-initiator p,
.trade-room-message-respondent p {
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  word-break: break-word;
  font-weight: 500;
}

/* Give desktop filters enough room to display their labels without squeezing the utility controls. */
.customer-marketplace-content .premium-filter-panel {
  grid-template-columns:
    minmax(220px, 1.55fr)
    minmax(145px, .92fr)
    minmax(145px, .90fr)
    minmax(145px, .90fr)
    minmax(185px, 1.18fr)
    minmax(170px, 1.08fr)
    minmax(145px, .92fr);
  gap: 10px;
  align-items: end;
}
.customer-marketplace-content .premium-filter-panel .premium-market-search {
  grid-column: auto;
}
.customer-marketplace-content .premium-filter-toggles {
  grid-column: 1 / -1;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 22px;
  min-width: 0;
  padding: 1px 2px 0;
}
.customer-marketplace-content .premium-filter-toggles .premium-market-check,
.customer-marketplace-content .premium-filter-toggles .clear-market-filters {
  width: auto;
  min-width: 0;
  min-height: 28px;
  height: auto;
  margin: 0;
  padding: 3px 0;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
.customer-marketplace-content .premium-filter-toggles .premium-market-check {
  position: relative;
  justify-content: flex-start;
  gap: 6px;
  font-size: 10.5px;
  font-weight: 650;
}
.customer-marketplace-content .premium-filter-toggles .premium-market-check input {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: 0;
  opacity: 0;
  pointer-events: none;
}
.customer-marketplace-content .premium-filter-toggles .premium-market-check .check-icon {
  width: auto;
  height: auto;
  display: inline;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  font-size: .74rem;
  font-weight: 800;
  opacity: .72;
}
/* Verified = light green. */
.customer-marketplace-content .premium-filter-toggles .premium-market-check:has(input[data-market-check="verified"]) {
  color: #35a77d;
}
.customer-marketplace-content .premium-filter-toggles input[data-market-check="verified"] + .check-icon {
  color: #46c995;
}
/* Online = deeper green for stronger status recognition. */
.customer-marketplace-content .premium-filter-toggles .premium-market-check:has(input[data-market-check="online"]) {
  color: #075f43;
}
.customer-marketplace-content .premium-filter-toggles input[data-market-check="online"] + .online-dot {
  color: #08724f;
}
.customer-marketplace-content .premium-filter-toggles .premium-market-check input:checked + .check-icon {
  opacity: 1;
}
.customer-marketplace-content .premium-filter-toggles .clear-market-filters {
  color: #2465d8;
  font-size: 10.5px;
  font-weight: 650;
  text-decoration: none;
}
.customer-marketplace-content .premium-filter-toggles .clear-market-filters:hover {
  color: #173f8f;
  text-decoration: underline;
  text-underline-offset: 3px;
}

@media (max-width: 1240px) {
  .customer-marketplace-content .premium-filter-panel {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .customer-marketplace-content .premium-filter-panel .premium-market-search {
    grid-column: span 2;
  }
}
@media (max-width: 920px) {
  .customer-marketplace-content .premium-filter-panel {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .customer-marketplace-content .premium-filter-panel .premium-market-search {
    grid-column: 1 / -1;
  }
  .customer-marketplace-content .premium-filter-toggles {
    justify-content: flex-start;
    gap: 18px;
    flex-wrap: wrap;
  }
}
@media (max-width: 640px) {
  .customer-marketplace-content .premium-filter-panel {
    grid-template-columns: 1fr;
  }
  .customer-marketplace-content .premium-filter-panel .premium-market-search,
  .customer-marketplace-content .premium-filter-toggles {
    grid-column: 1;
  }
  .customer-marketplace-content .premium-filter-toggles {
    gap: 14px;
  }
  .trade-room-message { max-width: 88%; }
}

/* Keep marketplace quick-status controls compact at every responsive breakpoint. */
.customer-marketplace-content .premium-filter-toggles > * { flex: 0 0 auto; }


/* Sprint 0.21.20 — solid participant chat bubbles + red Clear filters tab. */
/* The participant color owns the entire message surface; no pale legacy card fill or accent border may bleed through. */
.trade-room-chat-row-initiator .trade-room-message.trade-room-message-initiator,
.trade-room-message-buyer.trade-room-message-initiator,
.trade-room-message-seller.trade-room-message-initiator {
  background: #2465d8 !important;
  background-image: none !important;
  border: 1px solid #2465d8 !important;
  border-left: 1px solid #2465d8 !important;
  color: #ffffff !important;
  box-shadow: 0 10px 24px rgba(36, 101, 216, .18) !important;
}
.trade-room-chat-row-respondent .trade-room-message.trade-room-message-respondent,
.trade-room-message-buyer.trade-room-message-respondent,
.trade-room-message-seller.trade-room-message-respondent {
  background: #0b8f67 !important;
  background-image: none !important;
  border: 1px solid #0b8f67 !important;
  border-left: 1px solid #0b8f67 !important;
  color: #ffffff !important;
  box-shadow: 0 10px 24px rgba(11, 143, 103, .18) !important;
}
.trade-room-message-initiator .trade-room-message-meta strong,
.trade-room-message-respondent .trade-room-message-meta strong,
.trade-room-message-initiator p,
.trade-room-message-respondent p { color: #ffffff !important; }
.trade-room-message-initiator small,
.trade-room-message-respondent small { color: rgba(255,255,255,.78) !important; }

/* Clear filters is now a first-class action beside All Offers / Buy / Sell, not a loose utility below. */
.customer-marketplace-content .premium-trade-tabs .clear-filter-tab {
  border: 1px solid #d92d20 !important;
  background: #d92d20 !important;
  color: #ffffff !important;
  font-weight: 750;
  box-shadow: none !important;
}
.customer-marketplace-content .premium-trade-tabs .clear-filter-tab:hover,
.customer-marketplace-content .premium-trade-tabs .clear-filter-tab:focus-visible {
  border-color: #b42318 !important;
  background: #b42318 !important;
  color: #ffffff !important;
}
.customer-marketplace-content .premium-filter-toggles {
  justify-content: flex-end;
  gap: 22px;
}
.customer-marketplace-content .premium-filter-toggles .premium-market-check {
  min-height: 28px;
}

/* Sprint 0.21.20 — focused Trade Room language, timeline states, compact utility actions, and typography alignment. */
.trade-room-drawer-panel,
.trade-room-drawer-panel button,
.trade-room-drawer-panel input,
.trade-room-drawer-panel label,
.trade-room-drawer-panel textarea,
.trade-room-drawer-panel select {
  font-family: Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif !important;
}
.trade-room-drawer-panel {
  width: min(520px, calc(100vw - 28px));
}
.trade-room-card-heading h4,
.trade-room-chat-heading h4 { font-weight: 750; }
.trade-room-pinned-status span,
.trade-summary-grid dt,
.trade-room-card .eyebrow { font-weight: 700; }
.trade-room-pinned-status strong,
.trade-summary-grid dd { font-weight: 750; }
.trade-condition-pills span,
.trade-room-action-explainer,
.trade-room-action-note,
.trade-room-files-card > p { font-weight: 500; }

/* Protected Trade is intentionally the strongest trust-green status in the pinned strip. */
.trade-room-pinned-status .protected-trade-indicator {
  color: #045b40;
  border-color: rgba(4, 91, 64, .20);
  background: #edf9f4;
}
.trade-room-pinned-status .protected-trade-indicator span,
.trade-room-pinned-status .protected-trade-indicator strong { color: #045b40; }
.trade-room-pinned-status .protected-trade-indicator span { font-size: .9rem; }

/* Timeline dots have a fixed product meaning; explanatory copy is removed except for exception state text. */
.trade-room-timeline li > span { box-shadow: none !important; }
.trade-room-timeline li[data-timeline-event="trade-opened"] > span {
  border-color: #bfdbfe !important;
  background: #60a5fa !important;
}
.trade-room-timeline li[data-timeline-event="protection-active"] > span {
  border-color: #93b4ee !important;
  background: #1649ad !important;
}
.trade-room-timeline li[data-timeline-event="payment-window"] > span {
  border-color: #f6dc72 !important;
  background: #d7a800 !important;
}
.trade-room-timeline li[data-timeline-event="payment-sent"] > span {
  border-color: #bbf7d0 !important;
  background: #6dd7a7 !important;
}
.trade-room-timeline li[data-timeline-event="seller-confirmation"] > span {
  border-color: #e2e8f0 !important;
  background: #ffffff !important;
}
.trade-room-timeline li[data-timeline-event="seller-confirmation"][data-state="confirmed"] > span,
.trade-room-timeline li[data-timeline-event="seller-confirmation"][data-state="completed"] > span {
  border-color: #8dd8b7 !important;
  background: #046c4e !important;
}
.trade-room-timeline li[data-timeline-event="seller-confirmation"][data-state="failed"] > span {
  border-color: #fecaca !important;
  background: #d92d20 !important;
}
.trade-room-timeline li[data-timeline-event="seller-confirmation"][data-state="failed"] strong,
.trade-room-timeline li[data-timeline-event="seller-confirmation"][data-state="failed"] [data-timeline-detail] { color: #b42318; }
.trade-room-timeline [data-timeline-detail] {
  margin: 3px 0 0;
  color: #b42318;
  font-size: .72rem;
  font-weight: 600;
  line-height: 1.35;
}
.trade-room-timeline [data-timeline-detail][hidden] { display: none; }

/* Upload and dispute are compact sibling actions; upload is blue, dispute is light red. */
.trade-room-utility-actions {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 9px;
}
.trade-room-upload-button,
.trade-room-open-dispute {
  min-height: 42px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border-radius: 12px;
  padding: 9px 12px;
  font-size: .76rem;
  font-weight: 700;
  cursor: pointer;
  box-shadow: none;
}
.trade-room-upload-button {
  position: relative;
  border: 1px solid #2465d8;
  background: #2465d8;
  color: #fff;
}
.trade-room-upload-button input {
  position: absolute;
  width: 1px;
  height: 1px;
  opacity: 0;
  pointer-events: none;
}
.trade-room-upload-icon {
  width: 18px;
  height: 18px;
  display: inline-flex;
}
.trade-room-upload-icon svg { width: 100%; height: 100%; }
.trade-room-upload-button strong { color: inherit; font-size: inherit; font-weight: inherit; }
.trade-room-open-dispute {
  border: 1px solid #f0b8b3 !important;
  background: #fff1f0 !important;
  color: #b42318 !important;
}
.trade-room-open-dispute > span {
  width: 18px;
  height: 18px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: #ffd7d3;
  color: #b42318;
  font-size: .68rem;
  font-weight: 800;
}

.trade-room-action-danger {
  background: #fff1f0;
  color: #b42318;
  border: 1px solid #f0b8b3;
  box-shadow: none;
}
.trade-room-action-danger small { color: #b42318; }

/* Composer: calm green send action, standalone deep-blue smiley with no surrounding case. */
.trade-room-chat-composer .trade-room-chat-send {
  background: #046c4e !important;
  color: #fff !important;
  box-shadow: 0 9px 20px rgba(4,108,78,.16) !important;
}
.trade-room-emoji-button,
.trade-room-emoji-button:hover,
.trade-room-emoji-button:focus-visible {
  width: 34px;
  height: 34px;
  padding: 0;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #0b3f83 !important;
  font-size: 1.42rem;
  line-height: 1;
}

@media (max-width: 560px) {
  .trade-room-utility-actions { grid-template-columns: 1fr; }
}


/* Sprint 0.21.21 — compact premium Trade Room, digital countdown, and semantic pinned-status blocks. */
.trade-room-drawer-panel {
  width: min(490px, calc(100vw - 28px));
  border-radius: 26px;
}
.trade-room-drawer-header {
  padding: 14px 16px 10px;
}
.trade-room-pinned-status {
  gap: 7px;
  padding: 9px 16px 10px;
}
.trade-room-pinned-status article {
  min-height: 54px;
  border-radius: 14px;
  padding: 8px 9px;
  box-shadow: none;
}
.trade-room-drawer-body {
  gap: 9px;
  padding: 10px 16px 16px;
}
.trade-room-card {
  border-radius: 18px;
  padding: 12px;
  box-shadow: 0 10px 26px rgba(15, 23, 42, 0.05);
}
.trade-room-card-heading {
  gap: 9px;
  margin-bottom: 8px;
}
.trade-summary-grid { gap: 6px; }
.trade-summary-grid div { border-radius: 13px; padding: 8px; }
.trade-condition-pills { gap: 5px; margin-top: 8px; }
.trade-condition-pills span { padding: 5px 7px; }
.trade-room-timeline { gap: 8px; }
.trade-room-message-list { gap: 7px; }

/* Small secondary headings should read like supporting copy, not page titles. */
.trade-room-dispute-card .trade-room-card-heading h4,
.trade-room-timeline-card .trade-room-card-heading h4,
.trade-room-action-card .trade-room-card-heading h4 {
  font-size: 11px;
  line-height: 1.55;
  letter-spacing: 0;
  font-weight: 600;
}
.trade-room-timeline-card .trade-room-card-heading h4 { color: #0b3f83; }
.trade-room-action-card .trade-room-card-heading h4 { color: #046c4e; }

/* Entire pinned status blocks carry the state color; text stays contrast-safe. */
.trade-room-pinned-status .protected-trade-indicator {
  border-color: #046c4e !important;
  background: #046c4e !important;
  color: #ffffff !important;
}
.trade-room-pinned-status .protected-trade-indicator span,
.trade-room-pinned-status .protected-trade-indicator strong {
  color: #ffffff !important;
}
.trade-room-pinned-status .trade-room-timer-indicator {
  border-color: #d6a900 !important;
  background: #e0b400 !important;
}
.trade-room-pinned-status .trade-room-timer-indicator span,
.trade-room-pinned-status .trade-room-timer-indicator strong {
  color: #13294b !important;
}
.trade-room-pinned-status .trade-room-timer-indicator strong {
  font-variant-numeric: tabular-nums;
  letter-spacing: .045em;
  white-space: nowrap;
}
.trade-room-drawer-shell[data-trade-room-stage="awaiting_payment"] .trade-room-status-indicator {
  border-color: #f3dfa0 !important;
  background: #fff8dc !important;
}
.trade-room-drawer-shell[data-trade-room-stage="awaiting_payment"] .trade-room-status-indicator span,
.trade-room-drawer-shell[data-trade-room-stage="awaiting_payment"] .trade-room-status-indicator strong {
  color: #6d5600 !important;
}

@media (max-width: 560px) {
  .trade-room-drawer-panel { width: 100vw; }
}

/* Sprint 0.21.28 — Dashboard premium fill progression and semantic icon refinement. */
.customer-dashboard-content .dashboard-command-deck[data-dashboard-home="0.21.28"] {
  --dash-deep-green: #075f4a;
  --dash-deep-green-2: #087a5b;
  --dash-light-green: #dff4d5;
  --dash-green-yellow: #eef2b7;
  --dash-soft-yellow: #fff0aa;
  --dash-lighter-yellow: #fff8d2;
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

/* Wallet Snapshot: full-card progression — deep green → green/yellow → soft yellow → lighter yellow. */
.customer-dashboard-content .dashboard-command-deck[data-dashboard-home="0.21.28"] .dashboard-money-total {
  background:
    radial-gradient(circle at 90% 6%, rgba(255,255,255,.13), transparent 30%),
    linear-gradient(145deg, #075f4a 0%, #087a5b 100%);
  border-right-color: rgba(255,255,255,.14);
  color: #fff;
}
.customer-dashboard-content .dashboard-command-deck[data-dashboard-home="0.21.28"] .dashboard-money-total::after {
  border-color: rgba(255,255,255,.10);
}
.customer-dashboard-content .dashboard-command-deck[data-dashboard-home="0.21.28"] .dashboard-money-total .eyebrow,
.customer-dashboard-content .dashboard-command-deck[data-dashboard-home="0.21.28"] .dashboard-money-total > div:first-child > span {
  color: #c9f1df;
}
.customer-dashboard-content .dashboard-command-deck[data-dashboard-home="0.21.28"] .dashboard-total-balance strong { color: #fff; }
.customer-dashboard-content .dashboard-command-deck[data-dashboard-home="0.21.28"] .dashboard-money-link { color: #d9ffeb; }
.customer-dashboard-content .dashboard-command-deck[data-dashboard-home="0.21.28"] .dashboard-total-balance .balance-visibility-button {
  border-color: rgba(255,255,255,.22);
  background: rgba(255,255,255,.12);
  color: #fff;
}
.customer-dashboard-content .dashboard-command-deck[data-dashboard-home="0.21.28"] .dashboard-money-bucket.money-available {
  background: linear-gradient(145deg, #d8f2d5 0%, #e8f2c4 55%, #f4efb7 100%);
}
.customer-dashboard-content .dashboard-command-deck[data-dashboard-home="0.21.28"] .dashboard-money-bucket.money-escrow {
  background: linear-gradient(145deg, #fff0b8 0%, #fff5ce 100%);
}
.customer-dashboard-content .dashboard-command-deck[data-dashboard-home="0.21.28"] .dashboard-money-bucket.money-pending {
  background: linear-gradient(145deg, #fff6cb 0%, #fffbe5 100%);
}
.customer-dashboard-content .dashboard-command-deck[data-dashboard-home="0.21.28"] .dashboard-money-bucket {
  border-right-color: rgba(76,91,76,.10);
}
.customer-dashboard-content .dashboard-command-deck[data-dashboard-home="0.21.28"] .dashboard-money-bucket::before { background: #75b86e; }
.customer-dashboard-content .dashboard-command-deck[data-dashboard-home="0.21.28"] .dashboard-money-bucket.money-escrow::before { background: #d2a900; }
.customer-dashboard-content .dashboard-command-deck[data-dashboard-home="0.21.28"] .dashboard-money-bucket.money-pending::before { background: #e3c85b; }
.customer-dashboard-content .dashboard-command-deck[data-dashboard-home="0.21.28"] .dashboard-money-bucket > span { color: #536a57; }
.customer-dashboard-content .dashboard-command-deck[data-dashboard-home="0.21.28"] .dashboard-money-bucket strong { color: #17382d; }
.customer-dashboard-content .dashboard-command-deck[data-dashboard-home="0.21.28"] .dashboard-money-bucket small { color: #64766b; }
.customer-dashboard-content .dashboard-command-deck[data-dashboard-home="0.21.28"] .dashboard-money-bucket.money-escrow > span,
.customer-dashboard-content .dashboard-command-deck[data-dashboard-home="0.21.28"] .dashboard-money-bucket.money-pending > span { color: #74631f; }
.customer-dashboard-content .dashboard-command-deck[data-dashboard-home="0.21.28"] .dashboard-money-bucket.money-escrow strong,
.customer-dashboard-content .dashboard-command-deck[data-dashboard-home="0.21.28"] .dashboard-money-bucket.money-pending strong { color: #3d3614; }
.customer-dashboard-content .dashboard-command-deck[data-dashboard-home="0.21.28"] .dashboard-money-bucket.money-escrow small,
.customer-dashboard-content .dashboard-command-deck[data-dashboard-home="0.21.28"] .dashboard-money-bucket.money-pending small { color: #776d3c; }

/* Premium asset logos are reused anywhere crypto appears on the Dashboard. */
.customer-dashboard-content .dashboard-command-deck[data-dashboard-home="0.21.28"] .dashboard-asset-logo {
  flex: 0 0 auto;
  width: 34px;
  height: 34px;
  display: inline-grid;
  place-items: center;
  overflow: hidden;
  border-radius: 50%;
  box-shadow: 0 7px 16px rgba(10,35,42,.13), inset 0 1px 0 rgba(255,255,255,.26);
}
.customer-dashboard-content .dashboard-command-deck[data-dashboard-home="0.21.28"] .dashboard-asset-logo.asset-logo-small {
  width: 25px;
  height: 25px;
  box-shadow: 0 5px 12px rgba(10,35,42,.11), inset 0 1px 0 rgba(255,255,255,.24);
}
.customer-dashboard-content .dashboard-command-deck[data-dashboard-home="0.21.28"] .dashboard-asset-logo svg { width: 100%; height: 100%; display: block; }
.customer-dashboard-content .dashboard-command-deck[data-dashboard-home="0.21.28"] .dashboard-asset-logo.coin-usdt svg circle { fill: #26a17b; }
.customer-dashboard-content .dashboard-command-deck[data-dashboard-home="0.21.28"] .dashboard-asset-logo.coin-usdt svg path { fill: #fff; }
.customer-dashboard-content .dashboard-command-deck[data-dashboard-home="0.21.28"] .dashboard-asset-logo.coin-btc svg circle { fill: #f7931a; }
.customer-dashboard-content .dashboard-command-deck[data-dashboard-home="0.21.28"] .dashboard-asset-logo.coin-btc svg text { fill: #fff; font-size: 24px; font-weight: 900; }
.customer-dashboard-content .dashboard-command-deck[data-dashboard-home="0.21.28"] .dashboard-total-balance { gap: 9px; }
.customer-dashboard-content .dashboard-command-deck[data-dashboard-home="0.21.28"] .dashboard-asset-value {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 7px;
}
.customer-dashboard-content .dashboard-command-deck[data-dashboard-home="0.21.28"] .dashboard-asset-value .balance-value { margin-top: 0; }

/* Quick Actions: each action receives its requested full-container fill. */
.customer-dashboard-content .dashboard-command-deck[data-dashboard-home="0.21.28"] .dashboard-command-action.command-trade {
  background: linear-gradient(145deg, #ffe984 0%, #fff2ad 100%);
  color: #243119;
}
.customer-dashboard-content .dashboard-command-deck[data-dashboard-home="0.21.28"] .dashboard-command-action.command-deposit {
  background: linear-gradient(145deg, #075f4a 0%, #087a5b 100%);
  color: #fff;
}
.customer-dashboard-content .dashboard-command-deck[data-dashboard-home="0.21.28"] .dashboard-command-action.command-withdraw {
  background: linear-gradient(145deg, #bfe8c6 0%, #dcf3d5 100%);
  color: #173a2b;
}
.customer-dashboard-content .dashboard-command-deck[data-dashboard-home="0.21.28"] .dashboard-command-action.command-create-offer {
  background: linear-gradient(145deg, #d6e9ff 0%, #ebf4ff 100%);
  color: #10325f;
}
.customer-dashboard-content .dashboard-command-deck[data-dashboard-home="0.21.28"] .dashboard-command-action.command-trade:hover { background: linear-gradient(145deg, #ffe57b, #fff0a2); }
.customer-dashboard-content .dashboard-command-deck[data-dashboard-home="0.21.28"] .dashboard-command-action.command-deposit:hover { background: linear-gradient(145deg, #065440, #076f52); }
.customer-dashboard-content .dashboard-command-deck[data-dashboard-home="0.21.28"] .dashboard-command-action.command-withdraw:hover { background: linear-gradient(145deg, #b4e2bd, #d2edcd); }
.customer-dashboard-content .dashboard-command-deck[data-dashboard-home="0.21.28"] .dashboard-command-action.command-create-offer:hover { background: linear-gradient(145deg, #cce3ff, #e3f0ff); }
.customer-dashboard-content .dashboard-command-deck[data-dashboard-home="0.21.28"] .dashboard-command-action.command-deposit small { color: #d2eee4; }
.customer-dashboard-content .dashboard-command-deck[data-dashboard-home="0.21.28"] .dashboard-command-action.command-trade small { color: #675d2d; }
.customer-dashboard-content .dashboard-command-deck[data-dashboard-home="0.21.28"] .dashboard-command-action.command-withdraw small { color: #52705d; }
.customer-dashboard-content .dashboard-command-deck[data-dashboard-home="0.21.28"] .dashboard-command-action.command-create-offer small { color: #526e91; }
.customer-dashboard-content .dashboard-command-deck[data-dashboard-home="0.21.28"] .dashboard-command-icon {
  background: rgba(7,26,56,.88);
  box-shadow: 0 8px 18px rgba(7,26,56,.14), inset 0 1px 0 rgba(255,255,255,.12);
}
.customer-dashboard-content .dashboard-command-deck[data-dashboard-home="0.21.28"] .dashboard-command-action.command-deposit .dashboard-command-icon {
  background: rgba(255,255,255,.15);
  color: #fff;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.20);
}
.customer-dashboard-content .dashboard-command-deck[data-dashboard-home="0.21.28"] .dashboard-command-action.command-withdraw .dashboard-command-icon {
  background: rgba(7,95,74,.92);
  color: #fff;
}
.customer-dashboard-content .dashboard-command-deck[data-dashboard-home="0.21.28"] .dashboard-command-action.command-create-offer .dashboard-command-icon {
  background: #164f9c;
  color: #fff;
}
.customer-dashboard-content .dashboard-command-deck[data-dashboard-home="0.21.28"] .dashboard-command-icon svg {
  width: 20px;
  height: 20px;
  stroke-width: 1.75;
}

/* Needs Attention: one continuous light-blue premium surface with semantic icons. */
.customer-dashboard-content .dashboard-command-deck[data-dashboard-home="0.21.28"] .dashboard-attention-focus {
  background: linear-gradient(155deg, #e7f2ff 0%, #f1f7ff 52%, #eaf4ff 100%);
  border-color: #cbdff5;
  box-shadow: 0 12px 30px rgba(31,94,173,.075);
}
.customer-dashboard-content .dashboard-command-deck[data-dashboard-home="0.21.28"] .dashboard-attention-focus > header {
  border-bottom-color: rgba(74,119,172,.15);
  background: rgba(255,255,255,.11);
}
.customer-dashboard-content .dashboard-command-deck[data-dashboard-home="0.21.28"] .dashboard-attention-item {
  grid-template-columns: 34px minmax(0, 1fr) auto;
  border-bottom-color: rgba(74,119,172,.14);
  background: transparent;
}
.customer-dashboard-content .dashboard-command-deck[data-dashboard-home="0.21.28"] .dashboard-attention-icon {
  width: 30px;
  height: 30px;
  display: grid;
  place-items: center;
  border-radius: 10px;
  background: rgba(255,255,255,.52);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.60);
}
.customer-dashboard-content .dashboard-command-deck[data-dashboard-home="0.21.28"] .dashboard-attention-icon svg {
  width: 17px;
  height: 17px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.customer-dashboard-content .dashboard-command-deck[data-dashboard-home="0.21.28"] .attention-icon-danger { color: #d18412; }
.customer-dashboard-content .dashboard-command-deck[data-dashboard-home="0.21.28"] .attention-icon-progress { color: #3978d9; }
.customer-dashboard-content .dashboard-command-deck[data-dashboard-home="0.21.28"] .attention-icon-reply { color: #795fd4; }
.customer-dashboard-content .dashboard-command-deck[data-dashboard-home="0.21.28"] .dashboard-attention-item button {
  background: rgba(255,255,255,.74);
  border-color: rgba(89,133,183,.22);
}

/* Active Trades: crypto is identifiable by logo before the asset text. */
.customer-dashboard-content .dashboard-command-deck[data-dashboard-home="0.21.28"] .dashboard-focus-trade-symbol {
  width: 60px;
  height: 54px;
  grid-template-columns: 25px auto;
  grid-template-rows: auto auto;
  column-gap: 6px;
  align-items: center;
  justify-content: center;
}
.customer-dashboard-content .dashboard-command-deck[data-dashboard-home="0.21.28"] .dashboard-focus-trade-symbol .dashboard-asset-logo {
  grid-row: 1 / 3;
  grid-column: 1;
}
.customer-dashboard-content .dashboard-command-deck[data-dashboard-home="0.21.28"] .dashboard-focus-trade-symbol span:not(.dashboard-asset-logo) {
  grid-column: 2;
  grid-row: 1;
  align-self: end;
}
.customer-dashboard-content .dashboard-command-deck[data-dashboard-home="0.21.28"] .dashboard-focus-trade-symbol b {
  grid-column: 2;
  grid-row: 2;
  align-self: start;
}

/* Recent Activity uses the same recognizable asset marks for crypto rows. */
.customer-dashboard-content .dashboard-command-deck[data-dashboard-home="0.21.28"] .dashboard-activity-coin {
  overflow: visible;
  background: transparent;
}
.customer-dashboard-content .dashboard-command-deck[data-dashboard-home="0.21.28"] .dashboard-activity-coin .dashboard-asset-logo {
  width: 34px;
  height: 34px;
}

@media (max-width: 760px) {
  .customer-dashboard-content .dashboard-command-deck[data-dashboard-home="0.21.28"] .dashboard-money-total { border-bottom-color: rgba(255,255,255,.14); }
  .customer-dashboard-content .dashboard-command-deck[data-dashboard-home="0.21.28"] .dashboard-money-bucket { border-bottom-color: rgba(76,91,76,.10); }
}
@media (max-width: 520px) {
  .customer-dashboard-content .dashboard-command-deck[data-dashboard-home="0.21.28"] .dashboard-attention-item { grid-template-columns: 34px minmax(0, 1fr); }
}
.customer-dashboard-content .dashboard-command-deck[data-dashboard-home="0.21.28"] .dashboard-asset-logo.asset-logo-micro {
  width: 15px;
  height: 15px;
  box-shadow: none;
}
.customer-dashboard-content .dashboard-command-deck[data-dashboard-home="0.21.28"] .dashboard-inline-asset {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  vertical-align: -2px;
  white-space: nowrap;
}

/* Sprint 0.21.28 — USD wallet overview, compact funded-assets rail, and unboxed Active Trade asset identity. */
.customer-dashboard-content .dashboard-command-deck[data-dashboard-home="0.21.28"] .dashboard-usd-value {
  display: flex;
  align-items: center;
  margin-top: 7px;
}
.customer-dashboard-content .dashboard-command-deck[data-dashboard-home="0.21.28"] .dashboard-usd-value .balance-value {
  margin-top: 0;
}

/* Dashboard-level account value is intentionally USD; crypto composition lives in My Assets. */
.customer-dashboard-content .dashboard-command-deck[data-dashboard-home="0.21.28"] .dashboard-total-balance {
  gap: 8px;
}

.customer-dashboard-content .dashboard-command-deck[data-dashboard-home="0.21.28"] .dashboard-assets-deck {
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.18);
  border-radius: 22px;
  background: linear-gradient(135deg, #154aa7 0%, #2465d8 100%);
  box-shadow: 0 14px 32px rgba(21,74,167,.20), inset 0 1px 0 rgba(255,255,255,.12);
}
.customer-dashboard-content .dashboard-command-deck[data-dashboard-home="0.21.28"] .dashboard-assets-deck > header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 14px 18px 12px;
  border-bottom: 1px solid rgba(255,255,255,.14);
}
.customer-dashboard-content .dashboard-command-deck[data-dashboard-home="0.21.28"] .dashboard-assets-deck .eyebrow {
  margin: 0;
  color: #cfe0ff;
  font-size: 9px;
  font-weight: 900;
  letter-spacing: .12em;
  text-transform: uppercase;
}
.customer-dashboard-content .dashboard-command-deck[data-dashboard-home="0.21.28"] .dashboard-assets-deck h2 {
  margin: 3px 0 0;
  color: #ffffff;
  font-size: 15px;
  letter-spacing: -.025em;
}
.customer-dashboard-content .dashboard-command-deck[data-dashboard-home="0.21.28"] .dashboard-assets-deck > header button {
  padding: 6px 9px;
  border: 1px solid rgba(255,255,255,.22);
  border-radius: 9px;
  background: rgba(255,255,255,.10);
  color: #ffffff;
  font-size: 9px;
  font-weight: 850;
}
.customer-dashboard-content .dashboard-command-deck[data-dashboard-home="0.21.28"] .dashboard-assets-list {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.customer-dashboard-content .dashboard-command-deck[data-dashboard-home="0.21.28"] .dashboard-portfolio-asset {
  min-width: 0;
  min-height: 72px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 14px;
  padding: 12px 18px;
  border-right: 1px solid rgba(255,255,255,.14);
  background: rgba(255,255,255,.055);
}
.customer-dashboard-content .dashboard-command-deck[data-dashboard-home="0.21.28"] .dashboard-portfolio-asset:last-child {
  border-right: 0;
}
.customer-dashboard-content .dashboard-command-deck[data-dashboard-home="0.21.28"] .dashboard-portfolio-identity {
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 10px;
}
.customer-dashboard-content .dashboard-command-deck[data-dashboard-home="0.21.28"] .dashboard-portfolio-identity > div,
.customer-dashboard-content .dashboard-command-deck[data-dashboard-home="0.21.28"] .dashboard-portfolio-balance {
  min-width: 0;
}
.customer-dashboard-content .dashboard-command-deck[data-dashboard-home="0.21.28"] .dashboard-portfolio-identity strong,
.customer-dashboard-content .dashboard-command-deck[data-dashboard-home="0.21.28"] .dashboard-portfolio-balance strong {
  display: block;
  color: #ffffff;
  font-size: 10.5px;
}
.customer-dashboard-content .dashboard-command-deck[data-dashboard-home="0.21.28"] .dashboard-portfolio-identity small,
.customer-dashboard-content .dashboard-command-deck[data-dashboard-home="0.21.28"] .dashboard-portfolio-balance small {
  display: block;
  margin-top: 3px;
  color: #c8dcff;
  font-size: 8px;
  line-height: 1.35;
}
.customer-dashboard-content .dashboard-command-deck[data-dashboard-home="0.21.28"] .dashboard-portfolio-balance {
  text-align: right;
}
.customer-dashboard-content .dashboard-command-deck[data-dashboard-home="0.21.28"] .dashboard-assets-empty {
  grid-column: 1 / -1;
  display: grid;
  gap: 3px;
  padding: 16px 18px;
  color: #c8dcff;
  font-size: 9px;
}
.customer-dashboard-content .dashboard-command-deck[data-dashboard-home="0.21.28"] .dashboard-assets-empty strong { color: #ffffff; font-size: 10px; }

/* Sprint 0.21.28 — My Assets is a full premium-blue portfolio surface. */
.customer-dashboard-content .dashboard-command-deck[data-dashboard-home="0.21.28"] .dashboard-assets-deck > header button:hover {
  background: rgba(255,255,255,.16);
}
.customer-dashboard-content .dashboard-command-deck[data-dashboard-home="0.21.28"] .dashboard-assets-deck .dashboard-asset-logo {
  box-shadow: 0 6px 14px rgba(4,26,74,.20), 0 0 0 1px rgba(255,255,255,.18);
}

/* Multi-asset logo treatments stay within the existing fintech palette. */
.customer-dashboard-content .dashboard-command-deck[data-dashboard-home="0.21.28"] .dashboard-asset-logo.coin-eth svg circle { fill: #627eea; }
.customer-dashboard-content .dashboard-command-deck[data-dashboard-home="0.21.28"] .dashboard-asset-logo.coin-eth svg path { fill: #fff; }
.customer-dashboard-content .dashboard-command-deck[data-dashboard-home="0.21.28"] .dashboard-asset-logo.coin-usdc svg circle { fill: #2775ca; }
.customer-dashboard-content .dashboard-command-deck[data-dashboard-home="0.21.28"] .dashboard-asset-logo.coin-usdc svg path { fill: #fff; }
.customer-dashboard-content .dashboard-command-deck[data-dashboard-home="0.21.28"] .dashboard-asset-logo.coin-sol svg circle { fill: #101827; }
.customer-dashboard-content .dashboard-command-deck[data-dashboard-home="0.21.28"] .dashboard-asset-logo.coin-sol svg path { fill: #75f2c2; }
.customer-dashboard-content .dashboard-command-deck[data-dashboard-home="0.21.28"] .dashboard-asset-logo.coin-bnb svg circle { fill: #f3ba2f; }
.customer-dashboard-content .dashboard-command-deck[data-dashboard-home="0.21.28"] .dashboard-asset-logo.coin-bnb svg path { fill: #fff; }
.customer-dashboard-content .dashboard-command-deck[data-dashboard-home="0.21.28"] .dashboard-asset-logo.coin-generic {
  background: #0b2d60;
  color: #fff;
  font-size: 8px;
  font-weight: 850;
}

/* Active Trade asset identity is now logo + Buy/Sell + asset text, with no wrapped box. */
.customer-dashboard-content .dashboard-command-deck[data-dashboard-home="0.21.28"] .dashboard-focus-trade-symbol {
  width: auto !important;
  height: auto !important;
  min-width: 0;
  display: inline-flex !important;
  align-items: center;
  justify-content: flex-start;
  gap: 5px;
  place-content: unset;
  padding: 0;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  text-align: left;
}
.customer-dashboard-content .dashboard-command-deck[data-dashboard-home="0.21.28"] .dashboard-focus-trade-symbol .dashboard-asset-logo {
  grid-row: auto;
  grid-column: auto;
  width: 25px;
  height: 25px;
  box-shadow: 0 5px 12px rgba(10,35,42,.11), inset 0 1px 0 rgba(255,255,255,.24);
}
.customer-dashboard-content .dashboard-command-deck[data-dashboard-home="0.21.28"] .dashboard-focus-trade-symbol span:not(.dashboard-asset-logo),
.customer-dashboard-content .dashboard-command-deck[data-dashboard-home="0.21.28"] .dashboard-focus-trade-symbol b {
  grid-column: auto;
  grid-row: auto;
  align-self: auto;
  margin: 0;
  font-size: 9px;
  line-height: 1;
}
.customer-dashboard-content .dashboard-command-deck[data-dashboard-home="0.21.28"] .dashboard-focus-trade-symbol span:not(.dashboard-asset-logo) {
  color: #365f95;
  font-weight: 850;
  text-transform: none;
}
.customer-dashboard-content .dashboard-command-deck[data-dashboard-home="0.21.28"] .dashboard-focus-trade-symbol b {
  color: #152945;
  font-weight: 850;
}

@media (max-width: 1100px) {
  .customer-dashboard-content .dashboard-command-deck[data-dashboard-home="0.21.28"] .dashboard-assets-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .customer-dashboard-content .dashboard-command-deck[data-dashboard-home="0.21.28"] .dashboard-portfolio-asset { border-bottom: 1px solid rgba(255,255,255,.14); }
}
@media (max-width: 620px) {
  .customer-dashboard-content .dashboard-command-deck[data-dashboard-home="0.21.28"] .dashboard-assets-list { grid-template-columns: 1fr; }
  .customer-dashboard-content .dashboard-command-deck[data-dashboard-home="0.21.28"] .dashboard-portfolio-asset { border-right: 0; }
  .customer-dashboard-content .dashboard-command-deck[data-dashboard-home="0.21.28"] .dashboard-portfolio-asset:last-child { border-bottom: 0; }
}
.customer-dashboard-content .dashboard-command-deck[data-dashboard-home="0.21.28"] .dashboard-assets-list.asset-count-1 { grid-template-columns: 1fr; }
.customer-dashboard-content .dashboard-command-deck[data-dashboard-home="0.21.28"] .dashboard-assets-list.asset-count-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.customer-dashboard-content .dashboard-command-deck[data-dashboard-home="0.21.28"] .dashboard-assets-list.asset-count-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.customer-dashboard-content .dashboard-command-deck[data-dashboard-home="0.21.28"] .dashboard-assets-list.asset-count-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }


/* Sprint 0.21.28 — current Active Trades experience replaces the retired legacy page. */
.customer-current-active-trades-content {
  --dash-yellow:#f6c90e;
  --dash-teal:#16aa95;
  padding-top: 24px;
  padding-bottom: 42px;
  font-family: Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
}
.current-active-trades-workspace {
  width: min(1180px, 100%);
  margin: 0 auto;
  overflow: hidden;
  border: 1px solid #dfe7f1;
  border-radius: 26px;
  background: #fff;
  box-shadow: 0 18px 48px rgba(13,43,82,.08);
}
.current-active-trades-header {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 24px;
  padding: 28px 30px 24px;
  background:
    radial-gradient(circle at 92% -30%, rgba(246,201,14,.22), transparent 34%),
    linear-gradient(135deg,#071d3f 0%,#0b3974 62%,#1551a8 100%);
  color: #fff;
}
.current-active-trades-header .eyebrow { margin:0 0 7px;color:#ffe36d;font-size:9px;font-weight:900;letter-spacing:.12em;text-transform:uppercase; }
.current-active-trades-header h1 { margin:0;color:#fff;font-size:clamp(27px,3vw,39px);letter-spacing:-.045em; }
.current-active-trades-header p:not(.eyebrow) { max-width:690px;margin:8px 0 0;color:#cbdaf0;font-size:11px;line-height:1.65; }
.current-active-trades-header .secondary-action { border-color:rgba(255,255,255,.22);background:rgba(255,255,255,.10);color:#fff;box-shadow:none; }
.current-active-trades-summary {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  border-bottom: 1px solid #e8edf4;
  background: linear-gradient(180deg,#f9fbfe,#f4f8fc);
}
.current-active-trades-summary span { min-height:58px;display:flex;align-items:center;gap:7px;padding:0 20px;border-right:1px solid #e6edf5;color:#60758e;font-size:9px;font-weight:760; }
.current-active-trades-summary span:last-child { border-right:0; }
.current-active-trades-summary strong { color:#174fa8;font-size:17px; }
.current-active-trades-list { display:grid;gap:12px;padding:18px; }
.customer-current-active-trades-content .current-active-trades-list .dashboard-focus-trade {
  border: 1px solid #e2e9f2;
  border-radius: 18px;
  background: linear-gradient(180deg,#fff,#fbfdff);
  box-shadow: 0 8px 22px rgba(16,33,63,.045);
}
.customer-current-active-trades-content .current-active-trades-list .dashboard-focus-trade:last-child { border-bottom:1px solid #e2e9f2; }
.customer-current-active-trades-content .dashboard-focus-trade-symbol {
  width:auto;
  height:auto;
  min-width:96px;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:7px;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  text-align:left;
}
.customer-current-active-trades-content .dashboard-focus-trade-symbol .dashboard-asset-logo {
  width:28px;height:28px;flex:0 0 28px;display:inline-grid;place-items:center;border-radius:50%;overflow:hidden;
}
.customer-current-active-trades-content .dashboard-focus-trade-symbol .dashboard-asset-logo svg { width:100%;height:100%;display:block; }
.customer-current-active-trades-content .dashboard-focus-trade-symbol .coin-usdt svg circle { fill:#26a17b; }
.customer-current-active-trades-content .dashboard-focus-trade-symbol .coin-usdt svg path { fill:#fff; }
.customer-current-active-trades-content .dashboard-focus-trade-symbol .coin-btc svg circle { fill:#f7931a; }
.customer-current-active-trades-content .dashboard-focus-trade-symbol .coin-btc svg text { fill:#fff; }
.customer-current-active-trades-content .dashboard-focus-trade-symbol span:not(.dashboard-asset-logo) { color:#315f9c;font-size:8px;font-weight:900;text-transform:uppercase; }
.customer-current-active-trades-content .dashboard-focus-trade-symbol b { margin:0;color:#10213f;font-size:10px; }
.customer-current-active-trades-content .dashboard-focus-trade > button { padding:7px 10px;border:1px solid #d7e4f3;border-radius:10px;background:#eef5ff;color:#174fa8; }

/* Sprint 0.21.28 — Create Account rebuilt into the same premium auth language as Sign In while preserving all fields and validation hooks. */
.premium-register-rebuild {
  min-height:100vh;
  padding:24px 0;
  font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  background:
    radial-gradient(circle at 90% 8%,rgba(246,201,14,.14),transparent 26%),
    radial-gradient(circle at 5% 88%,rgba(36,101,216,.12),transparent 30%),
    linear-gradient(145deg,#eef4fb 0%,#f8f4e8 51%,#edf7f7 100%);
}
.premium-register-layout {
  width:min(1500px,calc(100% - 48px));
  min-height:calc(100vh - 48px);
  margin:0 auto;
  display:grid;
  grid-template-columns:minmax(390px,.82fr) minmax(620px,1.18fr);
  overflow:hidden;
  border:1px solid #dfe7f1;
  border-radius:32px;
  background:#fff;
  box-shadow:0 30px 84px rgba(7,31,68,.14);
}
.premium-register-story {
  position:relative;
  isolation:isolate;
  overflow:hidden;
  min-height:720px;
  padding:clamp(40px,4.7vw,70px);
  display:flex;
  flex-direction:column;
  color:#fff;
  background:
    radial-gradient(circle at 78% 12%,rgba(246,201,14,.19),transparent 26%),
    radial-gradient(circle at 18% 82%,rgba(36,101,216,.28),transparent 34%),
    linear-gradient(145deg,#04152f 0%,#072b60 57%,#0b4386 100%);
}
.premium-register-story::after {
  content:"";
  position:absolute;
  left:-13%;right:-13%;bottom:-150px;height:270px;
  border-radius:50%;
  background:linear-gradient(180deg,rgba(246,201,14,.92),rgba(246,201,14,.42));
  transform:rotate(-4deg);
  z-index:-1;
}
.register-story-glow { position:absolute;border-radius:50%;pointer-events:none; }
.register-story-glow-yellow { width:330px;height:330px;right:-150px;top:-150px;border:60px solid rgba(246,201,14,.08); }
.register-story-glow-blue { width:390px;height:390px;left:-220px;bottom:-210px;border:76px solid rgba(89,154,255,.08); }
.register-story-brand { position:relative;z-index:2;margin-bottom:clamp(42px,7vh,82px); }
.register-story-copy { position:relative;z-index:2;max-width:610px; }
.register-story-copy .eyebrow { margin:0;color:#ffdf63;font-size:9px;font-weight:900;letter-spacing:.12em;text-transform:uppercase; }
.register-story-copy h1 { margin:10px 0 18px;color:#fff;font-size:clamp(39px,4.7vw,67px);line-height:.98;letter-spacing:-.06em; }
.register-story-copy h1 span { color:#f6c90e; }
.register-story-copy>p:last-child { max-width:570px;margin:0;color:#c6d6eb;font-size:12px;line-height:1.75; }
.register-story-benefits { position:relative;z-index:2;display:grid;gap:9px;margin-top:30px; }
.register-story-benefits article { display:flex;align-items:center;gap:11px;padding:11px 12px;border:1px solid rgba(255,255,255,.09);border-radius:15px;background:rgba(255,255,255,.065);backdrop-filter:blur(8px); }
.register-story-benefits i { width:30px;height:30px;flex:0 0 30px;display:grid;place-items:center;border-radius:10px;background:rgba(246,201,14,.13);color:#ffe36d;font-style:normal;font-size:10px;font-weight:900; }
.register-story-benefits span { display:grid;gap:2px; }
.register-story-benefits strong { color:#f2f7fd;font-size:9px; }
.register-story-benefits small { color:#9eb4ce;font-size:7.5px;line-height:1.4; }
.register-story-bottom { position:relative;z-index:2;margin-top:auto;padding-top:28px; }
.register-story-bottom .login-asset-strip { margin-top:0; }
.register-story-bottom>p { margin:13px 0 0;color:#d6e4f4;font-size:8px;font-weight:750; }
.premium-register-access { position:relative;display:flex;flex-direction:column;justify-content:center;padding:70px clamp(34px,4.5vw,70px) 44px;background:linear-gradient(180deg,#fff,#fbfdff); }
.premium-register-access-top { position:absolute;right:clamp(34px,4.5vw,70px);top:25px;display:flex;align-items:center;gap:10px;color:#788ba3;font-size:8.5px;font-weight:720; }
.premium-register-card-frame {
  position:relative;
  width:min(720px,100%);
  margin:0 auto;
  padding:30px clamp(24px,3vw,38px) 32px;
  overflow:hidden;
  border:1px solid rgba(205,216,230,.92);
  border-radius:28px;
  background:rgba(255,255,255,.97);
  box-shadow:0 24px 62px rgba(15,40,78,.13),0 5px 18px rgba(15,40,78,.05);
}
.premium-register-card-frame::before { content:"";position:absolute;left:0;right:0;top:0;height:5px;background:linear-gradient(90deg,#2465d8 0 34%,#f6c90e 34% 68%,#16aa95 68% 100%); }
.premium-register-card-frame .premium-login-card-brand { margin-bottom:18px; }
.premium-register-tabs { margin:0 0 22px; }
.premium-register-card-frame .premium-registration-panel {
  display:grid;
  gap:17px;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}
.premium-registration-copy .eyebrow { margin:0;color:#6e85a2;font-size:8px;font-weight:900;letter-spacing:.12em;text-transform:uppercase; }
.premium-registration-copy h1 { margin:4px 0 5px;color:#10213f;font-size:clamp(28px,2.7vw,39px);line-height:1.03;letter-spacing:-.05em; }
.premium-registration-copy>p:last-child { max-width:620px;margin:0;color:#6c7f97!important;font-size:9.5px;line-height:1.55;font-weight:650!important; }
.premium-registration-form { display:grid;gap:13px; }
.registration-field-grid { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px 12px; }
.registration-field { display:grid;gap:5px;min-width:0;color:#314b6b;font-size:8.5px;font-weight:800; }
.registration-label-row { display:flex;align-items:center;justify-content:space-between;gap:8px; }
.registration-label-row b { font-size:8.5px;color:#314b6b; }
.registration-label-row .optional-label { padding:2px 5px;border-radius:999px;background:#eef4fb;color:#788aa0;font-size:6.5px;font-weight:800;text-transform:uppercase;letter-spacing:.05em; }
.registration-input-shell { height:45px;display:grid;grid-template-columns:38px minmax(0,1fr);align-items:center;overflow:hidden;border:1px solid #d6e0eb;border-radius:12px;background:#f9fbfe;transition:.2s ease; }
.registration-input-shell:focus-within { border-color:#2465d8;background:#fff;box-shadow:0 0 0 4px rgba(36,101,216,.08),0 8px 20px rgba(36,101,216,.05); }
.registration-input-shell>i { height:100%;display:grid;place-items:center;border-right:1px solid #e5ebf2;color:#4773aa;font-style:normal; }
.registration-input-shell svg { width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round; }
.premium-register-card-frame .join-us-form .registration-input-shell input { width:100%;height:100%;padding:0 11px;border:0!important;border-radius:0;background:transparent!important;color:#10213f;font-size:9.5px;outline:none;box-shadow:none!important; }
.premium-register-card-frame .join-us-form .registration-input-shell input::placeholder { color:#a1adbc; }
.premium-registration-terms { display:grid!important;grid-template-columns:auto minmax(0,1fr);align-items:start!important;gap:9px!important;margin:1px 0 0!important;padding:10px 11px!important;border:1px solid #dfe8f2!important;border-radius:12px!important;background:#f6f9fd!important; }
.premium-registration-terms input { width:15px!important;height:15px!important;margin:1px 0 0!important;accent-color:#2465d8; }
.premium-registration-terms>span { display:grid;gap:2px; }
.premium-registration-terms strong { color:#294565;font-size:8.5px; }
.premium-registration-terms small { color:#7a8ca2;font-size:7px;line-height:1.4; }
.premium-registration-actions { display:grid!important;grid-template-columns:minmax(180px,.75fr) minmax(220px,1.25fr)!important;gap:9px!important;margin-top:0!important; }
.premium-registration-actions .primary-action { min-height:43px!important;display:flex;align-items:center;justify-content:center;gap:8px;border:0!important;border-radius:12px!important;background:linear-gradient(135deg,#f6c90e,#ffdf63)!important;color:#10213f!important;font-size:9.5px!important;font-weight:900!important;box-shadow:0 11px 24px rgba(210,167,0,.18)!important; }
.premium-registration-actions .primary-action i { font-style:normal;font-size:14px; }
.premium-registration-actions .secondary-action { min-height:43px;border:1px solid #d7e2ee;border-radius:12px;background:#fff;color:#345779;font-size:8.5px;font-weight:850; }
.premium-register-card-frame .registration-reassurance { display:flex;align-items:center;gap:8px;margin:0;padding:10px 12px;border:1px solid #d9e8fb;border-radius:12px;background:#eef6ff;color:#174f8f;font-size:7.7px;font-weight:760;line-height:1.45;box-shadow:none; }
.premium-register-card-frame .registration-reassurance>span { width:20px;height:20px;flex:0 0 20px;display:grid;place-items:center;border-radius:7px;background:#d9ebff;color:#175fb2;font-size:9px;font-weight:900; }
.premium-register-card-frame .join-us-result-card { margin:0;padding:11px 12px;border:1px solid #dfe8f1;border-radius:12px;background:#f8fbfe;box-shadow:none; }
.premium-register-card-frame .join-us-result-card h3 { font-size:10px;color:#10213f; }
.premium-register-card-frame .join-us-result-card p { font-size:8px;line-height:1.45;color:#6f8197; }
.premium-register-card-frame .join-us-violations { gap:6px; }
.premium-register-card-frame .join-us-violations li { border-radius:10px; }

@media (max-width: 1100px) {
  .premium-register-layout { grid-template-columns:1fr; }
  .premium-register-story { min-height:auto;padding:34px 30px 38px; }
  .register-story-brand { margin-bottom:32px; }
  .register-story-benefits { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .register-story-bottom { margin-top:28px; }
  .premium-register-access { padding:74px 30px 42px; }
  .premium-register-access-top { right:30px; }
}
@media (max-width: 760px) {
  .current-active-trades-summary { grid-template-columns:1fr; }
  .current-active-trades-summary span { border-right:0;border-bottom:1px solid #e6edf5; }
  .current-active-trades-summary span:last-child { border-bottom:0; }
  .current-active-trades-header { align-items:flex-start;flex-direction:column;padding:23px 20px; }
  .current-active-trades-list { padding:12px; }
  .premium-register-rebuild { padding:0; }
  .premium-register-layout { width:100%;min-height:100vh;border:0;border-radius:0;box-shadow:none; }
  .premium-register-story { padding:28px 20px 32px; }
  .register-story-copy h1 { font-size:41px; }
  .register-story-benefits { grid-template-columns:1fr; }
  .premium-register-access { padding:72px 18px 34px; }
  .premium-register-access-top { right:20px;top:22px; }
  .premium-register-card-frame { padding:27px 18px 24px;border-radius:22px; }
  .registration-field-grid { grid-template-columns:1fr; }
  .premium-registration-actions { grid-template-columns:1fr!important; }
}

/* Sprint 0.21.28 — Create Account is a new premium account-creation architecture, not the legacy Join Us card restyled. */
.account-create-rebuild {
  min-height:100vh;
  padding:24px 0;
  font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  background:
    radial-gradient(circle at 92% 8%,rgba(246,201,14,.14),transparent 26%),
    radial-gradient(circle at 6% 88%,rgba(36,101,216,.13),transparent 30%),
    linear-gradient(145deg,#edf3fb 0%,#f9f6ea 52%,#edf7f6 100%);
}
.account-create-layout {
  width:min(1500px,calc(100% - 48px));
  min-height:calc(100vh - 48px);
  grid-template-columns:minmax(390px,.82fr) minmax(650px,1.18fr);
  border:1px solid #dce6f1;
  border-radius:32px;
  box-shadow:0 34px 90px rgba(7,31,68,.15);
}
.account-create-story {
  min-height:760px;
  padding:clamp(42px,4.8vw,72px);
  background:
    radial-gradient(circle at 82% 12%,rgba(246,201,14,.20),transparent 26%),
    radial-gradient(circle at 14% 84%,rgba(36,101,216,.30),transparent 35%),
    linear-gradient(145deg,#04142e 0%,#082b61 56%,#0b4386 100%);
}
.account-create-story::after {
  height:250px;
  bottom:-145px;
  background:linear-gradient(180deg,rgba(246,201,14,.92),rgba(246,201,14,.42));
}
.account-create-story-copy { max-width:610px; }
.account-create-story-copy .eyebrow {
  margin:0;
  color:#ffe26a;
  font-size:11px;
  font-weight:850;
  letter-spacing:.14em;
}
.account-create-story-copy h1 {
  margin:12px 0 20px;
  color:#fff;
  font-size:clamp(42px,4.6vw,66px);
  line-height:.98;
  letter-spacing:-.055em;
  font-weight:800;
}
.account-create-story-copy h1 span { color:#f6c90e; }
.account-create-story-copy>p:last-child {
  max-width:560px;
  color:#c8d7ea;
  font-size:14px;
  line-height:1.72;
  font-weight:500;
}
.account-create-story-benefits {
  display:grid;
  gap:10px;
  margin-top:32px;
}
.account-create-story-benefits article {
  min-height:66px;
  padding:12px 14px;
  border:1px solid rgba(255,255,255,.10);
  border-radius:16px;
  background:rgba(255,255,255,.07);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05);
}
.account-create-story-benefits i {
  width:34px;
  height:34px;
  flex:0 0 34px;
  border-radius:11px;
  background:rgba(246,201,14,.15);
  color:#ffe36d;
}
.account-create-story-benefits i svg {
  width:18px;
  height:18px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.account-create-story-benefits strong { color:#f7fbff;font-size:11px;font-weight:800; }
.account-create-story-benefits small { color:#a9bdd5;font-size:9px;line-height:1.45;font-weight:520; }
.account-create-story-bottom>p { color:#d7e4f3;font-size:9px;font-weight:650;letter-spacing:.01em; }

.account-create-access {
  padding:70px clamp(34px,4.5vw,72px) 44px;
  background:
    radial-gradient(circle at 92% 6%,rgba(36,101,216,.055),transparent 26%),
    linear-gradient(180deg,#ffffff 0%,#f8fbff 100%);
}
.account-create-access-top { color:#71849c;font-size:11px;font-weight:650; }
.account-create-access-top .login-join-button { font-size:11px; }
.account-create-frame {
  width:min(760px,100%);
  margin:0 auto;
}
.account-create-panel {
  position:relative;
  display:grid;
  gap:18px;
  padding:30px clamp(24px,3.2vw,40px) 30px;
  overflow:hidden;
  border:1px solid #dce5ef;
  border-radius:28px;
  background:rgba(255,255,255,.98);
  box-shadow:0 24px 66px rgba(15,40,78,.13),0 5px 18px rgba(15,40,78,.05);
}
.account-create-panel::before {
  content:"";
  position:absolute;
  inset:0 0 auto 0;
  height:5px;
  background:linear-gradient(90deg,#2465d8 0 42%,#f6c90e 42% 72%,#0b8f67 72% 100%);
}
.account-create-heading {
  display:flex;
  align-items:center;
  gap:14px;
  padding-bottom:2px;
}
.account-create-heading-mark {
  width:48px;
  height:48px;
  flex:0 0 48px;
  display:grid;
  place-items:center;
  border-radius:15px;
  background:linear-gradient(145deg,#0b3f89,#2465d8);
  box-shadow:0 10px 24px rgba(36,101,216,.20);
}
.account-create-heading-mark span { color:#fff;font-size:16px;font-weight:900;letter-spacing:-.04em; }
.account-create-heading .eyebrow { margin:0 0 3px;color:#66809e;font-size:9px;font-weight:850;letter-spacing:.13em; }
.account-create-heading h1 { margin:0;color:#0f2442;font-size:30px;line-height:1.05;letter-spacing:-.04em;font-weight:800; }
.account-create-heading>div:last-child>p:last-child { margin:6px 0 0;color:#6c8098;font-size:11px;line-height:1.5;font-weight:520; }
.account-create-assurance {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
  padding:9px;
  border:1px solid #e4ebf3;
  border-radius:14px;
  background:#f6f9fd;
}
.account-create-assurance span { display:flex;align-items:center;gap:7px;min-width:0;color:#365674;font-size:9px;font-weight:750; }
.account-create-assurance i { width:21px;height:21px;flex:0 0 21px;display:grid;place-items:center;border-radius:7px;background:#e6f0ff;color:#2465d8;font-style:normal;font-size:9px;font-weight:900; }
.account-create-form { display:grid;gap:14px; }
.account-create-group {
  display:grid;
  gap:12px;
  padding:15px;
  border:1px solid #e1e9f2;
  border-radius:18px;
  background:#fbfdff;
}
.account-create-security { background:linear-gradient(180deg,#fbfdff,#f7fbff); }
.account-create-group-heading { display:flex;align-items:flex-start;gap:10px; }
.account-create-group-icon {
  width:34px;height:34px;flex:0 0 34px;display:grid;place-items:center;
  border-radius:11px;background:#e8f1ff;color:#1e5ab7;
}
.account-create-security .account-create-group-icon { background:#e6f7f1;color:#08765a; }
.account-create-group-icon svg { width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round; }
.account-create-group-heading p { margin:0 0 2px;color:#7388a0;font-size:8px;font-weight:900;letter-spacing:.12em; }
.account-create-group-heading h2 { margin:0;color:#17304f;font-size:14px;line-height:1.2;font-weight:800; }
.account-create-group-heading small { display:block;margin-top:3px;color:#8595a8;font-size:8.5px;line-height:1.4;font-weight:520; }
.account-create-field-grid { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px 12px; }
.account-create-field { display:grid;align-content:start;gap:5px;min-width:0; }
.account-create-label { display:flex;align-items:center;justify-content:space-between;gap:8px; }
.account-create-label b { color:#304b6a;font-size:9px;font-weight:800; }
.account-create-optional { padding:2px 6px;border-radius:999px;background:#edf3f9;color:#71849a;font-size:6.5px;font-weight:850;letter-spacing:.06em;text-transform:uppercase; }
.account-create-input {
  height:46px;
  display:grid;
  grid-template-columns:40px minmax(0,1fr);
  align-items:center;
  overflow:hidden;
  border:1px solid #d6e1ec;
  border-radius:12px;
  background:#fff;
  transition:border-color .18s ease,box-shadow .18s ease,background .18s ease;
}
.account-create-input:focus-within { border-color:#2465d8;background:#fff;box-shadow:0 0 0 4px rgba(36,101,216,.08),0 8px 18px rgba(36,101,216,.05); }
.account-create-input>i { height:100%;display:grid;place-items:center;border-right:1px solid #e6edf4;color:#4775ad;font-style:normal; }
.account-create-input svg { width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round; }
.account-create-input input {
  width:100%!important;
  height:100%!important;
  padding:0 12px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:#10213f!important;
  font:600 11px/1 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
  outline:none!important;
  box-shadow:none!important;
}
.account-create-input input::placeholder { color:#9baabd;opacity:1; }
.account-create-field-note { margin:0 2px;color:#8797a9;font-size:7.5px;line-height:1.35;font-weight:520; }
.account-create-terms {
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  align-items:start;
  gap:10px;
  padding:12px 13px;
  border:1px solid #dbe7f4;
  border-radius:14px;
  background:#f1f7ff;
  cursor:pointer;
}
.account-create-terms input { width:16px;height:16px;margin:1px 0 0;accent-color:#2465d8; }
.account-create-terms>span { display:grid;gap:3px; }
.account-create-terms strong { color:#244668;font-size:9px;font-weight:800; }
.account-create-terms small { color:#71879f;font-size:8px;line-height:1.4;font-weight:520; }
.account-create-actions { display:grid;grid-template-columns:minmax(220px,.88fr) minmax(220px,1.12fr);align-items:center;gap:12px; }
.account-create-primary {
  min-height:46px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  border:0;
  border-radius:13px;
  background:linear-gradient(135deg,#f6c90e,#ffdf63);
  color:#10213f;
  font:850 11px/1 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  box-shadow:0 12px 26px rgba(210,167,0,.20);
  cursor:pointer;
}
.account-create-primary i { font-style:normal;font-size:16px;line-height:1; }
.account-create-actions p { margin:0;color:#71849b;font-size:9px;font-weight:600;text-align:right; }
.account-create-actions p button { padding:0;border:0;background:transparent;color:#1f5eb9;font:800 9px/1 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;cursor:pointer; }
.account-create-trust-note {
  display:flex;
  align-items:flex-start;
  gap:9px;
  padding:11px 12px;
  border:1px solid #dce8f7;
  border-radius:13px;
  background:linear-gradient(135deg,#eef6ff,#f7fbff);
}
.account-create-trust-note>span { width:22px;height:22px;flex:0 0 22px;display:grid;place-items:center;border-radius:8px;background:#dcecff;color:#175caf;font-size:9px;font-weight:900; }
.account-create-trust-note p { margin:0;color:#55718f;font-size:8px;line-height:1.5;font-weight:540; }
.account-create-trust-note strong { color:#214a78;font-weight:800; }
.account-create-result-slot:empty { display:none; }
.account-create-result { display:flex;align-items:flex-start;gap:10px;padding:12px 13px;border-radius:14px;border:1px solid #dce6f1;background:#f8fbff; }
.account-create-result-icon { width:24px;height:24px;flex:0 0 24px;display:grid;place-items:center;border-radius:8px;font-size:10px;font-weight:900; }
.account-create-result h3 { margin:0;color:#17304f;font-size:10px;font-weight:850; }
.account-create-result p { margin:3px 0 0;color:#6e8197;font-size:8px;line-height:1.45;font-weight:520; }
.account-create-result-ready { border-color:#bfe5d8;background:#effaf6; }
.account-create-result-ready .account-create-result-icon { background:#d8f3e8;color:#08765a; }
.account-create-result-review { border-color:#f0d1cf;background:#fff7f6; }
.account-create-result-review .account-create-result-icon { background:#ffe3e0;color:#bd2d27; }
.account-create-result-checking { border-color:#cfe0f6;background:#f2f7ff; }
.account-create-result-checking .account-create-result-icon { background:#e0ecff;color:#225eb5; }
.account-create-violations { display:grid;gap:5px;margin:8px 0 0;padding:0;list-style:none; }
.account-create-violations li { display:grid;gap:2px;padding:7px 8px;border-radius:9px;background:rgba(255,255,255,.72); }
.account-create-violations strong { color:#8e302b;font-size:8px;font-weight:850; }
.account-create-violations span { color:#8b635f;font-size:7.5px;line-height:1.35; }

@media (max-width:1100px) {
  .account-create-layout { grid-template-columns:1fr; }
  .account-create-story { min-height:auto;padding:34px 30px 38px; }
  .account-create-story .register-story-brand { margin-bottom:32px; }
  .account-create-story-benefits { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .account-create-story-bottom { margin-top:28px; }
  .account-create-access { padding:74px 30px 42px; }
  .account-create-access-top { right:30px; }
}
@media (max-width:760px) {
  .account-create-rebuild { padding:0; }
  .account-create-layout { width:100%;min-height:100vh;border:0;border-radius:0;box-shadow:none; }
  .account-create-story { padding:28px 20px 32px; }
  .account-create-story-copy h1 { font-size:40px; }
  .account-create-story-benefits { grid-template-columns:1fr; }
  .account-create-access { padding:70px 16px 28px; }
  .account-create-access-top { right:18px;top:21px; }
  .account-create-panel { padding:27px 17px 24px;border-radius:22px; }
  .account-create-heading h1 { font-size:27px; }
  .account-create-assurance { grid-template-columns:1fr;gap:6px; }
  .account-create-field-grid { grid-template-columns:1fr; }
  .account-create-actions { grid-template-columns:1fr; }
  .account-create-actions p { text-align:center; }
}

/* Sprint 0.21.28 — Premium full-fill refinement: Account security, Dashboard attention alignment, Wallet actions, Resolution Center, and Create Account viewport fix. */

/* Create Account must own the full viewport instead of inheriting the legacy two-column auth-entry grid. */
.account-create-rebuild.auth-entry-shell {
  display: block;
  grid-template-columns: none;
  width: 100%;
  min-height: 100vh;
  overflow-x: hidden;
}

/* Account — each security level is a complete filled surface. */
.customer-account-content .account-security-choice[data-account-security-choice="STANDARD"] {
  border-color: #d8ad12;
  background: linear-gradient(145deg, #dfad05 0%, #f6c90e 100%);
  color: #17233a;
  box-shadow: 0 12px 26px rgba(182, 139, 0, .14);
}
.customer-account-content .account-security-choice[data-account-security-choice="BALANCED"] {
  border-color: #154aa7;
  background: linear-gradient(145deg, #154aa7 0%, #2465d8 100%);
  color: #fff;
  box-shadow: 0 12px 28px rgba(21, 74, 167, .18);
}
.customer-account-content .account-security-choice[data-account-security-choice="MAXIMUM"] {
  border-color: #075f4a;
  background: linear-gradient(145deg, #075f4a 0%, #0b8f67 100%);
  color: #fff;
  box-shadow: 0 12px 28px rgba(7, 95, 74, .18);
}
.customer-account-content .account-security-choice[data-account-security-choice="STANDARD"] .account-security-choice-copy strong,
.customer-account-content .account-security-choice[data-account-security-choice="STANDARD"] .account-security-choice-copy small,
.customer-account-content .account-security-choice[data-account-security-choice="STANDARD"] .account-security-choice-copy i { color: #17233a; }
.customer-account-content .account-security-choice[data-account-security-choice="BALANCED"] .account-security-choice-copy strong,
.customer-account-content .account-security-choice[data-account-security-choice="BALANCED"] .account-security-choice-copy small,
.customer-account-content .account-security-choice[data-account-security-choice="BALANCED"] .account-security-choice-copy i,
.customer-account-content .account-security-choice[data-account-security-choice="MAXIMUM"] .account-security-choice-copy strong,
.customer-account-content .account-security-choice[data-account-security-choice="MAXIMUM"] .account-security-choice-copy small,
.customer-account-content .account-security-choice[data-account-security-choice="MAXIMUM"] .account-security-choice-copy i { color: #fff; }
.customer-account-content .account-security-choice[data-account-security-choice="BALANCED"] .account-security-choice-copy small,
.customer-account-content .account-security-choice[data-account-security-choice="MAXIMUM"] .account-security-choice-copy small { opacity: .78; }
.customer-account-content .account-security-choice[data-account-security-choice="STANDARD"] .account-security-choice-mark {
  background: rgba(255,255,255,.48);
  color: #664f00;
}
.customer-account-content .account-security-choice[data-account-security-choice="BALANCED"] .account-security-choice-mark,
.customer-account-content .account-security-choice[data-account-security-choice="MAXIMUM"] .account-security-choice-mark {
  background: rgba(255,255,255,.14);
  color: #fff;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.18);
}
.customer-account-content .account-security-choice[data-account-security-choice].active {
  border-color: rgba(255,255,255,.92);
  background-color: inherit;
  box-shadow: inset 0 0 0 3px rgba(255,255,255,.78), 0 14px 30px rgba(16,33,63,.15);
}
.customer-account-content .account-security-choice[data-account-security-choice="STANDARD"].active {
  border-color: #b68e00;
  box-shadow: inset 0 0 0 3px rgba(255,255,255,.64), 0 14px 30px rgba(182,139,0,.17);
}

/* Dashboard — the crypto-aware title now shares one deliberate vertical baseline with the other Next Moves rows. */
.customer-dashboard-content .dashboard-attention-copy { min-width: 0; }
.customer-dashboard-content .dashboard-attention-title {
  display: flex !important;
  align-items: center;
  flex-wrap: wrap;
  gap: 4px;
  min-height: 18px;
  line-height: 1.35;
}
.customer-dashboard-content .dashboard-attention-title .dashboard-inline-asset {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  vertical-align: middle;
  line-height: 1;
}
.customer-dashboard-content .dashboard-attention-title .dashboard-asset-logo.asset-logo-micro {
  flex: 0 0 15px;
  margin: 0;
}

/* Wallet — consistent account-level USD total and equal full-fill primary actions. */
.customer-wallet-content .wallet-primary-actions {
  align-items: stretch;
}
.customer-wallet-content .wallet-action {
  width: 100%;
  height: 60px;
  min-height: 60px;
  max-height: 60px;
  padding: 10px 12px;
  grid-template-columns: 34px minmax(0,1fr);
  grid-template-rows: 18px 16px;
  align-content: center;
  gap: 1px 8px;
  border: 0;
}
.customer-wallet-content .wallet-action span {
  width: 34px;
  height: 34px;
  align-self: center;
}
.customer-wallet-content .wallet-action b,
.customer-wallet-content .wallet-action small {
  align-self: center;
  white-space: nowrap;
}
.customer-wallet-content .wallet-action-deposit {
  background: linear-gradient(145deg, #075f4a 0%, #0b8f67 100%);
  color: #fff;
  box-shadow: 0 12px 26px rgba(7,95,74,.20);
}
.customer-wallet-content .wallet-action-deposit span {
  background: rgba(255,255,255,.15);
  color: #fff;
}
.customer-wallet-content .wallet-action-withdraw {
  background: linear-gradient(145deg, #d8a900 0%, #f6c90e 100%);
  color: #182238;
  box-shadow: 0 12px 26px rgba(196,151,0,.18);
}
.customer-wallet-content .wallet-action-withdraw span {
  background: rgba(255,255,255,.42);
  color: #4d4000;
}
.customer-wallet-content .wallet-action-trade {
  background: linear-gradient(145deg, #154aa7 0%, #2465d8 100%);
  color: #fff;
  box-shadow: 0 12px 26px rgba(21,74,167,.20);
}
.customer-wallet-content .wallet-action-trade span {
  background: rgba(255,255,255,.14);
  color: #fff;
}
.customer-wallet-content .wallet-action-deposit small,
.customer-wallet-content .wallet-action-trade small { color: rgba(255,255,255,.78); opacity: 1; }
.customer-wallet-content .wallet-action-withdraw small { color: rgba(24,34,56,.72); opacity: 1; }
.customer-wallet-content .wallet-small-action {
  border: 1px solid #08765a;
  background: linear-gradient(145deg, #08765a 0%, #0b8f67 100%);
  color: #fff;
  box-shadow: 0 8px 18px rgba(8,118,90,.16);
}
.customer-wallet-content .wallet-small-action:hover {
  background: linear-gradient(145deg, #07674f 0%, #087e5d 100%);
}

/* Resolution Center — four case-type choices use full semantic surfaces and purpose-built SVG icons. */
.customer-resolution-content .resolution-principles article.resolution-principle {
  border: 0;
  min-height: 88px;
  box-shadow: 0 12px 26px rgba(16,33,63,.09), inset 0 1px 0 rgba(255,255,255,.12);
}
.customer-resolution-content .resolution-principle-trade {
  background: linear-gradient(145deg, #9f231f 0%, #c4312b 100%);
  color: #fff;
}
.customer-resolution-content .resolution-principle-deposit {
  background: linear-gradient(145deg, #ffd6d2 0%, #ffe8e5 100%);
  color: #6e2824;
}
.customer-resolution-content .resolution-principle-withdraw {
  background: linear-gradient(145deg, #d7a600 0%, #f6c90e 100%);
  color: #342900;
}
.customer-resolution-content .resolution-principle-support {
  background: linear-gradient(145deg, #154aa7 0%, #2465d8 100%);
  color: #fff;
}
.customer-resolution-content .resolution-principles article.resolution-principle > .resolution-principle-icon {
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  border-radius: 13px;
  background: rgba(255,255,255,.16);
  color: currentColor;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.18);
}
.customer-resolution-content .resolution-principle-deposit > .resolution-principle-icon,
.customer-resolution-content .resolution-principle-withdraw > .resolution-principle-icon {
  background: rgba(255,255,255,.45);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.54);
}
.customer-resolution-content .resolution-principle-icon svg {
  width: 22px;
  height: 22px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.customer-resolution-content .resolution-principles article.resolution-principle strong { color: currentColor; }
.customer-resolution-content .resolution-principles article.resolution-principle small { color: currentColor; opacity: .78; }

/* Sprint 0.21.28 — final pre-advert polish: aligned deposit notice, cleaner deposit picker, premium-yellow wallet lower deck. */

/* Dashboard Next Moves: the asset logo now owns the icon column so the title remains a single clean text baseline. */
.customer-dashboard-content .dashboard-command-deck[data-dashboard-home="0.21.28"] .dashboard-attention-asset-icon {
  padding: 0;
  overflow: visible;
  background: rgba(255,255,255,.56);
}
.customer-dashboard-content .dashboard-command-deck[data-dashboard-home="0.21.28"] .dashboard-attention-asset-icon .dashboard-asset-logo {
  width: 24px;
  height: 24px;
  box-shadow: 0 4px 10px rgba(15,23,42,.10);
}
.customer-dashboard-content .dashboard-command-deck[data-dashboard-home="0.21.28"] [data-pending-action="action-deposit-confirming"] .dashboard-attention-title {
  display: block !important;
  min-height: 0;
  line-height: 1.35;
}

/* Deposit: asset choices are premium icon/name controls, not nested cards. */
.deposit-asset-options {
  grid-template-columns: repeat(6, minmax(72px, 1fr));
  gap: 12px;
  align-items: start;
}
.deposit-asset-options button.deposit-asset-choice {
  min-height: 72px;
  padding: 7px 4px 5px;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  transform: none;
  color: #253750;
}
.deposit-asset-options button.deposit-asset-choice:hover {
  transform: translateY(-1px);
  border-color: transparent;
}
.deposit-asset-options button.deposit-asset-choice.active {
  border: 0;
  background: transparent;
  box-shadow: none;
}
.deposit-asset-options button.deposit-asset-choice > .coin-mark.coin-logo {
  width: 46px !important;
  height: 46px !important;
  margin: 0 auto 4px !important;
  border-radius: 999px !important;
  overflow: hidden !important;
  display: inline-flex !important;
  place-items: initial !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.34), 0 8px 18px rgba(15,23,42,.14) !important;
}
.deposit-asset-options button.deposit-asset-choice > .coin-mark.coin-logo svg {
  width: 46px !important;
  height: 46px !important;
  display: block !important;
}
.deposit-asset-options button.deposit-asset-choice.active > .coin-mark.coin-logo {
  box-shadow: 0 0 0 3px #fff, 0 0 0 5px rgba(21,74,167,.30), 0 9px 20px rgba(15,23,42,.15) !important;
}
.deposit-asset-options button.deposit-asset-choice > .coin-usdt { background: radial-gradient(circle at 30% 24%, #6ee7b7 0%, #26a17b 54%, #047857 100%) !important; color: #26a17b !important; }
.deposit-asset-options button.deposit-asset-choice > .coin-usdc { background: radial-gradient(circle at 30% 24%, #93c5fd 0%, #2775ca 54%, #1d4ed8 100%) !important; color: #2775ca !important; }
.deposit-asset-options button.deposit-asset-choice > .coin-btc { background: radial-gradient(circle at 30% 24%, #ffd166 0%, #f7931a 54%, #b45309 100%) !important; color: #f7931a !important; }
.deposit-asset-options button.deposit-asset-choice > .coin-eth { background: linear-gradient(135deg, #9aaeff 0%, #627eea 50%, #2f366f 100%) !important; color: #627eea !important; }
.deposit-asset-options button.deposit-asset-choice > .coin-sol { background: linear-gradient(135deg, #14f195 0%, #00ffa3 28%, #9945ff 70%, #351c75 100%) !important; color: #111827 !important; }
.deposit-asset-options button.deposit-asset-choice > .coin-bnb { background: radial-gradient(circle at 30% 24%, #ffe58a 0%, #f3ba2f 54%, #a16207 100%) !important; color: #f3ba2f !important; }
.deposit-asset-options button.deposit-asset-choice > .coin-logo circle { fill: currentColor; }
.deposit-asset-options button.deposit-asset-choice > .coin-logo text,
.deposit-asset-options button.deposit-asset-choice > .coin-logo polygon,
.deposit-asset-options button.deposit-asset-choice > .coin-logo path,
.deposit-asset-options button.deposit-asset-choice > .coin-logo rect { fill: #fff; stroke: #fff; }
.deposit-asset-options button.deposit-asset-choice .deposit-asset-choice-copy {
  display: grid;
  place-items: center;
  gap: 1px;
  width: auto;
  height: auto;
  border-radius: 0;
  background: transparent !important;
  color: inherit;
}
.deposit-asset-options button.deposit-asset-choice .deposit-asset-choice-copy b { font-size: 10.5px; line-height: 1.15; }
.deposit-asset-options button.deposit-asset-choice .deposit-asset-choice-copy small { color: #8592a5; font-size: 8px; line-height: 1.2; }
.deposit-asset-options button.deposit-asset-choice.active .deposit-asset-choice-copy b { color: #164f9c; }

/* Network choices keep essential network/minimum/confirmation information but drop the bulky wrapped-card treatment. */
.deposit-network-options {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  gap: 16px;
}
.deposit-network-options button.deposit-network-choice {
  display: inline-grid;
  grid-template-columns: 30px minmax(0,1fr);
  align-items: center;
  gap: 8px;
  min-width: 210px;
  min-height: 52px;
  padding: 4px 2px 7px;
  border: 0;
  border-bottom: 2px solid transparent;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  text-align: left;
}
.deposit-network-options button.deposit-network-choice:hover { border-bottom-color: rgba(36,101,216,.25); background: transparent; }
.deposit-network-options button.deposit-network-choice.active {
  border: 0;
  border-bottom: 2px solid #2465d8;
  background: transparent;
  box-shadow: none;
}
.deposit-network-choice-mark {
  display: grid;
  place-items: center;
  width: 30px;
  height: 30px;
  border-radius: 999px;
  background: #edf4ff;
  color: #2465d8;
}
.deposit-network-choice-mark svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.deposit-network-choice-copy { display: grid; gap: 2px; }
.deposit-network-choice-copy b { color: #233751; font-size: 10.5px; }
.deposit-network-choice-copy small { color: #8491a3; font-size: 8.5px; }
.deposit-network-choice.active .deposit-network-choice-mark { background: #164f9c; color: #fff; box-shadow: 0 6px 14px rgba(21,74,167,.18); }

/* The removed duplicate lifecycle/status UI leaves the funding flow shorter and more focused. */
.deposit-workspace-body { padding-top: 16px; }

/* Wallet: Escrow Funds through Protected by Design reads as one continuous premium-yellow deck. */
.customer-wallet-content .wallet-lower-grid {
  padding: 12px;
  gap: 12px;
  border: 1px solid rgba(184,137,0,.22);
  border-radius: 24px;
  background: linear-gradient(135deg, #e9b900 0%, #f6c90e 48%, #ffe36b 100%);
  box-shadow: 0 16px 36px rgba(181,137,0,.16), inset 0 1px 0 rgba(255,255,255,.28);
}
.customer-wallet-content .wallet-lower-grid > .wallet-panel {
  border-color: rgba(92,70,0,.12);
  background: rgba(255,255,255,.13);
  box-shadow: none;
}
.customer-wallet-content .wallet-lower-grid > .wallet-panel .wallet-panel-heading .eyebrow { color: #6f5700; }
.customer-wallet-content .wallet-lower-grid > .wallet-panel .wallet-panel-heading h2 { color: #23314a; }

@media (max-width: 720px) {
  .deposit-asset-options { grid-template-columns: repeat(3, minmax(72px,1fr)); }
  .deposit-network-options { gap: 8px 14px; }
  .deposit-network-options button.deposit-network-choice { min-width: min(100%, 210px); flex: 1 1 210px; }
}

/* Sprint 0.21.29 — Marketplace asset identity + compact wallet funding panes. */

/* Purpose-built marketplace logos for the six assets that previously fell back to text glyphs. */
.coin-bch { color:#0ac18e; background:radial-gradient(circle at 30% 24%,#5ee6bd 0%,#0ac18e 55%,#05825f 100%); }
.coin-dot { color:#e6007a; background:radial-gradient(circle at 30% 24%,#ff7fbd 0%,#e6007a 55%,#a50058 100%); }
.coin-avax { color:#e84142; background:radial-gradient(circle at 30% 24%,#ff8585 0%,#e84142 54%,#aa2425 100%); }
.coin-pol { color:#8247e5; background:linear-gradient(135deg,#a477f4 0%,#8247e5 54%,#5a2fb0 100%); }
.coin-xlm { color:#101820; background:linear-gradient(145deg,#38434d 0%,#101820 62%,#05080b 100%); }
.coin-ton { color:#0098ea; background:radial-gradient(circle at 30% 24%,#6ecfff 0%,#0098ea 55%,#0067a3 100%); }
.coin-dot svg circle { fill:#fff !important; stroke:#fff !important; }
.coin-bch svg circle { fill:currentColor !important; }
.coin-bch svg path { fill:none !important; stroke:#fff !important; stroke-width:2 !important; }
.coin-avax svg circle { fill:#fff !important; stroke:#fff !important; }
.coin-xlm svg path { fill:none !important; stroke:#fff !important; stroke-width:2.25 !important; }
.coin-ton svg path:first-child { fill:#fff !important; stroke:#fff !important; }
.coin-ton svg path:last-child { fill:none !important; stroke:#0098ea !important; stroke-width:2.2 !important; }

/* Deposit and Withdraw now share the compact 490px drawer language established by Trade Room. */
.deposit-workspace-drawer-panel,
.withdraw-workspace-drawer-panel {
  width:min(490px,calc(100vw - 28px));
  max-width:490px;
  border-radius:26px;
}
.withdraw-workspace-drawer-panel {
  inset:14px 14px 14px auto;
  grid-template-rows:auto minmax(0,1fr) auto;
}
.deposit-workspace-header,
.withdraw-workspace-header {
  padding:14px 16px 12px;
  gap:12px;
}
.deposit-workspace-header h3,
.withdraw-workspace-header h3 {
  font-size:1.55rem;
  margin:2px 0 4px;
}
.deposit-workspace-header p,
.withdraw-workspace-header p {
  font-size:9.5px;
  line-height:1.4;
}
.deposit-window-actions button,
.withdraw-window-actions button {
  width:32px;
  height:32px;
}
.deposit-workspace-body,
.withdraw-workspace-body {
  padding:12px;
  gap:10px;
}
.deposit-workspace-card,
.withdraw-workspace-card {
  padding:13px;
  margin-bottom:10px;
  border-radius:17px;
  box-shadow:0 8px 22px rgba(7,22,47,.05);
}
.withdraw-workspace-card { margin-bottom:0; }
.deposit-card-heading,
.withdraw-card-heading { margin-bottom:10px; gap:2px; }
.deposit-card-heading h4,
.withdraw-card-heading h4 { font-size:.9rem; }
.deposit-card-heading p:last-child,
.withdraw-card-heading p:not(.eyebrow) { font-size:9px; line-height:1.4; }

/* A 490px pane needs pane-aware responsive layout even on a wide desktop viewport. */
.deposit-asset-options,
.withdraw-asset-options {
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
}
.deposit-address-layout { grid-template-columns:1fr; gap:12px; }
.deposit-preview-qr { width:132px; margin:0 auto; border-width:7px; border-radius:17px; padding:9px; }
.deposit-network-options,
.withdraw-network-options { display:grid; grid-template-columns:1fr; gap:7px; }
.deposit-network-options button.deposit-network-choice,
.withdraw-network-options button.withdraw-network-choice {
  min-width:0;
  width:100%;
}
.deposit-address-facts,
.withdraw-fee-grid,
.withdraw-review-summary { grid-template-columns:repeat(2,minmax(0,1fr)); }
.deposit-recent-list article,
.withdraw-recent-list article { grid-template-columns:36px minmax(0,1fr) auto; gap:8px; padding:9px; }
.deposit-recent-list article em,
.withdraw-recent-list article em { grid-column:2 / -1; justify-self:start; }
.deposit-workspace-footer,
.withdraw-workspace-footer { padding:10px 12px; }

/* Withdraw asset selector now mirrors Deposit: clean clickable logo + label, no nested card surface. */
.withdraw-asset-options button.withdraw-asset-choice {
  min-height:70px;
  padding:7px 3px 5px;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  display:grid;
  place-items:center;
  grid-template-columns:1fr;
  grid-template-rows:auto auto;
  gap:2px;
  text-align:center;
}
.withdraw-asset-options button.withdraw-asset-choice:hover { transform:translateY(-1px); background:transparent; }
.withdraw-asset-options button.withdraw-asset-choice.active { border:0; background:transparent; box-shadow:none; }
.withdraw-asset-options button.withdraw-asset-choice > .coin-mark.coin-logo {
  width:44px !important;
  height:44px !important;
  margin:0 auto 3px !important;
  border-radius:999px !important;
  overflow:hidden !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:0 !important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.34),0 7px 16px rgba(15,23,42,.13) !important;
}
.withdraw-asset-options button.withdraw-asset-choice > .coin-mark.coin-logo svg { width:44px !important; height:44px !important; display:block !important; }
.withdraw-asset-options button.withdraw-asset-choice.active > .coin-mark.coin-logo { box-shadow:0 0 0 3px #fff,0 0 0 5px rgba(21,74,167,.28),0 8px 18px rgba(15,23,42,.14) !important; }
.withdraw-asset-options button.withdraw-asset-choice > .coin-usdt { background:radial-gradient(circle at 30% 24%,#6ee7b7 0%,#26a17b 54%,#047857 100%) !important; color:#26a17b !important; }
.withdraw-asset-options button.withdraw-asset-choice > .coin-usdc { background:radial-gradient(circle at 30% 24%,#93c5fd 0%,#2775ca 54%,#1d4ed8 100%) !important; color:#2775ca !important; }
.withdraw-asset-options button.withdraw-asset-choice > .coin-btc { background:radial-gradient(circle at 30% 24%,#ffd166 0%,#f7931a 54%,#b45309 100%) !important; color:#f7931a !important; }
.withdraw-asset-options button.withdraw-asset-choice > .coin-eth { background:linear-gradient(135deg,#9aaeff 0%,#627eea 50%,#2f366f 100%) !important; color:#627eea !important; }
.withdraw-asset-options button.withdraw-asset-choice > .coin-sol { background:linear-gradient(135deg,#14f195 0%,#00ffa3 28%,#9945ff 70%,#351c75 100%) !important; color:#111827 !important; }
.withdraw-asset-options button.withdraw-asset-choice > .coin-bnb { background:radial-gradient(circle at 30% 24%,#ffe58a 0%,#f3ba2f 54%,#a16207 100%) !important; color:#f3ba2f !important; }
.withdraw-asset-options button.withdraw-asset-choice > .coin-logo circle { fill:currentColor; }
.withdraw-asset-options button.withdraw-asset-choice > .coin-logo text,
.withdraw-asset-options button.withdraw-asset-choice > .coin-logo polygon,
.withdraw-asset-options button.withdraw-asset-choice > .coin-logo path,
.withdraw-asset-options button.withdraw-asset-choice > .coin-logo rect { fill:#fff; stroke:#fff; }
.withdraw-asset-choice-copy { display:grid; place-items:center; gap:1px; }
.withdraw-asset-choice-copy b { color:#253750; font-size:10px; line-height:1.15; }
.withdraw-asset-choice-copy small { color:#8794a8; font-size:7.7px; line-height:1.2; }
.withdraw-asset-choice.active .withdraw-asset-choice-copy b { color:#164f9c; }

/* Withdraw network selector: lighter, informative, and consistent with Deposit. */
.withdraw-network-options button.withdraw-network-choice {
  display:grid;
  grid-template-columns:30px minmax(0,1fr);
  align-items:center;
  gap:8px;
  min-height:50px;
  padding:5px 2px 7px;
  border:0;
  border-bottom:2px solid transparent;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  text-align:left;
}
.withdraw-network-options button.withdraw-network-choice.active { border:0; border-bottom:2px solid #2465d8; background:transparent; box-shadow:none; }
.withdraw-network-choice-mark { display:grid; place-items:center; width:30px; height:30px; border-radius:999px; background:#edf4ff; color:#2465d8; }
.withdraw-network-choice-mark svg { width:18px; height:18px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.withdraw-network-choice-copy { display:grid; gap:2px; }
.withdraw-network-choice-copy b { color:#233751; font-size:10px; margin:0 !important; }
.withdraw-network-choice-copy small { color:#8491a3; font-size:8px; }
.withdraw-network-choice.active .withdraw-network-choice-mark { background:#164f9c; color:#fff; box-shadow:0 6px 14px rgba(21,74,167,.18); }

/* Compact destination/review controls keep the whitelist rule visible once, without repeated product copy. */
.withdraw-saved-addresses { margin-bottom:9px; }
.withdraw-address-field,
.withdraw-address-label,
.withdraw-amount-field { margin-top:8px; }
.withdraw-address-field input,
.withdraw-address-label input,
.withdraw-amount-field input { padding:10px 11px; border-radius:11px; font-size:10px; }
.withdraw-address-field button { border-radius:11px; padding:0 11px; }
.withdraw-whitelist-result { margin-top:9px; padding:9px 10px; border-radius:12px; }
.withdraw-whitelist-result > span { width:26px; height:26px; flex-basis:26px; border-radius:9px; }
.withdraw-balance-line { padding:8px 10px; margin-bottom:8px; }
.withdraw-fee-grid { gap:6px; margin-top:9px; }
.withdraw-fee-grid span,
.withdraw-review-summary span { padding:8px 9px; border-radius:11px; }
.withdraw-confirm-check { margin:10px 0; padding:9px 10px; }
.withdraw-preview-submit { min-height:40px; border-radius:12px; }
.withdraw-preview-result { margin-top:8px; padding:9px 10px; }
.withdraw-footer-mark { color:#0b4e49; font-size:9px; font-weight:850; }

@media (max-width:520px) {
  .deposit-workspace-drawer-panel,
  .withdraw-workspace-drawer-panel { inset:0; width:100vw; max-width:none; border-radius:0; }
  .deposit-workspace-body,
  .withdraw-workspace-body { padding:10px; }
  .deposit-address-facts,
  .withdraw-fee-grid,
  .withdraw-review-summary { grid-template-columns:1fr; }
  .withdraw-address-field > div,
  .withdraw-amount-field > div { grid-template-columns:1fr; }
  .withdraw-address-field button,
  .withdraw-amount-field b,
  .withdraw-amount-field button { min-height:38px; }
}

/* Sprint 0.21.30 — Marketplace filter icon polish */
.marketplace-live-room[data-marketplace-live-room="0.17.7"] .select-choice-icon,
.marketplace-live-room[data-marketplace-live-room="0.17.7"] .premium-option-icon {
  width: 36px;
  height: 36px;
  flex: 0 0 36px;
}

.marketplace-live-room[data-marketplace-live-room="0.17.7"] .currency-option-mark,
.marketplace-live-room[data-marketplace-live-room="0.17.7"] .payment-method-icon,
.marketplace-live-room[data-marketplace-live-room="0.17.7"] .country-flag-icon {
  width: 36px;
  height: 36px;
  min-width: 36px;
  border-radius: 12px;
}

.currency-option-mark {
  position: relative;
  flex-direction: column;
  gap: 0;
  line-height: 1;
  font-weight: 950;
}

.currency-option-symbol {
  font-size: 0.92rem;
  line-height: 1;
}

.currency-option-code {
  font-size: 0.45rem;
  letter-spacing: 0.08em;
  line-height: 1;
  opacity: 0.9;
}

.currency-all {
  background: linear-gradient(135deg, #dbeafe, #bfdbfe 45%, #dcfce7 100%);
  color: #1e3a8a;
  font-size: 1rem;
}

.fiat-option-usd .currency-option-mark, .currency-usd { background: linear-gradient(135deg, #d1fae5, #86efac); color: #064e3b; }
.fiat-option-aud .currency-option-mark, .currency-aud { background: linear-gradient(135deg, #dbeafe, #93c5fd); color: #1e3a8a; }
.fiat-option-ngn .currency-option-mark, .currency-ngn { background: linear-gradient(135deg, #dcfce7, #86efac); color: #14532d; }
.fiat-option-eur .currency-option-mark, .currency-eur { background: linear-gradient(135deg, #bfdbfe, #93c5fd); color: #1e40af; }
.fiat-option-gbp .currency-option-mark, .currency-gbp { background: linear-gradient(135deg, #c7d2fe, #a5b4fc); color: #312e81; }
.fiat-option-cad .currency-option-mark, .currency-cad { background: linear-gradient(135deg, #fee2e2, #fecaca); color: #991b1b; }
.fiat-option-ghs .currency-option-mark, .currency-ghs { background: linear-gradient(135deg, #fef3c7, #fde68a); color: #92400e; }
.fiat-option-kes .currency-option-mark, .currency-kes { background: linear-gradient(135deg, #dcfce7, #bbf7d0); color: #166534; }
.fiat-option-php .currency-option-mark, .currency-php { background: linear-gradient(135deg, #dbeafe, #fecdd3); color: #1d4ed8; }
.fiat-option-zar .currency-option-mark, .currency-zar { background: linear-gradient(135deg, #fde68a, #86efac); color: #14532d; }
.fiat-option-brl .currency-option-mark, .currency-brl { background: linear-gradient(135deg, #dcfce7, #fde68a); color: #166534; }
.fiat-option-mxn .currency-option-mark, .currency-mxn { background: linear-gradient(135deg, #dcfce7, #fecaca); color: #166534; }
.fiat-option-inr .currency-option-mark, .currency-inr { background: linear-gradient(135deg, #ffedd5, #dcfce7); color: #9a3412; }
.fiat-option-aed .currency-option-mark, .currency-aed { background: linear-gradient(135deg, #dcfce7, #fef2f2); color: #166534; }
.fiat-option-sgd .currency-option-mark, .currency-sgd { background: linear-gradient(135deg, #fee2e2, #f3f4f6); color: #991b1b; }
.fiat-option-hkd .currency-option-mark, .currency-hkd { background: linear-gradient(135deg, #dbeafe, #fecdd3); color: #be123c; }
.fiat-option-jpy .currency-option-mark, .currency-jpy { background: linear-gradient(135deg, #f3f4f6, #fee2e2); color: #111827; }
.fiat-option-krw .currency-option-mark, .currency-krw { background: linear-gradient(135deg, #dbeafe, #e9d5ff); color: #4338ca; }
.fiat-option-thb .currency-option-mark, .currency-thb { background: linear-gradient(135deg, #fee2e2, #dbeafe); color: #b91c1c; }
.fiat-option-myr .currency-option-mark, .currency-myr { background: linear-gradient(135deg, #dbeafe, #fef3c7); color: #1e3a8a; }
.fiat-option-idr .currency-option-mark, .currency-idr { background: linear-gradient(135deg, #fee2e2, #f3f4f6); color: #991b1b; }
.fiat-option-vnd .currency-option-mark, .currency-vnd { background: linear-gradient(135deg, #fef3c7, #fee2e2); color: #b45309; }
.fiat-option-try .currency-option-mark, .currency-try { background: linear-gradient(135deg, #fee2e2, #fecaca); color: #991b1b; }
.fiat-option-chf .currency-option-mark, .currency-chf { background: linear-gradient(135deg, #fee2e2, #f3f4f6); color: #991b1b; }
.fiat-option-sek .currency-option-mark, .currency-sek { background: linear-gradient(135deg, #dbeafe, #fde68a); color: #1e3a8a; }
.fiat-option-nok .currency-option-mark, .currency-nok { background: linear-gradient(135deg, #fee2e2, #dbeafe); color: #1e3a8a; }
.fiat-option-nzd .currency-option-mark, .currency-nzd { background: linear-gradient(135deg, #dbeafe, #e0e7ff); color: #1e3a8a; }
.fiat-option-clp .currency-option-mark, .currency-clp { background: linear-gradient(135deg, #dbeafe, #fee2e2); color: #1e3a8a; }
.fiat-option-cop .currency-option-mark, .currency-cop { background: linear-gradient(135deg, #fde68a, #dbeafe); color: #1e3a8a; }
.fiat-option-ars .currency-option-mark, .currency-ars { background: linear-gradient(135deg, #dbeafe, #fef3c7); color: #1e40af; }

.payment-method-icon {
  font-size: 0.53rem;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  font-weight: 950;
}

.payment-all { background: linear-gradient(135deg, #334155, #0f172a); }
.payment-bank { background: linear-gradient(135deg, #1e3a8a, #2563eb); }
.payment-wise { background: linear-gradient(135deg, #9fe870, #22c55e); color: #052e16; }
.payment-revolut { background: linear-gradient(135deg, #111827, #2563eb); }
.payment-payid, .payment-payanyone, .payment-osko, .payment-fast, .payment-fps, .payment-sepa, .payment-spei, .payment-upi, .payment-imps, .payment-neft, .payment-paynow, .payment-ideal, .payment-bizum, .payment-promptpay, .payment-duitnow, .payment-swish, .payment-poli, .payment-interac {
  background: linear-gradient(135deg, #14b8a6, #0f766e);
}
.payment-mpesa, .payment-gcash, .payment-maya, .payment-dana, .payment-ovo, .payment-opay, .payment-palmpay, .payment-mobilemoney, .payment-vipps {
  background: linear-gradient(135deg, #7c3aed, #4f46e5);
}
.payment-mercado, .payment-paypay, .payment-postepay { background: linear-gradient(135deg, #f97316, #ea580c); }
.payment-card { background: linear-gradient(135deg, #0f172a, #475569); }

.offer-payment-pills {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  align-items: center;
}

.offer-payment-pills span::before {
  content: none;
}

.offer-payment-pill {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px 8px 4px 4px;
  border-radius: 999px;
  background: rgba(255,255,255,0.82);
  box-shadow: inset 0 0 0 1px rgba(148, 163, 184, 0.20);
  color: #1e293b;
}

.offer-payment-pill .payment-method-icon {
  width: 24px;
  height: 24px;
  min-width: 24px;
  border-radius: 999px;
  font-size: 0.45rem;
}

.offer-country-inline {
  display: inline-flex;
  align-items: center;
  gap: 4px;
}

/* Sprint 0.21.30 — Marketplace visual language: currencies, payments, countries */
.marketplace-live-room[data-marketplace-live-room="0.17.7"] .currency-option-mark {
  position: relative;
  overflow: hidden;
  width: 32px;
  height: 32px;
  flex: 0 0 32px;
  border: 1px solid rgba(15, 23, 42, 0.10);
  background: linear-gradient(145deg, #ffffff 0%, #eff6ff 56%, #ecfdf5 100%);
  box-shadow: 0 8px 18px rgba(15, 23, 42, 0.10), inset 0 0 0 1px rgba(255,255,255,0.65);
}

.marketplace-live-room[data-marketplace-live-room="0.17.7"] .currency-option-symbol {
  display: block;
  max-width: 24px;
  overflow: hidden;
  text-overflow: clip;
  color: #0f3b82;
  font-size: 0.69rem;
  font-weight: 950;
  line-height: 1;
  letter-spacing: -0.04em;
  white-space: nowrap;
}

.marketplace-live-room[data-marketplace-live-room="0.17.7"] .currency-option-code {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 3px;
  color: #475569;
  font-size: 0.36rem;
  font-weight: 950;
  line-height: 1;
  letter-spacing: 0.05em;
  text-align: center;
}

.marketplace-live-room[data-marketplace-live-room="0.17.7"] .currency-all {
  color: #ffffff;
  background: linear-gradient(135deg, #173a8f, #2563eb);
  border-color: rgba(255,255,255,0.55);
}

.marketplace-live-room[data-marketplace-live-room="0.17.7"] .country-flag-icon {
  width: 32px;
  height: 32px;
  flex: 0 0 32px;
  border-radius: 10px;
  font-size: 1.22rem;
  line-height: 1;
  background: linear-gradient(145deg, #ffffff, #f8fafc);
  border: 1px solid rgba(15, 23, 42, 0.09);
  box-shadow: 0 7px 16px rgba(15, 23, 42, 0.09);
}

.marketplace-live-room[data-marketplace-live-room="0.17.7"] .payment-method-icon {
  width: 32px;
  height: 32px;
  flex: 0 0 32px;
  border-radius: 10px;
  border: 1px solid rgba(255,255,255,0.44);
  box-shadow: 0 8px 18px rgba(15, 23, 42, 0.14), inset 0 0 0 1px rgba(255,255,255,0.14);
  font-size: 0.55rem;
  font-weight: 950;
  letter-spacing: -0.025em;
}

/* Brand/rail-aware payment badges. These are compact visual identifiers, not generic placeholders. */
.payment-wise { background: #9fe870; color: #0e0f0c; }
.payment-revolut { background: linear-gradient(135deg, #0b0b0d, #3b4bf8); color: #fff; }
.payment-payid { background: linear-gradient(135deg, #ec4899, #7c3aed); color: #fff; }
.payment-payanyone { background: linear-gradient(135deg, #0f766e, #14b8a6); color: #fff; }
.payment-osko { background: linear-gradient(135deg, #ff6b00, #f59e0b); color: #fff; }
.payment-interac { background: #ffb81c; color: #111827; }
.payment-sepa { background: linear-gradient(135deg, #003399, #2563eb); color: #fff; }
.payment-spei { background: linear-gradient(135deg, #0f766e, #22c55e); color: #fff; }
.payment-upi { background: linear-gradient(135deg, #f97316 0 48%, #ffffff 48% 55%, #16a34a 55%); color: #111827; }
.payment-imps, .payment-neft { background: linear-gradient(135deg, #1d4ed8, #0f766e); color: #fff; }
.payment-paynow { background: linear-gradient(135deg, #8b1e41, #db2777); color: #fff; }
.payment-faster, .payment-fps { background: linear-gradient(135deg, #5b21b6, #2563eb); color: #fff; }
.payment-fast { background: linear-gradient(135deg, #dc2626, #f97316); color: #fff; }
.payment-ideal { background: #cc0066; color: #fff; }
.payment-bizum { background: linear-gradient(135deg, #06b6d4, #2563eb); color: #fff; }
.payment-promptpay { background: linear-gradient(135deg, #312e81, #7c3aed); color: #fff; }
.payment-duitnow { background: linear-gradient(135deg, #ec4899, #7c3aed); color: #fff; }
.payment-swish { background: linear-gradient(135deg, #ed1c24, #e11d48); color: #fff; }
.payment-poli { background: linear-gradient(135deg, #1f2937, #16a34a); color: #fff; }
.payment-mpesa { background: linear-gradient(135deg, #16a34a, #65a30d); color: #fff; }
.payment-gcash { background: linear-gradient(135deg, #2563eb, #0ea5e9); color: #fff; }
.payment-maya { background: linear-gradient(135deg, #111827, #22c55e); color: #fff; }
.payment-dana { background: linear-gradient(135deg, #118eea, #2563eb); color: #fff; }
.payment-ovo { background: linear-gradient(135deg, #4c1d95, #7c3aed); color: #fff; }
.payment-opay { background: linear-gradient(135deg, #00b875, #047857); color: #fff; }
.payment-palmpay { background: linear-gradient(135deg, #6d28d9, #a855f7); color: #fff; }
.payment-mobilemoney { background: linear-gradient(135deg, #f59e0b, #eab308); color: #422006; }
.payment-vipps { background: linear-gradient(135deg, #ff5b24, #f97316); color: #fff; }
.payment-mercado { background: linear-gradient(135deg, #00a8e8, #2563eb); color: #fff; }
.payment-paypay { background: linear-gradient(135deg, #ff003c, #e11d48); color: #fff; }
.payment-postepay { background: linear-gradient(135deg, #facc15, #2563eb); color: #0f172a; }
.payment-card { background: linear-gradient(135deg, #111827, #475569); color: #fff; }
.payment-eft, .payment-bank { background: linear-gradient(135deg, #173a8f, #2563eb); color: #fff; }
.payment-generic { background: linear-gradient(135deg, #475569, #0f172a); color: #fff; }
.payment-all { background: linear-gradient(135deg, #0f172a, #334155); color: #fff; }

.marketplace-live-room[data-marketplace-live-room="0.17.7"] .premium-select-option.payment-wise,
.marketplace-live-room[data-marketplace-live-room="0.17.7"] .premium-select-option.payment-revolut,
.marketplace-live-room[data-marketplace-live-room="0.17.7"] .premium-select-option.payment-payid,
.marketplace-live-room[data-marketplace-live-room="0.17.7"] .premium-select-option.payment-bank,
.marketplace-live-room[data-marketplace-live-room="0.17.7"] .premium-select-option.payment-mobile,
.marketplace-live-room[data-marketplace-live-room="0.17.7"] .premium-select-option.payment-card {
  background: transparent;
  color: #0f172a;
}

/* Offer rows also become visually interpretable without changing filtering or trade logic. */
.marketplace-live-room[data-marketplace-live-room="0.17.7"] .offer-payment-pills {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  margin-top: 5px;
}

.marketplace-live-room[data-marketplace-live-room="0.17.7"] .offer-payment-pills .offer-payment-pill {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 3px 7px 3px 4px;
  border-radius: 999px;
  background: rgba(248, 250, 252, 0.96);
  border: 1px solid rgba(15, 23, 42, 0.08);
  color: #334155;
  font-size: 0.68rem;
  font-weight: 800;
  line-height: 1.15;
}

.marketplace-live-room[data-marketplace-live-room="0.17.7"] .offer-payment-pills .offer-payment-pill::before,
.marketplace-live-room[data-marketplace-live-room="0.17.7"] .offer-payment-pills .offer-payment-pill > span::before {
  content: none !important;
}

.marketplace-live-room[data-marketplace-live-room="0.17.7"] .offer-payment-pills .payment-method-icon {
  width: 22px;
  height: 22px;
  flex-basis: 22px;
  border-radius: 7px;
  font-size: 0.43rem;
  box-shadow: none;
}

.marketplace-live-room[data-marketplace-live-room="0.17.7"] .offer-country-inline {
  display: inline-flex;
  align-items: center;
  gap: 3px;
}

@media (max-width: 980px) {
  .marketplace-live-room[data-marketplace-live-room="0.17.7"] .payment-method-icon,
  .marketplace-live-room[data-marketplace-live-room="0.17.7"] .country-flag-icon,
  .marketplace-live-room[data-marketplace-live-room="0.17.7"] .currency-option-mark {
    width: 30px;
    height: 30px;
    flex-basis: 30px;
  }
}
.payment-pix { background: linear-gradient(135deg, #14b8a6, #0f766e); color: #fff; }

/* Sprint 0.21.31 — credential-first sign-in and conditional customer 2FA challenge. */
.credential-two-factor-challenge[hidden] { display: none !important; }
.credential-two-factor-challenge {
  margin-top: 4px;
  padding: 22px;
  border: 1px solid rgba(36,101,216,.15);
  border-radius: 20px;
  background:
    radial-gradient(circle at 95% 0%, rgba(246,201,14,.10), transparent 30%),
    linear-gradient(145deg,#f8fbff,#ffffff 58%,#f4f8ff);
  box-shadow: 0 18px 48px rgba(15,54,104,.08);
  font-family: Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
}
.credential-two-factor-heading { display:flex; align-items:flex-start; gap:13px; }
.credential-two-factor-shield {
  width:44px; height:44px; flex:0 0 44px; display:grid; place-items:center;
  border-radius:14px; background:linear-gradient(135deg,#0b2d60,#2465d8); color:#fff;
  font-size:16px; font-weight:900; box-shadow:0 12px 26px rgba(36,101,216,.22);
}
.credential-two-factor-heading .eyebrow { margin:0 0 4px; color:#2465d8; font-size:8px; font-weight:850; letter-spacing:.08em; text-transform:uppercase; }
.credential-two-factor-heading h3 { margin:0; color:#102a4d; font-size:18px; font-weight:800; letter-spacing:-.025em; }
.credential-two-factor-heading p:last-child { margin:5px 0 0; color:#6b7f98; font-size:10px; line-height:1.55; }
.credential-two-factor-challenge-form { display:grid; gap:9px; margin-top:18px; }
.credential-two-factor-challenge-form label { display:grid; gap:6px; color:#314b6b; font-size:9px; font-weight:800; }
.credential-two-factor-challenge-form input {
  width:100%; height:49px; border:1px solid #d6e0eb; border-radius:12px; background:#fff;
  padding:0 14px; color:#10213f; font-family:inherit; font-size:11px; outline:none;
}
.credential-two-factor-challenge-form input:focus { border-color:#2465d8; box-shadow:0 0 0 4px rgba(36,101,216,.09); }
.credential-two-factor-submit {
  height:48px; border:0; border-radius:12px; background:linear-gradient(135deg,#0b2d60,#2465d8);
  color:#fff; font:inherit; font-size:10.5px; font-weight:850; cursor:pointer;
  box-shadow:0 14px 28px rgba(36,101,216,.20);
}
.credential-two-factor-submit:disabled { opacity:.72; cursor:wait; }
.credential-two-factor-alternative,
.credential-two-factor-back {
  min-height:35px; border:0; background:transparent; padding:4px 8px; font:inherit; font-size:9.5px;
  font-weight:750; cursor:pointer;
}
.credential-two-factor-alternative { color:#2465d8; }
.credential-two-factor-back { color:#71839a; }
.credential-two-factor-message { min-height:14px; margin:0; color:#8b5a00; font-size:9px; line-height:1.45; text-align:center; }

/* Recovery architecture is unchanged; only the requested action treatment is upgraded. */
.premium-login-access .credential-recovery-form > button[type="submit"] {
  width:100%; min-height:44px; border:0; border-radius:12px;
  background:linear-gradient(135deg,#0b2d60,#2465d8) !important;
  color:#fff !important; font:inherit; font-size:10px; font-weight:850; cursor:pointer;
  box-shadow:0 13px 26px rgba(36,101,216,.20);
}
.premium-login-access .credential-recovery-form > button[type="submit"]:hover { box-shadow:0 16px 30px rgba(36,101,216,.25); }

@media (max-width:640px) {
  .credential-two-factor-challenge { padding:18px 15px; border-radius:17px; }
}

/* Sprint 0.21.34 — permanent native advert measurement architecture.
   Campaign creatives are authored at an exact 3:1 ratio (2172×724). The container now
   follows that same ratio so the artwork itself is the advert — no crop, no letterbox,
   no inner poster/frame, and no dead side panels. */
.customer-marketplace-content .trade-campaign-banner,
.marketplace-live-room .trade-campaign-banner {
  width: 100%;
  height: auto !important;
  min-height: 0 !important;
  aspect-ratio: 3 / 1 !important;
  padding: 0 !important;
  overflow: hidden;
  background: transparent !important;
}

.trade-campaign-slider .trade-campaign-slide,
.trade-campaign-slider .trade-campaign-slide.active {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: fill !important;
  object-position: center !important;
  border-radius: inherit;
  background: transparent !important;
}

/* The compact Trade Room uses the same native campaign ratio instead of slicing the artwork. */
.trade-room-campaign-strip {
  width: 100%;
}
.trade-room-campaign-slider {
  width: 100%;
  height: auto !important;
  min-height: 0 !important;
  aspect-ratio: 3 / 1 !important;
  padding: 0 !important;
  background: transparent !important;
}
.trade-room-campaign-slider .trade-campaign-slide,
.trade-room-campaign-slider .trade-campaign-slide.active {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: fill !important;
  object-position: center !important;
  background: transparent !important;
}

@media (max-width: 760px) {
  .customer-marketplace-content .trade-campaign-banner,
  .marketplace-live-room .trade-campaign-banner,
  .trade-room-campaign-slider {
    height: auto !important;
    min-height: 0 !important;
    aspect-ratio: 3 / 1 !important;
  }
}

/* Sprint 0.21.43 — Public Trust + Domain Readiness */
.entry-trust-footer {
  display:flex; align-items:center; justify-content:space-between; gap:18px; padding:11px 20px;
  border-top:1px solid rgba(148,163,184,.18); background:#071c3d; color:#cdd9ec; font-family:Inter,ui-sans-serif,system-ui,sans-serif;
}
.entry-trust-footer > span { font-size:10px; font-weight:800; letter-spacing:.04em; color:#fff; }
.entry-trust-footer nav { display:flex; align-items:center; justify-content:flex-end; flex-wrap:wrap; gap:4px; }
.entry-trust-footer button { border:0; background:transparent; color:#aebdd2; padding:5px 7px; font:700 9px/1 Inter,ui-sans-serif,system-ui,sans-serif; cursor:pointer; }
.entry-trust-footer button:hover { color:#fff; }

.public-trust-shell { min-height:100vh; background:#f4f7fb; color:#0f2442; font-family:Inter,ui-sans-serif,system-ui,sans-serif; }
.public-trust-topbar { position:sticky; top:0; z-index:20; display:flex; align-items:center; gap:18px; min-height:66px; padding:10px clamp(18px,4vw,58px); background:rgba(6,27,59,.97); border-bottom:1px solid rgba(255,255,255,.08); box-shadow:0 10px 28px rgba(5,24,54,.12); }
.public-trust-brand { display:flex; align-items:center; gap:9px; border:0; background:transparent; color:#fff; cursor:pointer; min-width:max-content; }
.public-trust-brand img { width:34px; height:34px; border-radius:10px; object-fit:cover; }
.public-trust-brand span { display:grid; text-align:left; gap:1px; }
.public-trust-brand strong { font-size:13px; letter-spacing:.02em; }
.public-trust-brand small { color:#8fc1ff; font-size:8px; font-weight:700; }
.public-trust-nav { display:flex; align-items:center; gap:3px; flex:1; justify-content:center; overflow:auto; scrollbar-width:none; }
.public-trust-nav-link { border:0; background:transparent; color:#b9c8dd; padding:8px 9px; border-radius:9px; white-space:nowrap; font:750 9px/1 Inter,ui-sans-serif,system-ui,sans-serif; cursor:pointer; }
.public-trust-nav-link.active,.public-trust-nav-link:hover { color:#fff; background:rgba(66,144,255,.16); }
.public-trust-actions { display:flex; gap:7px; min-width:max-content; }
.public-trust-actions button { border:1px solid rgba(255,255,255,.18); background:transparent; color:#fff; border-radius:9px; padding:8px 11px; font:800 9px/1 Inter,ui-sans-serif,system-ui,sans-serif; cursor:pointer; }
.public-trust-actions .primary { background:#ffd84d; color:#102544; border-color:#ffd84d; }
.public-trust-main { width:min(1120px,calc(100% - 34px)); margin:0 auto; padding:28px 0 48px; }
.public-trust-status { display:flex; align-items:flex-start; gap:14px; padding:11px 14px; border:1px solid #ead277; background:#fff7d5; border-radius:12px; color:#5e4b13; }
.public-trust-status strong { min-width:max-content; font-size:9px; text-transform:uppercase; letter-spacing:.06em; }
.public-trust-status span { font-size:9px; line-height:1.55; }
.public-trust-hero { margin:18px 0; padding:clamp(24px,4vw,46px); border-radius:22px; background:linear-gradient(135deg,#082956,#0b4b9b); color:#fff; box-shadow:0 18px 50px rgba(8,41,86,.14); overflow:hidden; position:relative; }
.public-trust-hero::after { content:"99"; position:absolute; right:22px; bottom:-28px; font-size:130px; font-weight:900; color:rgba(255,216,77,.08); pointer-events:none; }
.public-trust-hero .eyebrow { color:#ffd84d; font-size:9px; font-weight:900; letter-spacing:.09em; text-transform:uppercase; }
.public-trust-hero h1 { margin:6px 0 10px; max-width:800px; font-size:clamp(27px,4vw,46px); line-height:1.03; letter-spacing:-.035em; }
.public-trust-hero > p:not(.eyebrow) { max-width:780px; margin:0; color:#dce8f7; font-size:12px; line-height:1.7; }
.public-trust-domain { display:inline-flex; gap:5px; margin-top:18px; padding:7px 10px; border-radius:10px; background:rgba(255,255,255,.09); color:#dce8f7; font-size:9px; }
.public-trust-domain strong { color:#fff; }
.public-trust-content { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.public-trust-card { padding:20px; border:1px solid #dfe7f1; border-radius:15px; background:#fff; box-shadow:0 8px 24px rgba(15,36,66,.035); }
.public-trust-card h2 { margin:0 0 9px; color:#10294c; font-size:14px; letter-spacing:-.01em; }
.public-trust-card p,.public-trust-card li { color:#5d6e84; font-size:10px; line-height:1.7; }
.public-trust-card p { margin:7px 0; }
.public-trust-card ul { margin:7px 0 0; padding-left:17px; }
.public-trust-card li + li { margin-top:5px; }
.public-trust-footer { display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:20px; padding:22px clamp(18px,4vw,58px); background:#061b3b; color:#aebdd2; }
.public-trust-footer > div { display:grid; gap:2px; }
.public-trust-footer strong { color:#fff; font-size:11px; }
.public-trust-footer span,.public-trust-footer p { font-size:8px; margin:0; }
.public-trust-footer nav { display:flex; flex-wrap:wrap; justify-content:center; gap:4px; }
.public-trust-footer .public-trust-nav-link { padding:5px 7px; }
@media (max-width:920px) { .public-trust-topbar { flex-wrap:wrap; } .public-trust-nav { order:3; flex-basis:100%; justify-content:flex-start; } .public-trust-content { grid-template-columns:1fr; } .public-trust-footer { grid-template-columns:1fr; text-align:center; } .public-trust-footer > div { justify-items:center; } }
@media (max-width:640px) { .entry-trust-footer { align-items:flex-start; flex-direction:column; } .entry-trust-footer nav { justify-content:flex-start; } .public-trust-actions { margin-left:auto; } .public-trust-brand small { display:none; } .public-trust-main { width:min(100% - 20px,1120px); padding-top:16px; } .public-trust-status { display:grid; } .public-trust-hero { border-radius:16px; } }