/* ============================================================
   BETALICE OVERRIDE v7 — MUST load last
   Buttons = #00A26E | chips/tags/blocks = dark site | stars untouched
   ============================================================ */

:root {
  --primary: #00A26E !important;
  --primary-mid: #07AB73 !important;
  --secondary: #00A26E !important;
  --mx-green: #00A26E !important;
  --mx-green-bright: #07AB73 !important;
  --gold1: #00A26E !important;
  --gold2: #00A26E !important;
  --btn-gold1: #00A26E !important;
  --btn-gold2: #00A26E !important;
  /* chips MUST stay dark — never button green */
  --chip-btn-face: #0A252C !important;
  --chip-btn-hover: #0E383C !important;
  --chip-green-face: #0A252C !important;
  --chip-green-frame: #000000 !important;
  --casea-btn-blue: #00A26E !important;
  --casea-btn-gold: #00A26E !important;
  --casea-btn-face: #00A26E !important;
  --nine-orange: #00A26E !important;
  --nine-orange-mid: #00A26E !important;
  --nine-orange-dark: #008056 !important;
  --ba-page: #0A3344 !important;
}

html, body, body::before, body:before {
  background: #0A3344 !important;
  background-color: #0A3344 !important;
  background-image: none !important;
}
.shell, .shell > main, main {
  background: #0A3344 !important;
  background-color: #0A3344 !important;
}

/* ========== SEARCH (лупа) = button green ========== */
html body header .head a.head-search-ico,
html body header .head .head-search-ico,
html body .head a.head-search-ico,
html body .head .head-search-ico,
html body header a.head-search-ico,
html body header .head-search-ico,
html body a.head-search-ico,
html body .head-search-ico,
html body header .head .offers-trigger,
html body header .offers-trigger,
html body .head .offers-trigger,
html body .offers-trigger,
html body header .head .burger,
html body header .burger,
html body .head .burger,
html body .burger {
  background: #00A26E !important;
  background-color: #00A26E !important;
  background-image: none !important;
  color: #041820 !important;
  border: 1px solid #041820 !important;
  border-radius: 12px !important;
  box-shadow: none !important;
  filter: none !important;
}
html body header .head a.head-search-ico:hover,
html body header .head .head-search-ico:hover,
html body .head .head-search-ico:hover,
html body .head-search-ico:hover,
html body header .head .offers-trigger:hover,
html body .offers-trigger:hover,
html body header .head .burger:hover,
html body .burger:hover {
  background: #07AB73 !important;
  background-color: #07AB73 !important;
  background-image: none !important;
  color: #041820 !important;
  border-color: #041820 !important;
}
html body header .head .head-search-ico svg,
html body header .head .head-search-ico svg path,
html body .head .head-search-ico svg,
html body .head .head-search-ico svg path,
html body .head-search-ico svg,
html body .head-search-ico svg path,
html body .offers-trigger svg,
html body .offers-trigger svg path {
  color: #041820 !important;
  stroke: #041820 !important;
  fill: none !important;
}

/* ========== SECTION TAGS = button green ========== */
html body main .home-section-tag,
html body .home-section-tag,
html body main p.home-section-tag,
html body #login#login > .home-section-tag,
html body #bonuses#bonuses > .home-section-tag,
html body #payments#payments > .home-section-tag,
html body #slots#slots > .home-section-tag,
html body #games#games > .home-section-tag,
html body #app#app > .home-section-tag,
html body #providers#providers > .home-section-tag,
html body #register#register > .home-section-tag,
html body .login-platforms-section > .home-section-tag {
  background: #00A26E !important;
  background-color: #00A26E !important;
  background-image: none !important;
  color: #041820 !important;
  -webkit-text-fill-color: #041820 !important;
  border: 1px solid #041820 !important;
  box-shadow: none !important;
}

/* links / markers — soft accent (stars NOT touched) */
html body main a:not(.pulse-btn):not(.vmore-btn):not(.chip):not(.btn):not(.btn--login):not(.btn--reg):not(.ft-btn):not(.card):not(.prov):not(.banner-link):not(.head-nav__link):not(.head-search-ico):not(.login-banner-block__link):not(.home-hero__link):not(.app-float-banner__link) {
  color: #00A26E !important;
}
html body main a:not(.pulse-btn):not(.vmore-btn):not(.chip):not(.btn):not(.ft-btn):hover {
  color: #07AB73 !important;
}
html body main #updatedBox svg path,
html body #updatedBox svg path {
  stroke: #00A26E !important;
}
html body main ul li::marker,
html body main .section ul li::marker {
  color: #00A26E !important;
}

/* ========== CONTENT BLOCKS → page #0A3344 (no green fills/frames) ========== */
html body main .section,
html body main .section.intro,
html body main .intro--lead,
html body main #casino-intro,
html body main .legal-doc,
html body main .legal-guide,
html body main .legal-content-card,
html body main .legal-content-card--alt,
html body main .legal-content-card--warn,
html body main .bonus-content-card,
html body main .bonus-content-card--alt,
html body main .login-content-card,
html body main .login-os-card,
html body main .login-flow__content,
html body main .login-lead-combined,
html body main .app-info-card,
html body main .app-feature-card,
html body main .app-install-panel,
html body main .app-install-card,
html body main .app-reference-section,
html body main .app-features-section,
html body main .app-install-section,
html body main .app-top-hero,
html body main .app-toc-panel,
html body main .home-intro-rating,
html body main #updatedBox,
html body main .facts-info-section,
html body main .login-section,
html body main .popular-games,
html body main .prov,
html body main .popular-games__card,
html body main .card,
html body main .home-app-guide-card,
html body main .app-info-grid,
html body main .login-flow,
html body main .bonus-guide,
html body main .app-guide,
html body #casino-intro#casino-intro,
html body #login#login,
html body #bonuses#bonuses,
html body #payments#payments,
html body #slots#slots,
html body #games#games,
html body #app#app,
html body #providers#providers,
html body #register#register,
html body #facts#facts {
  background: #0A3344 !important;
  background-color: #0A3344 !important;
  background-image: none !important;
  border: none !important;
  border-color: transparent !important;
  box-shadow: none !important;
  outline: none !important;
}

html body main .home-intro-rating {
  background: #061E28 !important;
  background-color: #061E28 !important;
  border: none !important;
}

html body main .section::before,
html body main .section::after,
html body main .intro--lead::before,
html body main .intro--lead::after,
html body main .legal-content-card::before,
html body main .legal-content-card::after,
html body main .app-info-card::before,
html body main .app-info-card::after {
  display: none !important;
  content: none !important;
  border: none !important;
  box-shadow: none !important;
}

/* ========== CHIPS — dark tray + dark pills (beat #007E6E locks) ========== */
html body .shell > main .chips,
html body .shell main .chips,
html body main .chips,
html body .chips,
html body div.chips,
html body .chips[aria-label] {
  background: #041821 !important;
  background-color: #041821 !important;
  background-image: none !important;
  border: 1px solid #000000 !important;
  box-shadow: none !important;
}

html body .shell > main .chips a.chip,
html body .shell main .chips a.chip,
html body main .chips a.chip,
html body .chips a.chip,
html body a.chip,
html body .chip,
html body .shell > main .chips a.chip:link,
html body .shell > main .chips a.chip:visited,
html body .shell > main .chips a.chip:hover,
html body .shell > main .chips a.chip:active,
html body .shell > main .chips a.chip:focus-visible {
  background: #0A252C !important;
  background-color: #0A252C !important;
  background-image: none !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  border: 1px solid #000000 !important;
  box-shadow: none !important;
  filter: none !important;
}

html body .shell > main .chips a.chip::before,
html body .shell > main .chips a.chip::after,
html body main .chips a.chip::before,
html body main .chips a.chip::after,
html body .chips a.chip::before,
html body .chips a.chip::after,
html body a.chip::before,
html body a.chip::after,
html body .chip::before,
html body .chip::after {
  display: none !important;
  content: none !important;
  background: none !important;
  background-image: none !important;
  box-shadow: none !important;
  border: none !important;
}

html body .chip .chip-txt,
html body .chips a.chip .chip-txt,
html body .shell > main .chips a.chip .chip-txt,
html body .chip .chip-ico,
html body .chip .chip-ico svg,
html body .chip .chip-ico svg path {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  stroke: #ffffff !important;
  fill: none !important;
  filter: none !important;
}

/* ========== TABLES — Betalice palette, Cresus format ========== */
html body main .table-wrapper,
html body main .app-info-card__table,
html body main table {
  background: #0A3344 !important;
  border: 1px solid #00A26E !important;
  box-shadow: none !important;
}
html body main table th,
html body main table td,
html body main .table-wrapper th,
html body main .table-wrapper td {
  background: #0A3344 !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  border: 1px solid #00A26E !important;
}

/* ========== ACTION BUTTONS stay green ========== */
html body header .btn,
html body header .btn--login,
html body header .btn--reg,
html body .pulse-btn,
html body .vmore-btn,
html body .ft-btn,
html body .hero-cta,
html body .play,
html body .game-play-btn,
html body .aside .nav a,
html body .drawer .nav a {
  background: #00A26E !important;
  background-color: #00A26E !important;
  background-image: none !important;
  color: #041820 !important;
  border: 1px solid #041820 !important;
  box-shadow: none !important;
}
html body header .btn::before,
html body header .btn::after,
html body .pulse-btn::before,
html body .pulse-btn::after,
html body .vmore-btn::before,
html body .vmore-btn::after,
html body .ft-btn::before,
html body .ft-btn::after {
  display: none !important;
  content: none !important;
  background: none !important;
}

/* ============================================================
   v8 FIXES: lupa green | dark spots → site | device icons framed
   ============================================================ */

/* Lupa — beat double :is() orange lock */
html body header .head a.head-search-ico,
html body header .head .head-search-ico,
html body header a.head-search-ico,
html body :is(.head-search-ico, .offers-trigger, .burger):is(.head-search-ico, .offers-trigger, .burger),
html body :is(.head .head-search-ico, .head .offers-trigger, .head .burger):is(.head .head-search-ico, .head .offers-trigger, .head .burger) {
  background: #00A26E !important;
  background-color: #00A26E !important;
  background-image: none !important;
  color: #041820 !important;
  -webkit-text-fill-color: #041820 !important;
  border: 1px solid #041820 !important;
  border-radius: 12px !important;
  box-shadow: none !important;
  filter: none !important;
}
html body :is(.head-search-ico, .offers-trigger, .burger):is(.head-search-ico, .offers-trigger, .burger) svg,
html body :is(.head-search-ico, .offers-trigger, .burger):is(.head-search-ico, .offers-trigger, .burger) svg path {
  color: #041820 !important;
  stroke: #041820 !important;
  fill: none !important;
}

/* Rating strip — no dark blotch, same as page */
html body main .home-intro-rating,
html body #casino-intro#casino-intro .home-intro-rating,
html body main .app-rating,
html body.app-page .app-rating {
  background: #0A3344 !important;
  background-color: #0A3344 !important;
  border: none !important;
  box-shadow: none !important;
}

/* Section tags — GREEN like buttons on all pages */
html body main .home-section-tag,
html body .home-section-tag,
html body main p.home-section-tag,
html body #login#login > .home-section-tag,
html body #bonuses#bonuses > .home-section-tag,
html body #payments#payments > .home-section-tag,
html body #slots#slots > .home-section-tag,
html body #games#games > .home-section-tag,
html body #app#app > .home-section-tag,
html body #providers#providers > .home-section-tag,
html body #register#register > .home-section-tag {
  background: #00A26E !important;
  background-color: #00A26E !important;
  color: #041820 !important;
  -webkit-text-fill-color: #041820 !important;
  border: 1px solid #041820 !important;
}

/* Login block / cards — site page color */
html body main .login-section,
html body #login#login,
html body main .login-flow,
html body main .login-flow__content,
html body main .login-content-card,
html body main .login-os-card,
html body main .login-lead-combined {
  background: #0A3344 !important;
  background-color: #0A3344 !important;
  border: none !important;
  box-shadow: none !important;
}

/* Game title bars — site bg; NAMES = button green */
html body main .popular-games__meta,
html body main .popular-games__card .popular-games__meta,
html body main .card .info,
html body main a.card .info {
  background: #0A3344 !important;
  background-color: #0A3344 !important;
  background-image: none !important;
  color: #00A26E !important;
  border: none !important;
  box-shadow: none !important;
}
html body main .popular-games__title,
html body main .popular-games__meta .popular-games__title,
html body main .popular-games__meta .vendor,
html body main .popular-games__card .vendor,
html body main .card .info .title,
html body main .card .info .vendor,
html body main a.card .info :is(p, span, .title, .vendor),
html body main .prov-name {
  color: #00A26E !important;
  -webkit-text-fill-color: #00A26E !important;
  text-shadow: none !important;
}

/* Provider cards — green frame + green name */
html body main .prov,
html body main a.prov {
  background: #0A3344 !important;
  border: 1px solid #00A26E !important;
  box-shadow: none !important;
}
html body main .prov-media {
  background: #062833 !important;
  border: 1px solid #00A26E !important;
  border-radius: 12px !important;
}

/* Device cards = screenshot4 frames + screenshot3 green icons */
html body main .home-app-guides,
html body.app-page .app-eco-grid,
html body #app#app .home-app-guides {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 24px !important;
}
html body main .home-app-guide-card,
html body #app#app .home-app-guide-card,
html body.app-page .app-eco-card,
html body.app-page .app-ecosystem-section .app-eco-card,
html body.app-page a.app-eco-card.home-app-guide-card {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  min-height: 190px !important;
  padding: 28px !important;
  background: #0A3344 !important;
  background-color: #0A3344 !important;
  border: 1px solid #00A26E !important;
  border-radius: 18px !important;
  box-shadow: none !important;
  text-decoration: none !important;
  color: #fff !important;
}
html body main .home-app-guide-card:hover,
html body #app#app .home-app-guide-card:hover,
html body.app-page .app-eco-card:hover {
  border-color: #00A26E !important;
  background: #0A3344 !important;
  transform: none !important;
}

/* Device / platform icons — green + framed */
html body .home-app-guide-card__icon,
html body .home-app-guide-card__icon--android,
html body .home-app-guide-card__icon--ios,
html body .home-app-guide-card__icon--windows,
html body .app-platform-icon,
html body .app-platform-icon--android,
html body .app-platform-icon--ios,
html body .app-platform-icon--windows,
html body #app#app .home-app-guide-card__icon--android,
html body #app#app .home-app-guide-card__icon--ios,
html body #app#app .home-app-guide-card__icon--windows,
html body.app-page .app-platform-icon,
html body.app-page .app-platform-icon--android,
html body.app-page .app-platform-icon--ios,
html body.app-page .app-platform-icon--windows {
  background: #00A26E !important;
  background-color: #00A26E !important;
  background-image: none !important;
  color: #041820 !important;
  border: 2px solid #041820 !important;
  border-radius: 14px !important;
  box-shadow:
    0 0 0 3px rgba(0, 162, 110, 0.4),
    inset 0 1px 0 rgba(255, 255, 255, 0.2) !important;
}
html body .home-app-guide-card__icon svg,
html body .app-platform-icon svg,
html body .home-app-guide-card__icon svg path,
html body .app-platform-icon svg path,
html body .home-app-guide-card__icon svg circle {
  color: #041820 !important;
  fill: currentColor !important;
  stroke: #041820 !important;
}
html body .home-app-guide-card__label,
html body .app-eco-card__label {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}
html body .home-app-guide-card__title,
html body .app-eco-card__title,
html body #app#app .home-app-guide-card__title,
html body.app-page .app-eco-card__title,
html body.app-page .app-ecosystem-section .app-eco-card__title {
  color: #00A26E !important;
  -webkit-text-fill-color: #00A26E !important;
}

/* ============================================================
   v11: restore login BANNER image | login SECTION = site #0A3344
   ============================================================ */

/* Login SECTION (green blotch) → site color. Do NOT touch banner PNG. */
html body main .login-section,
html body main .section.login-section,
html body #login#login,
html body #login#login.login-section,
html body main #login.login-section {
  background: #0A3344 !important;
  background-color: #0A3344 !important;
  background-image: none !important;
  border: none !important;
  box-shadow: none !important;
}

html body .login-banner-block,
html body main .login-banner-block,
html body #login#login .login-banner-block {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

/* Banner image MUST be visible — never hide */
html body .login-banner-block__img,
html body #login#login .login-banner-block__img,
html body main .login-banner-block__img,
html body.acceso-page .login-banner-block__img {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  filter: none !important;
  mix-blend-mode: normal !important;
  width: 100% !important;
  max-width: 420px !important;
  height: auto !important;
  margin: 0 auto !important;
  object-fit: contain !important;
  border-radius: 12px !important;
}

html body .login-form-mock {
  display: none !important;
}

/* NAME bars — GREEN */
html body main .popular-games__meta,
html body main .popular-games__card .popular-games__meta,
html body main .card .info,
html body main a.card .info,
html body main #slots .popular-games__meta,
html body main #games .popular-games__meta {
  background: #00A26E !important;
  background-color: #00A26E !important;
  background-image: none !important;
  color: #041820 !important;
  -webkit-text-fill-color: #041820 !important;
  border: none !important;
  box-shadow: none !important;
}
html body main .popular-games__title,
html body main .popular-games__meta .popular-games__title,
html body main .popular-games__meta .vendor,
html body main .popular-games__card .vendor,
html body main .card .info .title,
html body main .card .info .vendor,
html body main a.card .info :is(p, span, .title, .vendor) {
  color: #041820 !important;
  -webkit-text-fill-color: #041820 !important;
  text-shadow: none !important;
  background: transparent !important;
}
html body main .prov-name,
html body main a.prov .prov-name {
  display: block !important;
  width: 100% !important;
  margin-top: 10px !important;
  padding: 10px 12px !important;
  border-radius: 10px !important;
  text-align: center !important;
  font-weight: 700 !important;
  background: #00A26E !important;
  background-color: #00A26E !important;
  color: #041820 !important;
  -webkit-text-fill-color: #041820 !important;
}
html body main .game-play-btn,
html body main .pulse-btn {
  background: #00A26E !important;
  color: #041820 !important;
}

/* ============================================================
   v12 SITE-WIDE = homepage palette on EVERY page
   page #0A3344 | hdr/ft #062333 | btn #00A26E | chips dark
   ============================================================ */

:root {
  --ba-page: #0A3344 !important;
  --ba-hdr: #062333 !important;
  --ba-ft: #062333 !important;
  --ba-btn: #00A26E !important;
  --ba-btn-hover: #07AB73 !important;
  --ba-ink: #041820 !important;
  --ba-chip: #0A252C !important;
  --ba-chip-tray: #041821 !important;
}

html,
body,
body.page-home,
body.app-page,
body.acceso-page,
body.bonus-page,
body.legal-page,
body.terms-page,
body.privacy-page,
body.responsible-page,
body.payments-page,
body.aml-page,
body.kyc-page,
body.about-page,
body.contact-page,
body::before,
body:before {
  background: #0A3344 !important;
  background-color: #0A3344 !important;
  background-image: none !important;
  color: #ffffff !important;
}

html body .shell,
html body .shell > main,
html body main,
html body.app-page .shell,
html body.app-page main,
html body.acceso-page .shell,
html body.acceso-page main,
html body.bonus-page .shell,
html body.bonus-page main,
html body.legal-page .shell,
html body.legal-page main {
  background: #0A3344 !important;
  background-color: #0A3344 !important;
}

html body header,
html body header.scrolled,
html body .site-footer {
  background: #062333 !important;
  background-color: #062333 !important;
  background-image: none !important;
}

html body main .section,
html body main .intro,
html body main .legal-doc,
html body main .legal-guide,
html body main .legal-content-card,
html body main .legal-content-card--alt,
html body main .legal-content-card--warn,
html body main .bonus-guide,
html body main .bonus-content-card,
html body main .login-content-card,
html body main .login-os-card,
html body main .login-lead-combined,
html body main .login-flow,
html body main .login-flow__content,
html body main .login-flow__side,
html body main .login-flow__full,
html body main .app-guide,
html body main .app-top-hero,
html body main .app-toc-panel,
html body main .app-reference-section,
html body main .app-screenshots-section,
html body main .app-ecosystem-section,
html body main .app-install-section,
html body main .app-features-section,
html body main .app-odds-section,
html body main .app-play-section,
html body main .app-bonus-section,
html body main .app-payments-section,
html body main .app-crypto-section,
html body main .app-responsible-section,
html body main .app-legal-section,
html body main .app-compare-section,
html body main .app-install-panel,
html body main .app-install-card,
html body main .app-info-card,
html body main .app-feature-card,
html body main .app-eco-card,
html body main .home-app-guide-card {
  background: #0A3344 !important;
  background-color: #0A3344 !important;
  background-image: none !important;
  box-shadow: none !important;
}

html body main .home-app-guide-card,
html body main .app-eco-card,
html body.app-page .app-eco-card {
  border: 1px solid #00A26E !important;
  background: #0A3344 !important;
}

html body .home-section-tag,
html body .app-tag,
html body main p.home-section-tag {
  background: #00A26E !important;
  background-color: #00A26E !important;
  color: #041820 !important;
  -webkit-text-fill-color: #041820 !important;
  border: 1px solid #041820 !important;
}

html body header .btn,
html body header .btn--login,
html body header .btn--reg,
html body .pulse-btn,
html body .vmore-btn,
html body .ft-btn,
html body .hero-cta,
html body .play,
html body .game-play-btn,
html body .aside .nav a,
html body .drawer .nav a,
html body .head-search-ico,
html body .burger,
html body .offers-trigger {
  background: #00A26E !important;
  background-color: #00A26E !important;
  background-image: none !important;
  color: #041820 !important;
  -webkit-text-fill-color: #041820 !important;
  border: 1px solid #041820 !important;
  box-shadow: none !important;
}

html body main a:not(.pulse-btn):not(.vmore-btn):not(.chip):not(.btn):not(.ft-btn):not(.card):not(.prov):not(.banner-link):not(.head-nav__link):not(.head-search-ico):not(.login-banner-block__link):not(.home-hero__link):not(.home-app-guide-card):not(.app-eco-card) {
  color: #00A26E !important;
}

html body main .table-wrapper,
html body main table,
html body main table th,
html body main table td {
  background: #0A3344 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  border-color: #00A26E !important;
}
html body main .table-wrapper {
  border: 1px solid #00A26E !important;
  border-radius: 12px !important;
  overflow: hidden !important;
}
html body main table th,
html body main table td {
  border: 1px solid #00A26E !important;
}
html body main .table-wrapper table {
  border: 0 !important;
}
html body.acceso-page #login-guide .login-content-card .table-wrapper,
html body.bonus-page #bonus-guide .bonus-content-card .table-wrapper,
html body.app-page .table-wrapper {
  background: transparent !important;
  border: 0 !important;
}
html body.acceso-page #login-guide .login-content-card table,
html body.bonus-page #bonus-guide .bonus-content-card table,
html body.app-page .table-wrapper table {
  background: #0A3344 !important;
  border: 1px solid #00A26E !important;
}
html body.acceso-page #login-guide .login-content-card table :is(th, td),
html body.bonus-page #bonus-guide .bonus-content-card table :is(th, td),
html body.app-page .table-wrapper table :is(th, td) {
  background: #0A3344 !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  border: 1px solid #00A26E !important;
}
html body.app-page .app-overview-table,
html body.app-page .app-overview-table table,
html body.app-page .app-overview-table :is(th, td) {
  background: #0A3344 !important;
  border: 0 !important;
  color: #fff !important;
}
html body.app-page .app-overview-table table tbody tr:hover :is(th, td) {
  background: #0A3344 !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

/* ========== TABLES — no hover color change (static) ========== */
html body main table tbody tr:hover,
html body main table tbody tr:hover th,
html body main table tbody tr:hover td,
html body main .table-wrapper tbody tr:hover,
html body main .table-wrapper tbody tr:hover th,
html body main .table-wrapper tbody tr:hover td,
html body main .table-wrapper tbody tr:hover :is(th, td),
html body main .table-wrapper tbody tr:hover th[scope="row"],
html body main .table-wrapper tbody tr:hover :is(td, th):first-child,
html body main .table-wrapper tbody tr:hover > *:not(:first-child),
html body.app-page .app-overview-table tbody tr:hover :is(th, td),
html body.app-page .app-specs-table tbody tr:hover :is(th, td),
html body.acceso-page table tbody tr:hover :is(th, td),
html body.bonus-page table tbody tr:hover :is(th, td),
html body .app-info-card__table tbody tr:hover :is(th, td) {
  background: #0A3344 !important;
  background-color: #0A3344 !important;
  background-image: none !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  border-color: #00A26E !important;
  outline: none !important;
  box-shadow: none !important;
  filter: none !important;
  transform: none !important;
}
html body.app-page .app-dl-row,
html body.app-page .app-install-section > .app-dl-row,
html body.app-page .app-play-section > .app-dl-row,
html body.app-page .app-compare-section > .app-dl-row,
html body.app-page .app-legal-section > .app-dl-row {
  background: #0A3344 !important;
}
html body.bonus-page #bonus-guide .bonus-content-card--faq,
html body.acceso-page #login-guide .login-content-card--faq,
html body.app-page #app-faq.app-faq-section {
  background: #0A3344 !important;
  border: 1px solid #00A26E !important;
  border-radius: 18px !important;
}
html body.app-page #app-faq.app-faq-section {
  margin: 26px 0 !important;
  padding: 24px !important;
}
html body.app-page #app-faq.app-faq-section > h2 {
  margin: 0 0 14px !important;
  padding-bottom: 16px !important;
  border-bottom: 1px solid rgba(0, 162, 110, 0.35) !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}
html body.app-page #app-faq.app-faq-section > p:not(.app-tag) {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  margin: 0 0 18px !important;
}

html body main .faq-item,
html body.acceso-page .faq-item,
html body.bonus-page .faq-item,
html body.app-page .faq-item {
  margin: 10px 0 0 !important;
  padding: 16px 18px !important;
  background: #0A3344 !important;
  border: 1px solid #00A26E !important;
  border-radius: 11px !important;
  box-shadow: none !important;
}
html body main .faq-item h3,
html body.acceso-page .faq-item h3,
html body.bonus-page .faq-item h3,
html body.app-page .faq-item h3 {
  margin: 0 0 7px !important;
  color: #00A26E !important;
  -webkit-text-fill-color: #00A26E !important;
  font-size: 16px !important;
  font-weight: 800 !important;
  line-height: 1.35 !important;
}
html body main .faq-item p,
html body.acceso-page .faq-item p,
html body.bonus-page .faq-item p,
html body.app-page .faq-item p {
  margin: 0 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-size: 14px !important;
  line-height: 1.5 !important;
}

html body .chips,
html body main .chips {
  background: #041821 !important;
  background-color: #041821 !important;
}
html body .chips a.chip,
html body a.chip {
  background: #0A252C !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  border: 1px solid #000000 !important;
}

html body .login-banner-block__img {
  display: block !important;
  filter: none !important;
}

html body .home-app-guide-card__icon,
html body .app-platform-icon,
html body .home-app-guide-card__icon--android,
html body .home-app-guide-card__icon--ios,
html body .home-app-guide-card__icon--windows {
  background: #00A26E !important;
  color: #041820 !important;
  border: 2px solid #041820 !important;
}
html body .home-app-guide-card__title,
html body .app-eco-card__title {
  color: #00A26E !important;
  -webkit-text-fill-color: #00A26E !important;
}

/* ========== LOGIN / BONUS / APP — kill leftover orange / forest blotches ========== */
html body.acceso-page .login-guide-map,
html body.acceso-page #login-guide .login-guide-map,
html body.acceso-page #login-guide#login-guide .login-guide-map {
  background: #0A3344 !important;
  background-color: #0A3344 !important;
  border: 1px solid #00A26E !important;
  box-shadow: none !important;
}
html body.acceso-page #login-guide#login-guide .login-guide-map a {
  background: #062833 !important;
  border: 1px solid #00A26E !important;
  color: #00A26E !important;
  -webkit-text-fill-color: #00A26E !important;
}
html body.acceso-page #login-guide#login-guide .login-guide-map a:hover {
  background: #0A252C !important;
  border-color: #07AB73 !important;
  color: #07AB73 !important;
  -webkit-text-fill-color: #07AB73 !important;
}

html body.acceso-page .login-os-card,
html body.acceso-page #login-guide#login-guide .login-os-card {
  --os-accent: #00A26E !important;
  background: #0A3344 !important;
  border: 1px solid #00A26E !important;
  box-shadow: none !important;
}
html body.acceso-page #login-guide#login-guide .login-os-card::before {
  background: #00A26E !important;
}
html body.acceso-page #login-guide#login-guide .login-os-card__tip,
html body.acceso-page .login-os-card__tip {
  background: #062833 !important;
  border-left: 3px solid #00A26E !important;
  color: #E8F5F2 !important;
  -webkit-text-fill-color: #E8F5F2 !important;
}
html body.acceso-page #login-guide#login-guide .login-os-card__icon,
html body.acceso-page #login-guide#login-guide .login-os-card__icon--ios,
html body.acceso-page #login-guide#login-guide .login-os-card__icon--android,
html body.acceso-page #login-guide#login-guide .login-os-card__icon--windows {
  background: #00A26E !important;
  color: #041820 !important;
  border: 2px solid #041820 !important;
}
html body.acceso-page #login-guide#login-guide .login-os-card__eyebrow {
  color: #00A26E !important;
}
html body.acceso-page #login-guide#login-guide .login-content-card {
  --content-accent: #00A26E !important;
  background: #0A3344 !important;
  border: 1px solid #00A26E !important;
}
html body.acceso-page #login-guide#login-guide .login-content-card::before {
  background: #00A26E !important;
}
html body.acceso-page #login-guide#login-guide .login-summary-list li::before,
html body.acceso-page #login-guide#login-guide .login-content-card > ul li::before {
  background: #00A26E !important;
}

html body.bonus-page #bonus-guide#bonus-guide .bonus-content-card {
  --bonus-accent: #00A26E !important;
  background: #0A3344 !important;
  border: 1px solid #00A26E !important;
}
html body.bonus-page #bonus-guide#bonus-guide .bonus-content-card::before {
  background: #00A26E !important;
}
html body.bonus-page #bonus-guide#bonus-guide .bonus-content-card a:not(.pulse-btn) {
  color: #00A26E !important;
  -webkit-text-fill-color: #00A26E !important;
  text-decoration-color: #00A26E !important;
}
html body.bonus-page #bonus-guide#bonus-guide .bonus-content-card > ul li::before {
  background: #00A26E !important;
}
html body.bonus-page #bonus-guide#bonus-guide > .home-hero .banner {
  border-color: #00A26E !important;
}
html body.bonus-page #bonus-guide#bonus-guide > .legal-note::before {
  background: #00A26E !important;
  color: #041820 !important;
  -webkit-text-fill-color: #041820 !important;
}

html body.app-page .app-note,
html body.app-page .app-bonus-claim > .app-note,
html body.app-page .app-payments-copy > .app-note,
html body.app-page .app-crypto-section > .app-crypto-foot,
html body.app-page .app-legal-section > .app-legal-note {
  border-left: 3px solid #00A26E !important;
}
html body.app-page .app-note a,
html body.app-page .app-bonus-claim > .app-note a,
html body.app-page .app-crypto-section a,
html body.app-page details.app-steps > summary::after {
  color: #00A26E !important;
  text-decoration-color: #00A26E !important;
}
html body.app-page .app-bonus-claim > ol li::before,
html body.app-page .app-crypto-section > .app-crypto-steps li::before {
  background: #00A26E !important;
  color: #041820 !important;
}

html body #login#login .login-flow__content a,
html body #bonuses#bonuses > p a,
html body #app#app > p a {
  color: #00A26E !important;
  -webkit-text-fill-color: #00A26E !important;
  text-decoration-color: #00A26E !important;
}

/* Ecosystem block — site bg, banner image untouched */
html body.app-page .app-ecosystem-section,
html body.app-page #app-ecosystem,
html body main .app-ecosystem-section {
  background: #0A3344 !important;
  background-color: #0A3344 !important;
  background-image: none !important;
}
html body.app-page .app-ecosystem-visual {
  display: flex !important;
  background: #0A3344 !important;
  background-color: #0A3344 !important;
  border: 0 !important;
}
html body.app-page .app-ecosystem-visual img {
  display: block !important;
  filter: none !important;
  opacity: 1 !important;
  visibility: visible !important;
  width: 100% !important;
  max-width: 320px !important;
  height: auto !important;
  object-fit: contain !important;
}
html body.app-page .app-reference-section:not(.app-faq-section) {
  background: #0A3344 !important;
  background-image: none !important;
}

/* App hero: compact “gathered” block like Cresus reference */
html body.app-page .app-top-hero {
  align-items: center !important;
  gap: 22px !important;
  padding: 22px 24px !important;
}
html body.app-page .app-top-hero__content {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  gap: 0 !important;
  max-width: 560px !important;
}
html body.app-page .app-top-hero .page-title {
  margin: 0 0 10px !important;
  font-size: clamp(28px, 3.6vw, 42px) !important;
  line-height: 1.08 !important;
}
html body.app-page .app-top-hero__content > p {
  margin: 0 0 10px !important;
  max-width: 520px !important;
  font-size: 15px !important;
  line-height: 1.45 !important;
}
html body.app-page .app-rating {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  margin: 0 0 12px !important;
}
html body.app-page .app-rating > strong {
  font-size: 1.15rem !important;
}
html body.app-page .app-dl-row--hero {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: flex-start !important;
  gap: 10px !important;
  margin: 0 0 12px !important;
}
html body.app-page .app-dl-row--hero .pulse-btn {
  margin: 0 !important;
  min-height: 42px !important;
  padding: 10px 16px !important;
  font-size: 13px !important;
}
html body.app-page .app-top-hero .app-hero-meta__row {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 6px 16px !important;
  margin: 0 !important;
  font-size: 0.8rem !important;
  line-height: 1.35 !important;
  max-width: 480px !important;
}
html body.app-page .app-top-hero .app-hero-meta__row span {
  padding-left: 12px !important;
}
/* App hero banner: full-quality art, one frame on image edge only */
html body.app-page .app-top-hero__media,
html body.app-page .shell > main .app-top-hero__media {
  min-height: 0 !important;
  max-height: none !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  outline: none !important;
  overflow: visible !important;
  padding: 0 !important;
  display: block !important;
  aspect-ratio: auto !important;
}
html body.app-page .app-top-hero__media img,
html body.app-page .shell > main .app-top-hero__media img {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  max-width: 100% !important;
  max-height: none !important;
  object-fit: contain !important;
  object-position: center center !important;
  background: transparent !important;
  /* art already has edge frame — no second CSS box */
  border: 0 !important;
  border-radius: 0 !important;
  box-sizing: border-box !important;
  box-shadow: none !important;
  outline: none !important;
}
@media (max-width: 860px) {
  html body.app-page .app-top-hero {
    align-items: stretch !important;
    padding: 18px 16px !important;
    gap: 16px !important;
  }
  html body.app-page .app-top-hero__content {
    max-width: none !important;
  }
  html body.app-page .app-top-hero__media {
    max-width: 420px !important;
    margin: 0 auto !important;
  }
}
@media (max-width: 560px) {
  html body.app-page .app-top-hero .page-title {
    margin-bottom: 8px !important;
  }
  html body.app-page .app-rating {
    margin-bottom: 10px !important;
  }
  html body.app-page .app-dl-row--hero {
    margin-bottom: 10px !important;
  }
}

/* TOC panel = page color; Inhalt button without white frame */
html body.app-page details.app-toc-panel,
html body.app-page details.app-toc-panel[open],
html body.app-page .shell > main > details.app-toc-panel,
html body.app-page .shell > main > details.app-toc-panel[open],
html body.app-page #app-guide > .app-toc-panel {
  background: #0A3344 !important;
  background-color: #0A3344 !important;
  border: 0 !important;
  box-shadow: none !important;
}
html body.app-page details.app-toc-panel > summary.app-toc-panel__badge,
html body.app-page .shell > main > details.app-toc-panel > summary.app-toc-panel__badge,
html body.app-page details.app-toc-panel[open] > summary.app-toc-panel__badge {
  border: 0 !important;
  border-color: transparent !important;
  outline: 0 !important;
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
  background: #00A26E !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}
html body.app-page details.app-toc-panel[open] .app-toc-panel__cols {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  width: 100% !important;
  column-gap: clamp(28px, 6vw, 72px) !important;
}

/* Odds block: use full width, no empty side column */
html body.app-page .app-odds-section {
  padding: 20px 16px 18px !important;
}
html body.app-page .app-odds-intro {
  display: block !important;
  width: 100% !important;
  grid-template-columns: none !important;
}
html body.app-page .app-odds-section .table-wrapper,
html body.app-page .app-odds-section table {
  width: 100% !important;
  max-width: 100% !important;
}
html body.app-page .app-odds-section table {
  table-layout: fixed !important;
  min-width: 0 !important;
}
html body.app-page .app-odds-section table thead tr th:nth-child(4),
html body.app-page .app-odds-section table tbody tr td:nth-child(4) {
  width: 46% !important;
}
html body.app-page .app-tag {
  border: 0 !important;
  box-shadow: none !important;
  outline: 0 !important;
}

/* Screenshots: 4 equal width, bottoms half-cropped — no green frames */
html body.app-page .app-screenshots-section {
  border: 0 !important;
  border-top: 0 !important;
  border-bottom: 0 !important;
}
html body.app-page .app-screenshots-section .app-shots--phones {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 8px !important;
  height: 255px !important;
  overflow: hidden !important;
  background: #0A3344 !important;
  border: 0 !important;
  border-top: 0 !important;
  border-bottom: 0 !important;
  border-left: 0 !important;
  border-right: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
}
html body.app-page .app-screenshots-section .app-shots--phones .app-shot {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  height: 255px !important;
  min-height: 0 !important;
  background: transparent !important;
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  overflow: hidden !important;
}
html body.app-page .app-screenshots-section .app-shots--phones .app-shot img {
  width: 100% !important;
  height: 100% !important;
  max-height: none !important;
  object-fit: cover !important;
  object-position: top center !important;
}
html body.app-page .app-screenshots-section .app-shots__banner {
  display: none !important;
}
@media (max-width: 900px) {
  html body.app-page .app-screenshots-section .app-shots--phones,
  html body.app-page .app-screenshots-section .app-shots--phones .app-shot {
    height: 220px !important;
  }
}
@media (max-width: 560px) {
  html body.app-page .app-screenshots-section .app-shots--phones {
    display: flex !important;
    grid-template-columns: none !important;
    gap: 6px !important;
    height: 240px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
  }
  html body.app-page .app-screenshots-section .app-shots--phones .app-shot {
    flex: 0 0 calc((100% - 6px) / 2.15) !important;
    width: calc((100% - 6px) / 2.15) !important;
    height: 240px !important;
  }
}

/* ============================================================
   SITEWIDE TABLE GRID — match bonus-page screenshot
   dark fill #0A3344 + thin teal cell grid on ALL tables
   ============================================================ */
html body main .table-wrapper:not(.app-info-card__table),
html body main .table-wrapper--cards:not(.app-info-card__table),
html body main .table-wrapper--scroll,
html body main .app-overview-table,
html body main .app-specs-table,
html body.bonus-page .table-wrapper,
html body.app-page .table-wrapper:not(.app-info-card__table),
html body.acceso-page .table-wrapper,
html body.legal-page .table-wrapper {
  background: #0A3344 !important;
  background-color: #0A3344 !important;
  border: 1px solid #1A5D66 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  outline: none !important;
  padding: 0 !important;
  overflow: hidden !important;
}

html body main .table-wrapper:not(.app-info-card__table) table,
html body main .table-wrapper--cards:not(.app-info-card__table) table,
html body main .table-wrapper--scroll table,
html body main .app-overview-table table,
html body main .app-specs-table table,
html body main table,
html body.bonus-page table,
html body.app-page table,
html body.acceso-page table,
html body.legal-page table {
  display: table !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  border-collapse: collapse !important;
  border-spacing: 0 !important;
  background: #0A3344 !important;
  background-color: #0A3344 !important;
  border: 0 !important;
  box-shadow: none !important;
  empty-cells: show !important;
}

html body main .table-wrapper thead,
html body main .table-wrapper tbody,
html body main .table-wrapper--cards thead,
html body main .table-wrapper--cards tbody,
html body main table thead,
html body main table tbody {
  display: table-header-group !important;
  background: #0A3344 !important;
  background-color: #0A3344 !important;
}
html body main .table-wrapper tbody,
html body main .table-wrapper--cards tbody,
html body main table tbody {
  display: table-row-group !important;
}

html body main .table-wrapper tr,
html body main .table-wrapper--cards tr,
html body main table tr {
  display: table-row !important;
  background: #0A3344 !important;
  background-color: #0A3344 !important;
  background-image: none !important;
}

html body main .table-wrapper:not(.app-info-card__table) :is(th, td),
html body main .table-wrapper--cards:not(.app-info-card__table) :is(th, td),
html body main .table-wrapper--scroll :is(th, td),
html body main .app-overview-table :is(th, td),
html body main .app-specs-table :is(th, td),
html body.bonus-page table :is(th, td),
html body.app-page table :is(th, td),
html body.acceso-page table :is(th, td),
html body.legal-page table :is(th, td) {
  display: table-cell !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 12px 14px !important;
  background: #0A3344 !important;
  background-color: #0A3344 !important;
  background-image: none !important;
  border: 1px solid #1A5D66 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  text-align: left !important;
  vertical-align: middle !important;
  font-size: 14px !important;
  line-height: 1.45 !important;
  box-shadow: none !important;
  outline: none !important;
}

html body main .table-wrapper thead th,
html body main .table-wrapper--cards thead th,
html body main table thead th,
html body main .table-wrapper tbody th[scope="row"],
html body main .table-wrapper tbody tr > :first-child,
html body main .table-wrapper--cards tbody th[scope="row"],
html body main .table-wrapper--cards tbody tr > :first-child,
html body main table tbody th[scope="row"],
html body main table tbody tr > :first-child {
  font-weight: 700 !important;
}

html body main .table-wrapper tbody td,
html body main .table-wrapper--cards tbody td,
html body main table tbody td,
html body main .table-wrapper tbody tr > :not(:first-child),
html body main table tbody tr > :not(:first-child) {
  font-weight: 400 !important;
}

/* Kill card-stack pseudo labels */
html body main .table-wrapper--cards tbody td::before,
html body main .table-wrapper tbody td::before {
  content: none !important;
  display: none !important;
}

/* No hover recolor — keep grid static */
html body main table tbody tr:hover,
html body main table tbody tr:hover :is(th, td),
html body main .table-wrapper tbody tr:hover,
html body main .table-wrapper tbody tr:hover :is(th, td),
html body main .table-wrapper--cards tbody tr:hover,
html body main .table-wrapper--cards tbody tr:hover :is(th, td),
html body.app-page table tbody tr:hover :is(th, td),
html body.bonus-page table tbody tr:hover :is(th, td),
html body.acceso-page table tbody tr:hover :is(th, td) {
  background: #0A3344 !important;
  background-color: #0A3344 !important;
  background-image: none !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  border-color: #1A5D66 !important;
}

/* Beat page-specific table locks (odds, specs, compare, etc.) */
html body.app-page .app-odds-section .table-wrapper,
html body.app-page .app-odds-section table,
html body.app-page .app-odds-section table :is(thead, tbody, tr),
html body.app-page .app-odds-section table :is(th, td),
html body.app-page .app-specs-table,
html body.app-page .app-specs-table table,
html body.app-page .app-specs-table :is(th, td),
html body.app-page .app-overview-table,
html body.app-page .app-overview-table table,
html body.app-page .app-overview-table :is(th, td),
html body.app-page .app-compare-section table,
html body.app-page .app-compare-section table :is(th, td),
html body.app-page .app-payments-section table,
html body.app-page .app-payments-section table :is(th, td),
html body.bonus-page #bonus-guide .bonus-content-card .table-wrapper,
html body.bonus-page #bonus-guide .bonus-content-card table,
html body.bonus-page #bonus-guide .bonus-content-card table :is(th, td),
html body.acceso-page #login-guide .login-content-card .table-wrapper,
html body.acceso-page #login-guide .login-content-card table,
html body.acceso-page #login-guide .login-content-card table :is(th, td) {
  background: #0A3344 !important;
  background-color: #0A3344 !important;
  background-image: none !important;
  border-color: #1A5D66 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}
html body.app-page .app-odds-section table :is(th, td),
html body.app-page .app-specs-table :is(th, td),
html body.app-page .app-compare-section table :is(th, td),
html body.app-page .app-payments-section table :is(th, td),
html body.bonus-page #bonus-guide .bonus-content-card table :is(th, td),
html body.acceso-page #login-guide .login-content-card table :is(th, td) {
  border: 1px solid #1A5D66 !important;
  padding: 12px 14px !important;
  text-align: left !important;
}
html body.app-page .app-odds-section .table-wrapper,
html body.bonus-page #bonus-guide .bonus-content-card .table-wrapper,
html body.acceso-page #login-guide .login-content-card .table-wrapper {
  border: 1px solid #1A5D66 !important;
  border-radius: 0 !important;
  padding: 0 !important;
}

@media (max-width: 768px) {
  html body main .table-wrapper,
  html body main .table-wrapper--cards,
  html body main .table-wrapper--scroll {
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch;
  }
  html body main .table-wrapper--cards table { display: table !important; }
  html body main .table-wrapper--cards thead { display: table-header-group !important; }
  html body main .table-wrapper--cards tbody { display: table-row-group !important; }
  html body main .table-wrapper--cards tr { display: table-row !important; padding: 0 !important; }
  html body main .table-wrapper--cards :is(th, td) {
    display: table-cell !important;
    width: auto !important;
    border: 1px solid #1A5D66 !important;
    background: #0A3344 !important;
    padding: 10px 12px !important;
  }
}

/* ============================================================
   LEGAL PAGES — grid like screenshot #2 (Typ / Übersicht)
   payment-methods, kyc, aml, terms, privacy, responsible
   ============================================================ */
html body.legal-page .legal-content-card .table-wrapper,
html body.legal-page .legal-content-card .table-wrapper--cards,
html body.legal-page .legal-doc .table-wrapper,
html body.legal-page .legal-doc .table-wrapper--cards,
html body.legal-page main .table-wrapper,
html body.legal-page main .table-wrapper--cards {
  background: #0A3344 !important;
  background-color: #0A3344 !important;
  border: 1px solid #1A5D66 !important;
  border-radius: 10px !important;
  box-shadow: none !important;
  outline: none !important;
  padding: 0 !important;
  overflow: hidden !important;
  margin: 18px 0 !important;
}

html body.legal-page .legal-content-card table,
html body.legal-page .legal-doc table,
html body.legal-page main .table-wrapper table,
html body.legal-page main .table-wrapper--cards table {
  display: table !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  margin: 0 !important;
  border-collapse: collapse !important;
  border-spacing: 0 !important;
  background: #0A3344 !important;
  background-color: #0A3344 !important;
  border: 0 !important;
  box-shadow: none !important;
  table-layout: auto !important;
}

html body.legal-page .legal-content-card table thead,
html body.legal-page .legal-doc table thead,
html body.legal-page main .table-wrapper--cards thead {
  display: table-header-group !important;
}
html body.legal-page .legal-content-card table tbody,
html body.legal-page .legal-doc table tbody,
html body.legal-page main .table-wrapper--cards tbody {
  display: table-row-group !important;
}
html body.legal-page .legal-content-card table tr,
html body.legal-page .legal-doc table tr,
html body.legal-page main .table-wrapper--cards tr {
  display: table-row !important;
  background: #0A3344 !important;
  background-color: #0A3344 !important;
  background-image: none !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
}

html body.legal-page .legal-content-card table :is(th, td),
html body.legal-page .legal-doc table :is(th, td),
html body.legal-page main .table-wrapper table :is(th, td),
html body.legal-page main .table-wrapper--cards table :is(th, td),
html body.legal-page .legal-content-card table tr:nth-child(odd) :is(th, td),
html body.legal-page .legal-content-card table tr:nth-child(even) :is(th, td),
html body.legal-page .legal-content-card table tr:hover :is(th, td),
html body.legal-page .legal-doc table tr:hover :is(th, td) {
  display: table-cell !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 12px 14px !important;
  background: #0A3344 !important;
  background-color: #0A3344 !important;
  background-image: none !important;
  border: 1px solid #1A5D66 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  text-align: left !important;
  vertical-align: middle !important;
  font-size: 14px !important;
  line-height: 1.45 !important;
  box-shadow: none !important;
  outline: none !important;
}

html body.legal-page .legal-content-card table thead th,
html body.legal-page .legal-doc table thead th,
html body.legal-page .legal-content-card table tbody th,
html body.legal-page .legal-doc table tbody th,
html body.legal-page .legal-content-card table tbody tr > :first-child,
html body.legal-page .legal-doc table tbody tr > :first-child,
html body.legal-page main .table-wrapper--cards table thead th,
html body.legal-page main .table-wrapper--cards table tbody tr > :first-child {
  font-weight: 700 !important;
}

html body.legal-page .legal-content-card table tbody td,
html body.legal-page .legal-doc table tbody td,
html body.legal-page .legal-content-card table tbody tr > :not(:first-child),
html body.legal-page .legal-doc table tbody tr > :not(:first-child),
html body.legal-page main .table-wrapper--cards table tbody tr > :not(:first-child) {
  font-weight: 400 !important;
}

html body.legal-page .table-wrapper--cards tbody td::before,
html body.legal-page .legal-content-card .table-wrapper--cards tbody td::before {
  content: none !important;
  display: none !important;
}

@media (max-width: 768px) {
  html body.legal-page .legal-content-card .table-wrapper,
  html body.legal-page .legal-content-card .table-wrapper--cards,
  html body.legal-page .legal-doc .table-wrapper,
  html body.legal-page main .table-wrapper--cards {
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch;
  }
  html body.legal-page .table-wrapper--cards table,
  html body.legal-page .legal-content-card .table-wrapper--cards table {
    display: table !important;
    width: 100% !important;
    min-width: 0 !important;
  }
  html body.legal-page .table-wrapper--cards thead,
  html body.legal-page .legal-content-card .table-wrapper--cards thead {
    display: table-header-group !important;
  }
  html body.legal-page .table-wrapper--cards tbody,
  html body.legal-page .legal-content-card .table-wrapper--cards tbody {
    display: table-row-group !important;
  }
  html body.legal-page .table-wrapper--cards tr,
  html body.legal-page .legal-content-card .table-wrapper--cards tr {
    display: table-row !important;
    padding: 0 !important;
    border: 0 !important;
  }
  html body.legal-page .table-wrapper--cards :is(th, td),
  html body.legal-page .legal-content-card .table-wrapper--cards :is(th, td) {
    display: table-cell !important;
    width: auto !important;
    border: 1px solid #1A5D66 !important;
    background: #0A3344 !important;
    padding: 10px 12px !important;
  }
}

/* ============================================================
   HOME FACTS CARDS — no green grid (labels L / values R only)
   ============================================================ */
html body .facts-info-section .app-info-card__table,
html body .facts-info-section .app-info-card__table table,
html body .facts-info-section .app-info-card__table :is(thead, tbody, tr),
html body .facts-info-section .app-info-card__table :is(th, td),
html body .facts-info-section .app-info-card__table tr:hover :is(th, td),
html body .facts-info-section .app-info-card__table tr:last-child :is(th, td) {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: 0 !important;
  border-color: transparent !important;
  box-shadow: none !important;
  outline: none !important;
}
html body .facts-info-section .app-info-card__table {
  border: 0 !important;
  border-radius: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  background: transparent !important;
}
html body .facts-info-section .app-info-card__table :is(th, td),
html body .facts-info-section .app-info-card__table tr:hover :is(th, td) {
  padding: 10px 0 !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  vertical-align: middle !important;
  font-size: 13px !important;
  line-height: 1.35 !important;
}
html body .facts-info-section .app-info-card__table tr:last-child :is(th, td) {
  border-bottom: 0 !important;
}
html body .facts-info-section .app-info-card__table th {
  width: 52% !important;
  text-align: left !important;
  font-weight: 400 !important;
  color: rgba(255, 255, 255, 0.72) !important;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.72) !important;
  border-right: 0 !important;
}
html body .facts-info-section .app-info-card__table td {
  text-align: right !important;
  font-weight: 700 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

/* Home facts tables — dark grid only (no green) */
html body.page-home #facts.facts-info-section .app-info-card,
html body #facts.facts-info-section .app-info-card,
html body main #facts .app-info-card {
  border: 0 !important;
  outline: none !important;
  box-shadow: none !important;
}
html body main #facts .table-wrapper.app-info-card__table,
html body main #facts .app-info-card__table {
  background: #072833 !important;
  background-color: #072833 !important;
  border: 1px solid #061f28 !important;
  border-radius: 8px !important;
  padding: 0 !important;
  overflow: hidden !important;
  outline: none !important;
  box-shadow: none !important;
}
html body main #facts .app-info-card__table table {
  width: 100% !important;
  border-collapse: collapse !important;
  background: transparent !important;
  border: 0 !important;
}
html body main #facts .app-info-card__table th,
html body main #facts .app-info-card__table td,
html body main #facts .app-info-card__table tr:hover th,
html body main #facts .app-info-card__table tr:hover td,
html body main #facts .app-info-card__table tr:last-child th,
html body main #facts .app-info-card__table tr:last-child td {
  border: 1px solid #061f28 !important;
  border-color: #061f28 !important;
  outline: none !important;
  box-shadow: none !important;
  background: #072833 !important;
  background-color: #072833 !important;
  padding: 11px 12px !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}
html body main #facts .app-info-card__table th {
  text-align: left !important;
  font-weight: 400 !important;
  color: rgba(255, 255, 255, 0.75) !important;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.75) !important;
}
html body main #facts .app-info-card__table td {
  text-align: right !important;
  font-weight: 700 !important;
}