/* ORBIT account, support and information surfaces. Keep document pixels intact. */
.orbit-account-page .orbit-account-top {
  display: grid;
  grid-template-columns: minmax(0, 2fr) minmax(92px, 1fr);
  align-items: stretch;
  gap: 10px;
  margin-bottom: 16px;
}
.orbit-account-page .orbit-account-identity-with-invite {
  display: block;
  min-height: 96px;
  min-width: 0;
  margin-bottom: 0;
  padding: 12px 10px;
  background: linear-gradient(105deg, #091724f5, #0d1b2cee), url('/assets/orbit/crypto-card-texture.png') center / cover no-repeat;
}
.orbit-account-page .orbit-account-identity-with-invite > div { max-width: none; }
.orbit-account-page .orbit-account-identity-main {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 70px;
  align-items: center;
  gap: 10px;
  width: 100%;
}
.orbit-account-page .orbit-account-name { min-width: 0; }
.orbit-account-page .orbit-account-name h2 {
  margin: 5px 0 0;
  font-size: 17px;
  line-height: 1.3;
  overflow-wrap: anywhere;
}
.orbit-account-page .orbit-account-identity-main small {
  font-size: 9px;
  letter-spacing: 1px;
}
.orbit-account-page .orbit-account-invite-code {
  display: flex;
  flex-direction: column;
  gap: 6px;
  align-items: center;
}
.orbit-account-page .orbit-account-invite-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  align-items: center;
  gap: 8px;
  min-width: 0;
  text-align: center;
}
.orbit-account-page .orbit-account-level-meta { grid-column: 1 / -1; display: flex; align-items: center; gap: 8px; min-width: 0; }
.orbit-account-page .orbit-account-level { display: inline-flex; align-items: center; justify-content: center; flex: 0 1 auto; min-width: 44px; max-width: 65%; min-height: 44px; padding: 5px 7px; border: 1px solid #a28ccf4d; border-radius: 9px; color: #e5dcff; background: #302845b8; font-size: 14px; font-weight: 700; line-height: 1.3; text-align: center; text-decoration: none; overflow-wrap: anywhere; }
.orbit-account-page .orbit-account-countdown { min-width: 0; color: #dcebf6; font-size: 14px; font-weight: 600; line-height: 1.4; overflow-wrap: anywhere; }
.orbit-account-page .orbit-account-level:focus-visible { outline: 2px solid #a6edda; outline-offset: 3px; }
.orbit-account-page .orbit-account-invite-code strong {
  color: #d4ffef;
  font: 700 20px/1.3 ui-monospace, monospace;
  letter-spacing: 1px;
}
.orbit-account-page .orbit-account-invite-copy {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 4px;
  min-width: 44px;
  width: 100%;
  min-height: 44px;
  padding: 6px;
  border: 1px solid #8eeed078;
  border-radius: 10px;
  background: #092d30eb;
  color: #c0ffe9;
  font: inherit;
  font-size: 11px;
  cursor: pointer;
  touch-action: manipulation;
}
.orbit-account-page .orbit-account-invite-copy > span:first-child { display: flex; }
.orbit-account-page .orbit-account-invite-copy svg { width: 19px; height: 19px; }
.orbit-account-page .orbit-account-invite-copy:disabled { opacity: .5; cursor: default; }
.orbit-account-page .orbit-account-invite-copy:active { background: #145047; }
.orbit-account-page .orbit-account-invite-copy:focus-visible {
  outline: 2px solid #9ff0d2;
  outline-offset: 3px;
}
.orbit-account-page .orbit-account-invite-fallback { margin-top: 14px; }
.orbit-account-page .orbit-account-invite-fallback[hidden] { display: none; }
.orbit-account-page .orbit-account-invite-fallback label { font-size: 12px; color: #d3e4ef; }
.orbit-account-page .orbit-account-invite-fallback input {
  display: block;
  width: 100%;
  min-height: 44px;
  margin-top: 6px;
  padding: 10px;
  border: 1px solid var(--orbit-border);
  border-radius: 8px;
  background: #071822;
  color: #eef5fb;
  font-size: 16px;
}
.orbit-account-page .orbit-account-team {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 9px;
  min-width: 0;
  min-height: 120px;
  padding: 12px 6px;
  border: 1px solid #87acbf77;
  border-radius: 14px;
  color: #effbff;
  background: #112739 url('/assets/orbit/crypto-card-texture.png') center / cover no-repeat;
  background-blend-mode: soft-light;
  text-align: center;
  text-decoration: none;
  touch-action: manipulation;
}
.orbit-account-page .orbit-account-team-heading { display: inline-flex; align-items: center; justify-content: center; gap: 5px; }
.orbit-account-page .orbit-account-team-icon { display: flex; color: #a6f1dc; }
.orbit-account-page .orbit-account-team-icon svg { width: 20px; height: 20px; stroke-width: 1.7; }
.orbit-account-page .orbit-account-team-heading > strong { font-size: 14px; line-height: 1.3; }
.orbit-account-page .orbit-account-team-count { color: #c9dce9; font-size: 11px; line-height: 1.4; overflow-wrap: anywhere; }
.orbit-account-page .orbit-account-team-earnings { display: grid; gap: 4px; width: 100%; min-width: 0; padding-top: 8px; border-top: 1px solid #8bcabd2b; }
.orbit-account-page .orbit-account-team-earnings strong { color: #b4f5d9; font-size: 15px; line-height: 1.3; overflow-wrap: anywhere; }
.orbit-account-page .orbit-account-team-earnings small { color: #c7d6e4; font-size: 10px; line-height: 1.3; }
.orbit-account-page .orbit-account-team-open { display: inline-flex; align-items: center; gap: 4px; color: #c7dae9; font-size: 11px; }
.orbit-account-page .orbit-account-team-open svg { width: 14px; height: 14px; }
.orbit-account-page .orbit-account-team:active { background-color: #1f4553; }
.orbit-account-page .orbit-account-team:focus-visible { outline: 2px solid #9ff0d2; outline-offset: 3px; }
@media (max-width: 360px) {
  .orbit-account-page .orbit-account-top { grid-template-columns: minmax(0, 2fr) minmax(88px, 1fr); gap: 8px; }
  .orbit-account-page .orbit-account-identity-with-invite { padding: 12px 8px; }
  .orbit-account-page .orbit-account-identity-main { grid-template-columns: minmax(0, 1fr) 62px; gap: 7px; }
  .orbit-account-page .orbit-account-name h2 { font-size: 15px; }
  .orbit-account-page .orbit-account-invite-copy { min-width: 44px; padding-inline: 3px; font-size: 10px; }
  .orbit-account-page .orbit-account-invite-code strong { font-size: 18px; }
  .orbit-account-page .orbit-account-team-heading { gap: 4px; }
  .orbit-account-page .orbit-account-team-heading > strong { font-size: 13px; }
  .orbit-account-page .orbit-account-team-earnings strong { font-size: 14px; }
}

/* Team reporting is a compact, read-only view of credited referral contributions. */
.orbit-team-page { color: #edf5fa; }
.orbit-team-heading { display: flex; align-items: center; gap: 12px; margin-bottom: 20px; }
.orbit-team-heading h1 { margin: 4px 0 0; color: #f2f8fc; font-size: 25px; line-height: 1.2; }
.orbit-team-heading .orbit-eyebrow { color: #c8d7e7; }
.orbit-team-back { display: grid; place-items: center; width: 44px; height: 44px; flex: 0 0 44px; border: 1px solid var(--orbit-border, #8ca3c54d); border-radius: 12px; color: #c7ddff; background: #142539e8; }
.orbit-team-back svg { width: 20px; height: 20px; }
.orbit-team-heading-coin { display: grid; place-items: center; width: 44px; height: 44px; margin-left: auto; border: 1px solid #7b9fb84d; border-radius: 50%; background: #0e1c31d9; }
.orbit-team-heading-coin img { display: block; width: 28px; height: 28px; }
.orbit-team-summary { overflow: hidden; border: 1px solid #80a8c357; border-radius: 16px; background: linear-gradient(100deg, #0c142bee, #152239bb), url('/assets/orbit/crypto-card-texture.png') center / cover no-repeat; box-shadow: inset 0 1px 0 #dceaff0c; }
.orbit-team-summary-total { display: grid; gap: 7px; padding: 20px 18px 16px; }
.orbit-team-summary-total > span { color: #cfddf1; font-size: 13px; }
.orbit-team-summary-total > strong { color: #d8fff0; font-size: clamp(25px, 7.5vw, 34px); font-weight: 750; line-height: 1.2; overflow-wrap: anywhere; }
.orbit-team-summary-total > small { color: #b7c8dc; font-size: 11px; line-height: 1.5; }
.orbit-team-summary-parts { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); border-top: 1px solid #819bb430; background: #06132166; }
.orbit-team-summary-parts > div { display: grid; gap: 7px; min-width: 0; padding: 14px 16px; }
.orbit-team-summary-parts > div + div { border-left: 1px solid #819bb430; }
.orbit-team-summary-parts span { color: #bdcce0; font-size: 11px; line-height: 1.4; }
.orbit-team-summary-parts strong { color: #f0f7ff; font-size: 16px; line-height: 1.35; overflow-wrap: anywhere; }
.orbit-team-filters { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 7px; margin: 18px 0; }
.orbit-team-filters a { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 5px; min-width: 0; min-height: 62px; padding: 8px 3px; border: 1px solid #7e8fb647; border-radius: 11px; background: #122033ed; color: #bdcce0; text-decoration: none; text-align: center; }
.orbit-team-filters a > span { font-size: 11px; line-height: 1.3; }
.orbit-team-filters a > strong { color: #e5efff; font-size: 17px; line-height: 1.2; overflow-wrap: anywhere; }
.orbit-team-filters a.is-active { border-color: #9dd8cf; color: #effff8; background: #20413fe8; box-shadow: inset 0 0 0 1px #9dd8cf; }
.orbit-team-filters a.is-active > strong { color: #bdffe7; }
.orbit-team-list-heading { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.orbit-team-list-heading h2 { display: inline-flex; align-items: center; gap: 8px; margin: 0; color: #f0f7ff; font-size: 18px; }
.orbit-team-list-heading h2 > span { padding: 3px 7px; border-radius: 7px; color: #d4e7ff; background: #223146; font-size: 12px; }
.orbit-team-list-heading > span { max-width: 48%; color: #c0cde0; font-size: 10px; line-height: 1.5; text-align: right; }
.orbit-team-date-note { margin: 8px 0 12px; color: #b8c9d8; font-size: 11px; line-height: 1.5; }
.orbit-team-member-list { display: grid; gap: 10px; }
.orbit-team-member { padding: 14px 12px; border: 1px solid #879abd3b; border-radius: 13px; background: #101d2eed url('/assets/orbit/crypto-card-texture.png') right center / cover no-repeat; background-blend-mode: soft-light; }
.orbit-team-member-main { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; }
.orbit-team-member-identity { min-width: 0; flex: 1 1 0; }
.orbit-team-member-identity > strong { display: block; color: #f2f7ff; font-size: 14px; line-height: 1.4; overflow-wrap: anywhere; }
.orbit-team-member-identity > div { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; margin-top: 7px; }
.orbit-team-level { display: inline-block; padding: 3px 6px; border: 1px solid #b3a1ed38; border-radius: 6px; color: #e2daff; background: #44355e9c; font-size: 11px; font-weight: 700; line-height: 1.2; }
.orbit-team-generation { color: #bbc8db; font-size: 10px; }
.orbit-team-member-value { display: grid; gap: 5px; flex: 0 1 47%; min-width: 0; text-align: right; }
.orbit-team-member-value > small { color: #bdcde1; font-size: 10px; }
.orbit-team-member-value > strong { color: #a8f3d4; font-size: 17px; line-height: 1.25; overflow-wrap: anywhere; }
.orbit-team-member-meta { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); align-items: center; gap: 10px; margin-top: 12px; padding-top: 11px; border-top: 1px solid #8397b528; }
.orbit-team-task { display: flex; align-items: flex-start; gap: 5px; min-width: 0; color: #c7d4e3; font-size: 11px; line-height: 1.4; }
.orbit-team-task > span:first-child { display: flex; flex: 0 0 14px; }
.orbit-team-task svg { width: 14px; height: 14px; margin-top: 1px; }
.orbit-team-task.is-done { color: #9debc4; }
.orbit-team-task.is-pending { color: #f3d28f; }
.orbit-team-last-login { display: grid; gap: 3px; color: #d0dce9; font-size: 11px; line-height: 1.4; text-align: right; overflow-wrap: anywhere; }
.orbit-team-last-login small { color: #aebed2; font-size: 10px; }
.orbit-team-state { padding: 26px 18px; border: 1px solid #899abb45; border-radius: 14px; background: #111c2ee8; text-align: center; }
.orbit-team-state > span { display: flex; justify-content: center; color: #b4d4e9; }
.orbit-team-state > span svg { width: 32px; height: 32px; }
.orbit-team-state :is(h2, h3) { margin: 12px 0 8px; color: #e6f0fa; font-size: 17px; line-height: 1.4; }
.orbit-team-state p { margin: 0; color: #bdcddc; font-size: 13px; line-height: 1.6; overflow-wrap: anywhere; }
.orbit-team-state button { display: inline-flex; justify-content: center; align-items: center; min-height: 44px; margin-top: 16px; padding: 10px 16px; border: 1px solid #8adabf80; border-radius: 10px; background: #16443f; color: #d9fff0; font: inherit; font-size: 13px; cursor: pointer; }
.orbit-team-state.is-error { border-color: #d3a2a64d; }
.orbit-team-pagination { display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); align-items: center; gap: 10px; margin-top: 16px; }
.orbit-team-pagination > :is(a, .is-disabled) { display: flex; align-items: center; justify-content: center; gap: 5px; min-height: 44px; padding: 8px 5px; border: 1px solid #899abb4f; border-radius: 10px; background: #122137e8; color: #e1edfb; text-decoration: none; font-size: 12px; }
.orbit-team-pagination .is-disabled { opacity: .42; }
.orbit-team-pagination svg { width: 16px; height: 16px; }
.orbit-team-page-number { min-width: 42px; color: #c9d7e6; font-size: 12px; text-align: center; }
.orbit-team-page :is(a, button) { touch-action: manipulation; }
.orbit-team-page :is(a, button):focus-visible { outline: 2px solid #a5eed5; outline-offset: 3px; }
@media (max-width: 360px) {
  .orbit-team-summary-total { padding: 18px 14px 14px; }
  .orbit-team-summary-parts > div { padding: 13px 12px; }
  .orbit-team-filters { gap: 5px; }
  .orbit-team-filters a > span { font-size: 10px; }
  .orbit-team-member { padding: 12px 10px; }
  .orbit-team-member-main { gap: 8px; }
  .orbit-team-member-value > strong { font-size: 16px; }
}

/* Two columns keep the complete account label and a generous phone touch area. */
.orbit-account-page .orbit-account-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}
.orbit-account-page .orbit-account-tile {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-width: 0;
  min-height: 104px;
  margin: 0;
  padding: 14px 10px;
  border: 1px solid var(--orbit-border);
  border-radius: 14px;
  background: var(--orbit-surface) url('/assets/orbit/crypto-card-texture.png') center / cover no-repeat;
  background-blend-mode: soft-light;
  box-shadow: inset 0 1px 0 #ffffff09;
  color: #eef5fb;
  font: inherit;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  touch-action: manipulation;
}
.orbit-account-page .orbit-account-tile-icon {
  display: grid;
  place-items: center;
  width: 28px;
  height: 28px;
  color: var(--orbit-tint);
}
.orbit-account-page .orbit-account-tile-icon :is(svg, .orbit-icon-image) {
  display: block;
  width: 28px;
  height: 28px;
  stroke-width: 1.7;
}
.orbit-account-page .orbit-account-tile-icon > .orbit-icon-image {
  filter: invert(1);
  opacity: .9;
}
.orbit-account-page .orbit-account-tile strong {
  max-width: 100%;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.4;
  overflow-wrap: anywhere;
}
.orbit-account-page .orbit-account-tile:active {
  background-color: var(--orbit-selected);
  border-color: var(--orbit-tint);
}
.orbit-account-page :is(.orbit-account-tile, .orbit-account-signout):focus-visible {
  outline: 2px solid var(--orbit-tint);
  outline-offset: 3px;
}
.orbit-account-page .orbit-account-session {
  display: flex;
  justify-content: center;
  margin-top: 20px;
}
.orbit-account-page .orbit-account-signout {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 48px;
  padding: 10px 20px;
  border: 1px solid #9b8bcc40;
  border-radius: 12px;
  background: #0c1725d9;
  color: #ffc4d2;
  font: inherit;
  font-size: 13px;
  cursor: pointer;
  touch-action: manipulation;
}
.orbit-account-page .orbit-account-signout > span:first-child {
  display: flex;
}
.orbit-account-page .orbit-account-signout svg {
  width: 18px;
  height: 18px;
}
.orbit-account-page .orbit-account-footer { margin-top: 16px; }
@media (max-width: 360px) {
  .orbit-account-page .orbit-account-grid { gap: 10px; }
  .orbit-account-page .orbit-account-tile { padding-inline: 8px; }
}

/* Authentication retains its form layout while sharing the cryptocurrency identity. */
body[data-orbit-surface="auth"] {
  color-scheme: dark;
  background: #06131b;
}
body[data-orbit-surface="auth"] #app.app-shell { background: #06131b; }
body[data-orbit-surface="auth"] .screen.auth-screen {
  color: #edf5fa;
  background: linear-gradient(180deg, #06131b08 0%, #06131b40 45%, #06131bcc 100%), var(--arc-auth-background-image, url('/assets/orbit/crypto-page-background-v2.png')) center top / cover no-repeat;
}
body[data-orbit-surface="auth"] .auth-screen::before {
  background: radial-gradient(circle at 85% 15%, #43dec518, transparent 55%);
}
body[data-orbit-surface="auth"] .auth-panel {
  background: #081d2ae8 url('/assets/orbit/crypto-card-texture.png') center / cover;
  border: 1px solid #6adbc54d;
  border-radius: 16px;
  box-shadow: 0 16px 44px #0005;
}
body[data-orbit-surface="auth"] .brand-logo {
  border-color: #6adbc54d;
  background: #071923;
}
body[data-orbit-surface="auth"] .auth-panel .field label { color: #c4d8df; }
body[data-orbit-surface="auth"] .auth-panel .input-wrap {
  background: #051722ed;
  border: 1px solid #6adbc54d;
  border-radius: 10px;
}
body[data-orbit-surface="auth"] .auth-panel .input-wrap input { color: #edf5fa; caret-color: #9ff0d2; }
body[data-orbit-surface="auth"] .auth-panel .input-wrap input::placeholder { color: #a4bbc8; }
body[data-orbit-surface="auth"] .auth-panel :is(.input-wrap svg, .phone-prefix) { color: #9ff0d2; }
body[data-orbit-surface="auth"] .auth-panel .input-wrap:focus-within {
  border-color: #9ff0d2;
  box-shadow: 0 0 0 3px #9ff0d224;
}
body[data-orbit-surface="auth"] .auth-panel .primary-btn { background: #9ff0d2; color: #062125; box-shadow: none; }
body[data-orbit-surface="auth"] .auth-screen .arc-download-entry {
  color: #edf5fa;
  background: #091e2be8;
  border-color: #6adbc54d;
}
body[data-orbit-surface="auth"] .auth-screen :is(.arc-download-entry small, .legal-note) { color: #bfd4d0; }
body[data-orbit-surface="auth"] .switch-line button { color: #9ff0d2; }
body[data-orbit-surface="auth"] :is(button, a, input):focus-visible { outline: 2px solid #9ff0d2; outline-offset: 3px; }

body[data-orbit-theme] .get-media-banner {
  color: var(--orbit-text);
  background: var(--orbit-panel) url('/assets/orbit/crypto-card-texture.png') right center / cover no-repeat;
  background-blend-mode: soft-light;
  border: 1px solid var(--orbit-border);
  border-radius: 14px;
  overflow: hidden;
  box-shadow: inset 0 1px 0 #ffffff08, 0 8px 24px #0002;
}

body[data-orbit-theme] .get-media-banner > div {
  background: #07151f85;
}

body[data-orbit-theme] .get-media-banner span {
  color: var(--orbit-tint);
}

body[data-orbit-theme] .get-media-banner strong {
  color: var(--orbit-text);
}

body[data-orbit-theme] .get-media-banner p {
  color: var(--orbit-muted);
}

body[data-orbit-theme] #app[data-route="message_list"] .message {
  color: var(--orbit-text);
  background: var(--orbit-panel) url('/assets/orbit/crypto-card-texture.png') right center / cover no-repeat;
  background-blend-mode: soft-light;
  border-color: var(--orbit-border);
  box-shadow: inset 0 1px 0 #ffffff06, 0 8px 24px #0002;
}

body[data-orbit-theme] #app[data-route="message_list"] .message h3 {
  color: var(--orbit-text);
}

body[data-orbit-theme] #app[data-route="message_list"] .message p {
  color: var(--orbit-muted);
}

body[data-orbit-theme] :is(.helpbook-list, .help-detail, .help-detail-section,
  .company-certificate-gallery, .company-certificate-card, .company-certificate-image-frame,
  .invite-code-button, .invite-guide-card, .team-earnings-card, .team-reward-guide,
  .job-intro-copy, .job-action-panel, .job-progress-panel, .job-salary-history,
  .job-empty-state, .job-position-card, .job-status-grid > div, .job-salary-row) {
  color: var(--orbit-text);
  background: var(--orbit-panel);
  border-color: var(--orbit-border);
  box-shadow: inset 0 1px 0 #ffffff06, 0 8px 24px #0002;
}

body[data-orbit-theme] :is(.help-detail, .team-earnings-card, .team-reward-guide,
  .invite-guide-card, .job-intro-copy, .job-progress-panel) {
  background: var(--orbit-panel) url('/assets/orbit/crypto-card-texture.png') right center / cover no-repeat;
  background-blend-mode: soft-light;
}

body[data-orbit-theme] :is(.helpbook-row, .help-detail-section h3, .help-detail h2,
  .company-certificate-head h3, .company-certificate-card strong, .team-member-account,
  .team-earnings-total span, .team-earnings-breakdown strong, .team-money-grid b,
  .team-reward-heading h3, .team-invite-heading h2, .team-reward-level-title strong,
  .job-position-card h3, .job-status-grid strong, .job-action-panel strong,
  .job-progress-head strong, .job-salary-row strong, .job-empty-state strong,
  .invite-guide-card h3) {
  color: var(--orbit-text);
}

body[data-orbit-theme] :is(.helpbook-row, .helpbook-row:last-child) {
  background: transparent;
  border-color: var(--orbit-border);
  box-shadow: none;
}

body[data-orbit-theme] :is(.helpbook-row > span, .help-detail-intro,
  .help-detail-section p, .help-detail-body p, .company-certificate-head p,
  .company-certificate-card span, .invite-code-button small, .invite-guide-card p,
  .team-earnings-total small, .team-earnings-breakdown span, .team-member-login-time,
  .team-money-grid span, .team-money-grid em, .team-detail-list p,
  .team-reward-heading > small, .team-invite-heading > small,
  .team-reward-level-title small, .team-reward-level dt,
  .job-intro-copy p, .job-position-card p, .job-status-grid span,
  .job-action-panel span, .job-action-panel p, .job-progress-head span,
  .job-requirements span, .job-salary-row em, .job-empty-state,
  .get-info-image-card figcaption span) {
  color: var(--orbit-muted);
}

body[data-orbit-theme] :is(.help-detail-title > span, .company-certificate-head > span,
  .company-certificate-zoom, .team-title-line span, .team-selected-count,
  .team-vip-badge, .team-task-completed, .job-position-card > b,
  .job-requirements div.met, .job-salary-row i.paid) {
  color: var(--orbit-tint);
  background: var(--orbit-surface);
  border-color: var(--orbit-border);
}

body[data-orbit-theme] :is(.invite-code-button > svg, .invite-code-button strong,
  .team-member-earnings, .team-earnings-total > strong, .team-reward-level dd,
  .team-reward-heading span, .team-invite-heading span, .job-position-card span,
  .job-progress-head em, .job-requirements strong, .job-salary-row b) {
  color: var(--orbit-tint);
}

body[data-orbit-theme] :is(.team-earnings-breakdown, .team-reward-level-title,
  .team-member-row, .job-salary-row) {
  border-color: var(--orbit-border);
}

body[data-orbit-theme] :is(.team-money-grid > div, .team-reward-level,
  .job-requirements > div, .job-progress-track) {
  color: var(--orbit-text);
  background: #08161dcc;
  border-color: var(--orbit-border);
  box-shadow: none;
}

body[data-orbit-theme] .team-reward-intro {
  background: linear-gradient(120deg, #081820e8, #102a3899), var(--orbit-page-art) center 28% / cover;
  border-bottom: 1px solid var(--orbit-border);
}

body[data-orbit-theme] .team-reward-intro p {
  color: var(--orbit-muted);
}

body[data-orbit-theme] .team-reward-eyebrow {
  color: var(--orbit-tint);
}

body[data-orbit-theme] .team-reward-levels {
  padding-bottom: 14px;
}

body[data-orbit-theme] .team-level-tabs button {
  color: var(--orbit-muted);
  background: var(--orbit-panel);
  border-color: var(--orbit-border);
  box-shadow: none;
}

body[data-orbit-theme] .team-level-tabs button span {
  color: var(--orbit-tint);
  background: #ffffff0a;
}

body[data-orbit-theme] .team-level-tabs button.active {
  color: var(--orbit-text);
  background: var(--orbit-surface);
  border-color: var(--orbit-tint);
  box-shadow: inset 0 0 0 1px var(--orbit-tint), 0 6px 18px #0003;
}

body[data-orbit-theme] .team-level-tabs button.active span {
  color: var(--orbit-tint);
  background: #ffffff0e;
}

body[data-orbit-theme] :is(.team-task-not_completed, .job-salary-row i) {
  color: #ffd89d;
  background: #533d2380;
}

body[data-orbit-theme] :is(.team-task-no_tasks, .team-task-unknown) {
  color: var(--orbit-muted);
  background: #ffffff0a;
}

body[data-orbit-theme] .job-progress-track i {
  background: linear-gradient(90deg, #46bfaf, var(--orbit-tint));
}

body[data-orbit-theme] :is(.job-entry-card, .job-hero) {
  border-color: var(--orbit-border);
  background-image: linear-gradient(90deg, #07151ef2, #10273799), var(--job-bg);
}

body[data-orbit-theme] :is(.job-entry-card::before, .job-hero::before) {
  background: linear-gradient(100deg, #03111b50, transparent 85%);
}

body[data-orbit-theme] :is(.job-entry-card strong, .job-hero h2) {
  color: var(--orbit-text);
}

body[data-orbit-theme] :is(.job-entry-card > span, .job-hero > span, .job-entry-card em) {
  color: var(--orbit-tint);
}

body[data-orbit-theme] .job-hero p {
  color: var(--orbit-muted);
}

/* The same support surfaces are used both inside pages and in floating dialogs. */
body[data-orbit-theme] :is(.support-contact-card, .arc-support-choice-grid .support-contact-card,
  .support-activity-feed, .inbox-panel, .inbox-panel-head, .inbox-tabs,
  .inbox-notice-card, .inbox-item, .inbox-message-card, .inbox-reply-form,
  .inbox-compose-form, .inbox-input-box, .arc-support-dialog) {
  color: var(--orbit-text);
  background: var(--orbit-panel);
  border-color: var(--orbit-border);
  box-shadow: inset 0 1px 0 #ffffff06;
}

body[data-orbit-theme] :is(.inbox-tab-panel, .inbox-notice-list,
  .inbox-list, .inbox-detail, .inbox-thread, .inbox-panel-body) {
  color: var(--orbit-text);
  background: #07151df5;
  border-color: var(--orbit-border);
}

body[data-orbit-theme] :is(.support-contact-card, .arc-support-choice-grid .support-contact-card) {
  background: var(--orbit-panel) url('/assets/orbit/crypto-card-texture.png') right center / cover no-repeat;
  background-blend-mode: soft-light;
}

body[data-orbit-theme] :is(.inbox-panel, .arc-support-dialog) {
  box-shadow: 0 24px 65px #0008;
}

body[data-orbit-theme] :is(.support-contact-icon, .support-activity-icon,
  .inbox-panel-head button, .inbox-unread-pill, .inbox-item-top b,
  .inbox-tabs button, .arc-support-close) {
  color: var(--orbit-tint);
  background: var(--orbit-surface);
  border-color: var(--orbit-border);
}

body[data-orbit-theme] :is(.inbox-brand > span, .inbox-compose-button) {
  color: var(--orbit-tint) !important;
  background: var(--orbit-surface) !important;
  border-color: var(--orbit-border) !important;
}

body[data-orbit-theme] :is(.support-contact-main strong, .inbox-brand strong,
  .inbox-detail-title strong, .inbox-notice-card strong, .inbox-item-top strong,
  .inbox-message-body, .inbox-notice-card p, .inbox-thread-item p) {
  color: var(--orbit-text);
}

body[data-orbit-theme] :is(.support-contact-main small, .support-activity-line,
  .inbox-brand em, .inbox-detail-title span, .inbox-item-preview,
  .inbox-item-meta, .inbox-notice-card span, .inbox-thread-item span,
  .inbox-empty, .inbox-readonly, .inbox-input-hint, .arc-support-dialog > p) {
  color: var(--orbit-muted);
}

body[data-orbit-theme] :is(.support-contact-action, .inbox-sender, .inbox-contact-link) {
  color: var(--orbit-tint);
}

body[data-orbit-theme] :is(.inbox-tabs button.active, .inbox-item.is-active,
  .inbox-notice-card.is-unread) {
  color: var(--orbit-text);
  background: var(--orbit-surface);
  border-color: var(--orbit-tint);
}

body[data-orbit-theme] .inbox-thread-item.from-admin {
  color: var(--orbit-text);
  background: var(--orbit-panel);
  border-color: var(--orbit-border);
}

body[data-orbit-theme] .inbox-thread-item.from-user {
  color: #effff9;
  background: #1a4b49;
  border-color: #71c8ae66;
}

body[data-orbit-theme] :is(.inbox-send-button, .inbox-empty-action, .inbox-detail-title b) {
  color: #05231c;
  background: #9aefd5;
  border-color: #9aefd5;
}

body[data-orbit-theme] .inbox-reply-form textarea {
  color: var(--orbit-text);
  caret-color: var(--orbit-tint);
  background: #07171fde;
  border-color: var(--orbit-border);
  box-shadow: none;
}

body[data-orbit-theme] .inbox-reply-form textarea::placeholder {
  color: var(--orbit-muted);
  opacity: .85;
}

body[data-orbit-theme] :is(.inbox-reply-form textarea:focus, .inbox-input-box:focus-within) {
  border-color: var(--orbit-tint);
  box-shadow: 0 0 0 2px #bcceff26;
}

body[data-orbit-theme] .arc-support-dialog::backdrop {
  background: #020b16bf;
  backdrop-filter: blur(7px);
}

body[data-orbit-theme] .arc-support-dialog .arc-support-status {
  color: #ffb7ac;
}

body[data-orbit-theme] #app[data-route="language"] .row.is-selected {
  color: var(--orbit-text);
  background: var(--orbit-surface);
  border-color: var(--orbit-tint);
  box-shadow: inset 3px 0 0 var(--orbit-tint);
}

body[data-orbit-theme] #app[data-route="language"] .row.is-selected .row-action {
  color: var(--orbit-tint);
}

/* Company details retain the authentic document image while surrounding UI stays dark. */
body[data-orbit-theme] .orbit-company-brand {
  background: linear-gradient(90deg, #061d24ee, #111f38aa), var(--orbit-page-art) center 20% / cover;
  border: 1px solid var(--orbit-border);
}

body[data-orbit-theme] :is(.orbit-company-page > h2, .orbit-company-facts dd,
  .orbit-company-document summary, .get-info-image-card figcaption strong) {
  color: var(--orbit-text);
}

body[data-orbit-theme] :is(.orbit-company-page > p, .orbit-company-brand p,
  .orbit-company-document p, .orbit-company-facts dt) {
  color: var(--orbit-muted);
}

body[data-orbit-theme] :is(.orbit-company-facts > div, .orbit-company-document summary,
  .orbit-company-document img) {
  border-color: var(--orbit-border);
}

body[data-orbit-theme] :is(.anti-fraud-image, .trial-intro-image, .charity-image,
  .get-info-image-card, .help-guide-image, .get-info-image-card figcaption) {
  color: var(--orbit-text);
  background: var(--orbit-panel);
  border-color: var(--orbit-border);
  box-shadow: none;
}

body[data-orbit-theme] .charity-hero {
  color: var(--orbit-text);
  background: var(--orbit-panel);
  border-color: var(--orbit-border);
}

body[data-orbit-theme] .get-charity-hero.no-image {
  background: linear-gradient(90deg, #07151ff0, #152b3999), var(--orbit-page-art) center 20% / cover;
}

body[data-orbit-theme] .charity-hero p {
  color: var(--orbit-muted);
}

body[data-orbit-theme] :is(.charity-hero > span, .charity-hero > div > span,
  .charity-image > span) {
  color: var(--orbit-tint);
  background: #0b253ae0;
}

body[data-orbit-theme] :is(.certificate-preview-panel,
  .certificate-preview-top, .certificate-preview-panel > img) {
  color: var(--orbit-text);
  background: var(--orbit-panel);
  border-color: var(--orbit-border);
}

body[data-orbit-theme] .certificate-preview-close {
  color: var(--orbit-tint);
  background: var(--orbit-surface);
  border-color: var(--orbit-border);
}

body[data-orbit-theme] .certificate-preview-top strong {
  color: var(--orbit-text);
}

body[data-orbit-theme] .certificate-preview-top span {
  color: var(--orbit-muted);
}

body[data-orbit-theme] :is(.team-level-tabs button, .invite-code-button,
  .helpbook-row, .arc-support-dialog button, .inbox-tabs button):focus-visible {
  outline: 2px solid var(--orbit-tint);
  outline-offset: 3px;
}