/* Shared ORBIT surfaces for destinations reached from the four main tabs. */
.orbit-destination-brand { display: none; }
body[data-orbit-theme] {
  --orbit-text: #edf5fa;
  --orbit-muted: #bfd4d0;
  --orbit-page-art: url('/assets/orbit/crypto-page-background-v2.png');
  --orbit-surface: #163638;
  --orbit-panel: #0b252b;
  --orbit-tint: #9ff0d2;
  --orbit-border: #64bea34d;
  --orbit-selected: #1c5145;
}
body[data-orbit-theme="ethereum"] {
  --orbit-page-art: url('/assets/orbit/ethereum-page-background.png');
  --orbit-surface: #24223e;
  --orbit-panel: #191a31;
  --orbit-tint: #c8baff;
  --orbit-border: #a28be34d;
  --orbit-selected: #3a3159;
  --orbit-muted: #c9c5dd;
}
body[data-orbit-theme="tether"] {
  --orbit-page-art: url('/assets/orbit/tether-page-background.png');
  --orbit-surface: #113c37;
  --orbit-panel: #102d2e;
  --orbit-tint: #9ff0d2;
  --orbit-border: #64bea34d;
  --orbit-selected: #1c5145;
}
body[data-orbit-theme="solana"] {
  --orbit-page-art: url('/assets/orbit/solana-page-background.png');
  --orbit-surface: #242740;
  --orbit-panel: #1a2032;
  --orbit-tint: #bcceff;
  --orbit-border: #9b8bcc4d;
  --orbit-selected: #363654;
  --orbit-muted: #c3ccde;
}
body[data-orbit-surface="secondary"] {
  color-scheme: dark;
  --bg: #06131b;
  --surface: var(--orbit-panel);
  --surface-2: var(--orbit-surface);
  --ink: var(--orbit-text);
  --muted: var(--orbit-muted);
  --line: var(--orbit-border);
  --primary: var(--orbit-tint);
  --primary-dark: var(--orbit-tint);
  --primary-soft: var(--orbit-surface);
  --success: #99f1c9;
  --danger: #ffaaa9;
  color: var(--orbit-text);
  background: #06131b var(--orbit-page-art) center top / min(100vw, 520px) auto fixed no-repeat;
}
body[data-orbit-surface="secondary"] #app.app-shell {
  background: transparent;
  color: var(--orbit-text);
}
body[data-orbit-surface="secondary"] #app > :is(.screen, .orbit-page) {
  width: 100%;
  max-width: 520px;
  min-height: 100dvh;
  padding: 24px 22px calc(96px + env(safe-area-inset-bottom));
  background: transparent;
  color: var(--orbit-text);
}
body[data-orbit-surface="secondary"] .topbar {
  position: relative;
  top: auto;
  margin: 0 0 20px;
  padding: 0;
  min-height: 46px;
  border: 0;
  background: transparent;
  box-shadow: none;
  backdrop-filter: none;
}
body[data-orbit-surface="secondary"] :is(.topbar-title h1, .section-title h2) {
  color: var(--orbit-text);
  text-shadow: 0 2px 10px #00131fcc;
}
body[data-orbit-surface="secondary"] .topbar-title h1 {
  font-size: 22px;
  letter-spacing: -.65px;
  overflow-wrap: anywhere;
}
body[data-orbit-surface="secondary"] .orbit-destination-brand {
  display: block;
  margin-bottom: 5px;
  color: var(--orbit-tint);
  font-size: 9px;
  font-weight: 650;
  letter-spacing: 1.25px;
  line-height: 1.35;
}
body[data-orbit-surface="secondary"] :is(.topbar-title p, .section-subtitle, .row-main span, .record span, .stat span) {
  color: var(--orbit-muted);
}
body[data-orbit-surface="secondary"] :is(.icon-btn, .orbit-icon-link) {
  flex: 0 0 42px;
  width: 42px;
  height: 42px;
  border: 1px solid var(--orbit-border);
  border-radius: 12px;
  background: #071a29d9;
  color: var(--orbit-tint);
  box-shadow: none;
}
body[data-orbit-surface="secondary"] :is(.section, .form-card, .get-form-card, .hero-band, .points-hero) {
  border: 1px solid var(--orbit-border);
  border-radius: 15px;
  background: linear-gradient(115deg, #071725c9, #07172566), var(--orbit-panel) url('/assets/orbit/crypto-card-texture.png') center / cover no-repeat;
  color: var(--orbit-text);
  box-shadow: 0 8px 24px #000c1526;
}
body[data-orbit-surface="secondary"] .section {
  padding: 16px;
}
body[data-orbit-surface="secondary"] :is(.row, .record, .stat, .empty) {
  border: 1px solid var(--orbit-border);
  border-radius: 11px;
  background: #071a29d9;
  color: var(--orbit-text);
  box-shadow: none;
}
body[data-orbit-surface="secondary"] :is(.row strong, .record strong, .stat strong, .hero-band h2, .hero-band strong, .hero-band b) {
  color: var(--orbit-text);
}
body[data-orbit-surface="secondary"] .empty {
  color: var(--orbit-muted);
  border-style: dashed;
  line-height: 1.55;
}
body[data-orbit-surface="secondary"] :is(.row-icon, .stat-button.active) {
  background: var(--orbit-surface);
  color: var(--orbit-tint);
  border-color: var(--orbit-border);
}
body[data-orbit-surface="secondary"] :is(.row-action, .section-title a, .section-title button) {
  color: var(--orbit-tint);
}
body[data-orbit-surface="secondary"] :is(.hero-band p, .hero-band small, .hero-band > span) {
  color: var(--orbit-muted);
}
body[data-orbit-surface="secondary"] .field label {
  color: var(--orbit-muted);
}
body[data-orbit-surface="secondary"] :is(.input-wrap, .select-wrap) {
  background: #061824eb;
  border: 1px solid var(--orbit-border);
  border-radius: 10px;
  color: var(--orbit-text);
}
body[data-orbit-surface="secondary"] :is(.input-wrap input, .select-wrap select) {
  background: transparent;
  color: var(--orbit-text);
  caret-color: var(--orbit-tint);
}
body[data-orbit-surface="secondary"] :is(input, textarea)::placeholder {
  color: #a5b9c3;
  opacity: 1;
}
body[data-orbit-surface="secondary"] select option {
  background: #10232f;
  color: var(--orbit-text);
}
body[data-orbit-surface="secondary"] input:-webkit-autofill {
  -webkit-text-fill-color: var(--orbit-text);
  -webkit-box-shadow: 0 0 0 1000px #10232f inset;
  caret-color: var(--orbit-tint);
}
body[data-orbit-surface="secondary"] :is(.input-wrap, .select-wrap):focus-within {
  border-color: var(--orbit-tint);
  box-shadow: 0 0 0 3px #a2e4ee24;
}
body[data-orbit-surface="secondary"] :is(.input-wrap svg, .select-wrap svg) {
  color: var(--orbit-tint);
}
body[data-orbit-surface="secondary"] .notice {
  color: #f0d59c;
  background: #3e3019b8;
  border-color: #d4ab574d;
  border-radius: 10px;
  line-height: 1.5;
}
body[data-orbit-surface="secondary"] .notice svg {
  color: #f4cd80;
}
body[data-orbit-surface="secondary"] .primary-btn {
  color: #062125;
  background: var(--orbit-tint);
  border: 1px solid transparent;
  border-radius: 11px;
  box-shadow: none;
}
body[data-orbit-surface="secondary"] :is(.secondary-btn, .ghost-btn) {
  color: var(--orbit-text);
  background: var(--orbit-surface);
  border: 1px solid var(--orbit-border);
  border-radius: 11px;
  box-shadow: none;
}
body[data-orbit-surface="secondary"] :is(.primary-btn, .secondary-btn, .ghost-btn) {
  min-height: 46px;
  padding: 11px 14px;
  white-space: normal;
  line-height: 1.4;
}
body[data-orbit-surface="secondary"] button:disabled {
  cursor: not-allowed;
  opacity: .55;
}
body[data-orbit-surface="secondary"] :is(button, a, input, select, textarea, summary):focus-visible {
  outline: 2px solid var(--orbit-tint);
  outline-offset: 3px;
}
body[data-orbit-surface="secondary"] .tabbar {
  background: #071a29e8;
  border: 1px solid var(--orbit-border);
  border-radius: 11px;
}
body[data-orbit-surface="secondary"] .tabbar :is(a, button) {
  color: var(--orbit-muted);
  background: transparent;
}
body[data-orbit-surface="secondary"] .tabbar .active {
  color: var(--orbit-text);
  background: var(--orbit-selected);
  box-shadow: none;
}
body[data-orbit-surface="secondary"] .record :is(b, .income) {
  color: #99f1c9;
}
body[data-orbit-surface="secondary"] .record .outcome {
  color: #ffaaa9;
}
body[data-orbit-surface="secondary"] .orbit-nav.bottom-nav {
  background: #061923f5;
  border-top: 1px solid var(--orbit-border);
  color: var(--orbit-muted);
  box-shadow: 0 -8px 22px #00101833;
}
body[data-orbit-surface="secondary"] .orbit-nav.bottom-nav a {
  color: var(--orbit-muted);
}
body[data-orbit-surface="secondary"] .orbit-nav.bottom-nav a.active {
  color: var(--orbit-tint);
}
body[data-orbit-surface="secondary"] .orbit-nav.bottom-nav a > .orbit-icon-image {
  filter: brightness(0) invert(.8);
}
body[data-orbit-surface="secondary"] .orbit-nav.bottom-nav a.active > .orbit-icon-image {
  filter: brightness(0) invert(1);
}
body[data-orbit-theme] .toast {
  color: #edf5fa;
  background: #102b37f5;
  border: 1px solid var(--orbit-border);
  box-shadow: 0 12px 32px #00111d66;
}
@media (max-width: 360px) {
  body[data-orbit-surface="secondary"] #app > :is(.screen, .orbit-page) {
    padding-inline: 16px;
  }
  body[data-orbit-surface="secondary"] .section {
    padding: 13px;
  }
  body[data-orbit-surface="secondary"] .topbar-title h1 {
    font-size: 20px;
  }
}