/* Beta desktop refinements. Existing mobile and dark surfaces stay unchanged. */
.skinWebHeroCopy { display: none; }

@media (min-width: 981px) {
  /* Header geometry is intentionally theme-neutral so switching modes never
     shifts the controls or changes their hit areas. */
  html[data-ms7-theme] body.page[class*="skin2026-"]:is(.theme-light, .theme-dark) .topbar {
    min-height: 76px !important;
    font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans SC", Arial, sans-serif !important;
  }

  html[data-ms7-theme] body.page[class*="skin2026-"]:is(.theme-light, .theme-dark) .topbar__inner {
    width: calc(100% - 48px) !important;
    max-width: 1180px !important;
    height: 76px !important;
    padding: 0 !important;
  }

  html[data-ms7-theme] body.page[class*="skin2026-"]:is(.theme-light, .theme-dark) .brand .brand__img {
    width: 118px !important;
    height: 57px !important;
    max-width: 118px !important;
    object-fit: contain !important;
  }

  html[data-ms7-theme] body.page[class*="skin2026-"]:is(.theme-light, .theme-dark) .topbar__right--desktop,
  html[data-ms7-theme] body.page[class*="skin2026-"]:is(.theme-light, .theme-dark) .hdrIcons {
    gap: 10px !important;
    align-items: center !important;
  }

  html[data-ms7-theme] body.page[class*="skin2026-"]:is(.theme-light, .theme-dark) .topbar__right--desktop :is(.icoBtn, .skinThemeToggle--desktop) {
    width: 44px !important;
    min-width: 44px !important;
    height: 44px !important;
    min-height: 44px !important;
    padding: 0 !important;
    border-radius: 999px !important;
  }

  html[data-ms7-theme] body.page[class*="skin2026-"]:is(.theme-light, .theme-dark) .topbar__right--desktop .langSwitch__toggle {
    width: 86px !important;
    min-width: 86px !important;
    height: 44px !important;
    min-height: 44px !important;
    padding: 0 12px !important;
    justify-content: center !important;
    border-radius: 999px !important;
  }

  html[data-ms7-theme] body.page[class*="skin2026-"]:is(.theme-light, .theme-dark) .topbar__right--desktop .walletBtn {
    width: 168px !important;
    min-width: 168px !important;
    height: 48px !important;
    min-height: 48px !important;
    padding: 7px 18px !important;
    border-radius: 999px !important;
  }

  html[data-ms7-theme] body.page[class*="skin2026-"]:is(.theme-light, .theme-dark) .topbar__right--desktop .walletBtn__label {
    font-size: 10px !important;
    line-height: 1 !important;
  }

  html[data-ms7-theme] body.page[class*="skin2026-"]:is(.theme-light, .theme-dark) .topbar__right--desktop .walletBtn__amt {
    font-size: 16px !important;
    line-height: 1.15 !important;
  }

  html[data-ms7-theme] body.page[class*="skin2026-"]:is(.theme-light, .theme-dark) .topbar__right--desktop .creditRankBadge--header {
    display: none !important;
  }

  html[data-ms7-theme] body.page[class*="skin2026-"]:is(.theme-light, .theme-dark) .topbar__right--desktop .langSwitch__menu {
    width: 196px !important;
    min-width: 196px !important;
  }

  html[data-ms7-theme] body.page[class*="skin2026-"]:is(.theme-light, .theme-dark) #userMenu {
    width: 264px !important;
  }

  html[data-ms7-theme] body.page[class*="skin2026-"]:is(.theme-light, .theme-dark) #walletMenuDesktop {
    width: 286px !important;
  }

  html[data-ms7-theme] body.page[class*="skin2026-"]:is(.theme-light, .theme-dark) .topbar__right--desktop .ddMenu {
    top: calc(100% + 12px) !important;
    border-radius: 16px !important;
    max-height: calc(100dvh - 110px);
    overflow-y: auto !important;
    overscroll-behavior: contain;
  }

  html[data-ms7-theme] body.page[class*="skin2026-"]:is(.theme-light, .theme-dark) .topbar__right--desktop .ddHead { padding: 16px !important; }
  html[data-ms7-theme] body.page[class*="skin2026-"]:is(.theme-light, .theme-dark) .topbar__right--desktop .ddName { font-size: 14px !important; }

  html[data-ms7-theme] body.page[class*="skin2026-"]:is(.theme-light, .theme-dark) .topbar__right--desktop .ddAvatar {
    flex: 0 0 38px;
    width: 38px !important;
    height: 38px !important;
  }

  html[data-ms7-theme] body.page[class*="skin2026-"]:is(.theme-light, .theme-dark) .topbar__right--desktop .ddAcc__btn {
    min-height: 43px !important;
    padding: 11px 16px !important;
    font-size: 14px !important;
  }

  html[data-ms7-theme] body.page[class*="skin2026-"]:is(.theme-light, .theme-dark) .topbar__right--desktop .ddSep { margin: 5px 12px !important; }

  html[data-ms7-theme] body.page[class*="skin2026-"]:is(.theme-light, .theme-dark) #userMenu .ddBtn {
    width: calc(100% - 16px) !important;
    margin: 8px !important;
    justify-content: center !important;
    min-height: 40px !important;
    border-width: 1px !important;
    border-style: solid !important;
    border-radius: 10px !important;
    font-weight: 750 !important;
  }

  html[data-ms7-theme] body.page[class*="skin2026-"]:is(.theme-light, .theme-dark) .topbar__right--desktop .langSwitch__opt { min-height: 40px !important; }

  html[data-ms7-theme] body.page[class*="skin2026-"]:is(.theme-light, .theme-dark) .topbar__right--desktop :is(.linkBtn, .btn--primary) {
    min-height: 44px !important;
    padding: 0 16px !important;
    display: inline-flex;
    align-items: center;
    font-size: 14px !important;
    border-radius: 999px !important;
  }

  html[data-ms7-theme="light"] body.page.theme-light[class*="skin2026-"] {
    --skin-web-width: 1180px;
    --skin-muted: #64748b;
    --skin-shadow: 0 8px 24px rgba(27, 57, 117, .07);
  }

  html[data-ms7-theme="light"] body.page.theme-light[class*="skin2026-"] .topbar {
    min-height: 76px !important;
  }

  html[data-ms7-theme="light"] body.page.theme-light[class*="skin2026-"] .topbar__inner {
    width: calc(100% - 48px) !important;
    max-width: var(--skin-web-width) !important;
    height: 76px !important;
  }

  html[data-ms7-theme="light"] body.page.theme-light[class*="skin2026-"] .brand .brand__img {
    width: 118px !important;
    height: 57px !important;
  }

  html[data-ms7-theme="light"] body.page.theme-light.skin2026-home .mobileLandingShell,
  html[data-ms7-theme="light"] body.page.theme-light.skin2026-subpage .accPage > .wrap.accGrid,
  html[data-ms7-theme="light"] body.page.theme-light.skin2026-games .gamesPage,
  html[data-ms7-theme="light"] body.page.theme-light.skin2026-bank .bankPage__grid,
  html[data-ms7-theme="light"] body.page.theme-light.skin2026-shareholder .shareFront {
    width: calc(100% - 48px) !important;
    max-width: var(--skin-web-width) !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  html[data-ms7-theme="light"] body.page.theme-light.skin2026-subpage {
    background-position: center 76px !important;
  }

  html[data-ms7-theme="light"] body.page.theme-light.skin2026-subpage .accPage {
    min-height: 0 !important;
    padding: 24px 0 48px !important;
  }

  html[data-ms7-theme="light"] body.page.theme-light.skin2026-subpage .accPage > .wrap.accGrid,
  html[data-ms7-theme="light"] body.page.theme-light.skin2026-bank .bankPage__grid {
    grid-template-columns: 260px minmax(0, 1fr) !important;
    gap: 20px !important;
  }

  html[data-ms7-theme="light"] body.page.theme-light.skin2026-subpage .accSide {
    top: 92px !important;
  }

  html[data-ms7-theme="light"] body.page.theme-light.skin2026-subpage .accUserCard {
    min-height: 88px !important;
    padding: 16px !important;
  }

  html[data-ms7-theme="light"] body.page.theme-light.skin2026-subpage .accUserCard__tag {
    max-width: 100% !important;
    white-space: normal !important;
    overflow-wrap: anywhere;
    line-height: 1.4 !important;
  }

  html[data-ms7-theme="light"] body.page.theme-light.skin2026-subpage .accShareRow {
    padding: 12px 16px !important;
  }

  html[data-ms7-theme="light"] body.page.theme-light.skin2026-subpage .accNav__group {
    padding: 9px 10px !important;
  }

  html[data-ms7-theme="light"] body.page.theme-light.skin2026-subpage .accNav__link {
    min-height: 41px !important;
    grid-template-columns: 30px minmax(0, 1fr) !important;
    padding: 4px 8px !important;
    gap: 9px !important;
  }

  html[data-ms7-theme="light"] body.page.theme-light.skin2026-subpage .accNav__ico {
    width: 30px !important;
    height: 30px !important;
  }

  html[data-ms7-theme="light"] body.page.theme-light.skin2026-subpage .accMain {
    min-height: 0 !important;
    padding: 18px !important;
    box-shadow: var(--skin-shadow) !important;
  }

  html[data-ms7-theme="light"] body.page.theme-light.skin2026-subpage :is(.accSide__panel, .inviteCard) {
    box-shadow: var(--skin-shadow) !important;
  }

  html[data-ms7-theme="light"] body.page.theme-light.skin2026-subpage .inviteCard {
    padding: 16px !important;
  }

  html[data-ms7-theme="light"] body.page.theme-light.skin2026-subpage .inviteCard__title {
    font-size: 14px !important;
  }

  /* All desktop dropdown descendants need explicit light-mode colors. */
  html[data-ms7-theme="light"] body.page.theme-light .topbar__right--desktop .ddMenu {
    top: calc(100% + 12px) !important;
    border: 1px solid #dbe4f0 !important;
    border-radius: 16px !important;
    background: #fff !important;
    color: #18243a !important;
    box-shadow: 0 14px 40px rgba(28, 47, 85, .16) !important;
    max-height: calc(100dvh - 110px);
    overflow-y: auto !important;
    overscroll-behavior: contain;
  }

  html[data-ms7-theme="light"] body.page.theme-light #userMenu { width: 264px !important; }
  html[data-ms7-theme="light"] body.page.theme-light #walletMenuDesktop { width: 286px !important; }

  html[data-ms7-theme="light"] body.page.theme-light .topbar__right--desktop :is(.ddName, .ddAcc__btn, .ddItem) {
    color: #18243a !important;
  }

  html[data-ms7-theme="light"] body.page.theme-light .topbar__right--desktop :is(.ddRole, .ddItem--muted, .ddAcc__caret) {
    color: #64748b !important;
  }

  html[data-ms7-theme="light"] body.page.theme-light .topbar__right--desktop .ddHead {
    padding: 16px !important;
    border-color: #e7edf5 !important;
    background: #f7f9fd !important;
  }

  html[data-ms7-theme="light"] body.page.theme-light .topbar__right--desktop .ddName {
    font-size: 14px !important;
    overflow-wrap: anywhere;
  }

  html[data-ms7-theme="light"] body.page.theme-light .topbar__right--desktop .ddAvatar {
    flex: 0 0 38px;
    width: 38px !important;
    height: 38px !important;
    border: 1px solid #ccdafa !important;
    background: #eaf0ff !important;
    color: #1747bc !important;
  }

  html[data-ms7-theme="light"] body.page.theme-light .topbar__right--desktop .ddAcc__btn {
    min-height: 43px !important;
    padding: 11px 16px !important;
    font-size: 14px !important;
    background: #fff !important;
  }

  html[data-ms7-theme="light"] body.page.theme-light .topbar__right--desktop .ddAcc__panel {
    background: #f7f9fd !important;
  }

  html[data-ms7-theme="light"] body.page.theme-light .topbar__right--desktop .ddAcc__item + .ddAcc__item,
  html[data-ms7-theme="light"] body.page.theme-light .topbar__right--desktop .ddItem--muted {
    border-color: #e7edf5 !important;
  }

  html[data-ms7-theme="light"] body.page.theme-light .topbar__right--desktop .ddSep {
    margin: 5px 12px !important;
    background: #e7edf5 !important;
  }

  html[data-ms7-theme="light"] body.page.theme-light .topbar__right--desktop :is(.ddAcc__btn, .ddItem):hover,
  html[data-ms7-theme="light"] body.page.theme-light .topbar__right--desktop .ddAcc__btn[aria-expanded="true"] {
    background: #edf3ff !important;
    color: #1747bc !important;
  }

  html[data-ms7-theme="light"] body.page.theme-light #userMenu .ddBtn {
    width: calc(100% - 16px) !important;
    margin: 8px !important;
    justify-content: center !important;
    min-height: 40px !important;
    border: 1px solid #f6d4d8 !important;
    border-radius: 10px !important;
    background: #fff1f2 !important;
    color: #b42338 !important;
    font-weight: 750 !important;
  }

  html[data-ms7-theme="light"] body.page.theme-light .topbar__right--desktop .langSwitch__toggle {
    min-width: 44px !important;
    height: 42px !important;
    padding: 0 11px !important;
    border: 1px solid #dbe4f0 !important;
    background: #fff !important;
    color: #24344d !important;
    box-shadow: none !important;
  }

  html[data-ms7-theme="light"] body.page.theme-light .topbar__right--desktop :is(.langSwitch__globe, .langSwitch__txt, .langSwitch__caret) {
    color: inherit !important;
    opacity: 1 !important;
  }

  html[data-ms7-theme="light"] body.page.theme-light .topbar__right--desktop .langSwitch__menu {
    min-width: 196px !important;
    padding: 6px !important;
    border: 1px solid #dbe4f0 !important;
    border-radius: 14px !important;
    background: #fff !important;
    box-shadow: 0 14px 40px rgba(28, 47, 85, .16) !important;
  }

  html[data-ms7-theme="light"] body.page.theme-light .topbar__right--desktop .langSwitch__opt {
    min-height: 40px !important;
    color: #24344d !important;
    background: transparent !important;
  }

  html[data-ms7-theme="light"] body.page.theme-light .topbar__right--desktop .langSwitch__opt:is(:hover, .is-active) {
    background: #edf3ff !important;
    color: #1747bc !important;
  }

  html[data-ms7-theme="light"] body.page.theme-light .topbar__right--desktop :is(.ddItem, .ddAcc__btn, .langSwitch__toggle, .langSwitch__opt):focus-visible {
    outline: 2px solid #2e69ee !important;
    outline-offset: -3px;
  }

  /* Neutral segmented control; only the checked label is emphasized. */
  html[data-ms7-theme="light"] body.page.theme-light.skin2026-deposit .accDesktop .dHistFilters {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 4px !important;
    padding: 4px !important;
    border: 1px solid #e1e7f0 !important;
    border-radius: 12px !important;
    background: #f1f4f9 !important;
    box-shadow: none !important;
  }

  html[data-ms7-theme="light"] body.page.theme-light.skin2026-deposit .accDesktop .dHistFilter {
    min-width: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  html[data-ms7-theme="light"] body.page.theme-light.skin2026-deposit .accDesktop .dHistFilter span {
    min-height: 34px !important;
    padding: 7px 3px !important;
    border: 0 !important;
    border-radius: 8px !important;
    background: transparent !important;
    color: #56647b !important;
    font-size: 12px !important;
    line-height: 1.4 !important;
  }

  html[data-ms7-theme="light"] body.page.theme-light.skin2026-deposit .accDesktop .dHistFilter input:checked + span {
    background: #fff !important;
    color: #1747bc !important;
    box-shadow: 0 1px 5px rgba(28, 47, 85, .12) !important;
  }

  html[data-ms7-theme="light"] body.page.theme-light.skin2026-deposit .accDesktop .dHistItem {
    padding: 13px !important;
    border: 1px solid #e2e8f1 !important;
    border-radius: 12px !important;
    background: #fff !important;
    box-shadow: none !important;
  }

  html[data-ms7-theme="light"] body.page.theme-light.skin2026-deposit .accDesktop .dHistStatus {
    padding: 4px 8px !important;
    border-radius: 7px !important;
    font-size: 11px !important;
    line-height: 1.4 !important;
  }

  html[data-ms7-theme="light"] body.page.theme-light.skin2026-deposit .accDesktop .dHistStatus.is-approved {
    border: 1px solid #bde2cc !important;
    background: #eaf7ef !important;
    color: #17683e !important;
  }

  html[data-ms7-theme="light"] body.page.theme-light.skin2026-deposit .accDesktop .dHistStatus.is-failed {
    border: 1px solid #f0c6cc !important;
    background: #fff0f2 !important;
    color: #b42338 !important;
  }

  html[data-ms7-theme="light"] body.page.theme-light.skin2026-deposit .accDesktop .dHistStatus.is-pending {
    border: 1px solid #eedaa7 !important;
    background: #fff6df !important;
    color: #805a08 !important;
  }

  html[data-ms7-theme="light"] body.page.theme-light.skin2026-subpage :is(.profileKey, .kycKey, .histLabel, .dHistMeta, .dHistRef) {
    color: #64748b !important;
    font-size: 12px !important;
    line-height: 1.5 !important;
  }

  html[data-ms7-theme="light"] body.page.theme-light.skin2026-subpage .kycProgress__title--approved {
    color: #17683e !important;
  }

  html[data-ms7-theme="light"] body.page.theme-light.skin2026-subpage .profileTab__status {
    padding: 3px 7px !important;
    border: 1px solid transparent !important;
    border-radius: 6px !important;
    line-height: 1.35 !important;
  }

  html[data-ms7-theme="light"] body.page.theme-light.skin2026-profile .accPage .profileTab .profileTab__status.success {
    color: #17683e !important;
    background: #eaf7ef !important;
    border-color: #bde2cc !important;
  }

  html[data-ms7-theme="light"] body.page.theme-light.skin2026-profile .accPage .profileTab .profileTab__status.warn {
    color: #805a08 !important;
    background: #fff6df !important;
    border-color: #eedaa7 !important;
  }

  html[data-ms7-theme="light"] body.page.theme-light .uiIcon--close {
    color: #56647b !important;
  }

  html[data-ms7-theme="light"] body.page.theme-light .topbar__right--desktop .walletBtn__caret {
    color: #64748b !important;
  }

  html[data-ms7-theme="light"] body.page.theme-light.skin2026-withdraw .accDesktop .wdErr a {
    color: #1747bc !important;
    text-decoration: underline;
    text-underline-offset: 2px;
  }

  html[data-ms7-theme="light"] body.page.theme-light.skin2026-wallet .accMain [data-coin-release-confirm-open]:not(:disabled) {
    border-color: #23804b !important;
    background: #23804b !important;
    color: #fff !important;
  }

  html[data-ms7-theme="light"] body.page.theme-light.skin2026-vip .accMain .vipTick { color: #178250 !important; }
  html[data-ms7-theme="light"] body.page.theme-light.skin2026-vip .accMain .vipDash { color: #758297 !important; }
  html[data-ms7-theme="light"] body.page.theme-light.skin2026-vip .accMain .vipTable td small {
    color: #64748b !important;
    font-size: 11px !important;
  }

  /* Desktop art and live text share one slide; mobile keeps its original image. */
  body.page.skin2026-home .landingShow__slide:not(.is-active) .skinWebHeroCopy {
    visibility: hidden;
  }

  body.page.skin2026-home .skinWebHeroCopy,
  body.page.skin2026-home .skinWebHeroCopy * {
    text-shadow: none !important;
    filter: none !important;
  }

  body.page.skin2026-home .skinWebHeroCopy {
    display: flex;
    position: absolute;
    z-index: 2;
    left: 6%;
    top: 50%;
    transform: translateY(-50%);
    width: 43%;
    align-items: flex-start;
    flex-direction: column;
    gap: 14px;
    color: #18243a;
    text-shadow: none;
  }

  body.page.skin2026-home .skinWebHeroCopy__eyebrow {
    color: #1747bc;
    font-size: 12px;
    font-weight: 850;
    letter-spacing: .14em;
  }

  body.page.skin2026-home .skinWebHeroCopy h1 {
    margin: 0;
    color: #142342;
    font-size: clamp(28px, 2.7vw, 42px);
    line-height: 1.2;
    letter-spacing: -.025em;
    text-wrap: balance;
  }

  body.page.skin2026-home .skinWebHeroCopy p {
    max-width: 360px;
    margin: 0;
    color: #536681;
    font-size: 15px;
    line-height: 1.65;
  }

  body.page.skin2026-home .skinWebHeroCopy__cta {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 18px;
    min-height: 44px;
    margin-top: 4px;
    padding: 11px 22px;
    border: 1px solid #1747bc;
    border-radius: 11px;
    background: #1747bc;
    color: #fff;
    font-size: 14px;
    font-weight: 800;
    text-decoration: none;
    box-shadow: 0 6px 16px rgba(23, 71, 188, .18);
  }

  body.page.skin2026-home .skinWebHeroCopy__cta:hover { background: #103993; }
  body.page.skin2026-home .skinWebHeroCopy__cta:focus-visible { outline: 3px solid #6c9bff; outline-offset: 3px; }

  html[data-ms7-theme="light"] body.page.theme-light.skin2026-home .landingShow {
    width: 100% !important;
    margin: 18px 0 14px !important;
  }

  html[data-ms7-theme="light"] body.page.theme-light.skin2026-home .landingShow__track {
    height: auto !important;
    aspect-ratio: 3 / 1 !important;
    border: 1px solid #dce5f2 !important;
    border-radius: 20px !important;
    box-shadow: var(--skin-shadow) !important;
  }

  html[data-ms7-theme="light"] body.page.theme-light.skin2026-home .landingShow__dots { bottom: 10px !important; }
}

@media (min-width: 981px) and (max-width: 1200px) {
  html[data-ms7-theme] body.page[class*="skin2026-"]:is(.theme-light, .theme-dark) .brand .brand__img {
    width: 100px !important;
    height: 48px !important;
  }

  html[data-ms7-theme="light"] body.page.theme-light.skin2026-subpage .accPage > .wrap.accGrid {
    grid-template-columns: 226px minmax(0, 1fr) !important;
    gap: 16px !important;
  }

  html[data-ms7-theme="light"] body.page.theme-light.skin2026-subpage :is(.depDeskGrid, .wdDesktopGrid) {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 14px !important;
  }

  body.page.skin2026-home .skinWebHeroCopy { gap: 10px; }
  body.page.skin2026-home .skinWebHeroCopy p { font-size: 13px; }
}

@media (min-width: 981px) and (max-width: 1120px) {
  html[data-ms7-theme] body.page.skin2026-home:is(.theme-light, .theme-dark) .topbar__right--desktop .langSwitch__toggle {
    width: 44px !important;
    min-width: 44px !important;
    padding: 0 !important;
  }

  html[data-ms7-theme] body.page.skin2026-home .topbar__right--desktop .langSwitch__txt { display: none; }
}