/* Route details using the BYD corporate site's restrained monochrome palette,
   square controls, flat surfaces and generous spacing. */

/* Functional headers stay compact so the work surface follows near the fold. */
.app-shell:not([data-route="start"]):not([data-route="company"]) .get-media-banner {
  grid-template-columns: minmax(0, 1fr);
  min-height: 0;
  margin: 0 0 18px;
}
.app-shell:not([data-route="start"]):not([data-route="company"]) .get-media-banner > img {
  width: 100%;
  height: 150px;
  min-height: 0;
  max-height: 150px;
  object-fit: cover;
  object-position: center;
}
.app-shell:not([data-route="start"]):not([data-route="company"]) .get-media-banner > div { padding: 16px 18px; }
.app-shell:not([data-route="start"]):not([data-route="company"]) .get-media-banner strong {
  margin-top: 6px;
  font-size: 20px;
  line-height: 1.25;
  text-shadow: none;
}
.app-shell:not([data-route="start"]):not([data-route="company"]) .get-media-banner p { margin-top: 8px; font-size: 12px; line-height: 1.5; }
.app-shell[data-route="company"] .get-media-banner > img { height: 200px; min-height: 0; max-height: 200px; }

/* Every route uses the same square, 48px action controls as the reference site. */
:is(.get-copy-box, .invite-code-actions, .record-pagination, .team-pagination,
  .card-flip-history-pager, .scratch-history-pages, .invite-qr-actions,
  .activity-page-actions, .withdraw-confirm-actions, .first-withdraw-actions) button,
.invite-code-actions .invite-code-button,
.user-guide-return,
.team-milestone-card .team-milestone-claim,
.team-milestone-card .team-milestone-upgrade,
.team-milestone-vip-notice > a,
.lucky-hero .hero-actions :is(a, button),
.aeei-card-flip .card-flip-start,
.scratch-host .scratch-primary,
.activity-popup-card :is(.activity-popup-primary, .activity-popup-secondary),
.flash-drop-form button,
.new-member-reward-card .new-member-reward-claim,
.lucky-prize-dialog .lucky-prize-confirm,
.sunshine-purchase-dialog .sunshine-modal-submit,
.vip-purchase-confirm-actions button,
.treasure-pot-modal-share,
.treasure-pot-modal-later,
.first-withdraw-support-btn,
.recharge-payment-return-btn,
.recharge-channel-card .recharge-channel-submit,
.turnover-exchange-card .turnover-exchange-submit {
  min-height: 48px;
  padding: 12px 20px;
  border-width: 1px;
  border-style: solid;
  border-radius: 0;
  font-family: inherit;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: .025em;
  box-shadow: none;
  text-shadow: none;
  transition: background-color .2s ease, color .2s ease, border-color .2s ease;
}
.get-copy-box button:hover,
.invite-code-actions .invite-code-button:hover,
.user-guide-return:hover,
.record-pagination button:hover:not(:disabled),
.team-pagination button:hover:not(:disabled),
.card-flip-history-pager button:hover:not(:disabled) {
  color: #fff;
  background: #252728;
  border-color: #252728;
}
:is(.task-card-actions, .record-pagination, .team-pagination, .card-flip-history-pager,
  .scratch-history-pages, .invite-qr-actions, .activity-page-actions) button:focus-visible,
.invite-code-button:focus-visible,
.user-guide-return:focus-visible {
  outline: 2px solid #727272;
  outline-offset: 3px;
}
.sunshine-fund-hero,
.sunshine-fund-hero-copy > span,
.sunshine-fund-hero-mark,
.sunshine-fund-stats > div,
.sunshine-fund-section,
.sunshine-records,
.sunshine-record-item,
.sunshine-record-head em,
.sunshine-plan-card,
.sunshine-plan-status,
.sunshine-fund-notice,
.sunshine-purchase-rule,
.sunshine-modal-summary > div,
.wealth-order-card,
.sunshine-rate-row,
.card-flip-summary,
.card-flip-stage,
.card-flip-result,
.inbox-input-box,
.inbox-thread-item,
.inbox-reply-form textarea,
.chat-image-draft,
.app-download-option,
.invite-qr-code,
.invite-qr-code-text,
.turnover-exchange-summary > div,
.turnover-exchange-option,
.turnover-exchange-selected > div,
.turnover-exchange-rate,
.turnover-exchange-preview span {
  border-radius: 0;
  box-shadow: none;
}

/* Product photography sits above the information, as on a vehicle catalogue. */
.task.get-task-card {
  min-width: 0;
  min-height: 0;
  color: #252728;
  background: #fff;
  border: 1px solid #dedede;
  border-radius: 0;
  box-shadow: none;
}
.get-task-list { gap: 24px; }
.task.get-task-card .task-card-product-background {
  display: block;
  position: relative;
  inset: auto;
  width: 100%;
  height: 172px;
  overflow: hidden;
  background: #f5f5f5;
}
.task.get-task-card .task-card-product-background img {
  display: block;
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  object-fit: cover;
  object-position: center;
  opacity: 1;
  filter: none;
  transform: none;
}
.task.get-task-card::after { display: none; }
.task.get-task-card .task-card-body {
  display: grid;
  gap: 20px;
  min-width: 0;
  min-height: 0;
  align-content: start;
  padding: 24px;
  background: transparent;
}
.task.get-task-card h3 {
  max-width: 100%;
  margin: 0;
  color: #252728;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.35;
  letter-spacing: 0;
  text-shadow: none;
  white-space: normal;
  overflow-wrap: anywhere;
}
.task.get-task-card .task-card-actions { justify-content: stretch; width: 100%; max-width: 100%; margin: 0; }
.task.get-task-card .task-card-actions button {
  flex: 1 1 auto;
  width: 100%;
  min-height: 48px;
  padding: 12px 20px;
  border-radius: 0;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: .025em;
  box-shadow: none;
  white-space: normal;
}
.task.get-task-card .task-card-actions button:not(:disabled) {
  color: #fff;
  background: #252728;
  border: 1px solid #252728;
}
.task.get-task-card .task-card-actions button:disabled {
  color: #51565b;
  background: #f5f5f5;
  border: 1px solid #dedede;
  opacity: 1;
}
.task.get-task-card .task-card-summary {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 10px 16px;
  padding: 0;
  color: #51565b;
  background: transparent;
  border: 0;
}
.task.get-task-card .task-card-summary span {
  flex: 1 1 150px;
  color: #616161;
  font-size: 13px;
  line-height: 1.6;
  white-space: normal;
  overflow-wrap: anywhere;
}
.task.get-task-card .task-card-summary strong {
  padding: 0;
  color: #252728;
  background: transparent;
  border-radius: 0;
  font-size: 24px;
  font-weight: 500;
  font-variant-numeric: tabular-nums;
  text-shadow: none;
}
/* A product inspection sequence: energy paths, verification, then credited income. */
.task.get-task-card:is(.is-task-running, .is-task-credited) .task-card-actions,
.task.get-task-card.is-task-credited .task-card-summary { display: none; }
.task-fulfillment.task-energy {
  display: grid;
  gap: 14px;
  min-width: 0;
  padding: 16px;
  color: #252728;
  background: #f5f5f5;
  border: 1px solid #dedede;
  border-radius: 0;
  box-shadow: none;
}
.task-energy__meta {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 10px;
  font-size: 10px;
  font-weight: 500;
  line-height: 1.6;
  letter-spacing: .13em;
}
.task-energy__meta > :last-child {
  max-width: 65%;
  color: #51565b;
  font-size: 11px;
  letter-spacing: .02em;
  text-align: right;
  overflow-wrap: anywhere;
}
.task-energy__visual {
  position: relative;
  display: grid;
  place-items: center;
  height: 176px;
  overflow: hidden;
  isolation: isolate;
  background: #111518;
}
.task-energy__product {
  position: absolute;
  z-index: 1;
  width: 184px;
  max-width: 70%;
  height: 160px;
  object-fit: cover;
  object-position: center;
  opacity: .92;
  filter: saturate(.25);
  -webkit-mask-image: radial-gradient(ellipse, #000 40%, transparent 73%);
  mask-image: radial-gradient(ellipse, #000 40%, transparent 73%);
  transition: opacity .45s ease, transform .6s ease;
}
.task-energy__orbit {
  position: absolute;
  z-index: 2;
  inset: 12px 0;
  width: 152px;
  height: 152px;
  margin: auto;
  opacity: .42;
  pointer-events: none;
  transition: opacity .5s ease, transform .65s ease;
}
.task-energy__orbit svg { display: block; width: 100%; height: 100%; }
.task-energy__orbit circle {
  fill: none;
  stroke: #d8dce0;
  stroke-width: .7;
  stroke-dasharray: 2 7;
  transform-origin: center;
  animation: byd-energy-orbit 28s linear infinite;
}
.task-energy__circuit {
  position: absolute;
  z-index: 3;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  overflow: visible;
  pointer-events: none;
  transition: opacity .4s ease;
}
.task-energy__circuit path {
  fill: none;
  stroke-linecap: square;
  stroke-linejoin: miter;
  vector-effect: non-scaling-stroke;
}
.task-energy__circuit .energy-track { stroke: #6d747b; stroke-width: .7; opacity: .45; }
.task-energy__circuit .energy-flow {
  stroke: #e4e8ed;
  stroke-width: 1.2;
  stroke-dasharray: 16 120;
  animation: byd-energy-flow 2.4s linear infinite;
}
.task-energy__scan {
  position: absolute;
  z-index: 4;
  top: 24px;
  left: 24%;
  width: 52%;
  height: 1px;
  background: #d8dce0;
  opacity: .65;
  box-shadow: 0 0 10px rgba(255, 255, 255, .22);
  animation: byd-energy-scan 2.8s ease-in-out infinite;
}
.task-energy__battery {
  position: absolute;
  z-index: 5;
  right: 14px;
  bottom: 14px;
  display: flex;
  gap: 3px;
  width: 38px;
  height: 15px;
  padding: 3px;
  border: 1px solid #74797e;
  transition: opacity .3s ease;
}
.task-energy__battery::after {
  position: absolute;
  top: 4px;
  left: 100%;
  width: 2px;
  height: 5px;
  content: "";
  background: #74797e;
}
.task-energy__battery i {
  flex: 1;
  height: 7px;
  background: #e4e8ed;
  opacity: .16;
  transition: opacity .4s ease;
}
.task-energy[data-task-stage="preparing"] .task-energy__battery i:first-child,
.task-energy[data-task-stage="processing"] .task-energy__battery i:nth-child(3) {
  animation: byd-energy-charge 1.2s ease-in-out infinite;
}
.task-energy[data-task-stage="processing"] .task-energy__battery i:nth-child(-n+2),
.task-energy[data-task-stage="verifying"] .task-energy__battery i,
.task-energy[data-task-stage="settling"] .task-energy__battery i { opacity: 1; }
.task-energy[data-task-stage="verifying"] .task-energy__scan { animation-duration: 1.6s; }
.task-energy[data-task-stage="settling"] .task-energy__scan { opacity: 0; animation: none; }
.task-energy__complete {
  position: absolute;
  z-index: 6;
  inset: 0;
  display: grid;
  place-items: center;
  color: #fff;
  opacity: 0;
  pointer-events: none;
}
.task-energy__complete svg { display: block; width: 76px; height: 76px; overflow: visible; }
.task-energy__complete :is(circle, path) {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-dasharray: 1;
  stroke-dashoffset: 0;
}
.task-energy__check-ring { stroke-width: 1; }
.task-energy__check { stroke-width: 1.8; }
.task-energy .task-fulfillment__headline,
.task-energy .task-fulfillment__headline strong,
.task-energy .task-fulfillment__headline span { color: #252728; }
.task-energy .task-fulfillment__headline strong { font-size: 13px; font-weight: 500; line-height: 1.5; }
.task-energy .task-fulfillment__headline span { font-size: 12px; font-weight: 500; font-variant-numeric: tabular-nums; }
.task-energy__meter { height: 2px; overflow: hidden; background: #dedede; }
.task-energy__meter > i {
  display: block;
  width: var(--task-progress, 0%);
  height: 100%;
  background: #252728;
  transition: width .22s linear;
}
.task-energy__steps {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}
.task-energy__steps > span { display: flex; align-items: center; gap: 4px; min-width: 0; color: #62666b; }
.task-energy__steps > span:nth-child(2) { justify-content: center; }
.task-energy__steps > span:last-child { justify-content: flex-end; }
.task-energy__steps :is(i, .dot) { display: block; flex: 0 0 4px; width: 4px; height: 4px; background: currentColor; }
.task-energy__steps small { font-size: 10px; font-weight: 500; line-height: 1.5; letter-spacing: .025em; }
.task-energy__steps .is-active,
.task-energy__steps .is-done { color: #252728; }
.task-energy__steps .is-active small { font-weight: 600; }
.task-energy__result {
  display: grid;
  gap: 6px;
  padding: 16px 0 4px;
  border-top: 1px solid #dedede;
  text-align: center;
}
.task-energy__result[hidden] { display: none; }
.task-energy__result small { color: #51565b; font-size: 12px; font-weight: 500; letter-spacing: .03em; }
.task-energy__result strong { color: #252728; font-size: clamp(24px, 6vw, 32px); font-weight: 500; line-height: 1.2; font-variant-numeric: tabular-nums; }
.task-fulfillment.task-energy > p { margin: 0; color: #51565b; font-size: 12px; line-height: 1.6; text-align: left; }
.task-energy[data-task-stage="completed"] .task-energy__product { opacity: 0; transform: scale(.92); }
.task-energy[data-task-stage="completed"] .task-energy__orbit { opacity: 0; transform: scale(.5); }
.task-energy[data-task-stage="completed"] :is(.task-energy__circuit, .task-energy__scan, .task-energy__battery) { opacity: 0; }
.task-energy[data-task-stage="completed"] :is(.task-energy__orbit circle, .energy-flow, .task-energy__scan, .task-energy__battery i) { animation: none; }
.task-energy[data-task-stage="completed"] .task-energy__complete { opacity: 1; }
.task-energy[data-task-stage="completed"][data-task-celebrate="true"] .task-energy__check-ring { animation: byd-energy-check .65s ease-out both; }
.task-energy[data-task-stage="completed"][data-task-celebrate="true"] .task-energy__check { animation: byd-energy-check .45s .42s ease-out both; }
.task-energy[data-task-stage="completed"][data-task-celebrate="true"] .task-energy__result { animation: byd-energy-reward .6s .6s ease-out both; }
@keyframes byd-energy-flow { to { stroke-dashoffset: -136; } }
@keyframes byd-energy-orbit { to { transform: rotate(360deg); } }
@keyframes byd-energy-scan { 0%, 100% { transform: translateY(0); opacity: 0; } 16%, 82% { opacity: .65; } 90% { transform: translateY(120px); opacity: 0; } }
@keyframes byd-energy-charge { 0%, 100% { opacity: .25; } 50% { opacity: 1; } }
@keyframes byd-energy-check { from { stroke-dashoffset: 1; } to { stroke-dashoffset: 0; } }
@keyframes byd-energy-reward { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: translateY(0); } }
@media (prefers-reduced-motion: reduce) {
  .task-energy *, .task-energy *::before, .task-energy *::after { animation: none !important; transition: none !important; }
  .task-energy__scan { display: none; }
  .task-energy[data-task-stage="completed"] .task-energy__complete,
  .task-energy[data-task-stage="completed"] .task-energy__result { opacity: 1; transform: none; }
  .task-energy__complete :is(circle, path) { stroke-dashoffset: 0; }
}

/* Income and team tables remain locally scrollable on a phone. */
.income-level-card,
.reward-table,
.team-member-table-scroll {
  min-width: 0;
  max-width: 100%;
  background: #fff;
  border: 1px solid #dedede;
  border-radius: 0;
  box-shadow: none;
}
.income-level-card { gap: 0; overflow: hidden; }
.income-level-hero {
  min-height: 0;
  justify-items: start;
  padding: 20px;
  color: #252728;
  background: #f5f5f5;
  border: 0;
  border-bottom: 1px solid #dedede;
  border-radius: 0;
  box-shadow: none;
  text-align: left;
}
.income-level-hero::before { display: none; }
.income-level-hero span { color: #252728; font-size: 12px; letter-spacing: .13em; text-shadow: none; }
.income-level-hero h3 { margin-top: 6px; color: #252728; font-size: 20px; letter-spacing: 0; text-shadow: none; }
.daily-income-panel { padding: 20px 16px 16px; background: #fff; border: 0; border-radius: 0; }
.daily-income-legend { color: #51565b; font-size: 12px; }
.daily-income-legend i { background: #252728; }
.daily-income-chart {
  grid-template-columns: none;
  grid-auto-flow: column;
  grid-auto-columns: minmax(0, 1fr);
  background: repeating-linear-gradient(to top, transparent 0, transparent 39px, #f0f0f0 39px, #f0f0f0 40px);
  border-bottom-color: #dedede;
}
.daily-income-chart .income-bar b { color: #252728; font-weight: 600; font-variant-numeric: tabular-nums; }
.daily-income-chart .income-bar i { background: #252728; border-radius: 0; box-shadow: none; }
.daily-income-chart .income-bar span { color: #51565b; }
.task-income-title { justify-self: stretch; min-width: 0; margin: 0; padding: 14px 16px; color: #252728; background: #f5f5f5; border: 0; border-radius: 0; box-shadow: none; font-size: 14px; font-weight: 600; line-height: 1.5; text-align: left; }
.task-income-table-wrap,
.team-member-table-scroll { overflow-x: auto; overscroll-behavior-x: contain; -webkit-overflow-scrolling: touch; }
.task-income-table { min-width: 1040px; background: #fff; border: 0; }
.income-level-card .task-income-table-wrap { border: 0; border-radius: 0; }
.task-income-head,
.task-income-row { grid-template-columns: 180px 110px 90px 140px 130px 130px minmax(160px, 1fr); }
.task-income-head,
.reward-table-head {
  color: #616161;
  background: #f5f5f5;
  border-color: #dedede;
  font-size: 12px;
  font-weight: 600;
}
.task-income-head span,
.reward-table-head span { color: #616161; }
.task-income-row,
.reward-table-row { color: #454545; background: #fff; border-color: #e9e9e9; font-size: 14px; font-weight: 500; }
.task-income-row { min-height: 70px; }
.task-income-head span,
.task-income-row span,
.task-income-row strong { padding: 12px 10px; border-color: #e9e9e9; }
.task-income-row:nth-child(odd),
.reward-table-row:nth-child(odd) { background: #fafafa; }
.task-income-row strong,
.reward-table-row strong { color: #252728; font-weight: 600; }
.task-income-row span,
.reward-table-row span { color: #454545; font-variant-numeric: tabular-nums; }
.task-income-row .byd-income-product { color: #51565b; font-size: 12px; line-height: 1.5; }
.task-income-row .byd-income-benefit { color: #252728; border-color: #dedede; font-size: 12px; }
.reward-banner { color: #252728; background: #f5f5f5; border: 1px solid #dedede; border-radius: 0; font-size: 14px; font-weight: 600; }
.reward-table { overflow-x: auto; overscroll-behavior-x: contain; }
.reward-table-head,
.reward-table-row { min-width: 650px; grid-template-columns: 100px 130px repeat(3, minmax(140px, 1fr)); }
[data-route="profit"] .chart { padding: 24px 16px 28px; background: #fff; border: 1px solid #dedede; border-radius: 0; }
[data-route="profit"] .bar i { background: #252728; border-radius: 0; box-shadow: none; }
[data-route="profit"] .bar span { color: #51565b; }
.income-detail-row b { color: #252728; font-variant-numeric: tabular-nums; }
.income-detail-row span,
.income-detail-row em { color: #51565b; }
.income-detail-hero { color: #fff; background: #252728; border-color: #454545; box-shadow: none; }
.income-detail-hero .hero-head strong,
.income-detail-hero .balance strong { color: #fff; }
.income-detail-hero .hero-head span,
.income-detail-hero .balance span { color: #cccccc; }
.record-pagination button,
.team-pagination button { color: #454545; background: #fff; border: 1px solid #dedede; border-radius: 0; }
.team-level-tabs { gap: 0; padding: 0; background: #fff; border: 0; border-bottom: 1px solid #dedede; border-radius: 0; }
.team-level-tabs button { min-height: 56px; color: #51565b; background: transparent; border: 0; border-bottom: 2px solid transparent; border-radius: 0; }
.team-level-tabs button.active { color: #252728; background: #fff; border-bottom-color: #252728; box-shadow: none; }
.team-level-tabs button span { color: inherit; }
.team-level-tabs button.active strong,
.team-level-tabs button.active span { color: #252728; }
.team-member-table { min-width: 620px; color: #454545; background: #fff; font-size: 13px; }
.team-member-table th { color: #51565b; background: #f5f5f5; border-color: #dedede; font-size: 12px; font-weight: 600; }
.team-member-table td { border-color: #e9e9e9; }
.team-member-table tbody tr:nth-child(even) { background: #fafafa; }
.team-member-table .team-member-amount { color: #252728; font-weight: 600; }
.team-member-table-note { color: #51565b; font-size: 12px; line-height: 1.6; }
.get-copy-box { background: #fff; border-color: #dedede; border-radius: 0; }
.get-copy-box code { color: #454545; font-size: 13px; }
.get-copy-box button,
.invite-code-actions .invite-code-button { color: #252728; background: #fff; border: 1px solid #252728; border-radius: 0; box-shadow: none; }
.invite-code-actions .invite-code-button svg { color: #252728; }
.invite-code-actions .invite-code-button small { color: #51565b; }
.team-stats-grid.get-stats-grid > .stat-button.active { color: #252728; background: #f5f5f5; border-color: #9d9d9d; }
.team-milestone-section { padding: 18px; background: #fff; border: 1px solid #dedede; border-radius: 0; }
.team-milestone-vip-notice,
.team-milestone-summary { color: #252728; background: #f5f5f5; border: 1px solid #dedede; border-radius: 0; }
.team-milestone-summary strong,
.team-milestone-vip-notice strong { color: #252728; }
.team-milestone-summary span,
.team-milestone-summary small,
.team-milestone-vip-notice small { color: #51565b; font-size: 12px; line-height: 1.5; }
.team-milestone-card,
.team-milestone-card.is-locked,
.team-milestone-card.is-claimed,
.team-milestone-card.is-claimable {
  gap: 14px;
  padding: 18px;
  color: #252728;
  background: #fff;
  border: 1px solid #dedede;
  border-radius: 0;
  box-shadow: none;
}
.team-milestone-card::after { display: none; }
.team-milestone-card.is-claimable { border-color: #9d9d9d; }
.team-milestone-card.is-claimable:hover { border-color: #252728; box-shadow: none; }
.team-milestone-card .team-milestone-reward { padding: 8px 10px; background: #f5f5f5; border-color: #dedede; border-radius: 0; }
.team-milestone-card .team-milestone-reward strong,
.team-milestone-card .team-milestone-card-head strong,
.team-milestone-progress-meta strong { color: #252728; }
.team-milestone-card .team-milestone-reward span,
.team-milestone-progress-meta span,
.team-milestone-claimed-time { color: #51565b; font-size: 12px; }
.team-milestone-kicker svg { color: #252728; }
.team-milestone-progress { height: 6px; background: #e9e9e9; }
.team-milestone-progress i { background: #252728; box-shadow: none; }
.team-milestone-status,
.team-milestone-status.is-claimed { color: #616161; background: #f5f5f5; border-color: #dedede; font-size: 12px; }
.team-milestone-status.is-claimable { color: #252728; background: #f5f5f5; border-color: #dedede; }
.team-milestone-card .team-milestone-claim,
.team-milestone-card .team-milestone-upgrade,
.team-milestone-vip-notice > a { color: #fff; background: #252728; border: 1px solid #252728; box-shadow: none; }
.team-milestone-locked-note,
.team-milestone-claimed-note { color: #51565b; font-size: 12px; line-height: 1.5; }

/* Editorial, help, profile and document screens. */
.job-hero {
  min-height: 260px;
  gap: 16px;
  padding: 32px 24px;
  color: #fff;
  background: linear-gradient(90deg, rgba(0, 0, 0, .7), rgba(0, 0, 0, .25)), var(--job-bg), #252728;
  background-size: cover;
  background-position: center;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}
.job-hero::before { display: none; }
.job-hero > span { width: fit-content; color: #fff; background: transparent; font-size: 12px; font-weight: 500; letter-spacing: .12em; }
.job-hero h2 { color: #fff; font-size: 30px; font-weight: 500; line-height: 1.2; }
.job-hero p { color: #fff; font-size: 13px; line-height: 1.7; }
.helpbook-list { gap: 0; padding: 0; overflow: visible; background: transparent; border: 0; border-top: 1px solid #dedede; }
.helpbook-row { min-height: 80px; padding: 20px 0; background: #fff; border: 0; border-bottom: 1px solid #dedede; border-radius: 0; }
.helpbook-row:last-child { border-bottom: 1px solid #dedede; }
.helpbook-row strong { color: #252728; font-size: 15px; font-weight: 600; }
.helpbook-row span { color: #51565b; }
.helpbook-row:hover { border-color: #bcbcbc; background: #fafafa; }
.help-detail,
.company-certificate-gallery { gap: 24px; padding: 24px; color: #252728; background: #fff; border: 1px solid #dedede; border-radius: 0; box-shadow: none; }
.help-detail-title > span,
.company-certificate-head > span { flex: 0 0 42px; width: 42px; height: 42px; color: #252728; background: #f5f5f5; border-radius: 0; }
.help-detail h2 { color: #252728; font-size: 24px; font-weight: 500; line-height: 1.35; letter-spacing: 0; }
.help-detail-intro,
.help-detail-body p,
.company-certificate-head p { color: #51565b; font-size: 14px; line-height: 1.8; }
.help-detail-body { gap: 16px; }
.help-detail-body p { padding-left: 14px; border-left: 2px solid #dedede; overflow-wrap: anywhere; }
.company-certificate-head { align-items: flex-start; gap: 14px; }
.company-certificate-head h3 { margin-bottom: 8px; color: #252728; font-size: 17px; line-height: 1.4; }
.company-certificate-head p { margin-top: 10px; }
.get-info-image-card { overflow: hidden; background: #fff; border: 1px solid #dedede; border-radius: 0; box-shadow: none; }
.get-info-image-card figcaption { padding: 18px; background: #fff; }
.get-info-image-card figcaption strong { color: #252728; font-size: 16px; line-height: 1.4; }
.get-info-image-card figcaption span { color: #51565b; font-size: 14px; line-height: 1.7; }
.get-charity-hero { overflow: hidden; border: 1px solid #dedede; border-radius: 0; background: #252728; box-shadow: none; }
.get-charity-hero > div { background: linear-gradient(90deg, rgba(0, 0, 0, .96), rgba(0, 0, 0, .58)); }
.get-charity-hero span,
.get-charity-hero h2,
.get-charity-hero p { color: #fff; }
.charity-gallery .charity-image,
.anti-fraud-gallery .anti-fraud-image { background: #fff; border: 1px solid #dedede; border-radius: 0; box-shadow: none; }
.charity-gallery .charity-image > span { color: #fff; background: rgba(0, 0, 0, .72); border-color: rgba(255, 255, 255, .25); }
.user-guide-intro,
.user-guide-state,
.user-guide-page,
.user-guide-page figure { color: #252728; background: #fff; border-color: #dedede; border-radius: 0; box-shadow: none; }
.user-guide-intro > span,
.user-guide-state > span { color: #252728; background: #f5f5f5; }
.user-guide-intro p,
.user-guide-state p,
.user-guide-page figcaption { color: #51565b; font-size: 13px; }
.user-guide-return { color: #252728; background: #fff; border: 1px solid #252728; border-radius: 0; }
[data-route="set"] .row { min-height: 76px; border-radius: 0; }
[data-route="set"] .row-icon { color: #252728; background: #f5f5f5; border: 0; border-radius: 0; }
[data-route="set"] .row-main strong { color: #252728; font-size: 14px; font-weight: 600; }
[data-route="set"] .row-main > span { color: #51565b; font-size: 13px; line-height: 1.5; }
[data-route="language"] .row.row-button,
[data-route="language"] .row.row-button.is-selected { color: #252728; background: #fff; border-color: #dedede; border-radius: 0; box-shadow: none; }
[data-route="language"] .row.row-button.is-selected { border-color: #252728; background: #f5f5f5; }
[data-route="language"] .row.row-button.is-selected :is(strong, span, svg) { color: #252728; }
.identity-upload-card { min-width: 0; padding: 16px; color: #454545; background: #f7f7f7; border: 1px dashed #bcbcbc; border-radius: 0; }
.identity-upload-card > span { color: #454545; font-size: 13px; }
.identity-upload-card em { color: #252728; font-size: 13px; }
.identity-upload-card img { border-radius: 0; }
.job-intro-copy,
.job-action-panel,
.job-progress-panel,
.job-salary-history,
.job-empty-state,
.job-position-card { color: #252728; background: #fff; border-color: #dedede; border-radius: 0; box-shadow: none; }
.job-position-card > b { color: #252728; background: #f5f5f5; }
.job-position-card p,
.job-intro-copy p,
.job-action-panel p { color: #51565b; font-size: 14px; line-height: 1.7; }
.job-progress-track { background: #e9e9e9; }
.job-progress-track i { background: #252728; }

/* Deposit and withdrawal details. Shared form controls come from automotive.css. */
[data-route="recharge"] .get-form-card,
[data-route="withdraw"] .withdraw-simple-card { gap: 20px; padding: 24px 20px; border-radius: 0; }
[data-route="recharge"] .field > small { color: #51565b; font-size: 12px; line-height: 1.6; }
.withdraw-simple-balance strong { color: #252728; letter-spacing: 0; }
.withdraw-simple-card .withdraw-amount-chip { min-height: 52px; color: #454545; background: #f7f7f7; border: 1px solid #dedede; border-radius: 0; box-shadow: none; }
.withdraw-simple-card .withdraw-amount-chip.active { color: #fff; background: #252728; border-color: #252728; box-shadow: none; }
.withdraw-simple-fees { padding: 16px 0; border-color: #dedede; }
.withdraw-simple-fees > span { color: #51565b; font-size: 13px; }
.withdraw-simple-fees strong,
.withdraw-simple-fees > span:last-child strong { color: #252728; }
.withdraw-simple-rules { color: #51565b; text-align: left; font-size: 12px; line-height: 1.8; }
.withdraw-simple-history { padding: 0 18px; background: #fff; border-color: #dedede; border-radius: 0; }
.withdraw-simple-history summary { min-height: 62px; color: #454545; }
.bank-picker-search,
.recharge-channel-bank-picker { background: #f7f7f7; border-color: #dedede; border-radius: 0; }
.bank-picker-option { color: #252728; background: #fff; border-color: #dedede; }
.bank-picker-option.is-selected,
.bank-picker-option:hover { background: #f5f5f5; border-color: #9d9d9d; }
.recharge-channel-option { color: #252728; background: #fff; border-color: #dedede; border-radius: 0; box-shadow: none; }
.recharge-channel-option small,
.recharge-channel-option span { color: #51565b; }
.recharge-channel-option strong { color: #252728; }
.sunshine-plan-card { color: #252728; background: #fff; border-color: #dedede; box-shadow: none; }
.sunshine-plan-card.active { background: #f5f5f5; border-color: #252728; }
.sunshine-plan-card strong { color: #252728; }
[data-route="wealthFund"] .sunshine-fund-hero { color: #fff; background: #252728; border: 1px solid #454545; box-shadow: none; }
[data-route="wealthFund"] .sunshine-fund-hero h2 { font-size: 24px; line-height: 1.25; }
[data-route="wealthFund"] .sunshine-fund-hero-copy > span { color: #d7d7d7; background: #353535; border-color: #585858; }
[data-route="wealthFund"] .sunshine-fund-hero-mark { background: #353535; border-color: #585858; box-shadow: none; }
[data-route="wealthFund"] .sunshine-fund-hero-mark span { color: #cccccc; }
[data-route="wealthFund"] .sunshine-fund-hero-mark strong { color: #fff; }
[data-route="wealthFund"] .sunshine-fund-stats > div,
[data-route="wealthFund"] .sunshine-fund-section,
[data-route="wealthFund"] .sunshine-records { color: #252728; background: #fff; border-color: #dedede; box-shadow: none; }
[data-route="wealthFund"] .sunshine-fund-stats span,
[data-route="wealthFund"] .sunshine-fund-section-title small { color: #51565b; }
[data-route="wealthFund"] .sunshine-fund-stats strong,
[data-route="wealthFund"] .sunshine-fund-section-title h3 { color: #252728; }
[data-route="wealthFund"] .sunshine-fund-section-title > div > span { color: #252728; background: #f5f5f5; }
[data-route="wealthFund"] .sunshine-plan-card { color: #252728; background: #fff; border-color: #dedede; box-shadow: none; }
[data-route="wealthFund"] .sunshine-plan-card.active { background: #f5f5f5; border-color: #252728; box-shadow: none; }
[data-route="wealthFund"] .sunshine-plan-card:disabled { background: #f7f7f7; border-color: #dedede; box-shadow: none; opacity: 1; }
[data-route="wealthFund"] .sunshine-plan-card:hover:not(:disabled) { border-color: #252728; box-shadow: none; }
[data-route="wealthFund"] .sunshine-plan-card .sunshine-plan-name,
[data-route="wealthFund"] .sunshine-plan-card .sunshine-plan-days b,
[data-route="wealthFund"] .sunshine-plan-card .sunshine-plan-amounts strong,
[data-route="wealthFund"] .sunshine-plan-card .sunshine-plan-amounts i { color: #252728; }
[data-route="wealthFund"] .sunshine-plan-card .sunshine-plan-term-range,
[data-route="wealthFund"] .sunshine-plan-card .sunshine-plan-return small { color: #51565b; }
[data-route="wealthFund"] .sunshine-plan-card .sunshine-plan-return strong { color: #252728; }
[data-route="wealthFund"] .sunshine-plan-card .sunshine-plan-status { color: #616161; background: #f0f0f0; }
[data-route="wealthFund"] .sunshine-plan-card .sunshine-progress-ring { background: conic-gradient(#252728 calc(var(--sunshine-progress) * 1%), #e9e9e9 0); }
[data-route="wealthFund"] .sunshine-plan-card .sunshine-progress-ring::before { background: #fff; }
[data-route="wealthFund"] .sunshine-plan-card .sunshine-progress-ring strong { color: #252728; }
/* A plan is one full-width card, including inside the 480px desktop app shell. */
[data-route="wealthFund"] .sunshine-plan-grid { grid-template-columns: minmax(0, 1fr); gap: 12px; }
[data-route="wealthFund"] .sunshine-plan-card {
  width: 100%;
  min-width: 0;
  min-height: 0;
  padding: 46px 16px 18px;
  overflow: hidden;
}
[data-route="wealthFund"] .sunshine-plan-card .sunshine-plan-status { top: 12px; right: 16px; max-width: calc(100% - 32px); white-space: normal; }
[data-route="wealthFund"] .sunshine-plan-main {
  width: 100%;
  min-width: 0;
  grid-template-columns: 52px minmax(0, 1fr);
  align-items: start;
  gap: 12px;
}
[data-route="wealthFund"] .sunshine-plan-main > * { min-width: 0; max-width: 100%; box-sizing: border-box; }
[data-route="wealthFund"] .sunshine-plan-card .sunshine-progress-ring { grid-row: span 2; width: 52px; height: 52px; }
[data-route="wealthFund"] .sunshine-plan-card .sunshine-progress-ring strong { font-size: 14px; }
[data-route="wealthFund"] .sunshine-plan-term-range {
  width: 100%;
  min-width: 0;
  align-content: start;
  justify-content: stretch;
  justify-items: start;
  gap: 8px;
  text-align: left;
}
[data-route="wealthFund"] .sunshine-plan-primary,
[data-route="wealthFund"] .sunshine-plan-amounts { max-width: 100%; min-width: 0; justify-content: flex-start; white-space: normal; }
[data-route="wealthFund"] .sunshine-plan-amounts { flex-wrap: wrap; gap: 3px 5px; }
[data-route="wealthFund"] .sunshine-plan-card .sunshine-plan-amounts strong,
[data-route="wealthFund"] .sunshine-plan-card .sunshine-plan-amounts i { max-width: 100%; font-size: 13px; line-height: 1.5; white-space: normal; overflow-wrap: anywhere; }
[data-route="wealthFund"] .sunshine-plan-days { color: #51565b; font-size: 13px; }
[data-route="wealthFund"] .sunshine-plan-card .sunshine-plan-days b { font-size: 18px; }
[data-route="wealthFund"] .sunshine-plan-return {
  grid-column: 2;
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 5px 10px;
  width: 100%;
  min-width: 0;
  margin-top: 0;
  padding-top: 12px;
  border-top: 1px solid #dedede;
  text-align: left;
}
[data-route="wealthFund"] .sunshine-plan-card .sunshine-plan-return strong { max-width: 100%; font-size: 24px; line-height: 1.2; overflow-wrap: anywhere; }
[data-route="wealthFund"] .sunshine-plan-card .sunshine-plan-return small { flex: 1 1 100px; min-width: 0; max-width: 100%; margin: 0; font-size: 12px; line-height: 1.5; white-space: normal; overflow-wrap: anywhere; }
[data-route="wealthFund"] .sunshine-fund-notice,
[data-route="wealthFund"] .sunshine-purchase-rule { color: #616161; background: #f5f5f5; border-color: #dedede; font-size: 12px; }
[data-route="wealthFund"] .sunshine-record-item { color: #454545; background: #f7f7f7; border-color: #dedede; }
[data-route="wealthFund"] .sunshine-record-head strong,
[data-route="wealthFund"] .sunshine-record-grid strong { color: #252728; }
[data-route="wealthFund"] .sunshine-record-head span,
[data-route="wealthFund"] .sunshine-record-grid span,
[data-route="wealthFund"] .sunshine-record-foot { color: #51565b; }
[data-route="wealthFund"] .sunshine-record-head em,
[data-route="wealthFund"] .sunshine-record-head em.is-completed { color: #616161; background: #f0f0f0; }
.sunshine-purchase-dialog .sunshine-purchase-dialog-head span { color: #252728; }
.sunshine-purchase-dialog .sunshine-purchase-dialog-head h3,
.sunshine-purchase-dialog .sunshine-modal-amount b,
.sunshine-purchase-dialog .sunshine-modal-amount input,
.sunshine-purchase-dialog .sunshine-modal-summary strong { color: #252728; }
.sunshine-purchase-dialog .sunshine-modal-amount > span,
.sunshine-purchase-dialog .sunshine-modal-amount small,
.sunshine-purchase-dialog .sunshine-modal-summary span { color: #51565b; }
.sunshine-purchase-dialog .sunshine-modal-amount > div { border-color: #dedede; }
.sunshine-purchase-dialog .sunshine-modal-summary > div { background: #f5f5f5; }
.sunshine-purchase-dialog .sunshine-modal-summary .sunshine-modal-profit { color: #252728; }
.wealth-order-card,
.sunshine-rate-row { color: #454545; background: #fff; border-color: #dedede; }
.wealth-order-card strong { color: #252728; }

/* Games keep their artwork; navigation, status and results use the app palette. */
.games-menu-button { overflow: hidden; color: #252728; background: #fff; border: 1px solid #dedede; border-radius: 0; box-shadow: none; }
.games-menu-button__icon { background: #f5f5f5; border: 0; border-radius: 0; box-shadow: none; }
.games-menu-button:not(:disabled):hover { background: #f5f5f5; transform: none; }
.games-menu-button__name { padding: 16px; color: #252728; background: #fff; font-size: 15px; font-weight: 600; }
.lucky-hero { color: #fff; background: #252728; border-color: #454545; border-radius: 0; box-shadow: none; }
.lucky-hero .hero-head strong,
.lucky-hero .balance strong { color: #fff; }
.lucky-hero .hero-head span,
.lucky-hero .balance span { color: #cccccc; }
.lucky-hero .hero-actions button,
.lucky-hero .hero-actions a { color: #fff; background: transparent; border: 1px solid #fff; border-radius: 0; box-shadow: none; }
.lucky-section { padding: 18px 14px; background: #fff; border: 1px solid #dedede; border-radius: 0; box-shadow: none; }
.lucky-result,
.lucky-winner-feed { color: #454545; background: #f5f5f5; border-color: #dedede; border-radius: 0; }
.lucky-winner-line span:last-child { color: #252728; }
.lucky-winner-spark { color: #252728; background: #f5f5f5; }
.lucky-section .lucky-wheel-wrap { color: #252728; background: #f5f5f5; border: 1px solid #dedede; border-radius: 0; box-shadow: none; }
.lucky-section .lucky-wheel-bg,
.lucky-section .lucky-wheel-base-img,
.lucky-section .lucky-wheel-pointer-img,
.lucky-section .lucky-winner-art { filter: grayscale(1); }
.lucky-section .lucky-wheel-backdrop { background: transparent; }
.lucky-section .lucky-wheel-disc { box-shadow: none; }
.lucky-section .lucky-wheel-slot { color: #252728; }
.lucky-section .lucky-wheel-prize-amount { color: #252728; background: #fff; border: 1px solid #909090; border-radius: 2px; box-shadow: none; font-weight: 600; }
.lucky-section .lucky-wheel-prize-currency { color: #454545; font-weight: 600; }
.lucky-section .lucky-wheel-center { color: #fff; background: #252728; border-radius: 50%; }
.lucky-section .lucky-wheel-center-img { filter: grayscale(1) brightness(.55); }
.lucky-section .lucky-wheel-center-label { color: #fff; font-family: inherit; font-weight: 600; text-shadow: none; }
.lucky-section .lucky-wheel-center:focus-visible { outline-color: #727272; }
.lucky-section .lucky-result,
.lucky-section .lucky-winner-feed { color: #252728; background: #f5f5f5; border-color: #dedede; border-radius: 0; box-shadow: none; }
.lucky-section .lucky-winner-line { color: #252728; }
.lucky-notice { color: #51565b; background: #f5f5f5; border-color: #dedede; border-radius: 0; }
.aeei-card-flip { --card-cream: #252728; --card-gold: #252728; padding: 20px 16px; color: #252728; background: #fff; border: 1px solid #dedede; border-radius: 0; box-shadow: none; }
.aeei-card-flip .card-flip-heading span,
.aeei-card-flip .card-flip-heading > svg { color: #252728; }
.aeei-card-flip .card-flip-heading h2 { color: #252728; font-size: 24px; }
.aeei-card-flip .card-flip-summary { padding: 14px; background: #f5f5f5; border-color: #dedede; border-radius: 0; box-shadow: none; }
.aeei-card-flip .card-flip-summary small,
.aeei-card-flip .card-flip-balance,
.aeei-card-flip .card-flip-rules,
.aeei-card-flip .card-flip-round-status { color: #51565b; }
.aeei-card-flip .card-flip-summary strong,
.aeei-card-flip .card-flip-balance strong { color: #252728; }
.aeei-card-flip .card-flip-summary a,
.aeei-card-flip .card-flip-summary button,
.aeei-card-flip .card-flip-footer-actions a,
.aeei-card-flip .card-flip-footer-actions button { color: #252728; font-size: 12px; }
.aeei-card-flip .card-flip-stage { background: #252728; border-color: #cecece; border-radius: 0; box-shadow: none; }
.aeei-card-flip .card-flip-stage::before { border-color: #454545; border-radius: 0; background: transparent; }
.aeei-card-flip .card-flip-board,
.aeei-card-flip .card-flip-round-status { border-radius: 0; }
.aeei-card-flip .card-flip-card,
.aeei-card-flip .card-flip-back,
.aeei-card-flip .card-flip-face { border-radius: 2px; box-shadow: none; }
.aeei-card-flip .card-flip-back,
.aeei-card-flip .card-flip-face { border: 1px solid #bcbcbc; }
.aeei-card-flip .card-flip-back { color: #fff; background: #353535; }
.aeei-card-flip .card-flip-back::before,
.aeei-card-flip .card-flip-back::after,
.aeei-card-flip .card-flip-face::before { border-color: #909090; border-radius: 0; }
.aeei-card-flip .card-flip-back > small,
.aeei-card-flip .card-flip-back b { color: #fff; font-weight: 600; }
.aeei-card-flip .card-flip-back img { background: #fff; border-color: #dedede; border-radius: 2px; box-shadow: none; }
.aeei-card-flip .card-flip-face { color: #252728; background: #f5f5f5; }
.aeei-card-flip .card-flip-face strong { color: #252728; font-weight: 600; letter-spacing: 0; }
.aeei-card-flip .card-flip-face small { color: #51565b; font-weight: 500; }
.aeei-card-flip .card-flip-face::after { background: #727272; }
.aeei-card-flip .card-flip-face em { color: #fff; background: #252728; border-radius: 0; font-weight: 600; }
.aeei-card-flip .card-flip-seal { color: #454545; background: #fff; border-color: #dedede; border-radius: 0; box-shadow: none; }
.aeei-card-flip .card-flip-card.is-selected { outline-color: #fff; filter: none; }
.aeei-card-flip .card-flip-card:focus-visible,
.aeei-card-flip .card-flip-start:focus-visible { outline-color: #909090; }
.aeei-card-flip[data-card-phase="choosing"] .card-flip-card.is-guide-target:not(.is-selected) { outline-color: #fff; }
.aeei-card-flip .card-flip-guide-hand { color: #fff; }
.aeei-card-flip .card-flip-guide-ring { border-color: #fff; }
.aeei-card-flip .card-flip-card.is-pending { animation-name: byd-card-pending; }
@keyframes byd-card-pending { to { filter: brightness(1.16); } }
.aeei-card-flip .card-flip-start { color: #fff; background: #252728; border-color: #252728; box-shadow: none; }
.aeei-card-flip .card-flip-start:disabled { color: #51565b; background: #e9e9e9; border-color: #dedede; box-shadow: none; }
.aeei-card-flip .card-flip-result,
.aeei-card-flip .card-flip-result.is-win { color: #252728; background: #f5f5f5; border-color: #dedede; border-radius: 0; box-shadow: none; }
.card-flip-history-pager button { min-height: 48px; color: #454545; background: #fff; border: 1px solid #252728; border-radius: 0; }
.scratch-host { color: #252728; }
.scratch-host--modal { background: rgba(0, 0, 0, .62); backdrop-filter: blur(5px); }
.scratch-host--page,
.scratch-host--page .scratch-screen { background: #f5f5f5; box-shadow: none; }
.scratch-host .scratch-panel,
.scratch-host--page .scratch-panel { padding: 20px; color: #252728; background: #fff; border: 1px solid #dedede; border-radius: 0; box-shadow: none; }
.scratch-header span { color: #252728; }
.scratch-header h1 { color: #252728; font-size: 24px; }
.scratch-host .scratch-close { width: 44px; height: 44px; color: #252728; background: #fff; border: 1px solid #dedede; border-radius: 0; }
.scratch-host .scratch-summary { padding: 13px; color: #252728; background: #f5f5f5; border: 1px solid #dedede; border-radius: 0; }
.scratch-host .scratch-chances { color: #51565b; }
.scratch-host .scratch-chances strong { color: #252728; }
.scratch-host .scratch-status,
.scratch-host--page .scratch-status { color: #616161; background: #f5f5f5; border-radius: 0; font-size: 13px; line-height: 1.6; }
.scratch-host .scratch-primary { color: #fff; background: #252728; border-color: #252728; }
.scratch-host .scratch-history-toggle { min-height: 44px; color: #252728; font-size: 12px; }
.scratch-host .scratch-history.is-open,
.scratch-host .scratch-history-list > li { border-color: #dedede; }
.scratch-host .scratch-history-list strong { color: #252728; }
.scratch-host .scratch-history-list span,
.scratch-host .scratch-history-list small { color: #51565b; font-size: 12px; }
.scratch-host .scratch-history-list .scratch-history-badge { color: #252728; background: #f5f5f5; }
.scratch-host .scratch-history-pages button { color: #454545; background: #f5f5f5; border-color: #dedede; border-radius: 0; }
.scratch-host button:focus-visible,
.scratch-host a:focus-visible { outline: 3px solid #727272; outline-offset: 3px; }

/* Customer support and attachments. */
.support-contact-card { padding: 18px; color: #252728; background: #fff; border: 1px solid #dedede; border-radius: 0; box-shadow: none; }
.support-contact-card .support-contact-icon { color: #252728; background: #f5f5f5; border-color: #dedede; border-radius: 0; }
.support-contact-card strong { color: #252728; }
.support-contact-card small,
.support-contact-card p { color: #51565b; font-size: 13px; line-height: 1.6; }
.support-activity-feed { color: #616161; background: #f5f5f5; border-color: #dedede; border-radius: 0; }
.support-activity-icon { color: #252728; background: #f5f5f5; }
.floating-inbox-button { width: 56px; height: 56px; min-width: 56px; padding: 0; color: #252728 !important; background: #f5f5f5 !important; border: 2px solid #fff !important; border-radius: 50% !important; box-shadow: 0 2px 12px rgb(0 0 0 / 16%) !important; }
.floating-inbox-button > .floating-inbox-avatar { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; border-radius: 50%; }
.floating-inbox-button > svg { width: 25px; height: 25px; color: #252728; stroke-width: 1.6; }
.floating-inbox .aeei-chat-panel { color: #252728; background: #fff; border-color: #dedede; border-radius: 0; box-shadow: none; }
.aeei-chat-panel .inbox-panel-head { padding: 18px; color: #fff; background: #252728; border-color: #454545; }
.aeei-chat-panel .inbox-brand > span { color: #fff !important; background: #353535 !important; border-color: #585858 !important; }
.aeei-chat-panel .inbox-brand > .inbox-support-avatar-wrap { flex: 0 0 40px; width: 40px; height: 40px; padding: 0; overflow: hidden; background: #f5f5f5 !important; border-radius: 50%; box-shadow: none; }
.inbox-support-avatar { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; pointer-events: none; }
.aeei-chat-panel .inbox-panel-head button { color: #fff; background: transparent; border: 1px solid #727272; border-radius: 0; }
.aeei-chat-panel .inbox-tabs { padding: 8px 12px; background: #f5f5f5; }
.aeei-chat-panel .inbox-tabs button { min-height: 48px; color: #51565b; border-radius: 0; }
.aeei-chat-panel .inbox-tabs button.active { color: #252728; background: #fff; border-color: #dedede; box-shadow: none; }
.aeei-chat-panel .inbox-support-detail,
.aeei-chat-panel .inbox-support-thread { background: #f5f5f5; }
.aeei-chat-panel .inbox-thread-item.from-admin { color: #454545; background: #fff; border-color: #dedede; }
.aeei-chat-panel .inbox-thread-item.from-user { color: #fff; background: #252728; border-color: #252728; }
.aeei-chat-panel .inbox-compose-form { background: #fff; border-color: #dedede; }
.aeei-chat-panel .inbox-input-box { color: #454545; background: #fff; border-color: #dedede; box-shadow: none; }
.aeei-chat-panel .inbox-reply-form textarea { color: #252728; background: #f7f7f7; border-color: #dedede; }
.aeei-chat-panel .inbox-reply-form textarea:focus { border-color: #252728; box-shadow: none; }
.aeei-chat-panel .inbox-send-button { color: #fff; background: #252728; border-color: #252728; border-radius: 0; box-shadow: none; }
.aeei-chat-panel .inbox-image-button { color: #51565b; background: #f5f5f5; border-color: #dedede; }
.aeei-chat-panel .chat-history-button { color: #616161; background: #fff; border-color: #dedede; }
.aeei-chat-panel .chat-latest-button { color: #fff; background: #252728; border-color: #252728; box-shadow: none; }
.aeei-chat-panel .inbox-notice-card { color: #454545; background: #fff; border-color: #dedede; border-radius: 0; }
.aeei-chat-panel .inbox-notice-card strong { color: #252728; }
.aeei-chat-panel .inbox-notice-card span { color: #51565b; }
.chat-image-open,
.chat-image-open > span,
.chat-image-draft { color: #51565b; background: #f0f0f0; border-color: #dedede; }
.chat-image-draft > span { color: #51565b; }
.chat-image-draft-remove { color: #454545; background: #fff; border-color: #dedede; }
.chat-image-draft-retry { color: #252728; }
.chat-image-viewer { background: rgba(0, 0, 0, .96); }
.chat-image-viewer-close { color: #fff; background: #353535; border-color: #727272; border-radius: 0; }
.chat-image-open:focus-visible,
.chat-image-draft-remove:focus-visible,
.chat-image-draft-retry:focus-visible,
.chat-image-viewer-close:focus-visible { outline-color: #727272; }

/* Shared overlay surfaces, with scoped action colours instead of global buttons. */
.activity-popup-layer,
.first-withdraw-layer,
.recharge-channel-layer,
.bank-picker-layer,
.invite-qr-layer,
.certificate-preview-layer,
.new-member-reward-layer,
.lucky-prize-layer,
.turnover-exchange-layer,
.sunshine-purchase-modal,
.flash-drop-layer,
.vip-purchase-confirm-layer,
.treasure-pot-reward-layer,
.app-download-layer { background: rgba(0, 0, 0, .56); backdrop-filter: blur(5px); }
.certificate-preview-layer,
.first-withdraw-layer,
.recharge-channel-layer,
.bank-picker-layer,
.invite-qr-layer,
.turnover-exchange-layer,
.flash-drop-layer,
.app-download-layer,
.sunshine-purchase-modal { background: transparent; }
.certificate-preview-backdrop,
.first-withdraw-backdrop,
.withdraw-confirm-backdrop,
.recharge-channel-backdrop,
.bank-picker-backdrop,
.invite-qr-backdrop,
.flash-drop-backdrop,
.app-download-backdrop,
.turnover-exchange-backdrop,
.sunshine-purchase-backdrop { background: rgba(0, 0, 0, .56); }
.activity-config-card,
.activity-popup-card,
.first-withdraw-card,
.recharge-channel-card,
.withdraw-confirm-card,
.bank-picker-card,
.invite-qr-card,
.invite-qr-panel,
.certificate-preview-panel,
.new-member-reward-card,
.lucky-prize-dialog,
.sunshine-purchase-dialog,
.flash-drop-card,
.app-download-card,
.turnover-exchange-card {
  min-width: 0;
  color: #252728;
  background: #fff;
  border: 1px solid #dedede;
  border-radius: 0;
  box-shadow: none;
}
.vip-purchase-confirm-card,
.treasure-pot-reward-dialog {
  color: #252728;
  background: #fff;
  border: 1px solid #dedede;
  border-radius: 0;
  box-shadow: none;
}
.vip-purchase-confirm-card { padding: 24px; gap: 20px; }
.vip-purchase-confirm-mark,
.treasure-pot-reward-icon { color: #252728; background: #f5f5f5; border: 1px solid #dedede; border-radius: 0; box-shadow: none; }
.vip-purchase-confirm-eyebrow,
.treasure-pot-reward-eyebrow { color: #51565b; font-size: 12px; font-weight: 500; letter-spacing: .1em; }
.vip-purchase-confirm-card h2,
.treasure-pot-reward-dialog h2 { color: #252728; font-size: 24px; font-weight: 500; line-height: 1.3; text-shadow: none; }
.vip-purchase-quote { background: #fff; border: 1px solid #dedede; border-radius: 0; }
.vip-purchase-quote > div { padding: 14px 12px; border-color: #dedede; }
.vip-purchase-quote > div span { color: #51565b; font-size: 12px; }
.vip-purchase-quote > div strong { color: #252728; font-size: 15px; font-weight: 600; }
.vip-purchase-quote .is-purchase,
.vip-purchase-quote .is-credit,
.vip-purchase-quote .is-net { background: #f5f5f5; }
.vip-purchase-policy { color: #51565b; background: #f5f5f5; border: 1px solid #dedede; border-radius: 0; font-size: 12px; line-height: 1.7; }
.vip-purchase-confirm-actions { padding-top: 16px; background: #fff; border-color: #dedede; }
.vip-purchase-confirm-cancel,
.treasure-pot-modal-later,
.recharge-payment-return-btn { color: #252728; background: #fff; border: 1px solid #252728; box-shadow: none; }
.vip-purchase-confirm-submit,
.treasure-pot-modal-share,
.first-withdraw-support-btn { color: #fff; background: #252728; border: 1px solid #252728; box-shadow: none; }
.first-withdraw-support-btn:hover:not(:disabled) { color: #fff; background: #454545; border-color: #454545; }
.recharge-payment-return-btn:active { background: #f5f5f5; transform: none; }
.treasure-pot-modal-later { width: 100%; margin-top: 12px; }
.treasure-pot-reward-dialog p,
.treasure-pot-reward-dialog small { color: #51565b; font-size: 12px; line-height: 1.6; }
.vip-purchase-confirm-close,
.treasure-pot-modal-close { width: 44px; height: 44px; color: #252728; background: #fff; border: 1px solid #dedede; border-radius: 0; box-shadow: none; }
.activity-config-card { box-shadow: none; }
.activity-config-card h2,
.activity-popup-card h2,
.first-withdraw-card h2,
.withdraw-confirm-card h2,
.flash-drop-card h2,
.app-download-card h2,
.new-member-reward-card h2,
.invite-qr-panel h2 { color: #252728; letter-spacing: 0; }
.activity-config-card p,
.activity-popup-card p,
.first-withdraw-card p,
.withdraw-confirm-card p,
.flash-drop-card p,
.app-download-card p,
.new-member-reward-card p,
.invite-qr-panel p { color: #51565b; font-size: 14px; line-height: 1.75; }
.activity-config-card > span { color: #51565b; }
.activity-popup-card > span { color: #51565b; font-weight: 600; }
.activity-popup-card .activity-popup-image,
.activity-config-card > img { background: #f5f5f5; border-color: #dedede; }
.bank-picker-head,
.certificate-preview-top,
.sunshine-purchase-dialog-head { color: #252728; background: #f5f5f5; border-color: #dedede; }
.bank-picker-close,
.certificate-preview-close,
.invite-qr-close,
.flash-drop-close,
.app-download-close,
.first-withdraw-close,
.recharge-channel-close,
.withdraw-confirm-close,
.activity-popup-close,
.new-member-reward-close,
.turnover-exchange-close,
.sunshine-purchase-dialog-head button { color: #51565b; background: #f5f5f5; border: 1px solid #dedede; border-radius: 0; box-shadow: none; }
.activity-popup-card .activity-popup-primary,
.activity-page-actions button:last-child,
.flash-drop-form button,
.new-member-reward-card .new-member-reward-claim,
.lucky-prize-dialog .lucky-prize-confirm,
.sunshine-purchase-dialog .sunshine-modal-submit { color: #fff; background: #252728; border-color: #252728; box-shadow: none; }
.activity-popup-card .activity-popup-secondary,
.activity-page-actions button:first-child { color: #616161; background: #f5f5f5; border-color: #dedede; box-shadow: none; }
.new-member-reward-kicker { color: #51565b; }
.new-member-reward-amount,
.lucky-prize-dialog .lucky-prize-amount,
.withdraw-confirm-amount { color: #252728; font-variant-numeric: tabular-nums; }
.new-member-reward-card small { color: #51565b; }
.lucky-prize-dialog .lucky-prize-message { color: #51565b; font-size: 16px; font-weight: 600; text-shadow: none; }
.lucky-prize-dialog .lucky-prize-amount { color: #252728; background: #f5f5f5; border-color: #dedede; box-shadow: none; text-shadow: none; }
.lucky-prize-dialog .lucky-prize-amount span { color: #51565b; font-size: 13px; font-weight: 500; letter-spacing: 0; }
.lucky-prize-dialog .lucky-prize-amount strong { color: #252728; font-weight: 600; }
.lucky-prize-dialog .lucky-prize-confirm:focus-visible { outline-color: #727272; }
.new-member-reward-card .new-member-reward-image { background: #f7f7f7; border-color: #dedede; border-radius: 0; box-shadow: none; }
.flash-drop-mark,
.withdraw-confirm-mark,
.first-withdraw-mark { color: #252728; background: #f5f5f5; border-color: #dedede; }
.flash-drop-form input { color: #252728; background: #f7f7f7; border-color: #cecece; border-radius: 0; }
.flash-drop-form input:focus-visible { outline-color: #252728; }
.app-download-option { color: #252728; background: #f7f7f7; border-color: #dedede; border-radius: 0; box-shadow: none; }
.app-download-card .app-download-option.is-unavailable { color: #51565b; background: #f5f5f5; border-color: #dedede; }
.app-download-option span { color: #252728; }
.invite-qr-code { background: #fff; border-color: #dedede; }
.invite-qr-code-text { color: #252728; background: #f5f5f5; }
.invite-qr-code,
.invite-qr-code b { border-color: #dedede; box-shadow: none; }
.invite-qr-benefits { color: #616161; border-color: #dedede; }
.invite-qr-actions button:first-child { color: #454545; background: #f5f5f5; border-color: #dedede; }
.withdraw-confirm-fees,
.sunshine-purchase-summary { color: #51565b; background: #f7f7f7; border-color: #dedede; border-radius: 0; }
.turnover-exchange-card .turnover-exchange-heading > span,
.turnover-exchange-card .turnover-exchange-option-icon,
.turnover-exchange-card .turnover-exchange-selected > div > span { color: #252728; background: #f5f5f5; border-color: #dedede; }
.turnover-exchange-card .turnover-exchange-vip-badge { color: #252728; background: #f5f5f5; border: 1px solid #dedede; border-radius: 0; font-weight: 600; }
.turnover-exchange-card .turnover-exchange-heading small,
.turnover-exchange-card .turnover-exchange-option-state,
.turnover-exchange-card .turnover-exchange-option-copy em { color: #252728; }
.turnover-exchange-card .turnover-exchange-summary > div,
.turnover-exchange-card .turnover-exchange-option,
.turnover-exchange-card .turnover-exchange-option.is-insufficient,
.turnover-exchange-card .turnover-exchange-selected > div,
.turnover-exchange-card .turnover-exchange-rate,
.turnover-exchange-card .turnover-exchange-preview span { color: #51565b; background: #f7f7f7; border-color: #dedede; box-shadow: none; }
.turnover-exchange-card .turnover-exchange-summary strong,
.turnover-exchange-card .turnover-exchange-option-copy strong,
.turnover-exchange-card .turnover-exchange-preview strong { color: #252728; }
.turnover-exchange-card .turnover-exchange-option-copy strong { font-size: 14px; }
.turnover-exchange-card .turnover-exchange-option-copy small,
.turnover-exchange-card .turnover-exchange-option-copy em,
.turnover-exchange-card .turnover-exchange-rate small,
.turnover-exchange-card .turnover-exchange-summary span { color: #51565b; font-size: 12px; line-height: 1.6; }
.turnover-exchange-card .turnover-exchange-option-state { font-size: 12px; line-height: 1.5; }
.turnover-exchange-card .turnover-exchange-progress span { font-size: 12px; }
.turnover-exchange-card .turnover-exchange-preview span { font-size: 12px; }
.turnover-exchange-card .turnover-exchange-preview strong { font-size: 14px; }
.turnover-exchange-card .turnover-exchange-count > span { font-size: 13px; }
.turnover-exchange-card .turnover-exchange-progress span.active,
.turnover-exchange-card .turnover-exchange-progress span.done { color: #252728; }
.turnover-exchange-card .turnover-exchange-progress span.active b,
.turnover-exchange-card .turnover-exchange-progress span.done b { color: #fff; background: #252728; }
.turnover-exchange-card .turnover-exchange-progress > i { background: #dedede; }
.turnover-exchange-card .turnover-exchange-count button,
.turnover-exchange-card .turnover-exchange-count input { color: #252728; background: #fff; border-color: #dedede; }

/* Disabled purchases, unavailable payment channels and game actions retain
   their functional state while using the same quiet visual treatment. */
.vip-purchase-confirm-actions button:disabled,
.treasure-pot-modal-share:disabled,
.first-withdraw-support-btn:disabled,
.recharge-channel-option:disabled,
.recharge-channel-option.is-disabled,
.scratch-host .scratch-primary:disabled,
.aeei-card-flip .card-flip-start:disabled,
.sunshine-purchase-dialog .sunshine-modal-submit:disabled,
.record-pagination button:disabled,
.team-pagination button:disabled,
.card-flip-history-pager button:disabled,
.scratch-history-pages button:disabled {
  color: #62666b;
  background: #f5f5f5;
  border-color: #dedede;
  box-shadow: none;
  opacity: 1;
  cursor: not-allowed;
}

@media (max-width: 380px) {
  .task.get-task-card .task-card-body { padding: 17px; }
  .task.get-task-card h3 { max-width: 100%; font-size: 18px; }
  .task.get-task-card .task-card-summary { gap: 8px; }
  .task.get-task-card .task-card-summary span { flex-basis: 130px; }
  .task.get-task-card .task-card-summary strong { font-size: 18px; }
  .help-detail,
  .company-certificate-gallery { padding: 18px; }
  .company-certificate-head { gap: 10px; }
  .company-certificate-head > span { flex-basis: 34px; width: 34px; height: 34px; }
  .team-milestone-section,
  .team-milestone-card { padding: 14px; }
  .team-milestone-card-head,
  .team-milestone-card-foot { gap: 8px; flex-wrap: wrap; }
  .team-milestone-action-wrap { max-width: 100%; }
  .team-milestone-card .team-milestone-reward { margin-left: auto; }
  .team-level-tabs button { padding-inline: 5px; }
  .withdraw-simple-card .withdraw-amount-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .scratch-host .scratch-panel { padding: 16px; }
  .aeei-card-flip { padding: 17px 12px; }
  .aeei-chat-panel .inbox-input-box { gap: 5px; }
}
@media (max-width: 600px) {
  .floating-inbox.is-open .aeei-chat-panel,
  .floating-inbox.is-drag-positioned .aeei-chat-panel { border-radius: 0; box-shadow: none; }
}
@media (prefers-reduced-motion: reduce) {
  .aeei-card-flip .card-flip-card.is-pending { animation: none; }
  .team-milestone-progress i,
  .team-milestone-card.is-claimable { transition: none; }
}