@import url('https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,500;9..144,650;9..144,750&family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@500;600;700&display=swap');

/* CASINO_RADAR_DESIGN_SYSTEM_V1 */

/* =========================================================
   1. TOKENS
   ========================================================= */

:root {
  --font-display: "Fraunces", Georgia, serif;
  --font-body: "Inter", "Manrope", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-mono: "JetBrains Mono", "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;

  --radius-none: 0;
  --radius-sm: 2px;
  --radius-md: 4px;

  --container: 1180px;

  --shadow-card-dark: 0 24px 80px rgba(0, 0, 0, .28);
  --shadow-card-light: 0 22px 70px rgba(38, 57, 75, .14);

  --speed-fast: 160ms;
  --speed: 240ms;
}

/* Dark Intelligence */
html,
html[data-theme="dark"] {
  --bg: #06101a;
  --bg-2: #0a1622;
  --bg-3: #0d1d2c;

  --surface: rgba(8, 19, 30, .82);
  --surface-2: rgba(11, 25, 38, .9);
  --surface-3: rgba(13, 31, 48, .72);

  --text: #eaf4ff;
  --text-soft: #a8bdd1;
  --text-muted: #71879b;
  --text-strong: #ffffff;

  --line: rgba(93, 170, 220, .22);
  --line-strong: rgba(93, 170, 220, .42);

  --cyan: #25b9ff;
  --cyan-soft: #8bdcff;
  --blue: #185b86;

  --gold: #d7ad5b;
  --gold-soft: #f0d28a;

  --danger: #ff6b6b;
  --warning: #e9b75f;
  --success: #55d99a;

  --hero-title: #eaf4ff;
  --hero-lead: #bad0e5;
}

/* Light Intelligence */
html[data-theme="light"] {
  --bg: #f2efe7;
  --bg-2: #e8eef1;
  --bg-3: #f8f5ee;

  --surface: rgba(255, 255, 255, .78);
  --surface-2: rgba(246, 248, 249, .92);
  --surface-3: rgba(255, 255, 255, .64);

  --text: #102235;
  --text-soft: #33485c;
  --text-muted: #657486;
  --text-strong: #061526;

  --line: rgba(28, 72, 104, .18);
  --line-strong: rgba(28, 72, 104, .34);

  --cyan: #1677a8;
  --cyan-soft: #2e9fd0;
  --blue: #244c73;

  --gold: #b9852d;
  --gold-soft: #d7ad5b;

  --danger: #b44242;
  --warning: #a76b18;
  --success: #247a51;

  --hero-title: #102235;
  --hero-lead: #33485c;
}

/* =========================================================
   2. BASE TYPOGRAPHY
   ========================================================= */

html {
  color-scheme: dark;
}

html[data-theme="light"] {
  color-scheme: light;
}

body {
  font-family: var(--font-body) !important;
  color: var(--text) !important;
  background:
    radial-gradient(circle at 8% 8%, rgba(37, 185, 255, .10), transparent 32%),
    radial-gradient(circle at 82% 12%, rgba(215, 173, 91, .07), transparent 30%),
    linear-gradient(180deg, var(--bg), var(--bg-2) 48%, var(--bg)) !important;
}

html[data-theme="light"] body {
  background:
    radial-gradient(circle at 8% 8%, rgba(46, 159, 208, .18), transparent 34%),
    radial-gradient(circle at 82% 12%, rgba(215, 173, 91, .17), transparent 30%),
    linear-gradient(180deg, var(--bg), var(--bg-2) 48%, var(--bg-3)) !important;
}

h1,
h2,
h3,
h4,
.record-card h3,
.card h3 {
  font-family: var(--font-display) !important;
  color: var(--text-strong) !important;
  letter-spacing: -.045em;
}

h1 {
  font-size: clamp(44px, 7vw, 92px) !important;
  line-height: .96 !important;
}

h2 {
  font-size: clamp(34px, 4.5vw, 56px) !important;
  line-height: 1.02 !important;
}

h3 {
  font-size: clamp(24px, 2.2vw, 30px) !important;
  line-height: 1.08 !important;
}

p,
li,
td,
th,
input,
textarea,
select {
  font-family: var(--font-body) !important;
}

.eyebrow,
.data-label,
.status-stamp,
.badge,
.tag,
.btn,
button,
.slot-param-chip span,
.metric small,
th {
  font-family: var(--font-mono) !important;
  text-transform: uppercase;
  letter-spacing: .12em;
}

.muted,
small,
.lead,
.record-card p {
  color: var(--text-soft) !important;
}

/* =========================================================
   3. LAYOUT
   ========================================================= */

.container {
  max-width: var(--container) !important;
}

.section {
  color: var(--text) !important;
}

.page-hero,
.hero {
  color: var(--text) !important;
}

.page-hero h1,
.hero h1 {
  color: var(--hero-title) !important;
  text-shadow: none !important;
}

.page-hero .lead,
.hero .lead {
  color: var(--hero-lead) !important;
}

/* Stronger light hero readability */
html[data-theme="light"] .hero,
html[data-theme="light"] .page-hero {
  background:
    linear-gradient(90deg, rgba(242, 239, 231, .96) 0%, rgba(242, 239, 231, .82) 48%, rgba(242, 239, 231, .54) 100%),
    radial-gradient(circle at 72% 22%, rgba(22, 119, 168, .16), transparent 34%) !important;
}

/* Dark hero contrast */
html[data-theme="dark"] .hero,
html[data-theme="dark"] .page-hero,
html:not([data-theme]) .hero,
html:not([data-theme]) .page-hero {
  background:
    linear-gradient(90deg, rgba(4, 10, 17, .95) 0%, rgba(4, 10, 17, .84) 45%, rgba(4, 10, 17, .48) 100%),
    radial-gradient(circle at 72% 22%, rgba(37, 185, 255, .14), transparent 34%) !important;
}

/* =========================================================
   4. HEADER / FOOTER
   ========================================================= */

.site-header,
header {
  background: rgba(5, 14, 23, .86) !important;
  border-bottom: 1px solid var(--line) !important;
  color: var(--text) !important;
  backdrop-filter: blur(18px);
}

html[data-theme="light"] .site-header,
html[data-theme="light"] header {
  background: rgba(248, 246, 239, .91) !important;
  color: var(--text) !important;
  border-bottom: 1px solid var(--line) !important;
}

.site-header a,
header a,
.footer a {
  color: var(--text-soft) !important;
  transition: color var(--speed-fast) ease, opacity var(--speed-fast) ease;
}

.site-header a:hover,
header a:hover,
.footer a:hover {
  color: var(--cyan) !important;
}

.footer {
  background: rgba(5, 14, 23, .92) !important;
  color: var(--text) !important;
  border-top: 1px solid var(--line) !important;
}

html[data-theme="light"] .footer {
  background: rgba(232, 229, 220, .92) !important;
  color: var(--text) !important;
}

/* =========================================================
   5. CARDS / PANELS
   ========================================================= */

.record-card,
.card,
.notice,
.empty-state,
.admin-card,
table {
  background: var(--surface) !important;
  color: var(--text) !important;
  border: 1px solid var(--line) !important;
  border-radius: var(--radius-sm) !important;
  box-shadow: var(--shadow-card-dark) !important;
}

html[data-theme="light"] .record-card,
html[data-theme="light"] .card,
html[data-theme="light"] .notice,
html[data-theme="light"] .empty-state,
html[data-theme="light"] .admin-card,
html[data-theme="light"] table {
  box-shadow: var(--shadow-card-light) !important;
}

.record-card:hover,
.card:hover {
  border-color: var(--line-strong) !important;
}

.data-label,
.eyebrow {
  color: var(--text-muted) !important;
}

.status-stamp,
.badge,
.tag {
  border: 1px solid var(--line-strong) !important;
  background: var(--surface-3) !important;
  color: var(--cyan-soft) !important;
}

.status-stamp.high,
.badge.high,
.tag.high {
  color: var(--danger) !important;
}

.status-stamp.medium,
.badge.medium,
.tag.medium {
  color: var(--warning) !important;
}

.status-stamp.ok,
.badge.ok,
.tag.ok,
.status-stamp.trusted,
.badge.trusted {
  color: var(--success) !important;
}

/* =========================================================
   6. BUTTONS
   ========================================================= */

.btn,
button,
input[type="submit"],
input[type="button"] {
  min-height: 42px;
  padding: 0 18px !important;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 10px;
  border-radius: var(--radius-sm) !important;
  border: 1px solid var(--line) !important;
  background: rgba(10, 25, 38, .72) !important;
  color: var(--text) !important;
  font-size: 11px !important;
  line-height: 1 !important;
  transition: transform var(--speed-fast) ease, border-color var(--speed-fast) ease, background var(--speed-fast) ease;
}

html[data-theme="light"] .btn,
html[data-theme="light"] button,
html[data-theme="light"] input[type="submit"],
html[data-theme="light"] input[type="button"] {
  background: rgba(255, 255, 255, .72) !important;
  color: var(--text) !important;
}

.btn:hover,
button:hover {
  transform: translateY(-1px);
  border-color: var(--line-strong) !important;
}

.btn.primary,
button.primary {
  background: linear-gradient(135deg, #0e6f9d, #185b86) !important;
  border-color: rgba(37, 185, 255, .62) !important;
  color: #ffffff !important;
}

html[data-theme="light"] .btn.primary,
html[data-theme="light"] button.primary {
  background: linear-gradient(135deg, #244c73, #1677a8) !important;
  color: #ffffff !important;
}

/* =========================================================
   7. FORMS / SEARCH
   ========================================================= */

input,
textarea,
select {
  background: rgba(3, 11, 19, .74) !important;
  color: var(--text) !important;
  border: 1px solid var(--line) !important;
  border-radius: var(--radius-sm) !important;
}

html[data-theme="light"] input,
html[data-theme="light"] textarea,
html[data-theme="light"] select {
  background: rgba(255, 255, 255, .82) !important;
  color: var(--text) !important;
}

input::placeholder,
textarea::placeholder {
  color: var(--text-muted) !important;
}

/* =========================================================
   8. ICONS
   ========================================================= */

img[src*="/assets/icons/"],
svg {
  color: var(--cyan-soft);
}

.title-ico,
.inline-ico,
.card-ico,
.param-ico,
.metric-ico,
.ico,
.icon {
  width: 20px !important;
  height: 20px !important;
  min-width: 20px !important;
  min-height: 20px !important;
  object-fit: contain !important;
}

/* =========================================================
   9. SLOT PARAMS
   ========================================================= */

.record-card .slot-param-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px !important;
  margin: 18px 0 !important;
}

.record-card .slot-param-chip {
  display: grid !important;
  grid-template-columns: 24px minmax(0, 1fr) !important;
  grid-template-rows: auto auto !important;
  column-gap: 10px !important;
  row-gap: 3px !important;
  align-items: center !important;
  min-height: 64px !important;
  padding: 13px 14px !important;
  background: var(--surface-2) !important;
  border: 1px solid var(--line) !important;
  overflow: hidden !important;
}

.record-card .slot-param-chip img.slot-param-icon,
.record-card .slot-param-chip img[src*="/assets/icons/slots/"] {
  grid-column: 1 !important;
  grid-row: 1 / span 2 !important;
  width: 18px !important;
  height: 18px !important;
  min-width: 18px !important;
  min-height: 18px !important;
  object-fit: contain !important;
  justify-self: center;
  align-self: center;
}

.record-card .slot-param-chip span {
  grid-column: 2 !important;
  grid-row: 1 !important;
  font-size: 8px !important;
  line-height: 1.1 !important;
  color: var(--text-muted) !important;
  white-space: normal !important;
  overflow: visible !important;
}

.record-card .slot-param-chip b {
  grid-column: 2 !important;
  grid-row: 2 !important;
  font-size: 13px !important;
  line-height: 1.15 !important;
  color: var(--text-strong) !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.record-card h3,
.record-card small.muted {
  display: flex !important;
  align-items: center !important;
  gap: 7px !important;
}

.record-card .card-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
}

/* =========================================================
   10. THEME TOGGLE
   ========================================================= */

.theme-toggle {
  position: fixed;
  right: 18px;
  bottom: 18px;
  z-index: 9999;
  width: 48px;
  height: 48px;
  border-radius: 999px !important;
  border: 1px solid var(--line-strong) !important;
  background: var(--surface-2) !important;
  color: var(--text) !important;
  box-shadow: var(--shadow-card-dark);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  backdrop-filter: blur(14px);
}

html[data-theme="light"] .theme-toggle {
  box-shadow: var(--shadow-card-light);
}

/* =========================================================
   11. RESPONSIVE
   ========================================================= */

@media (max-width: 980px) {
  .record-card .slot-param-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 520px) {
  .record-card .slot-param-grid {
    grid-template-columns: 1fr !important;
  }

  h1 {
    font-size: clamp(40px, 13vw, 54px) !important;
  }
}


/* CASINO_RADAR_DESIGN_SYSTEM_V2_CONTRAST */

/* =========================================================
   LIGHT MODE STRATEGY
   Header/footer/forms may be light.
   Hero remains dark intelligence background, so hero text must stay light.
   Content cards become readable ivory/white dossier cards.
   ========================================================= */

/* 1. Hero readability in light mode */
html[data-theme="light"] .hero,
html[data-theme="light"] .page-hero {
  background:
    linear-gradient(90deg, rgba(4, 10, 17, .95) 0%, rgba(4, 10, 17, .84) 45%, rgba(4, 10, 17, .52) 100%),
    radial-gradient(circle at 72% 22%, rgba(37, 185, 255, .16), transparent 36%) !important;
  color: #eaf4ff !important;
}

html[data-theme="light"] .hero h1,
html[data-theme="light"] .page-hero h1,
html[data-theme="light"] .hero h2,
html[data-theme="light"] .page-hero h2 {
  color: #eaf4ff !important;
  opacity: 1 !important;
  text-shadow: 0 18px 70px rgba(0, 0, 0, .48) !important;
}

html[data-theme="light"] .hero .lead,
html[data-theme="light"] .page-hero .lead,
html[data-theme="light"] .hero p,
html[data-theme="light"] .page-hero p {
  color: #bad0e5 !important;
  opacity: 1 !important;
}

html[data-theme="light"] .hero .eyebrow,
html[data-theme="light"] .page-hero .eyebrow,
html[data-theme="light"] .hero .data-label,
html[data-theme="light"] .page-hero .data-label {
  color: #8bdcff !important;
  border-color: rgba(139, 220, 255, .32) !important;
}

/* 2. Light content sections */
html[data-theme="light"] .section {
  color: #102235 !important;
}

html[data-theme="light"] .section h1,
html[data-theme="light"] .section h2,
html[data-theme="light"] .section h3,
html[data-theme="light"] .section h4 {
  color: #102235 !important;
  opacity: 1 !important;
}

html[data-theme="light"] .section p,
html[data-theme="light"] .section li,
html[data-theme="light"] .section td,
html[data-theme="light"] .section th,
html[data-theme="light"] .section small,
html[data-theme="light"] .section .muted,
html[data-theme="light"] .section .lead {
  color: #33485c !important;
  opacity: 1 !important;
}

/* 3. Dossier/card readability in light mode */
html[data-theme="light"] .record-card,
html[data-theme="light"] .card,
html[data-theme="light"] .feature-card,
html[data-theme="light"] .method-card,
html[data-theme="light"] .registry-card,
html[data-theme="light"] .region-card,
html[data-theme="light"] .locale-card,
html[data-theme="light"] .country-card,
html[data-theme="light"] .dossier-card,
html[data-theme="light"] .trust-card,
html[data-theme="light"] .risk-card,
html[data-theme="light"] .signal-card,
html[data-theme="light"] .metric-card,
html[data-theme="light"] .hero-card,
html[data-theme="light"] .info-card {
  background: rgba(255, 255, 255, .82) !important;
  color: #102235 !important;
  border-color: rgba(28, 72, 104, .18) !important;
  box-shadow: 0 22px 70px rgba(38, 57, 75, .14) !important;
}

html[data-theme="light"] .record-card *,
html[data-theme="light"] .card *,
html[data-theme="light"] .feature-card *,
html[data-theme="light"] .method-card *,
html[data-theme="light"] .registry-card *,
html[data-theme="light"] .region-card *,
html[data-theme="light"] .locale-card *,
html[data-theme="light"] .country-card *,
html[data-theme="light"] .dossier-card *,
html[data-theme="light"] .trust-card *,
html[data-theme="light"] .risk-card *,
html[data-theme="light"] .signal-card *,
html[data-theme="light"] .metric-card *,
html[data-theme="light"] .hero-card *,
html[data-theme="light"] .info-card * {
  opacity: 1 !important;
}

html[data-theme="light"] .record-card h1,
html[data-theme="light"] .record-card h2,
html[data-theme="light"] .record-card h3,
html[data-theme="light"] .card h1,
html[data-theme="light"] .card h2,
html[data-theme="light"] .card h3,
html[data-theme="light"] .feature-card h3,
html[data-theme="light"] .method-card h3,
html[data-theme="light"] .registry-card h3,
html[data-theme="light"] .region-card h3,
html[data-theme="light"] .locale-card h3,
html[data-theme="light"] .country-card h3,
html[data-theme="light"] .dossier-card h3,
html[data-theme="light"] .trust-card h3,
html[data-theme="light"] .risk-card h3,
html[data-theme="light"] .signal-card h3,
html[data-theme="light"] .metric-card h3,
html[data-theme="light"] .hero-card h3,
html[data-theme="light"] .info-card h3 {
  color: #102235 !important;
}

html[data-theme="light"] .record-card p,
html[data-theme="light"] .card p,
html[data-theme="light"] .feature-card p,
html[data-theme="light"] .method-card p,
html[data-theme="light"] .registry-card p,
html[data-theme="light"] .region-card p,
html[data-theme="light"] .locale-card p,
html[data-theme="light"] .country-card p,
html[data-theme="light"] .dossier-card p,
html[data-theme="light"] .trust-card p,
html[data-theme="light"] .risk-card p,
html[data-theme="light"] .signal-card p,
html[data-theme="light"] .metric-card p,
html[data-theme="light"] .hero-card p,
html[data-theme="light"] .info-card p {
  color: #33485c !important;
}

/* 4. Timeline / rows inside light cards */
html[data-theme="light"] .case-timeline,
html[data-theme="light"] .case-timeline div,
html[data-theme="light"] .risk-row,
html[data-theme="light"] .signal-row,
html[data-theme="light"] .status-row,
html[data-theme="light"] .data-row {
  color: #33485c !important;
  background: rgba(255, 255, 255, .54) !important;
  border-color: rgba(28, 72, 104, .14) !important;
}

html[data-theme="light"] .case-timeline div::before {
  background: #b9852d !important;
}

/* 5. Metric chips in light mode */
html[data-theme="light"] .slot-param-chip,
html[data-theme="light"] .metric,
html[data-theme="light"] .metric-chip,
html[data-theme="light"] .stat,
html[data-theme="light"] .stat-card {
  background: rgba(255, 255, 255, .74) !important;
  border-color: rgba(28, 72, 104, .16) !important;
}

html[data-theme="light"] .slot-param-chip span,
html[data-theme="light"] .metric small,
html[data-theme="light"] .stat small {
  color: #657486 !important;
}

html[data-theme="light"] .slot-param-chip b,
html[data-theme="light"] .metric b,
html[data-theme="light"] .stat b {
  color: #061526 !important;
}

/* 6. Buttons in light cards */
html[data-theme="light"] .record-card .btn,
html[data-theme="light"] .card .btn,
html[data-theme="light"] .feature-card .btn,
html[data-theme="light"] .method-card .btn,
html[data-theme="light"] .registry-card .btn,
html[data-theme="light"] .dossier-card .btn {
  background: rgba(255, 255, 255, .78) !important;
  color: #102235 !important;
  border-color: rgba(28, 72, 104, .22) !important;
}

html[data-theme="light"] .record-card .btn.primary,
html[data-theme="light"] .card .btn.primary,
html[data-theme="light"] .feature-card .btn.primary,
html[data-theme="light"] .method-card .btn.primary,
html[data-theme="light"] .registry-card .btn.primary,
html[data-theme="light"] .dossier-card .btn.primary {
  background: linear-gradient(135deg, #244c73, #1677a8) !important;
  color: #ffffff !important;
  border-color: rgba(22, 119, 168, .5) !important;
}

/* 7. Search panel readability */
html[data-theme="light"] .search-panel,
html[data-theme="light"] .hero-search,
html[data-theme="light"] .scan-panel {
  background: rgba(255, 255, 255, .12) !important;
  border-color: rgba(139, 220, 255, .26) !important;
}

html[data-theme="light"] .hero input,
html[data-theme="light"] .page-hero input {
  background: rgba(255, 255, 255, .86) !important;
  color: #102235 !important;
}

html[data-theme="light"] .hero input::placeholder,
html[data-theme="light"] .page-hero input::placeholder {
  color: #74879a !important;
}

/* 8. Theme toggle: technical, no emoji feel */
.theme-toggle {
  width: 68px !important;
  height: 38px !important;
  border-radius: 2px !important;
  font-family: var(--font-mono) !important;
  font-size: 10px !important;
  letter-spacing: .12em !important;
}

.theme-toggle span {
  font-size: 10px !important;
  line-height: 1 !important;
}

/* 9. Prevent washed-out white cards */
html[data-theme="light"] .record-card,
html[data-theme="light"] .card,
html[data-theme="light"] .feature-card,
html[data-theme="light"] .method-card {
  backdrop-filter: blur(10px);
}

/* 10. Header in light mode should be clean but not huge */
html[data-theme="light"] .site-header,
html[data-theme="light"] header {
  background: rgba(242, 239, 231, .94) !important;
  box-shadow: 0 10px 34px rgba(30, 45, 60, .08) !important;
}


/* CASINO_RADAR_DESIGN_SYSTEM_V3_HOME_FIX */

/* Homepage often uses custom classes, so force readable hero and cards there too. */
html[data-theme="light"] body .bg-radar,
html[data-theme="light"] body.bg-radar {
  background:
    radial-gradient(circle at 12% 8%, rgba(22,119,168,.14), transparent 35%),
    linear-gradient(180deg, #f2efe7, #e8eef1 52%, #f8f5ee) !important;
}

/* Keep top hero dark/readable in light mode if it has the radar/shield background. */
html[data-theme="light"] main > section:first-child,
html[data-theme="light"] .hero-section,
html[data-theme="light"] .home-hero,
html[data-theme="light"] .landing-hero {
  color: #eaf4ff !important;
}

html[data-theme="light"] main > section:first-child h1,
html[data-theme="light"] .hero-section h1,
html[data-theme="light"] .home-hero h1,
html[data-theme="light"] .landing-hero h1 {
  color: #eaf4ff !important;
  opacity: 1 !important;
  text-shadow: 0 20px 80px rgba(0,0,0,.55) !important;
}

html[data-theme="light"] main > section:first-child p,
html[data-theme="light"] main > section:first-child .lead,
html[data-theme="light"] .hero-section p,
html[data-theme="light"] .home-hero p,
html[data-theme="light"] .landing-hero p {
  color: #bad0e5 !important;
  opacity: 1 !important;
}

/* White cards must always have dark text. */
html[data-theme="light"] [class*="card"],
html[data-theme="light"] [class*="panel"],
html[data-theme="light"] [class*="dossier"],
html[data-theme="light"] [class*="registry"],
html[data-theme="light"] [class*="locale"],
html[data-theme="light"] [class*="country"],
html[data-theme="light"] [class*="method"] {
  color: #102235 !important;
}

html[data-theme="light"] [class*="card"] h1,
html[data-theme="light"] [class*="card"] h2,
html[data-theme="light"] [class*="card"] h3,
html[data-theme="light"] [class*="panel"] h1,
html[data-theme="light"] [class*="panel"] h2,
html[data-theme="light"] [class*="panel"] h3,
html[data-theme="light"] [class*="dossier"] h1,
html[data-theme="light"] [class*="dossier"] h2,
html[data-theme="light"] [class*="dossier"] h3,
html[data-theme="light"] [class*="registry"] h1,
html[data-theme="light"] [class*="registry"] h2,
html[data-theme="light"] [class*="registry"] h3,
html[data-theme="light"] [class*="locale"] h1,
html[data-theme="light"] [class*="locale"] h2,
html[data-theme="light"] [class*="locale"] h3,
html[data-theme="light"] [class*="country"] h1,
html[data-theme="light"] [class*="country"] h2,
html[data-theme="light"] [class*="country"] h3,
html[data-theme="light"] [class*="method"] h1,
html[data-theme="light"] [class*="method"] h2,
html[data-theme="light"] [class*="method"] h3 {
  color: #102235 !important;
  opacity: 1 !important;
}

html[data-theme="light"] [class*="card"] p,
html[data-theme="light"] [class*="panel"] p,
html[data-theme="light"] [class*="dossier"] p,
html[data-theme="light"] [class*="registry"] p,
html[data-theme="light"] [class*="locale"] p,
html[data-theme="light"] [class*="country"] p,
html[data-theme="light"] [class*="method"] p {
  color: #33485c !important;
  opacity: 1 !important;
}

/* But dark cards inside light page stay dark with light text. */
html[data-theme="light"] .dark-card,
html[data-theme="light"] .radar-card,
html[data-theme="light"] .scan-card,
html[data-theme="light"] .region-card {
  background: rgba(7, 18, 30, .88) !important;
  color: #eaf4ff !important;
}

html[data-theme="light"] .dark-card h1,
html[data-theme="light"] .dark-card h2,
html[data-theme="light"] .dark-card h3,
html[data-theme="light"] .radar-card h1,
html[data-theme="light"] .radar-card h2,
html[data-theme="light"] .radar-card h3,
html[data-theme="light"] .scan-card h1,
html[data-theme="light"] .scan-card h2,
html[data-theme="light"] .scan-card h3,
html[data-theme="light"] .region-card h1,
html[data-theme="light"] .region-card h2,
html[data-theme="light"] .region-card h3 {
  color: #eaf4ff !important;
}

html[data-theme="light"] .dark-card p,
html[data-theme="light"] .radar-card p,
html[data-theme="light"] .scan-card p,
html[data-theme="light"] .region-card p {
  color: #bad0e5 !important;
}


/* CASINO_RADAR_DESIGN_SYSTEM_V4_LIGHT_POLISH_NO_ADMIN */

/* Light page base: cleaner ivory/steel, less dirty gray */
html[data-theme="light"] body {
  background:
    radial-gradient(circle at 14% 8%, rgba(22,119,168,.09), transparent 34%),
    radial-gradient(circle at 82% 18%, rgba(215,173,91,.10), transparent 30%),
    linear-gradient(180deg, #f4f1e9 0%, #e9eef1 48%, #f5f2ea 100%) !important;
}

/* White dossier cards: clearer, less flat */
html[data-theme="light"] .record-card,
html[data-theme="light"] .card,
html[data-theme="light"] .feature-card,
html[data-theme="light"] .method-card,
html[data-theme="light"] .registry-card,
html[data-theme="light"] .dossier-card,
html[data-theme="light"] .trust-card,
html[data-theme="light"] .risk-card,
html[data-theme="light"] .signal-card,
html[data-theme="light"] .guide-card,
html[data-theme="light"] .complaint-card,
html[data-theme="light"] .streamer-card,
html[data-theme="light"] .country-card,
html[data-theme="light"] .kpi-card-v9 {
  background:
    linear-gradient(135deg, rgba(255,255,255,.96), rgba(243,246,248,.90)) !important;
  color: #102235 !important;
  border: 1px solid rgba(28,72,104,.22) !important;
  box-shadow:
    0 22px 64px rgba(24,42,58,.16),
    inset 0 1px 0 rgba(255,255,255,.72) !important;
}

/* White card text: force readable dark */
html[data-theme="light"] .record-card h1,
html[data-theme="light"] .record-card h2,
html[data-theme="light"] .record-card h3,
html[data-theme="light"] .card h1,
html[data-theme="light"] .card h2,
html[data-theme="light"] .card h3,
html[data-theme="light"] .feature-card h3,
html[data-theme="light"] .method-card h3,
html[data-theme="light"] .registry-card h3,
html[data-theme="light"] .dossier-card h3,
html[data-theme="light"] .trust-card h3,
html[data-theme="light"] .risk-card h3,
html[data-theme="light"] .signal-card h3,
html[data-theme="light"] .guide-card h3,
html[data-theme="light"] .complaint-card h3,
html[data-theme="light"] .streamer-card h3,
html[data-theme="light"] .country-card h3 {
  color: #102235 !important;
  opacity: 1 !important;
}

html[data-theme="light"] .record-card p,
html[data-theme="light"] .card p,
html[data-theme="light"] .feature-card p,
html[data-theme="light"] .method-card p,
html[data-theme="light"] .registry-card p,
html[data-theme="light"] .dossier-card p,
html[data-theme="light"] .trust-card p,
html[data-theme="light"] .risk-card p,
html[data-theme="light"] .signal-card p,
html[data-theme="light"] .guide-card p,
html[data-theme="light"] .complaint-card p,
html[data-theme="light"] .streamer-card p,
html[data-theme="light"] .country-card p,
html[data-theme="light"] .record-card li,
html[data-theme="light"] .card li {
  color: #33485c !important;
  opacity: 1 !important;
}

/* Labels on white cards: visible but still technical */
html[data-theme="light"] .record-card .data-label,
html[data-theme="light"] .record-card .eyebrow,
html[data-theme="light"] .card .data-label,
html[data-theme="light"] .card .eyebrow,
html[data-theme="light"] .feature-card .data-label,
html[data-theme="light"] .method-card .data-label,
html[data-theme="light"] .guide-card .data-label {
  color: #6f8192 !important;
  opacity: 1 !important;
}

/* Metric chips inside white cards */
html[data-theme="light"] .slot-param-chip,
html[data-theme="light"] .metric,
html[data-theme="light"] .metric-chip,
html[data-theme="light"] .stat,
html[data-theme="light"] .stat-card {
  background: rgba(255,255,255,.80) !important;
  color: #102235 !important;
  border-color: rgba(28,72,104,.18) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.65) !important;
}

html[data-theme="light"] .slot-param-chip span,
html[data-theme="light"] .metric span,
html[data-theme="light"] .metric small,
html[data-theme="light"] .stat small {
  color: #657486 !important;
  opacity: 1 !important;
}

html[data-theme="light"] .slot-param-chip b,
html[data-theme="light"] .metric b,
html[data-theme="light"] .stat b {
  color: #061526 !important;
  opacity: 1 !important;
}

/* Dark locale/region cards in light mode: keep dark background, force light text */
html[data-theme="light"] .region-card,
html[data-theme="light"] .locale-card,
html[data-theme="light"] .locale-tile,
html[data-theme="light"] .region-tile,
html[data-theme="light"] .scan-card,
html[data-theme="light"] .radar-card,
html[data-theme="light"] .dark-card,
html[data-theme="light"] [class*="region"][class*="card"],
html[data-theme="light"] [class*="locale"][class*="card"] {
  background:
    radial-gradient(circle at 72% 20%, rgba(37,185,255,.12), transparent 42%),
    linear-gradient(135deg, rgba(6,16,26,.96), rgba(10,28,43,.94)) !important;
  color: #eaf4ff !important;
  border-color: rgba(93,170,220,.38) !important;
  box-shadow: 0 24px 70px rgba(7,18,30,.28) !important;
}

html[data-theme="light"] .region-card *,
html[data-theme="light"] .locale-card *,
html[data-theme="light"] .locale-tile *,
html[data-theme="light"] .region-tile *,
html[data-theme="light"] .scan-card *,
html[data-theme="light"] .radar-card *,
html[data-theme="light"] .dark-card * {
  opacity: 1 !important;
}

html[data-theme="light"] .region-card h1,
html[data-theme="light"] .region-card h2,
html[data-theme="light"] .region-card h3,
html[data-theme="light"] .locale-card h1,
html[data-theme="light"] .locale-card h2,
html[data-theme="light"] .locale-card h3,
html[data-theme="light"] .locale-tile h1,
html[data-theme="light"] .locale-tile h2,
html[data-theme="light"] .locale-tile h3,
html[data-theme="light"] .region-tile h1,
html[data-theme="light"] .region-tile h2,
html[data-theme="light"] .region-tile h3,
html[data-theme="light"] .scan-card h1,
html[data-theme="light"] .scan-card h2,
html[data-theme="light"] .scan-card h3,
html[data-theme="light"] .radar-card h1,
html[data-theme="light"] .radar-card h2,
html[data-theme="light"] .radar-card h3,
html[data-theme="light"] .dark-card h1,
html[data-theme="light"] .dark-card h2,
html[data-theme="light"] .dark-card h3 {
  color: #eaf4ff !important;
}

html[data-theme="light"] .region-card p,
html[data-theme="light"] .locale-card p,
html[data-theme="light"] .locale-tile p,
html[data-theme="light"] .region-tile p,
html[data-theme="light"] .scan-card p,
html[data-theme="light"] .radar-card p,
html[data-theme="light"] .dark-card p,
html[data-theme="light"] .region-card a,
html[data-theme="light"] .locale-card a,
html[data-theme="light"] .locale-tile a,
html[data-theme="light"] .region-tile a {
  color: #bad0e5 !important;
}

/* Timeline rows inside dark region card: avoid white washed bars */
html[data-theme="light"] .region-card .case-timeline,
html[data-theme="light"] .locale-card .case-timeline,
html[data-theme="light"] .scan-card .case-timeline,
html[data-theme="light"] .dark-card .case-timeline {
  background: transparent !important;
}

html[data-theme="light"] .region-card .case-timeline div,
html[data-theme="light"] .locale-card .case-timeline div,
html[data-theme="light"] .scan-card .case-timeline div,
html[data-theme="light"] .dark-card .case-timeline div {
  background: rgba(255,255,255,.06) !important;
  color: #d7e8f6 !important;
  border-color: rgba(93,170,220,.18) !important;
}

/* Complaints: remove overly dark inner slab on light card */
html[data-theme="light"] .complaint-card [class*="case"],
html[data-theme="light"] .record-card.complaint-card [class*="case"] {
  color: #102235 !important;
}

html[data-theme="light"] .complaint-card .case-main,
html[data-theme="light"] .complaint-card .case-body,
html[data-theme="light"] .complaint-card [class*="case-main"],
html[data-theme="light"] .complaint-card [class*="case-body"] {
  background: transparent !important;
  color: #102235 !important;
}

/* Light footer clearer */
html[data-theme="light"] .footer {
  background: #e7e3d8 !important;
  border-top: 1px solid rgba(28,72,104,.14) !important;
}

html[data-theme="light"] .footer h3,
html[data-theme="light"] .footer strong,
html[data-theme="light"] .footer p,
html[data-theme="light"] .footer a {
  color: #102235 !important;
  opacity: 1 !important;
}


/* CASINO_RADAR_DESIGN_SYSTEM_V5_OPENAI_LIGHT */

/* =========================================================
   LIGHT MODE — OPENAI-LIKE CLEAN UI
   ========================================================= */

html[data-theme="light"] {
  --bg: #f5f5f2;
  --bg-2: #f8f8f6;
  --bg-3: #efefe9;

  --surface: #ffffff;
  --surface-2: #fbfbf9;
  --surface-3: #f2f2ee;

  --text: #334155;
  --text-soft: #475569;
  --text-muted: #64748b;
  --text-strong: #16202a;

  --line: #d8d8d1;
  --line-strong: #c8c8bf;

  --cyan: #0f6cbd;
  --cyan-soft: #2563eb;
  --blue: #115ea3;

  --gold: #b7791f;
  --gold-soft: #f4e1b2;

  --danger: #c24141;
  --warning: #b7791f;
  --success: #1f8f5f;
}

/* Page background */
html[data-theme="light"] body {
  background:
    linear-gradient(180deg, #f7f7f4 0%, #f1f1ed 48%, #f7f7f4 100%) !important;
  color: var(--text) !important;
}

/* =========================================================
   HERO / TOP BLOCKS — MAKE THEM LIGHT
   ========================================================= */

html[data-theme="light"] .page-hero,
html[data-theme="light"] .hero,
html[data-theme="light"] main > section:first-child {
  background:
    linear-gradient(180deg, rgba(250,250,248,.96), rgba(243,243,239,.96)) !important;
  color: var(--text) !important;
  border-bottom: 1px solid var(--line) !important;
}

html[data-theme="light"] .page-hero h1,
html[data-theme="light"] .hero h1,
html[data-theme="light"] main > section:first-child h1 {
  color: var(--text-strong) !important;
  text-shadow: none !important;
}

html[data-theme="light"] .page-hero p,
html[data-theme="light"] .hero p,
html[data-theme="light"] .page-hero .lead,
html[data-theme="light"] .hero .lead,
html[data-theme="light"] main > section:first-child p {
  color: var(--text-soft) !important;
}

html[data-theme="light"] .page-hero .eyebrow,
html[data-theme="light"] .hero .eyebrow,
html[data-theme="light"] .page-hero .data-label,
html[data-theme="light"] .hero .data-label {
  color: #486173 !important;
  border-color: #cfd8df !important;
  background: #f8fafc !important;
}

/* Remove dark glow feeling in light mode */
html[data-theme="light"] .page-hero::before,
html[data-theme="light"] .hero::before,
html[data-theme="light"] .page-hero::after,
html[data-theme="light"] .hero::after {
  display: none !important;
}

/* =========================================================
   KPI / FILTER / SEARCH BLOCKS — ALSO LIGHT
   ========================================================= */

html[data-theme="light"] .filterbar,
html[data-theme="light"] .kpi-strip,
html[data-theme="light"] .scan-panel,
html[data-theme="light"] .search-panel,
html[data-theme="light"] .hero-search {
  background: rgba(255,255,255,.9) !important;
  color: var(--text) !important;
  border: 1px solid var(--line) !important;
  box-shadow: 0 8px 28px rgba(20, 20, 20, .04) !important;
}

html[data-theme="light"] .filterbar h1,
html[data-theme="light"] .filterbar h2,
html[data-theme="light"] .filterbar h3,
html[data-theme="light"] .kpi-strip h1,
html[data-theme="light"] .kpi-strip h2,
html[data-theme="light"] .kpi-strip h3,
html[data-theme="light"] .scan-panel h1,
html[data-theme="light"] .scan-panel h2,
html[data-theme="light"] .scan-panel h3 {
  color: var(--text-strong) !important;
}

html[data-theme="light"] .filterbar p,
html[data-theme="light"] .kpi-strip p,
html[data-theme="light"] .scan-panel p,
html[data-theme="light"] .search-panel p {
  color: var(--text-soft) !important;
}

html[data-theme="light"] .filterbar input,
html[data-theme="light"] .filterbar select,
html[data-theme="light"] .scan-panel input,
html[data-theme="light"] .scan-panel select,
html[data-theme="light"] .search-panel input {
  background: #ffffff !important;
  color: var(--text-strong) !important;
  border: 1px solid var(--line) !important;
}

/* KPI number cards */
html[data-theme="light"] .kpi-strip .card,
html[data-theme="light"] .kpi-strip .metric,
html[data-theme="light"] .kpi-strip .stat-card {
  background: #ffffff !important;
  border: 1px solid var(--line) !important;
  color: var(--text-strong) !important;
}

/* =========================================================
   WHITE CARDS — CLEANER AND CLEARER
   ========================================================= */

html[data-theme="light"] .record-card,
html[data-theme="light"] .card,
html[data-theme="light"] .feature-card,
html[data-theme="light"] .method-card,
html[data-theme="light"] .registry-card,
html[data-theme="light"] .dossier-card,
html[data-theme="light"] .trust-card,
html[data-theme="light"] .risk-card,
html[data-theme="light"] .signal-card,
html[data-theme="light"] .guide-card,
html[data-theme="light"] .complaint-card,
html[data-theme="light"] .streamer-card,
html[data-theme="light"] .country-card,
html[data-theme="light"] .kpi-card-v9 {
  background: #ffffff !important;
  color: var(--text) !important;
  border: 1px solid #d7d7d0 !important;
  box-shadow: 0 10px 30px rgba(18, 18, 18, .05) !important;
}

html[data-theme="light"] .record-card h1,
html[data-theme="light"] .record-card h2,
html[data-theme="light"] .record-card h3,
html[data-theme="light"] .card h1,
html[data-theme="light"] .card h2,
html[data-theme="light"] .card h3,
html[data-theme="light"] .guide-card h3,
html[data-theme="light"] .country-card h3,
html[data-theme="light"] .streamer-card h3,
html[data-theme="light"] .complaint-card h3 {
  color: var(--text-strong) !important;
}

html[data-theme="light"] .record-card p,
html[data-theme="light"] .card p,
html[data-theme="light"] .guide-card p,
html[data-theme="light"] .country-card p,
html[data-theme="light"] .streamer-card p,
html[data-theme="light"] .complaint-card p,
html[data-theme="light"] .record-card li,
html[data-theme="light"] .card li {
  color: var(--text-soft) !important;
}

/* Technical labels */
html[data-theme="light"] .record-card .eyebrow,
html[data-theme="light"] .record-card .data-label,
html[data-theme="light"] .card .eyebrow,
html[data-theme="light"] .card .data-label {
  color: #71808f !important;
}

/* =========================================================
   STATUS / BADGES — HIGHER CONTRAST ON WHITE
   ========================================================= */

html[data-theme="light"] .status-stamp,
html[data-theme="light"] .badge,
html[data-theme="light"] .tag {
  background: #f8fafc !important;
  border: 1px solid #dbe2ea !important;
  color: #486173 !important;
  opacity: 1 !important;
}

/* success / trusted / payout verified */
html[data-theme="light"] .status-stamp.ok,
html[data-theme="light"] .status-stamp.trusted,
html[data-theme="light"] .badge.ok,
html[data-theme="light"] .badge.trusted,
html[data-theme="light"] .tag.ok,
html[data-theme="light"] .tag.trusted,
html[data-theme="light"] .status-success,
html[data-theme="light"] .badge-success {
  background: #e7f6ee !important;
  border-color: #9fd3b7 !important;
  color: #1f8f5f !important;
}

/* warning / watchlist / medium */
html[data-theme="light"] .status-stamp.medium,
html[data-theme="light"] .badge.medium,
html[data-theme="light"] .tag.medium,
html[data-theme="light"] .status-warning,
html[data-theme="light"] .badge-warning,
html[data-theme="light"] .watchlist {
  background: #fdf3df !important;
  border-color: #e9c980 !important;
  color: #9a6518 !important;
}

/* high risk / danger */
html[data-theme="light"] .status-stamp.high,
html[data-theme="light"] .badge.high,
html[data-theme="light"] .tag.high,
html[data-theme="light"] .status-danger,
html[data-theme="light"] .badge-danger,
html[data-theme="light"] .high-risk {
  background: #fde8e8 !important;
  border-color: #efb0b0 !important;
  color: #b23a3a !important;
}

/* info / locale code / neutral blue */
html[data-theme="light"] .status-info,
html[data-theme="light"] .badge-info,
html[data-theme="light"] .tag-info,
html[data-theme="light"] .locale-code,
html[data-theme="light"] .country-code {
  background: #eaf3ff !important;
  border-color: #b8d3f7 !important;
  color: #2563eb !important;
}

/* =========================================================
   BUTTONS
   ========================================================= */

html[data-theme="light"] .btn,
html[data-theme="light"] button,
html[data-theme="light"] input[type="submit"],
html[data-theme="light"] input[type="button"] {
  background: #ffffff !important;
  color: var(--text-strong) !important;
  border: 1px solid var(--line) !important;
}

html[data-theme="light"] .btn.primary,
html[data-theme="light"] button.primary {
  background: #0f6cbd !important;
  color: #ffffff !important;
  border-color: #0f6cbd !important;
}

html[data-theme="light"] .btn.primary:hover,
html[data-theme="light"] button.primary:hover {
  background: #115ea3 !important;
  border-color: #115ea3 !important;
}

/* =========================================================
   FOOTER
   ========================================================= */

html[data-theme="light"] .footer {
  background: #ecebe5 !important;
  border-top: 1px solid var(--line) !important;
}

html[data-theme="light"] .footer h3,
html[data-theme="light"] .footer strong,
html[data-theme="light"] .footer p,
html[data-theme="light"] .footer a {
  color: var(--text-strong) !important;
}

/* =========================================================
   OPTIONAL: make dark region cards also white in light mode
   ========================================================= */

html[data-theme="light"] .region-card,
html[data-theme="light"] .locale-card,
html[data-theme="light"] .locale-tile,
html[data-theme="light"] .region-tile,
html[data-theme="light"] .scan-card,
html[data-theme="light"] .radar-card,
html[data-theme="light"] .dark-card,
html[data-theme="light"] [class*="region"][class*="card"],
html[data-theme="light"] [class*="locale"][class*="card"] {
  background: #ffffff !important;
  color: var(--text) !important;
  border: 1px solid #d7d7d0 !important;
  box-shadow: 0 10px 30px rgba(18,18,18,.05) !important;
}

html[data-theme="light"] .region-card h1,
html[data-theme="light"] .region-card h2,
html[data-theme="light"] .region-card h3,
html[data-theme="light"] .locale-card h1,
html[data-theme="light"] .locale-card h2,
html[data-theme="light"] .locale-card h3,
html[data-theme="light"] .locale-tile h1,
html[data-theme="light"] .locale-tile h2,
html[data-theme="light"] .locale-tile h3,
html[data-theme="light"] .region-tile h1,
html[data-theme="light"] .region-tile h2,
html[data-theme="light"] .region-tile h3 {
  color: var(--text-strong) !important;
}

html[data-theme="light"] .region-card p,
html[data-theme="light"] .locale-card p,
html[data-theme="light"] .locale-tile p,
html[data-theme="light"] .region-tile p,
html[data-theme="light"] .region-card a,
html[data-theme="light"] .locale-card a,
html[data-theme="light"] .locale-tile a,
html[data-theme="light"] .region-tile a {
  color: var(--text-soft) !important;
}


/* CASINO_RADAR_DESIGN_SYSTEM_V6_CLEAN_LIGHT */

/* Light mode should be white-first, no dark texture sections */
html[data-theme="light"] body,
html[data-theme="light"] body.bg-radar {
  background: #f7f7f4 !important;
  color: #17202b !important;
}

/* Hide cinematic dark effects in light mode */
html[data-theme="light"] .radar-circles,
html[data-theme="light"] .grain-overlay,
html[data-theme="light"] .scan-line,
html[data-theme="light"] .glow-point {
  opacity: 0 !important;
  display: none !important;
}

/* Every main section becomes light unless explicitly overridden */
html[data-theme="light"] main,
html[data-theme="light"] main > section,
html[data-theme="light"] .section {
  background: #f7f7f4 !important;
  color: #17202b !important;
}

/* Alternate sections: very soft gray, not dark */
html[data-theme="light"] main > section:nth-child(even) {
  background: #efefea !important;
}

/* Hero/top blocks: white clean */
html[data-theme="light"] .page-hero,
html[data-theme="light"] .hero,
html[data-theme="light"] main > section:first-child {
  background:
    linear-gradient(180deg, #fbfbf8 0%, #f4f4ef 100%) !important;
  color: #17202b !important;
  border-bottom: 1px solid #deded7 !important;
}

html[data-theme="light"] .page-hero h1,
html[data-theme="light"] .hero h1,
html[data-theme="light"] main > section:first-child h1 {
  color: #111827 !important;
  text-shadow: none !important;
}

html[data-theme="light"] .page-hero p,
html[data-theme="light"] .hero p,
html[data-theme="light"] .page-hero .lead,
html[data-theme="light"] .hero .lead,
html[data-theme="light"] main > section:first-child p,
html[data-theme="light"] main > section:first-child .lead {
  color: #334155 !important;
  opacity: 1 !important;
}

/* Eyebrow labels */
html[data-theme="light"] .eyebrow,
html[data-theme="light"] .data-label {
  color: #526171 !important;
  background: #ffffff !important;
  border-color: #d7dce2 !important;
}

/* Search / scan blocks: remove black interiors */
html[data-theme="light"] .search-panel,
html[data-theme="light"] .command-panel,
html[data-theme="light"] .hero-search,
html[data-theme="light"] .scan-panel,
html[data-theme="light"] .searchbox,
html[data-theme="light"] .filterbar,
html[data-theme="light"] .kpi-strip {
  background: #ffffff !important;
  color: #17202b !important;
  border: 1px solid #d8d8d1 !important;
  box-shadow: 0 10px 30px rgba(18,18,18,.05) !important;
}

html[data-theme="light"] .searchbox span,
html[data-theme="light"] .search-panel span,
html[data-theme="light"] .scan-panel span,
html[data-theme="light"] .filterbar span {
  color: #526171 !important;
}

html[data-theme="light"] input,
html[data-theme="light"] select,
html[data-theme="light"] textarea {
  background: #ffffff !important;
  color: #17202b !important;
  border: 1px solid #d8d8d1 !important;
}

html[data-theme="light"] input::placeholder,
html[data-theme="light"] textarea::placeholder {
  color: #7b8794 !important;
}

/* Chips under search */
html[data-theme="light"] .chip,
html[data-theme="light"] .chips button {
  background: #ffffff !important;
  color: #17202b !important;
  border: 1px solid #d8d8d1 !important;
}

/* Dark feature row on homepage -> white cards */
html[data-theme="light"] .feature-row,
html[data-theme="light"] .trust-row,
html[data-theme="light"] .home-feature-row,
html[data-theme="light"] .signal-strip,
html[data-theme="light"] .trust-strip,
html[data-theme="light"] .risk-strip,
html[data-theme="light"] .info-strip {
  background: transparent !important;
}

html[data-theme="light"] .feature-row > *,
html[data-theme="light"] .trust-row > *,
html[data-theme="light"] .home-feature-row > *,
html[data-theme="light"] .signal-strip > *,
html[data-theme="light"] .trust-strip > *,
html[data-theme="light"] .risk-strip > *,
html[data-theme="light"] .info-strip > * {
  background: #ffffff !important;
  color: #17202b !important;
  border: 1px solid #d8d8d1 !important;
}

/* Generic dark blocks that still appear in light mode */
html[data-theme="light"] [class*="dark"],
html[data-theme="light"] [class*="black"],
html[data-theme="light"] [class*="slab"] {
  color: #17202b !important;
}

/* Cards: stable white, sharper text */
html[data-theme="light"] .record-card,
html[data-theme="light"] .card,
html[data-theme="light"] .feature-card,
html[data-theme="light"] .method-card,
html[data-theme="light"] .registry-card,
html[data-theme="light"] .dossier-card,
html[data-theme="light"] .trust-card,
html[data-theme="light"] .risk-card,
html[data-theme="light"] .signal-card,
html[data-theme="light"] .guide-card,
html[data-theme="light"] .complaint-card,
html[data-theme="light"] .streamer-card,
html[data-theme="light"] .country-card,
html[data-theme="light"] .locale-card,
html[data-theme="light"] .region-card,
html[data-theme="light"] .kpi-card-v9 {
  background: #ffffff !important;
  color: #17202b !important;
  border: 1px solid #d8d8d1 !important;
  box-shadow: 0 10px 30px rgba(18,18,18,.05) !important;
}

html[data-theme="light"] .record-card h1,
html[data-theme="light"] .record-card h2,
html[data-theme="light"] .record-card h3,
html[data-theme="light"] .card h1,
html[data-theme="light"] .card h2,
html[data-theme="light"] .card h3,
html[data-theme="light"] .feature-card h3,
html[data-theme="light"] .method-card h3,
html[data-theme="light"] .registry-card h3,
html[data-theme="light"] .dossier-card h3,
html[data-theme="light"] .trust-card h3,
html[data-theme="light"] .risk-card h3,
html[data-theme="light"] .signal-card h3,
html[data-theme="light"] .guide-card h3,
html[data-theme="light"] .complaint-card h3,
html[data-theme="light"] .streamer-card h3,
html[data-theme="light"] .country-card h3,
html[data-theme="light"] .locale-card h3,
html[data-theme="light"] .region-card h3 {
  color: #111827 !important;
  opacity: 1 !important;
}

html[data-theme="light"] .record-card p,
html[data-theme="light"] .card p,
html[data-theme="light"] .feature-card p,
html[data-theme="light"] .method-card p,
html[data-theme="light"] .registry-card p,
html[data-theme="light"] .dossier-card p,
html[data-theme="light"] .trust-card p,
html[data-theme="light"] .risk-card p,
html[data-theme="light"] .signal-card p,
html[data-theme="light"] .guide-card p,
html[data-theme="light"] .complaint-card p,
html[data-theme="light"] .streamer-card p,
html[data-theme="light"] .country-card p,
html[data-theme="light"] .locale-card p,
html[data-theme="light"] .region-card p,
html[data-theme="light"] .record-card li,
html[data-theme="light"] .card li {
  color: #334155 !important;
  opacity: 1 !important;
}

/* KPI cards */
html[data-theme="light"] .kpi-card-v9 small,
html[data-theme="light"] .kpi-card-v9 span {
  color: #64748b !important;
  opacity: 1 !important;
}

html[data-theme="light"] .kpi-card-v9 strong {
  color: #111827 !important;
  opacity: 1 !important;
}

/* Complaints: remove dark inner block completely */
html[data-theme="light"] .complaint-card [class*="case"],
html[data-theme="light"] .record-card [class*="case-main"],
html[data-theme="light"] .record-card [class*="case-body"],
html[data-theme="light"] .complaint-card [class*="case-main"],
html[data-theme="light"] .complaint-card [class*="case-body"] {
  background: transparent !important;
  color: #17202b !important;
  box-shadow: none !important;
}

html[data-theme="light"] .complaint-card [class*="case"] h1,
html[data-theme="light"] .complaint-card [class*="case"] h2,
html[data-theme="light"] .complaint-card [class*="case"] h3,
html[data-theme="light"] .complaint-card [class*="case"] p,
html[data-theme="light"] .complaint-card [class*="case"] span {
  color: #17202b !important;
  opacity: 1 !important;
}

/* Status colors: stronger on white */
html[data-theme="light"] .status-stamp,
html[data-theme="light"] .badge,
html[data-theme="light"] .tag {
  background: #f8fafc !important;
  border: 1px solid #cfd8e3 !important;
  color: #334155 !important;
  opacity: 1 !important;
}

html[data-theme="light"] .status-stamp.high,
html[data-theme="light"] .badge.high,
html[data-theme="light"] .tag.high,
html[data-theme="light"] .high-risk,
html[data-theme="light"] .status-danger,
html[data-theme="light"] .badge-danger {
  background: #fff1f1 !important;
  border-color: #e39a9a !important;
  color: #b42323 !important;
}

html[data-theme="light"] .status-stamp.medium,
html[data-theme="light"] .badge.medium,
html[data-theme="light"] .tag.medium,
html[data-theme="light"] .watchlist,
html[data-theme="light"] .status-warning,
html[data-theme="light"] .badge-warning {
  background: #fff7df !important;
  border-color: #e2bd5d !important;
  color: #8a5a12 !important;
}

html[data-theme="light"] .status-stamp.ok,
html[data-theme="light"] .status-stamp.trusted,
html[data-theme="light"] .badge.ok,
html[data-theme="light"] .badge.trusted,
html[data-theme="light"] .tag.ok,
html[data-theme="light"] .tag.trusted,
html[data-theme="light"] .status-success,
html[data-theme="light"] .badge-success {
  background: #e8f7ef !important;
  border-color: #8fcca9 !important;
  color: #167a4a !important;
}

html[data-theme="light"] .status-info,
html[data-theme="light"] .badge-info,
html[data-theme="light"] .tag-info,
html[data-theme="light"] .locale-code,
html[data-theme="light"] .country-code,
html[data-theme="light"] code {
  background: #edf6ff !important;
  border-color: #a8cdeb !important;
  color: #0f6cbd !important;
}

/* Timeline dots remain visible */
html[data-theme="light"] .case-timeline div::before,
html[data-theme="light"] .timeline div::before {
  background: #b7791f !important;
}

/* Topbar remains clean light */
html[data-theme="light"] .topbar,
html[data-theme="light"] .site-header,
html[data-theme="light"] header {
  background: #f2f0e8 !important;
  border-bottom: 1px solid #d8d8d1 !important;
}

/* Footer */
html[data-theme="light"] .footer {
  background: #ecebe5 !important;
  border-top: 1px solid #d8d8d1 !important;
}


/* CASINO_RADAR_DESIGN_SYSTEM_V7_FINAL_LIGHT_CLEAN */

/* =========================================================
   FINAL LIGHT MODE RULE:
   no dark/gray slabs in public content, only clean white cards
   ========================================================= */

html[data-theme="light"] body,
html[data-theme="light"] body.bg-radar,
html[data-theme="light"] main,
html[data-theme="light"] main > section,
html[data-theme="light"] .section {
  background: #f7f7f4 !important;
  color: #17202b !important;
}

/* Remove remaining texture/dark overlays */
html[data-theme="light"] .radar-circles,
html[data-theme="light"] .grain-overlay,
html[data-theme="light"] .scan-line,
html[data-theme="light"] .glow-point,
html[data-theme="light"] .bg-radar::before,
html[data-theme="light"] .bg-radar::after,
html[data-theme="light"] main > section::before,
html[data-theme="light"] main > section::after {
  opacity: 0 !important;
  display: none !important;
}

/* =========================================================
   HOME FEATURE STRIPS / DARK TILE ROWS -> WHITE
   ========================================================= */

html[data-theme="light"] .trust-tabs,
html[data-theme="light"] .trust-tab-row,
html[data-theme="light"] .proof-strip,
html[data-theme="light"] .proof-grid,
html[data-theme="light"] .feature-strip,
html[data-theme="light"] .feature-grid,
html[data-theme="light"] .feature-row,
html[data-theme="light"] .home-feature-row,
html[data-theme="light"] .signal-strip,
html[data-theme="light"] .trust-strip,
html[data-theme="light"] .risk-strip,
html[data-theme="light"] .info-strip {
  background: transparent !important;
  color: #17202b !important;
}

html[data-theme="light"] .trust-tabs > *,
html[data-theme="light"] .trust-tab-row > *,
html[data-theme="light"] .proof-strip > *,
html[data-theme="light"] .proof-grid > *,
html[data-theme="light"] .feature-strip > *,
html[data-theme="light"] .feature-grid > *,
html[data-theme="light"] .feature-row > *,
html[data-theme="light"] .home-feature-row > *,
html[data-theme="light"] .signal-strip > *,
html[data-theme="light"] .trust-strip > *,
html[data-theme="light"] .risk-strip > *,
html[data-theme="light"] .info-strip > * {
  background: #ffffff !important;
  color: #17202b !important;
  border: 1px solid #d8d8d1 !important;
  box-shadow: 0 8px 24px rgba(18,18,18,.04) !important;
}

html[data-theme="light"] .trust-tabs h1,
html[data-theme="light"] .trust-tabs h2,
html[data-theme="light"] .trust-tabs h3,
html[data-theme="light"] .trust-tab-row h1,
html[data-theme="light"] .trust-tab-row h2,
html[data-theme="light"] .trust-tab-row h3,
html[data-theme="light"] .proof-grid h3,
html[data-theme="light"] .feature-grid h3,
html[data-theme="light"] .feature-row h3,
html[data-theme="light"] .home-feature-row h3 {
  color: #111827 !important;
}

html[data-theme="light"] .trust-tabs p,
html[data-theme="light"] .trust-tab-row p,
html[data-theme="light"] .proof-grid p,
html[data-theme="light"] .feature-grid p,
html[data-theme="light"] .feature-row p,
html[data-theme="light"] .home-feature-row p {
  color: #334155 !important;
}

/* Generic direct children cards in home sections */
html[data-theme="light"] .home-section > div,
html[data-theme="light"] .homepage-section > div,
html[data-theme="light"] .landing-section > div {
  color: #17202b !important;
}

/* =========================================================
   ANY REMAINING GRAY SLABS INSIDE CARDS
   ========================================================= */

html[data-theme="light"] .record-card > div,
html[data-theme="light"] .card > div,
html[data-theme="light"] .complaint-card > div,
html[data-theme="light"] .casino-card > div,
html[data-theme="light"] .streamer-card > div,
html[data-theme="light"] .guide-card > div,
html[data-theme="light"] .country-card > div {
  color: #17202b !important;
}

/* Force known inner content blocks to clean white/transparent */
html[data-theme="light"] .complaint-card .complaint-main,
html[data-theme="light"] .complaint-card .complaint-body,
html[data-theme="light"] .complaint-card .complaint-info,
html[data-theme="light"] .complaint-card .complaint-title,
html[data-theme="light"] .complaint-card .case-main,
html[data-theme="light"] .complaint-card .case-body,
html[data-theme="light"] .complaint-card .case-info,
html[data-theme="light"] .complaint-card .case-title,
html[data-theme="light"] .complaint-card .record-main,
html[data-theme="light"] .complaint-card .record-body,
html[data-theme="light"] .complaint-card .record-info,
html[data-theme="light"] .complaint-card [class*="complaint"],
html[data-theme="light"] .complaint-card [class*="case"],
html[data-theme="light"] .complaint-card [class*="record"] {
  background: transparent !important;
  background-image: none !important;
  color: #17202b !important;
  box-shadow: none !important;
}

html[data-theme="light"] .complaint-card h1,
html[data-theme="light"] .complaint-card h2,
html[data-theme="light"] .complaint-card h3,
html[data-theme="light"] .complaint-card p,
html[data-theme="light"] .complaint-card span,
html[data-theme="light"] .complaint-card small,
html[data-theme="light"] .complaint-card a {
  color: #17202b !important;
  opacity: 1 !important;
}

/* If there is a visual title panel, make it very soft blue instead of gray slab */
html[data-theme="light"] .complaint-card .complaint-main,
html[data-theme="light"] .complaint-card .case-main,
html[data-theme="light"] .complaint-card .record-main {
  background: #f8fbfd !important;
  border: 1px solid #cfe0ee !important;
}

/* =========================================================
   CASINO TABLE / REGISTRY TABLE CLEANUP
   ========================================================= */

html[data-theme="light"] table,
html[data-theme="light"] .registry-table,
html[data-theme="light"] .casino-table,
html[data-theme="light"] .data-table {
  background: #ffffff !important;
  color: #17202b !important;
  border: 1px solid #d8d8d1 !important;
  box-shadow: 0 10px 30px rgba(18,18,18,.05) !important;
}

html[data-theme="light"] table thead,
html[data-theme="light"] .registry-table thead,
html[data-theme="light"] .casino-table thead,
html[data-theme="light"] .data-table thead {
  background: #f2f4f5 !important;
  color: #334155 !important;
}

html[data-theme="light"] table th,
html[data-theme="light"] table td,
html[data-theme="light"] .registry-table th,
html[data-theme="light"] .registry-table td,
html[data-theme="light"] .casino-table th,
html[data-theme="light"] .casino-table td,
html[data-theme="light"] .data-table th,
html[data-theme="light"] .data-table td {
  background: transparent !important;
  color: #334155 !important;
  border-color: #e2e2dc !important;
}

html[data-theme="light"] table tbody tr,
html[data-theme="light"] .registry-table tbody tr,
html[data-theme="light"] .casino-table tbody tr,
html[data-theme="light"] .data-table tbody tr {
  background: #ffffff !important;
}

html[data-theme="light"] table tbody tr:nth-child(even),
html[data-theme="light"] .registry-table tbody tr:nth-child(even),
html[data-theme="light"] .casino-table tbody tr:nth-child(even),
html[data-theme="light"] .data-table tbody tr:nth-child(even) {
  background: #fafaf8 !important;
}

/* =========================================================
   STATUS COLORS — MORE VISIBLE
   ========================================================= */

/* generic */
html[data-theme="light"] .status-stamp,
html[data-theme="light"] .badge,
html[data-theme="light"] .tag,
html[data-theme="light"] [class*="status"] {
  opacity: 1 !important;
  background: #f8fafc !important;
  border: 1px solid #cbd5e1 !important;
  color: #334155 !important;
}

/* red / high risk */
html[data-theme="light"] .status-stamp.high,
html[data-theme="light"] .badge.high,
html[data-theme="light"] .tag.high,
html[data-theme="light"] .high-risk,
html[data-theme="light"] .status-danger,
html[data-theme="light"] .badge-danger,
html[data-theme="light"] [class*="high-risk"],
html[data-theme="light"] [class*="danger"] {
  background: #fff1f1 !important;
  border-color: #dc8b8b !important;
  color: #a92727 !important;
}

/* yellow / watchlist / medium */
html[data-theme="light"] .status-stamp.medium,
html[data-theme="light"] .badge.medium,
html[data-theme="light"] .tag.medium,
html[data-theme="light"] .watchlist,
html[data-theme="light"] .status-warning,
html[data-theme="light"] .badge-warning,
html[data-theme="light"] [class*="watchlist"],
html[data-theme="light"] [class*="warning"],
html[data-theme="light"] [class*="medium"] {
  background: #fff6dc !important;
  border-color: #d9b650 !important;
  color: #7a4f0b !important;
}

/* green / trusted */
html[data-theme="light"] .status-stamp.ok,
html[data-theme="light"] .status-stamp.trusted,
html[data-theme="light"] .badge.ok,
html[data-theme="light"] .badge.trusted,
html[data-theme="light"] .tag.ok,
html[data-theme="light"] .tag.trusted,
html[data-theme="light"] .status-success,
html[data-theme="light"] .badge-success,
html[data-theme="light"] [class*="trusted"],
html[data-theme="light"] [class*="success"],
html[data-theme="light"] [class*="verified"] {
  background: #e7f6ee !important;
  border-color: #7fc39f !important;
  color: #126c40 !important;
}

/* blue / info */
html[data-theme="light"] .status-info,
html[data-theme="light"] .badge-info,
html[data-theme="light"] .tag-info,
html[data-theme="light"] .locale-code,
html[data-theme="light"] .country-code,
html[data-theme="light"] code,
html[data-theme="light"] [class*="info"] {
  background: #edf6ff !important;
  border-color: #9bc7ea !important;
  color: #0f5f9e !important;
}

/* =========================================================
   TOP SEARCH ACTIONS AND BUTTONS
   ========================================================= */

html[data-theme="light"] .btn,
html[data-theme="light"] button,
html[data-theme="light"] .chip,
html[data-theme="light"] .chips button {
  background: #ffffff !important;
  color: #111827 !important;
  border: 1px solid #d0d5db !important;
}

html[data-theme="light"] .btn.primary,
html[data-theme="light"] button.primary {
  background: #0f6cbd !important;
  color: #ffffff !important;
  border-color: #0f6cbd !important;
}

/* Navigation icon containers stay dark but not huge */
html[data-theme="light"] .nav-ico,
html[data-theme="light"] .btn-ico,
html[data-theme="light"] .eyebrow-badge {
  filter: none !important;
}

/* Slightly reduce giant hero whitespace */
html[data-theme="light"] .page-hero,
html[data-theme="light"] .hero {
  padding-top: clamp(54px, 7vw, 96px) !important;
  padding-bottom: clamp(44px, 6vw, 80px) !important;
}


/* CASINO_RADAR_DESIGN_SYSTEM_V8_LIGHT_NORMALIZER */

/* JS-added clean classes for old/public blocks that have weak/no semantic classes */

html[data-theme="light"] .cr-clean-action-row,
html[data-theme="light"] .cr-clean-proof-grid,
html[data-theme="light"] .cr-clean-region-file {
  background: transparent !important;
  color: #17202b !important;
  border: 0 !important;
  box-shadow: none !important;
}

html[data-theme="light"] .cr-clean-action-row > *,
html[data-theme="light"] .cr-clean-proof-grid > *,
html[data-theme="light"] .cr-clean-region-file > *,
html[data-theme="light"] .cr-clean-tile {
  background: #ffffff !important;
  background-image: none !important;
  color: #17202b !important;
  border: 1px solid #d8d8d1 !important;
  box-shadow: 0 8px 24px rgba(18,18,18,.04) !important;
}

html[data-theme="light"] .cr-clean-action-row *,
html[data-theme="light"] .cr-clean-proof-grid *,
html[data-theme="light"] .cr-clean-region-file *,
html[data-theme="light"] .cr-clean-tile * {
  color: #17202b !important;
  opacity: 1 !important;
}

html[data-theme="light"] .cr-clean-action-row p,
html[data-theme="light"] .cr-clean-proof-grid p,
html[data-theme="light"] .cr-clean-region-file p,
html[data-theme="light"] .cr-clean-tile p,
html[data-theme="light"] .cr-clean-action-row small,
html[data-theme="light"] .cr-clean-proof-grid small,
html[data-theme="light"] .cr-clean-region-file small,
html[data-theme="light"] .cr-clean-tile small {
  color: #334155 !important;
}

/* Trust row should look like clean segmented controls, not a black bar */
html[data-theme="light"] .cr-clean-action-row {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 0 !important;
}

html[data-theme="light"] .cr-clean-action-row > * {
  padding: 18px 22px !important;
  min-height: 58px !important;
}

/* Evidence cards */
html[data-theme="light"] .cr-clean-proof-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 14px !important;
}

html[data-theme="light"] .cr-clean-proof-grid > *,
html[data-theme="light"] .cr-proof-card {
  padding: 20px 22px !important;
  min-height: 96px !important;
}

/* Region file rows */
html[data-theme="light"] .cr-region-data-row,
html[data-theme="light"] .cr-clean-region-file .cr-region-data-row {
  background: #ffffff !important;
  color: #17202b !important;
  border: 1px solid #d8d8d1 !important;
  box-shadow: none !important;
}

html[data-theme="light"] .cr-region-data-row *,
html[data-theme="light"] .cr-region-data-row span,
html[data-theme="light"] .cr-region-data-row b,
html[data-theme="light"] .cr-region-data-row strong {
  color: #17202b !important;
  opacity: 1 !important;
}

/* Complaint text slabs */
html[data-theme="light"] .cr-complaint-slab,
html[data-theme="light"] .cr-complaint-slab * {
  background: #ffffff !important;
  background-image: none !important;
  color: #17202b !important;
  opacity: 1 !important;
  box-shadow: none !important;
}

html[data-theme="light"] .cr-complaint-slab {
  border: 1px solid #d8d8d1 !important;
}

/* Casino registry table remains clean */
html[data-theme="light"] .cr-clean-table,
html[data-theme="light"] .cr-clean-table table,
html[data-theme="light"] .cr-clean-table tbody,
html[data-theme="light"] .cr-clean-table tr,
html[data-theme="light"] .cr-clean-table td {
  background: #ffffff !important;
  color: #17202b !important;
}

html[data-theme="light"] .cr-clean-table thead,
html[data-theme="light"] .cr-clean-table th {
  background: #f2f4f5 !important;
  color: #334155 !important;
}

/* Stronger visible statuses on normalized blocks */
html[data-theme="light"] .cr-clean-action-row [class*="status"],
html[data-theme="light"] .cr-clean-proof-grid [class*="status"],
html[data-theme="light"] .cr-clean-table [class*="status"],
html[data-theme="light"] .cr-complaint-slab [class*="status"] {
  background: #f8fafc !important;
  border: 1px solid #cbd5e1 !important;
  color: #334155 !important;
}

@media (max-width: 760px) {
  html[data-theme="light"] .cr-clean-action-row,
  html[data-theme="light"] .cr-clean-proof-grid {
    grid-template-columns: 1fr !important;
  }
}


/* CASINO_RADAR_DESIGN_SYSTEM_V9_LIGHT_CONTRAST_GUARD */

/* =========================================================
   LIGHT THEME CONTRAST GUARD
   Fixes white hover text on white background and weak pale text.
   Public pages only. Admin is untouched.
   ========================================================= */

html[data-theme="light"] {
  --cr-light-bg: #f7f7f4;
  --cr-light-surface: #ffffff;
  --cr-light-surface-soft: #f2f4f5;
  --cr-light-border: #d3d8de;
  --cr-light-border-strong: #b9c3cc;

  --cr-text-main: #111827;
  --cr-text-body: #263747;
  --cr-text-soft: #475569;
  --cr-text-muted: #5f6f80;

  --cr-blue: #0f6cbd;
  --cr-blue-hover: #115ea3;
  --cr-blue-soft: #eaf3ff;
  --cr-blue-border: #a8cdeb;

  --cr-green: #126c40;
  --cr-green-bg: #e7f6ee;
  --cr-green-border: #7fc39f;

  --cr-yellow: #7a4f0b;
  --cr-yellow-bg: #fff6dc;
  --cr-yellow-border: #d9b650;

  --cr-red: #a92727;
  --cr-red-bg: #fff1f1;
  --cr-red-border: #dc8b8b;
}

/* =========================================================
   1. NAVIGATION: no white hover on light background
   ========================================================= */

html[data-theme="light"] .topbar,
html[data-theme="light"] header,
html[data-theme="light"] .site-header {
  background: #f2f0e8 !important;
  color: var(--cr-text-main) !important;
  border-bottom: 1px solid #d8d8d1 !important;
}

html[data-theme="light"] .topbar a,
html[data-theme="light"] header a,
html[data-theme="light"] .site-header a,
html[data-theme="light"] .nav a,
html[data-theme="light"] .navlinks a,
html[data-theme="light"] .nav-icon-link {
  color: var(--cr-text-main) !important;
  background: transparent !important;
  border-color: transparent !important;
  opacity: 1 !important;
}

html[data-theme="light"] .topbar a span,
html[data-theme="light"] header a span,
html[data-theme="light"] .site-header a span,
html[data-theme="light"] .nav a span,
html[data-theme="light"] .navlinks a span,
html[data-theme="light"] .nav-icon-link span {
  color: var(--cr-text-main) !important;
  opacity: 1 !important;
}

/* Hover/active state must be blue-tinted, not white text */
html[data-theme="light"] .topbar a:hover,
html[data-theme="light"] header a:hover,
html[data-theme="light"] .site-header a:hover,
html[data-theme="light"] .nav a:hover,
html[data-theme="light"] .navlinks a:hover,
html[data-theme="light"] .nav-icon-link:hover,
html[data-theme="light"] .nav-icon-link.active,
html[data-theme="light"] .nav-icon-link[aria-current="page"] {
  color: var(--cr-blue) !important;
  background: var(--cr-blue-soft) !important;
  border: 1px solid var(--cr-blue-border) !important;
  opacity: 1 !important;
}

html[data-theme="light"] .topbar a:hover span,
html[data-theme="light"] header a:hover span,
html[data-theme="light"] .site-header a:hover span,
html[data-theme="light"] .nav a:hover span,
html[data-theme="light"] .navlinks a:hover span,
html[data-theme="light"] .nav-icon-link:hover span,
html[data-theme="light"] .nav-icon-link.active span,
html[data-theme="light"] .nav-icon-link[aria-current="page"] span {
  color: var(--cr-blue) !important;
  opacity: 1 !important;
}

/* Header buttons */
html[data-theme="light"] .nav-actions .btn,
html[data-theme="light"] .search-shortcut,
html[data-theme="light"] .mobile-toggle {
  background: #ffffff !important;
  color: var(--cr-text-main) !important;
  border: 1px solid var(--cr-light-border) !important;
}

html[data-theme="light"] .nav-actions .btn:hover,
html[data-theme="light"] .search-shortcut:hover,
html[data-theme="light"] .mobile-toggle:hover {
  background: var(--cr-blue-soft) !important;
  color: var(--cr-blue) !important;
  border-color: var(--cr-blue-border) !important;
}

html[data-theme="light"] .nav-actions .btn:hover *,
html[data-theme="light"] .search-shortcut:hover *,
html[data-theme="light"] .mobile-toggle:hover * {
  color: var(--cr-blue) !important;
  opacity: 1 !important;
}

/* =========================================================
   2. GENERAL LINK / BUTTON HOVER CONTRAST
   ========================================================= */

html[data-theme="light"] a {
  color: var(--cr-text-main) !important;
}

html[data-theme="light"] a:hover {
  color: var(--cr-blue) !important;
}

html[data-theme="light"] .btn,
html[data-theme="light"] button,
html[data-theme="light"] input[type="submit"],
html[data-theme="light"] input[type="button"],
html[data-theme="light"] .chip,
html[data-theme="light"] .chips button {
  background: #ffffff !important;
  color: var(--cr-text-main) !important;
  border: 1px solid var(--cr-light-border) !important;
  opacity: 1 !important;
}

html[data-theme="light"] .btn *,
html[data-theme="light"] button *,
html[data-theme="light"] .chip *,
html[data-theme="light"] .chips button * {
  color: inherit !important;
  opacity: 1 !important;
}

html[data-theme="light"] .btn:hover,
html[data-theme="light"] button:hover,
html[data-theme="light"] .chip:hover,
html[data-theme="light"] .chips button:hover {
  background: var(--cr-blue-soft) !important;
  color: var(--cr-blue) !important;
  border-color: var(--cr-blue-border) !important;
}

html[data-theme="light"] .btn.primary,
html[data-theme="light"] button.primary,
html[data-theme="light"] input[type="submit"].primary {
  background: var(--cr-blue) !important;
  color: #ffffff !important;
  border-color: var(--cr-blue) !important;
}

html[data-theme="light"] .btn.primary *,
html[data-theme="light"] button.primary * {
  color: #ffffff !important;
}

html[data-theme="light"] .btn.primary:hover,
html[data-theme="light"] button.primary:hover {
  background: var(--cr-blue-hover) !important;
  color: #ffffff !important;
  border-color: var(--cr-blue-hover) !important;
}

/* =========================================================
   3. WEAK TEXT GUARD: labels, small, muted, mono
   ========================================================= */

html[data-theme="light"] .eyebrow,
html[data-theme="light"] .data-label,
html[data-theme="light"] .muted,
html[data-theme="light"] small,
html[data-theme="light"] .small,
html[data-theme="light"] .lead,
html[data-theme="light"] .card small,
html[data-theme="light"] .record-card small,
html[data-theme="light"] .kpi-card-v9 small,
html[data-theme="light"] .kpi-card-v9 span,
html[data-theme="light"] .slot-param-chip span,
html[data-theme="light"] .metric small,
html[data-theme="light"] .stat small,
html[data-theme="light"] .tagline,
html[data-theme="light"] .subtitle,
html[data-theme="light"] .description {
  color: var(--cr-text-muted) !important;
  opacity: 1 !important;
}

/* Pale gold labels were too weak on white */
html[data-theme="light"] .eyebrow,
html[data-theme="light"] .data-label,
html[data-theme="light"] [class*="label"],
html[data-theme="light"] [class*="eyebrow"] {
  color: #526171 !important;
  opacity: 1 !important;
}

/* Main readable text */
html[data-theme="light"] p,
html[data-theme="light"] li,
html[data-theme="light"] td,
html[data-theme="light"] th,
html[data-theme="light"] .card p,
html[data-theme="light"] .record-card p,
html[data-theme="light"] .feature-card p,
html[data-theme="light"] .guide-card p,
html[data-theme="light"] .country-card p,
html[data-theme="light"] .streamer-card p,
html[data-theme="light"] .complaint-card p {
  color: var(--cr-text-body) !important;
  opacity: 1 !important;
}

html[data-theme="light"] h1,
html[data-theme="light"] h2,
html[data-theme="light"] h3,
html[data-theme="light"] h4,
html[data-theme="light"] strong,
html[data-theme="light"] b {
  color: var(--cr-text-main) !important;
  opacity: 1 !important;
}

/* =========================================================
   4. STATUS COLORS: visible on white
   ========================================================= */

html[data-theme="light"] .status-stamp,
html[data-theme="light"] .badge,
html[data-theme="light"] .tag,
html[data-theme="light"] [class*="status"] {
  background: #f8fafc !important;
  border: 1px solid #cbd5e1 !important;
  color: #334155 !important;
  opacity: 1 !important;
}

/* high / danger / red */
html[data-theme="light"] .status-stamp.high,
html[data-theme="light"] .badge.high,
html[data-theme="light"] .tag.high,
html[data-theme="light"] .high-risk,
html[data-theme="light"] .status-danger,
html[data-theme="light"] .badge-danger,
html[data-theme="light"] [class*="high-risk"],
html[data-theme="light"] [class*="danger"],
html[data-theme="light"] [class*="unresolved"] {
  background: var(--cr-red-bg) !important;
  border-color: var(--cr-red-border) !important;
  color: var(--cr-red) !important;
}

/* medium / warning / watchlist / waiting */
html[data-theme="light"] .status-stamp.medium,
html[data-theme="light"] .badge.medium,
html[data-theme="light"] .tag.medium,
html[data-theme="light"] .watchlist,
html[data-theme="light"] .status-warning,
html[data-theme="light"] .badge-warning,
html[data-theme="light"] [class*="watchlist"],
html[data-theme="light"] [class*="warning"],
html[data-theme="light"] [class*="medium"],
html[data-theme="light"] [class*="waiting"] {
  background: var(--cr-yellow-bg) !important;
  border-color: var(--cr-yellow-border) !important;
  color: var(--cr-yellow) !important;
}

/* trusted / success / verified / resolved */
html[data-theme="light"] .status-stamp.ok,
html[data-theme="light"] .status-stamp.trusted,
html[data-theme="light"] .badge.ok,
html[data-theme="light"] .badge.trusted,
html[data-theme="light"] .tag.ok,
html[data-theme="light"] .tag.trusted,
html[data-theme="light"] .status-success,
html[data-theme="light"] .badge-success,
html[data-theme="light"] [class*="trusted"],
html[data-theme="light"] [class*="success"],
html[data-theme="light"] [class*="verified"],
html[data-theme="light"] [class*="resolved"] {
  background: var(--cr-green-bg) !important;
  border-color: var(--cr-green-border) !important;
  color: var(--cr-green) !important;
}

/* info / code / geo */
html[data-theme="light"] .status-info,
html[data-theme="light"] .badge-info,
html[data-theme="light"] .tag-info,
html[data-theme="light"] .locale-code,
html[data-theme="light"] .country-code,
html[data-theme="light"] code,
html[data-theme="light"] kbd,
html[data-theme="light"] [class*="code"],
html[data-theme="light"] [class*="info"] {
  background: var(--cr-blue-soft) !important;
  border-color: var(--cr-blue-border) !important;
  color: var(--cr-blue) !important;
  opacity: 1 !important;
}

/* =========================================================
   5. SPECIFIC REMAINING WEAK BLOCKS
   ========================================================= */

/* Trusted data / Risk insights row, if normalizer misses */
html[data-theme="light"] .cr-clean-action-row,
html[data-theme="light"] .cr-clean-action-row > *,
html[data-theme="light"] .cr-clean-tile {
  background: #ffffff !important;
  color: var(--cr-text-main) !important;
  border-color: var(--cr-light-border) !important;
}

html[data-theme="light"] .cr-clean-action-row * {
  color: var(--cr-text-main) !important;
  opacity: 1 !important;
}

/* Evidence cards, if normalizer misses */
html[data-theme="light"] .cr-clean-proof-grid > *,
html[data-theme="light"] .cr-proof-card {
  background: #ffffff !important;
  color: var(--cr-text-main) !important;
  border-color: var(--cr-light-border) !important;
}

html[data-theme="light"] .cr-clean-proof-grid *,
html[data-theme="light"] .cr-proof-card * {
  color: var(--cr-text-body) !important;
  opacity: 1 !important;
}

html[data-theme="light"] .cr-clean-proof-grid h3,
html[data-theme="light"] .cr-proof-card h3,
html[data-theme="light"] .cr-clean-proof-grid b,
html[data-theme="light"] .cr-proof-card b {
  color: var(--cr-text-main) !important;
}

/* Region file rows */
html[data-theme="light"] .cr-region-data-row,
html[data-theme="light"] .cr-region-data-row * {
  background: #ffffff !important;
  color: var(--cr-text-main) !important;
  border-color: var(--cr-light-border) !important;
  opacity: 1 !important;
}

/* Complaint slab */
html[data-theme="light"] .cr-complaint-slab,
html[data-theme="light"] .cr-complaint-slab * {
  background: #ffffff !important;
  background-image: none !important;
  color: var(--cr-text-main) !important;
  opacity: 1 !important;
  box-shadow: none !important;
}

/* =========================================================
   6. TABLE / REGISTRY WEAK TEXT
   ========================================================= */

html[data-theme="light"] table,
html[data-theme="light"] table *,
html[data-theme="light"] .registry-table,
html[data-theme="light"] .registry-table *,
html[data-theme="light"] .casino-table,
html[data-theme="light"] .casino-table *,
html[data-theme="light"] .data-table,
html[data-theme="light"] .data-table * {
  color: var(--cr-text-body) !important;
  opacity: 1 !important;
}

html[data-theme="light"] table th,
html[data-theme="light"] .registry-table th,
html[data-theme="light"] .casino-table th,
html[data-theme="light"] .data-table th {
  color: var(--cr-text-muted) !important;
}

html[data-theme="light"] table h1,
html[data-theme="light"] table h2,
html[data-theme="light"] table h3,
html[data-theme="light"] table b,
html[data-theme="light"] table strong {
  color: var(--cr-text-main) !important;
}


/* CASINO_RADAR_DESIGN_SYSTEM_V10_LIGHT_READABILITY */

/* =========================================================
   LIGHT MODE READABILITY GUARD
   Removes decorative pale labels, fixes hover, strengthens all weak text.
   ========================================================= */

html[data-theme="light"] {
  --cr-main: #0f172a;
  --cr-body: #25364a;
  --cr-muted: #475569;
  --cr-label: #334155;
  --cr-line: #d0d7de;
  --cr-line-strong: #b8c2cc;

  --cr-blue: #0f6cbd;
  --cr-blue-bg: #eaf3ff;
  --cr-blue-line: #9cc8ea;

  --cr-green: #126c40;
  --cr-green-bg: #e7f6ee;
  --cr-green-line: #7fc39f;

  --cr-yellow: #7a4f0b;
  --cr-yellow-bg: #fff6dc;
  --cr-yellow-line: #d9b650;

  --cr-red: #a92727;
  --cr-red-bg: #fff1f1;
  --cr-red-line: #dc8b8b;
}

/* 1. Header/menu hover: no white text on white */
html[data-theme="light"] .site-header a,
html[data-theme="light"] header a,
html[data-theme="light"] .topbar a,
html[data-theme="light"] .nav a,
html[data-theme="light"] .navlinks a,
html[data-theme="light"] .nav-icon-link {
  color: var(--cr-main) !important;
  -webkit-text-fill-color: var(--cr-main) !important;
  background: transparent !important;
  border-color: transparent !important;
  opacity: 1 !important;
}

html[data-theme="light"] .site-header a *,
html[data-theme="light"] header a *,
html[data-theme="light"] .topbar a *,
html[data-theme="light"] .nav a *,
html[data-theme="light"] .navlinks a *,
html[data-theme="light"] .nav-icon-link * {
  color: var(--cr-main) !important;
  -webkit-text-fill-color: var(--cr-main) !important;
  opacity: 1 !important;
}

html[data-theme="light"] .site-header a:hover,
html[data-theme="light"] header a:hover,
html[data-theme="light"] .topbar a:hover,
html[data-theme="light"] .nav a:hover,
html[data-theme="light"] .navlinks a:hover,
html[data-theme="light"] .nav-icon-link:hover,
html[data-theme="light"] .nav-icon-link.active,
html[data-theme="light"] .nav-icon-link[aria-current="page"] {
  color: var(--cr-blue) !important;
  -webkit-text-fill-color: var(--cr-blue) !important;
  background: var(--cr-blue-bg) !important;
  border: 1px solid var(--cr-blue-line) !important;
  opacity: 1 !important;
}

html[data-theme="light"] .site-header a:hover *,
html[data-theme="light"] header a:hover *,
html[data-theme="light"] .topbar a:hover *,
html[data-theme="light"] .nav a:hover *,
html[data-theme="light"] .navlinks a:hover *,
html[data-theme="light"] .nav-icon-link:hover *,
html[data-theme="light"] .nav-icon-link.active *,
html[data-theme="light"] .nav-icon-link[aria-current="page"] * {
  color: var(--cr-blue) !important;
  -webkit-text-fill-color: var(--cr-blue) !important;
  opacity: 1 !important;
}

/* 2. Hide decorative labels that do not help users */
html[data-theme="light"] .cr-hide-decor-label {
  display: none !important;
}

/* Search/filter bars should still align after hiding SCAN FILTER */
html[data-theme="light"] .filterbar,
html[data-theme="light"] .search-panel,
html[data-theme="light"] .scan-panel,
html[data-theme="light"] .hero-search {
  background: #ffffff !important;
  color: var(--cr-main) !important;
  border: 1px solid var(--cr-line) !important;
  box-shadow: 0 10px 30px rgba(18,18,18,.05) !important;
}

html[data-theme="light"] .filterbar input,
html[data-theme="light"] .filterbar select,
html[data-theme="light"] .search-panel input,
html[data-theme="light"] .scan-panel input,
html[data-theme="light"] .hero-search input {
  background: #ffffff !important;
  color: var(--cr-main) !important;
  border: 1px solid var(--cr-line) !important;
}

html[data-theme="light"] .filterbar input::placeholder,
html[data-theme="light"] .search-panel input::placeholder,
html[data-theme="light"] .scan-panel input::placeholder,
html[data-theme="light"] .hero-search input::placeholder {
  color: #64748b !important;
  opacity: 1 !important;
}

/* 3. General weak text guard */
html[data-theme="light"] main p,
html[data-theme="light"] main li,
html[data-theme="light"] main td,
html[data-theme="light"] main th,
html[data-theme="light"] main span,
html[data-theme="light"] main small,
html[data-theme="light"] main label,
html[data-theme="light"] .card p,
html[data-theme="light"] .record-card p,
html[data-theme="light"] .guide-card p,
html[data-theme="light"] .country-card p,
html[data-theme="light"] .streamer-card p,
html[data-theme="light"] .complaint-card p {
  color: var(--cr-body) !important;
  -webkit-text-fill-color: currentColor !important;
  opacity: 1 !important;
}

html[data-theme="light"] main h1,
html[data-theme="light"] main h2,
html[data-theme="light"] main h3,
html[data-theme="light"] main h4,
html[data-theme="light"] main b,
html[data-theme="light"] main strong {
  color: var(--cr-main) !important;
  -webkit-text-fill-color: var(--cr-main) !important;
  opacity: 1 !important;
}

/* Technical labels: keep, but readable */
html[data-theme="light"] .eyebrow,
html[data-theme="light"] .data-label,
html[data-theme="light"] .muted,
html[data-theme="light"] small,
html[data-theme="light"] .small,
html[data-theme="light"] .lead,
html[data-theme="light"] [class*="label"],
html[data-theme="light"] [class*="eyebrow"] {
  color: var(--cr-muted) !important;
  -webkit-text-fill-color: var(--cr-muted) !important;
  opacity: 1 !important;
}

/* Useful technical codes: GD-RTP-001, CASE #000002 etc. */
html[data-theme="light"] .cr-code-label,
html[data-theme="light"] code,
html[data-theme="light"] kbd,
html[data-theme="light"] .locale-code,
html[data-theme="light"] .country-code {
  display: inline-flex !important;
  align-items: center !important;
  width: fit-content !important;
  max-width: 100% !important;
  background: var(--cr-blue-bg) !important;
  border: 1px solid var(--cr-blue-line) !important;
  color: var(--cr-blue) !important;
  -webkit-text-fill-color: var(--cr-blue) !important;
  opacity: 1 !important;
}

/* 4. Buttons and chips */
html[data-theme="light"] .btn,
html[data-theme="light"] button,
html[data-theme="light"] .chip,
html[data-theme="light"] .chips button {
  background: #ffffff !important;
  color: var(--cr-main) !important;
  -webkit-text-fill-color: var(--cr-main) !important;
  border: 1px solid var(--cr-line) !important;
  opacity: 1 !important;
}

html[data-theme="light"] .btn *,
html[data-theme="light"] button *,
html[data-theme="light"] .chip *,
html[data-theme="light"] .chips button * {
  color: inherit !important;
  -webkit-text-fill-color: currentColor !important;
  opacity: 1 !important;
}

html[data-theme="light"] .btn:hover,
html[data-theme="light"] button:hover,
html[data-theme="light"] .chip:hover,
html[data-theme="light"] .chips button:hover {
  background: var(--cr-blue-bg) !important;
  color: var(--cr-blue) !important;
  -webkit-text-fill-color: var(--cr-blue) !important;
  border-color: var(--cr-blue-line) !important;
}

html[data-theme="light"] .btn.primary,
html[data-theme="light"] button.primary,
html[data-theme="light"] input[type="submit"].primary {
  background: var(--cr-blue) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  border-color: var(--cr-blue) !important;
}

html[data-theme="light"] .btn.primary *,
html[data-theme="light"] button.primary * {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html[data-theme="light"] .btn.primary:hover,
html[data-theme="light"] button.primary:hover {
  background: #115ea3 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  border-color: #115ea3 !important;
}

/* 5. Status colors: readable on white */
html[data-theme="light"] .status-stamp,
html[data-theme="light"] .badge,
html[data-theme="light"] .tag,
html[data-theme="light"] [class*="status"] {
  background: #f8fafc !important;
  border: 1px solid #cbd5e1 !important;
  color: #334155 !important;
  -webkit-text-fill-color: #334155 !important;
  opacity: 1 !important;
}

/* red */
html[data-theme="light"] .status-stamp.high,
html[data-theme="light"] .badge.high,
html[data-theme="light"] .tag.high,
html[data-theme="light"] .high-risk,
html[data-theme="light"] .status-danger,
html[data-theme="light"] .badge-danger,
html[data-theme="light"] [class*="high-risk"],
html[data-theme="light"] [class*="danger"],
html[data-theme="light"] [class*="unresolved"] {
  background: var(--cr-red-bg) !important;
  border-color: var(--cr-red-line) !important;
  color: var(--cr-red) !important;
  -webkit-text-fill-color: var(--cr-red) !important;
}

/* yellow */
html[data-theme="light"] .status-stamp.medium,
html[data-theme="light"] .badge.medium,
html[data-theme="light"] .tag.medium,
html[data-theme="light"] .watchlist,
html[data-theme="light"] .status-warning,
html[data-theme="light"] .badge-warning,
html[data-theme="light"] [class*="watchlist"],
html[data-theme="light"] [class*="warning"],
html[data-theme="light"] [class*="medium"],
html[data-theme="light"] [class*="waiting"] {
  background: var(--cr-yellow-bg) !important;
  border-color: var(--cr-yellow-line) !important;
  color: var(--cr-yellow) !important;
  -webkit-text-fill-color: var(--cr-yellow) !important;
}

/* green */
html[data-theme="light"] .status-stamp.ok,
html[data-theme="light"] .status-stamp.trusted,
html[data-theme="light"] .badge.ok,
html[data-theme="light"] .badge.trusted,
html[data-theme="light"] .tag.ok,
html[data-theme="light"] .tag.trusted,
html[data-theme="light"] .status-success,
html[data-theme="light"] .badge-success,
html[data-theme="light"] [class*="trusted"],
html[data-theme="light"] [class*="success"],
html[data-theme="light"] [class*="verified"],
html[data-theme="light"] [class*="resolved"] {
  background: var(--cr-green-bg) !important;
  border-color: var(--cr-green-line) !important;
  color: var(--cr-green) !important;
  -webkit-text-fill-color: var(--cr-green) !important;
}

/* blue/info */
html[data-theme="light"] .status-info,
html[data-theme="light"] .badge-info,
html[data-theme="light"] .tag-info,
html[data-theme="light"] [class*="info"] {
  background: var(--cr-blue-bg) !important;
  border-color: var(--cr-blue-line) !important;
  color: var(--cr-blue) !important;
  -webkit-text-fill-color: var(--cr-blue) !important;
}

/* 6. Complaint slabs: remove remaining gray panels */
html[data-theme="light"] .cr-complaint-slab,
html[data-theme="light"] .cr-complaint-slab *,
html[data-theme="light"] .complaint-card [class*="case"],
html[data-theme="light"] .complaint-card [class*="complaint"],
html[data-theme="light"] .complaint-card [class*="record"] {
  background: #ffffff !important;
  background-image: none !important;
  color: var(--cr-main) !important;
  -webkit-text-fill-color: var(--cr-main) !important;
  opacity: 1 !important;
  box-shadow: none !important;
}

/* 7. Table labels and weak text */
html[data-theme="light"] table,
html[data-theme="light"] table *,
html[data-theme="light"] .registry-table,
html[data-theme="light"] .registry-table *,
html[data-theme="light"] .casino-table,
html[data-theme="light"] .casino-table *,
html[data-theme="light"] .data-table,
html[data-theme="light"] .data-table * {
  color: var(--cr-body) !important;
  -webkit-text-fill-color: currentColor !important;
  opacity: 1 !important;
}

html[data-theme="light"] table th,
html[data-theme="light"] .registry-table th,
html[data-theme="light"] .casino-table th,
html[data-theme="light"] .data-table th {
  color: var(--cr-muted) !important;
  -webkit-text-fill-color: var(--cr-muted) !important;
}

html[data-theme="light"] table h1,
html[data-theme="light"] table h2,
html[data-theme="light"] table h3,
html[data-theme="light"] table b,
html[data-theme="light"] table strong {
  color: var(--cr-main) !important;
  -webkit-text-fill-color: var(--cr-main) !important;
}


/* CASINO_RADAR_DESIGN_SYSTEM_V11_LIGHT_TEXT_ASSETS */

/* Final readable text colors for light mode */
html[data-theme="light"] {
  --cr-text-main-final: #0f172a;
  --cr-text-body-final: #25364a;
  --cr-text-muted-final: #475569;
  --cr-text-label-final: #334155;
  --cr-link-final: #0f6cbd;
  --cr-border-final: #d0d7de;
}

/* Hide decorative scan/filter labels */
html[data-theme="light"] .cr-hide-decor-label,
html[data-theme="light"] .filterbar .cr-hide-decor-label,
html[data-theme="light"] .search-panel .cr-hide-decor-label,
html[data-theme="light"] .scan-panel .cr-hide-decor-label {
  display: none !important;
}

/* If JS misses, make left filter labels readable and compact */
html[data-theme="light"] .filterbar > span,
html[data-theme="light"] .filterbar > small,
html[data-theme="light"] .filterbar > label,
html[data-theme="light"] .search-panel > span,
html[data-theme="light"] .scan-panel > span {
  color: var(--cr-text-label-final) !important;
  -webkit-text-fill-color: var(--cr-text-label-final) !important;
  opacity: 1 !important;
}

/* Force readable text everywhere in public light mode */
html[data-theme="light"] main,
html[data-theme="light"] main * {
  opacity: 1 !important;
}

html[data-theme="light"] main h1,
html[data-theme="light"] main h2,
html[data-theme="light"] main h3,
html[data-theme="light"] main h4,
html[data-theme="light"] main strong,
html[data-theme="light"] main b {
  color: var(--cr-text-main-final) !important;
  -webkit-text-fill-color: var(--cr-text-main-final) !important;
}

html[data-theme="light"] main p,
html[data-theme="light"] main li,
html[data-theme="light"] main td,
html[data-theme="light"] main th,
html[data-theme="light"] main span,
html[data-theme="light"] main label {
  color: var(--cr-text-body-final) !important;
  -webkit-text-fill-color: currentColor !important;
}

/* Technical labels should not be pale blue */
html[data-theme="light"] main small,
html[data-theme="light"] .eyebrow,
html[data-theme="light"] .data-label,
html[data-theme="light"] .muted,
html[data-theme="light"] .small,
html[data-theme="light"] [class*="label"],
html[data-theme="light"] [class*="eyebrow"] {
  color: var(--cr-text-muted-final) !important;
  -webkit-text-fill-color: var(--cr-text-muted-final) !important;
}

/* Useful codes stay visible, but not too bright */
html[data-theme="light"] .cr-code-label,
html[data-theme="light"] code,
html[data-theme="light"] kbd,
html[data-theme="light"] .locale-code,
html[data-theme="light"] .country-code {
  background: #eef6ff !important;
  border: 1px solid #9cc8ea !important;
  color: #0f5f9e !important;
  -webkit-text-fill-color: #0f5f9e !important;
}

/* Inputs/search */
html[data-theme="light"] input,
html[data-theme="light"] select,
html[data-theme="light"] textarea {
  color: var(--cr-text-main-final) !important;
  -webkit-text-fill-color: var(--cr-text-main-final) !important;
}

html[data-theme="light"] input::placeholder,
html[data-theme="light"] textarea::placeholder {
  color: #64748b !important;
  opacity: 1 !important;
}

/* Keep primary button text white */
html[data-theme="light"] .btn.primary,
html[data-theme="light"] button.primary,
html[data-theme="light"] input[type="submit"].primary {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

/* Header hover fix */
html[data-theme="light"] header a:hover,
html[data-theme="light"] .site-header a:hover,
html[data-theme="light"] .topbar a:hover,
html[data-theme="light"] .nav a:hover,
html[data-theme="light"] .navlinks a:hover,
html[data-theme="light"] .nav-icon-link:hover {
  background: #eaf3ff !important;
  color: #0f6cbd !important;
  -webkit-text-fill-color: #0f6cbd !important;
  border-color: #9cc8ea !important;
}

html[data-theme="light"] header a:hover *,
html[data-theme="light"] .site-header a:hover *,
html[data-theme="light"] .topbar a:hover *,
html[data-theme="light"] .nav a:hover *,
html[data-theme="light"] .navlinks a:hover *,
html[data-theme="light"] .nav-icon-link:hover * {
  color: #0f6cbd !important;
  -webkit-text-fill-color: #0f6cbd !important;
}


/* CASINO_RADAR_LIGHT_ASSET_HELPERS */
html[data-theme="light"] .cr-light-hero-asset {
  background-image: url("/assets/img/light/hero-radar-light.svg") !important;
  background-size: cover !important;
  background-position: center !important;
}

html[data-theme="light"] .cr-slot-placeholder {
  content: url("/assets/img/light/slot-default-light.svg");
}

html[data-theme="light"] .cr-provider-placeholder {
  content: url("/assets/img/light/provider-default-light.svg");
}

html[data-theme="light"] .cr-country-placeholder {
  content: url("/assets/img/light/country-default-light.svg");
}

html[data-theme="light"] .cr-briefing-placeholder {
  content: url("/assets/img/light/briefing-default-light.svg");
}


/* CASINO_RADAR_DESIGN_SYSTEM_V12_LIGHT_ASSET_CONNECT */

/* Light hero asset: subtle, not banner-like */
html[data-theme="light"] .cr-light-hero-asset {
  background:
    linear-gradient(90deg, rgba(251,251,248,.97) 0%, rgba(251,251,248,.92) 48%, rgba(251,251,248,.72) 100%),
    url("/assets/img/light/hero-radar-light.svg") center right / cover no-repeat !important;
}

/* Generic injected image frame */
html[data-theme="light"] .cr-card-visual {
  width: 100%;
  min-height: 132px;
  margin: 0 0 22px 0;
  border: 1px solid #d0d7de;
  background-color: #f7f8f8;
  background-size: cover;
  background-position: center;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.8);
}

html[data-theme="light"] .cr-card-visual-slot {
  background-image: url("/assets/img/light/slot-default-light.svg");
}

html[data-theme="light"] .cr-card-visual-provider {
  background-image: url("/assets/img/light/provider-default-light.svg");
}

html[data-theme="light"] .cr-card-visual-country {
  background-image: url("/assets/img/light/country-default-light.svg");
}

html[data-theme="light"] .cr-card-visual-briefing {
  background-image: url("/assets/img/light/briefing-default-light.svg");
}

/* Keep cards elegant after visual insertion */
html[data-theme="light"] .record-card.cr-has-visual,
html[data-theme="light"] .card.cr-has-visual,
html[data-theme="light"] .country-card.cr-has-visual,
html[data-theme="light"] .guide-card.cr-has-visual,
html[data-theme="light"] .streamer-card.cr-has-visual {
  overflow: hidden !important;
}

/* Smaller visuals for dense cards */
html[data-theme="light"] .record-card .cr-card-visual,
html[data-theme="light"] .card .cr-card-visual {
  min-height: 118px;
}

html[data-theme="light"] .country-card .cr-card-visual,
html[data-theme="light"] .guide-card .cr-card-visual {
  min-height: 128px;
}

/* Do not show injected visuals in dark mode yet */
html[data-theme="dark"] .cr-card-visual,
html:not([data-theme]) .cr-card-visual {
  display: none !important;
}

@media (max-width: 760px) {
  html[data-theme="light"] .cr-card-visual {
    min-height: 100px;
  }
}


/* CASINO_RADAR_DESIGN_SYSTEM_V13_LIGHT_ICONS_CLICKABLES */

/* Clickable blocks must look clickable in light mode */
html[data-theme="light"] .cr-clickable,
html[data-theme="light"] .cr-clean-action-row > *,
html[data-theme="light"] a.card,
html[data-theme="light"] a.record-card,
html[data-theme="light"] .card a,
html[data-theme="light"] .record-card a,
html[data-theme="light"] .nav-icon-link,
html[data-theme="light"] .btn,
html[data-theme="light"] button,
html[data-theme="light"] .chip,
html[data-theme="light"] .chips button {
  cursor: pointer !important;
}

html[data-theme="light"] .cr-clean-action-row > *,
html[data-theme="light"] .cr-clickable,
html[data-theme="light"] .nav-icon-link,
html[data-theme="light"] .btn,
html[data-theme="light"] button,
html[data-theme="light"] .chip,
html[data-theme="light"] .chips button {
  transition:
    background .16s ease,
    border-color .16s ease,
    color .16s ease,
    box-shadow .16s ease,
    transform .16s ease !important;
}

/* Visible hover: blue tint + slight lift */
html[data-theme="light"] .cr-clean-action-row > *:hover,
html[data-theme="light"] .cr-clickable:hover,
html[data-theme="light"] .nav-icon-link:hover,
html[data-theme="light"] .btn:hover,
html[data-theme="light"] button:hover,
html[data-theme="light"] .chip:hover,
html[data-theme="light"] .chips button:hover {
  background: #eaf3ff !important;
  border-color: #8bbce4 !important;
  color: #0f6cbd !important;
  box-shadow: 0 8px 24px rgba(15,108,189,.10) !important;
  transform: translateY(-1px) !important;
}

/* Make segmented top action row obviously interactive */
html[data-theme="light"] .cr-clean-action-row > * {
  position: relative !important;
  background: #ffffff !important;
  border: 1px solid #d0d7de !important;
}

html[data-theme="light"] .cr-clean-action-row > *::after {
  content: "›";
  position: absolute;
  right: 18px;
  top: 50%;
  transform: translateY(-50%);
  color: #94a3b8;
  font-size: 18px;
  font-family: system-ui, sans-serif;
}

html[data-theme="light"] .cr-clean-action-row > *:hover::after {
  color: #0f6cbd;
}

/* Light icons: no black tile feeling */
html[data-theme="light"] img[src*="/assets/icons-light/"] {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* Existing icon img if not swapped yet */
html[data-theme="light"] img[src*="/assets/icons/"] {
  border-radius: 5px !important;
  box-shadow: none !important;
}

/* Small nav icon alignment */
html[data-theme="light"] .nav-icon-link img,
html[data-theme="light"] .topbar img[src*="/assets/icons-light/nav/"],
html[data-theme="light"] header img[src*="/assets/icons-light/nav/"] {
  width: 24px !important;
  height: 24px !important;
}

/* Remove decorative filter labels when cleaner catches them */
html[data-theme="light"] .cr-hide-decor-label {
  display: none !important;
}

/* Keep useful codes visible */
html[data-theme="light"] .cr-code-label {
  background: #eef6ff !important;
  border: 1px solid #9cc8ea !important;
  color: #0f5f9e !important;
}


/* CASINO_RADAR_DESIGN_SYSTEM_V14_ICONS_LAYOUT */

/* User clarified: we need light UI icons, not large injected visuals. */
html[data-theme="light"] .cr-card-visual {
  display: none !important;
}

/* Global light icon sizing */
html[data-theme="light"] img[src*="/assets/icons-light/"],
html[data-theme="light"] img[src*="/assets/badges-light/"] {
  box-sizing: border-box !important;
  display: inline-block !important;
  object-fit: contain !important;
  vertical-align: middle !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* Header/nav icons */
html[data-theme="light"] header img[src*="/assets/icons-light/nav/"],
html[data-theme="light"] .site-header img[src*="/assets/icons-light/nav/"],
html[data-theme="light"] .topbar img[src*="/assets/icons-light/nav/"],
html[data-theme="light"] .nav img[src*="/assets/icons-light/nav/"],
html[data-theme="light"] .nav-icon-link img {
  width: 24px !important;
  height: 24px !important;
  min-width: 24px !important;
  min-height: 24px !important;
  max-width: 24px !important;
  max-height: 24px !important;
}

/* Logo may remain brand-like, but light version should not be a black tile */
html[data-theme="light"] header img[src*="favicon"],
html[data-theme="light"] .site-header img[src*="favicon"],
html[data-theme="light"] .topbar img[src*="favicon"],
html[data-theme="light"] .brand img {
  width: 42px !important;
  height: 42px !important;
  min-width: 42px !important;
  min-height: 42px !important;
  border-radius: 10px !important;
}

/* Badges on country/locale cards */
html[data-theme="light"] img[src*="/assets/badges-light/"],
html[data-theme="light"] .country-card img[src*="/assets/badges"],
html[data-theme="light"] .locale-card img[src*="/assets/badges"],
html[data-theme="light"] .region-card img[src*="/assets/badges"] {
  width: 28px !important;
  height: 28px !important;
  min-width: 28px !important;
  min-height: 28px !important;
  max-width: 28px !important;
  max-height: 28px !important;
}

/* Small icons inside cards */
html[data-theme="light"] main img[src*="/assets/icons-light/"],
html[data-theme="light"] main img[src*="/assets/icons/"] {
  width: 22px !important;
  height: 22px !important;
  min-width: 22px !important;
  min-height: 22px !important;
  max-width: 22px !important;
  max-height: 22px !important;
}

/* Slot metric icons slightly smaller */
html[data-theme="light"] .slot-param-chip img,
html[data-theme="light"] .record-card .slot-param-chip img[src*="/assets/icons-light/slots/"] {
  width: 18px !important;
  height: 18px !important;
  min-width: 18px !important;
  min-height: 18px !important;
  max-width: 18px !important;
  max-height: 18px !important;
}

/* Complaint layout: prevent icon from becoming huge or overlapping title */
html[data-theme="light"] .complaint-card img[src*="/assets/icons"],
html[data-theme="light"] .cr-complaint-slab img[src*="/assets/icons"],
html[data-theme="light"] .cr-complaint-icon {
  width: 22px !important;
  height: 22px !important;
  min-width: 22px !important;
  min-height: 22px !important;
  max-width: 22px !important;
  max-height: 22px !important;
  flex: 0 0 22px !important;
  align-self: flex-start !important;
  margin: 0 12px 0 0 !important;
  transform: none !important;
  position: relative !important;
  left: auto !important;
  top: auto !important;
}

/* If complaint title block uses flex/grid, keep spacing sane */
html[data-theme="light"] .cr-complaint-slab {
  background: #ffffff !important;
  color: #0f172a !important;
  border: 1px solid #d0d7de !important;
  box-shadow: none !important;
}

html[data-theme="light"] .cr-complaint-slab h1,
html[data-theme="light"] .cr-complaint-slab h2,
html[data-theme="light"] .cr-complaint-slab h3 {
  margin-top: 0 !important;
}

/* Any direct content line with icon should align cleanly */
html[data-theme="light"] .record-card h3,
html[data-theme="light"] .record-card small.muted,
html[data-theme="light"] .card h3,
html[data-theme="light"] .country-card h3,
html[data-theme="light"] .locale-card h3,
html[data-theme="light"] .region-card h3 {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}

/* Clickable controls must visibly look clickable */
html[data-theme="light"] a,
html[data-theme="light"] button,
html[data-theme="light"] .btn,
html[data-theme="light"] .chip,
html[data-theme="light"] .chips button,
html[data-theme="light"] .cr-clean-action-row > *,
html[data-theme="light"] .country-card,
html[data-theme="light"] .locale-card,
html[data-theme="light"] .region-card,
html[data-theme="light"] .record-card {
  transition: background .16s ease, border-color .16s ease, box-shadow .16s ease, transform .16s ease, color .16s ease !important;
}

html[data-theme="light"] a:hover,
html[data-theme="light"] button:hover,
html[data-theme="light"] .btn:hover,
html[data-theme="light"] .chip:hover,
html[data-theme="light"] .chips button:hover,
html[data-theme="light"] .cr-clean-action-row > *:hover {
  background: #eaf3ff !important;
  border-color: #8bbce4 !important;
  color: #0f6cbd !important;
  -webkit-text-fill-color: #0f6cbd !important;
  box-shadow: 0 8px 24px rgba(15,108,189,.10) !important;
}

/* Primary actions keep white text */
html[data-theme="light"] .btn.primary,
html[data-theme="light"] button.primary,
html[data-theme="light"] .btn.primary:hover,
html[data-theme="light"] button.primary:hover {
  background: #0f6cbd !important;
  border-color: #0f6cbd !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

/* Header nav hover must never become white-on-white */
html[data-theme="light"] header a:hover,
html[data-theme="light"] .site-header a:hover,
html[data-theme="light"] .topbar a:hover,
html[data-theme="light"] .nav a:hover,
html[data-theme="light"] .nav-icon-link:hover {
  background: #eaf3ff !important;
  border-color: #9cc8ea !important;
  color: #0f6cbd !important;
  -webkit-text-fill-color: #0f6cbd !important;
}

html[data-theme="light"] header a:hover *,
html[data-theme="light"] .site-header a:hover *,
html[data-theme="light"] .topbar a:hover *,
html[data-theme="light"] .nav a:hover *,
html[data-theme="light"] .nav-icon-link:hover * {
  color: #0f6cbd !important;
  -webkit-text-fill-color: #0f6cbd !important;
}

/* Keep text readable if old CSS tries opacity */
html[data-theme="light"] main *,
html[data-theme="light"] header *,
html[data-theme="light"] .site-header * {
  opacity: 1 !important;
}


/* CASINO_RADAR_DESIGN_SYSTEM_V15_MENU_TRUSTSCORE_ICONS */

/* =========================================================
   1. MENU BUTTON: visible dropdown panel
   ========================================================= */

.cr-mobile-menu-panel {
  display: none;
}

body.cr-menu-open .cr-mobile-menu-panel {
  display: grid !important;
  position: fixed;
  top: 72px;
  right: 18px;
  z-index: 9998;
  width: min(320px, calc(100vw - 36px));
  background: #ffffff;
  border: 1px solid #d0d7de;
  box-shadow: 0 22px 70px rgba(15, 23, 42, .16);
  padding: 10px;
  gap: 6px;
}

body.cr-menu-open .cr-mobile-menu-panel a {
  display: flex !important;
  align-items: center;
  gap: 10px;
  min-height: 44px;
  padding: 0 14px;
  background: #ffffff !important;
  border: 1px solid transparent !important;
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  text-decoration: none !important;
  font-family: var(--font-mono, monospace) !important;
  font-size: 11px !important;
  letter-spacing: .12em !important;
  text-transform: uppercase;
}

body.cr-menu-open .cr-mobile-menu-panel a:hover {
  background: #eaf3ff !important;
  border-color: #9cc8ea !important;
  color: #0f6cbd !important;
  -webkit-text-fill-color: #0f6cbd !important;
}

/* Make MENU button visibly clickable */
html[data-theme="light"] .cr-menu-button,
html[data-theme="light"] button.cr-menu-button,
html[data-theme="light"] a.cr-menu-button {
  background: #ffffff !important;
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  border: 1px solid #b8c2cc !important;
  box-shadow: 0 2px 0 rgba(15,23,42,.06) !important;
}

html[data-theme="light"] .cr-menu-button:hover,
html[data-theme="light"] button.cr-menu-button:hover,
html[data-theme="light"] a.cr-menu-button:hover {
  background: #eaf3ff !important;
  color: #0f6cbd !important;
  -webkit-text-fill-color: #0f6cbd !important;
  border-color: #9cc8ea !important;
}

/* =========================================================
   2. TRUST SCORE WIDGETS / CHARTS
   ========================================================= */

html[data-theme="light"] .cr-trust-score-widget,
html[data-theme="light"] .cr-trust-score-widget *,
html[data-theme="light"] .cr-trust-score-cell,
html[data-theme="light"] .cr-trust-score-cell * {
  opacity: 1 !important;
}

html[data-theme="light"] .cr-trust-score-widget {
  background: #ffffff !important;
  background-image: none !important;
  color: #0f172a !important;
  border: 1px solid #d0d7de !important;
  box-shadow: 0 10px 30px rgba(18,18,18,.05) !important;
}

html[data-theme="light"] .cr-trust-score-widget h1,
html[data-theme="light"] .cr-trust-score-widget h2,
html[data-theme="light"] .cr-trust-score-widget h3,
html[data-theme="light"] .cr-trust-score-widget b,
html[data-theme="light"] .cr-trust-score-widget strong {
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
}

html[data-theme="light"] .cr-trust-score-widget p,
html[data-theme="light"] .cr-trust-score-widget span,
html[data-theme="light"] .cr-trust-score-widget small,
html[data-theme="light"] .cr-trust-score-widget label {
  color: #334155 !important;
  -webkit-text-fill-color: #334155 !important;
}

/* Convert dark graph slab to light surface */
html[data-theme="light"] .cr-trust-score-widget div {
  background-color: transparent !important;
  color: #334155 !important;
}

/* Bars in trust score snapshots */
html[data-theme="light"] .cr-trust-score-widget [style*="background"],
html[data-theme="light"] .cr-trust-score-widget .bar,
html[data-theme="light"] .cr-trust-score-widget [class*="bar"],
html[data-theme="light"] .cr-trust-score-widget [class*="progress"] {
  background-color: #e5e7eb !important;
}

html[data-theme="light"] .cr-trust-score-widget [class*="fill"],
html[data-theme="light"] .cr-trust-score-widget [style*="#ff"],
html[data-theme="light"] .cr-trust-score-widget [style*="orange"] {
  background-color: #0f6cbd !important;
}

/* Trust score table cell: remove dark square */
html[data-theme="light"] .cr-trust-score-cell {
  background: #ffffff !important;
  color: #0f172a !important;
}

html[data-theme="light"] .cr-trust-score-cell > *,
html[data-theme="light"] .cr-trust-score-cell div,
html[data-theme="light"] .cr-trust-score-cell span {
  background: #fff7df !important;
  color: #7a4f0b !important;
  border-color: #d9b650 !important;
}

html[data-theme="light"] .cr-trust-score-cell img {
  width: 38px !important;
  height: 38px !important;
  min-width: 38px !important;
  min-height: 38px !important;
  background: transparent !important;
}

/* =========================================================
   3. EMPTY STATES
   ========================================================= */

html[data-theme="light"] .cr-empty-state-light {
  background: #ffffff !important;
  color: #0f172a !important;
  border: 1px solid #d0d7de !important;
}

html[data-theme="light"] .cr-empty-state-light h1,
html[data-theme="light"] .cr-empty-state-light h2,
html[data-theme="light"] .cr-empty-state-light h3 {
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
}

html[data-theme="light"] .cr-empty-state-light p,
html[data-theme="light"] .cr-empty-state-light span {
  color: #334155 !important;
  -webkit-text-fill-color: #334155 !important;
}

html[data-theme="light"] .cr-empty-state-light .cr-empty-icon {
  width: 56px !important;
  height: 56px !important;
  margin: 0 auto 18px auto !important;
  display: block !important;
}

/* =========================================================
   4. COMPLAINT CARDS: remove dark/gray icon slabs and overlap
   ========================================================= */

html[data-theme="light"] .cr-complaint-slab {
  background: #ffffff !important;
  background-image: none !important;
  color: #0f172a !important;
  border: 1px solid #d0d7de !important;
}

html[data-theme="light"] .cr-complaint-slab img,
html[data-theme="light"] .cr-complaint-icon {
  width: 22px !important;
  height: 22px !important;
  min-width: 22px !important;
  min-height: 22px !important;
  max-width: 22px !important;
  max-height: 22px !important;
  margin: 0 12px 0 0 !important;
  transform: none !important;
  position: static !important;
}

/* Hard reset if old CSS made a big square icon */
html[data-theme="light"] .complaint-card img,
html[data-theme="light"] .record-card img[src*="complaint"],
html[data-theme="light"] img.cr-complaint-icon {
  width: 22px !important;
  height: 22px !important;
  padding: 0 !important;
  border-radius: 5px !important;
}

/* =========================================================
   5. REMAINING DARK IMAGE BACKGROUNDS
   ========================================================= */

html[data-theme="light"] img[src*="/assets/icons-light/"],
html[data-theme="light"] img[src*="/assets/badges-light/"],
html[data-theme="light"] img[src*="favicon-light"] {
  background: transparent !important;
  box-shadow: none !important;
}

/* Old dark icon backgrounds if some missed JS replacement */
html[data-theme="light"] img[src*="/assets/icons/"],
html[data-theme="light"] img[src*="/assets/badges/"] {
  filter: none !important;
  background: #eef6ff !important;
  border: 1px solid #9cc8ea !important;
  border-radius: 5px !important;
}

/* Do not allow huge injected visuals */
html[data-theme="light"] .cr-card-visual {
  display: none !important;
}


/* CASINO_RADAR_DESIGN_SYSTEM_V15_MENU_TRUSTSCORE_ICONS */

/* =========================================================
   1. MENU BUTTON: visible dropdown panel
   ========================================================= */

.cr-mobile-menu-panel {
  display: none;
}

body.cr-menu-open .cr-mobile-menu-panel {
  display: grid !important;
  position: fixed;
  top: 72px;
  right: 18px;
  z-index: 9998;
  width: min(320px, calc(100vw - 36px));
  background: #ffffff;
  border: 1px solid #d0d7de;
  box-shadow: 0 22px 70px rgba(15, 23, 42, .16);
  padding: 10px;
  gap: 6px;
}

body.cr-menu-open .cr-mobile-menu-panel a {
  display: flex !important;
  align-items: center;
  gap: 10px;
  min-height: 44px;
  padding: 0 14px;
  background: #ffffff !important;
  border: 1px solid transparent !important;
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  text-decoration: none !important;
  font-family: var(--font-mono, monospace) !important;
  font-size: 11px !important;
  letter-spacing: .12em !important;
  text-transform: uppercase;
}

body.cr-menu-open .cr-mobile-menu-panel a:hover {
  background: #eaf3ff !important;
  border-color: #9cc8ea !important;
  color: #0f6cbd !important;
  -webkit-text-fill-color: #0f6cbd !important;
}

/* Make MENU button visibly clickable */
html[data-theme="light"] .cr-menu-button,
html[data-theme="light"] button.cr-menu-button,
html[data-theme="light"] a.cr-menu-button {
  background: #ffffff !important;
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  border: 1px solid #b8c2cc !important;
  box-shadow: 0 2px 0 rgba(15,23,42,.06) !important;
}

html[data-theme="light"] .cr-menu-button:hover,
html[data-theme="light"] button.cr-menu-button:hover,
html[data-theme="light"] a.cr-menu-button:hover {
  background: #eaf3ff !important;
  color: #0f6cbd !important;
  -webkit-text-fill-color: #0f6cbd !important;
  border-color: #9cc8ea !important;
}

/* =========================================================
   2. TRUST SCORE WIDGETS / CHARTS
   ========================================================= */

html[data-theme="light"] .cr-trust-score-widget,
html[data-theme="light"] .cr-trust-score-widget *,
html[data-theme="light"] .cr-trust-score-cell,
html[data-theme="light"] .cr-trust-score-cell * {
  opacity: 1 !important;
}

html[data-theme="light"] .cr-trust-score-widget {
  background: #ffffff !important;
  background-image: none !important;
  color: #0f172a !important;
  border: 1px solid #d0d7de !important;
  box-shadow: 0 10px 30px rgba(18,18,18,.05) !important;
}

html[data-theme="light"] .cr-trust-score-widget h1,
html[data-theme="light"] .cr-trust-score-widget h2,
html[data-theme="light"] .cr-trust-score-widget h3,
html[data-theme="light"] .cr-trust-score-widget b,
html[data-theme="light"] .cr-trust-score-widget strong {
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
}

html[data-theme="light"] .cr-trust-score-widget p,
html[data-theme="light"] .cr-trust-score-widget span,
html[data-theme="light"] .cr-trust-score-widget small,
html[data-theme="light"] .cr-trust-score-widget label {
  color: #334155 !important;
  -webkit-text-fill-color: #334155 !important;
}

/* Convert dark graph slab to light surface */
html[data-theme="light"] .cr-trust-score-widget div {
  background-color: transparent !important;
  color: #334155 !important;
}

/* Bars in trust score snapshots */
html[data-theme="light"] .cr-trust-score-widget [style*="background"],
html[data-theme="light"] .cr-trust-score-widget .bar,
html[data-theme="light"] .cr-trust-score-widget [class*="bar"],
html[data-theme="light"] .cr-trust-score-widget [class*="progress"] {
  background-color: #e5e7eb !important;
}

html[data-theme="light"] .cr-trust-score-widget [class*="fill"],
html[data-theme="light"] .cr-trust-score-widget [style*="#ff"],
html[data-theme="light"] .cr-trust-score-widget [style*="orange"] {
  background-color: #0f6cbd !important;
}

/* Trust score table cell: remove dark square */
html[data-theme="light"] .cr-trust-score-cell {
  background: #ffffff !important;
  color: #0f172a !important;
}

html[data-theme="light"] .cr-trust-score-cell > *,
html[data-theme="light"] .cr-trust-score-cell div,
html[data-theme="light"] .cr-trust-score-cell span {
  background: #fff7df !important;
  color: #7a4f0b !important;
  border-color: #d9b650 !important;
}

html[data-theme="light"] .cr-trust-score-cell img {
  width: 38px !important;
  height: 38px !important;
  min-width: 38px !important;
  min-height: 38px !important;
  background: transparent !important;
}

/* =========================================================
   3. EMPTY STATES
   ========================================================= */

html[data-theme="light"] .cr-empty-state-light {
  background: #ffffff !important;
  color: #0f172a !important;
  border: 1px solid #d0d7de !important;
}

html[data-theme="light"] .cr-empty-state-light h1,
html[data-theme="light"] .cr-empty-state-light h2,
html[data-theme="light"] .cr-empty-state-light h3 {
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
}

html[data-theme="light"] .cr-empty-state-light p,
html[data-theme="light"] .cr-empty-state-light span {
  color: #334155 !important;
  -webkit-text-fill-color: #334155 !important;
}

html[data-theme="light"] .cr-empty-state-light .cr-empty-icon {
  width: 56px !important;
  height: 56px !important;
  margin: 0 auto 18px auto !important;
  display: block !important;
}

/* =========================================================
   4. COMPLAINT CARDS: remove dark/gray icon slabs and overlap
   ========================================================= */

html[data-theme="light"] .cr-complaint-slab {
  background: #ffffff !important;
  background-image: none !important;
  color: #0f172a !important;
  border: 1px solid #d0d7de !important;
}

html[data-theme="light"] .cr-complaint-slab img,
html[data-theme="light"] .cr-complaint-icon {
  width: 22px !important;
  height: 22px !important;
  min-width: 22px !important;
  min-height: 22px !important;
  max-width: 22px !important;
  max-height: 22px !important;
  margin: 0 12px 0 0 !important;
  transform: none !important;
  position: static !important;
}

/* Hard reset if old CSS made a big square icon */
html[data-theme="light"] .complaint-card img,
html[data-theme="light"] .record-card img[src*="complaint"],
html[data-theme="light"] img.cr-complaint-icon {
  width: 22px !important;
  height: 22px !important;
  padding: 0 !important;
  border-radius: 5px !important;
}

/* =========================================================
   5. REMAINING DARK IMAGE BACKGROUNDS
   ========================================================= */

html[data-theme="light"] img[src*="/assets/icons-light/"],
html[data-theme="light"] img[src*="/assets/badges-light/"],
html[data-theme="light"] img[src*="favicon-light"] {
  background: transparent !important;
  box-shadow: none !important;
}

/* Old dark icon backgrounds if some missed JS replacement */
html[data-theme="light"] img[src*="/assets/icons/"],
html[data-theme="light"] img[src*="/assets/badges/"] {
  filter: none !important;
  background: #eef6ff !important;
  border: 1px solid #9cc8ea !important;
  border-radius: 5px !important;
}

/* Do not allow huge injected visuals */
html[data-theme="light"] .cr-card-visual {
  display: none !important;
}


/* CASINO_RADAR_DESIGN_SYSTEM_V16_PUBLIC_CLEANUP */

/* =========================================================
   FINAL PUBLIC CLEANUP BEFORE REAL PARSER CONTENT
   ========================================================= */

html[data-theme="light"] {
  --v16-main: #0f172a;
  --v16-body: #24364a;
  --v16-muted: #475569;
  --v16-label: #334155;
  --v16-line: #d0d7de;
  --v16-line-strong: #b8c2cc;
  --v16-blue: #0f6cbd;
  --v16-blue-bg: #eaf3ff;
  --v16-blue-line: #9cc8ea;
  --v16-gold: #b7791f;
  --v16-gold-bg: #fff7df;
  --v16-gold-line: #d9b650;
  --v16-red: #a92727;
  --v16-red-bg: #fff1f1;
  --v16-red-line: #dc8b8b;
  --v16-green: #126c40;
  --v16-green-bg: #e7f6ee;
  --v16-green-line: #7fc39f;
}

/* hide decorative filter labels */
html[data-theme="light"] .cr-hide-decor-label,
html[data-theme="light"] [data-cr-decor="scan-filter"] {
  display: none !important;
}

/* left-side labels that remain must be readable */
html[data-theme="light"] .eyebrow,
html[data-theme="light"] .data-label,
html[data-theme="light"] .muted,
html[data-theme="light"] small,
html[data-theme="light"] .small,
html[data-theme="light"] [class*="label"],
html[data-theme="light"] [class*="eyebrow"] {
  color: var(--v16-muted) !important;
  -webkit-text-fill-color: var(--v16-muted) !important;
  opacity: 1 !important;
}

/* universal public text contrast */
html[data-theme="light"] main h1,
html[data-theme="light"] main h2,
html[data-theme="light"] main h3,
html[data-theme="light"] main h4,
html[data-theme="light"] main strong,
html[data-theme="light"] main b {
  color: var(--v16-main) !important;
  -webkit-text-fill-color: var(--v16-main) !important;
  opacity: 1 !important;
}

html[data-theme="light"] main p,
html[data-theme="light"] main li,
html[data-theme="light"] main td,
html[data-theme="light"] main th,
html[data-theme="light"] main span,
html[data-theme="light"] main label {
  color: var(--v16-body) !important;
  -webkit-text-fill-color: currentColor !important;
  opacity: 1 !important;
}

/* useful codes: CR-0001, CASE #000002, GD-RTP-001 */
html[data-theme="light"] .cr-code-label,
html[data-theme="light"] code,
html[data-theme="light"] kbd {
  display: inline-flex !important;
  align-items: center !important;
  width: fit-content !important;
  background: var(--v16-blue-bg) !important;
  border: 1px solid var(--v16-blue-line) !important;
  color: #0f5f9e !important;
  -webkit-text-fill-color: #0f5f9e !important;
  opacity: 1 !important;
}

/* block padding: no text glued to borders */
html[data-theme="light"] .card,
html[data-theme="light"] .record-card,
html[data-theme="light"] .guide-card,
html[data-theme="light"] .country-card,
html[data-theme="light"] .locale-card,
html[data-theme="light"] .region-card,
html[data-theme="light"] .complaint-card,
html[data-theme="light"] .streamer-card,
html[data-theme="light"] .dossier-card,
html[data-theme="light"] .method-card,
html[data-theme="light"] .registry-card,
html[data-theme="light"] .cr-padded-block {
  padding: clamp(22px, 2.4vw, 34px) !important;
  background: #ffffff !important;
  border: 1px solid var(--v16-line) !important;
  box-shadow: 0 10px 30px rgba(18,18,18,.045) !important;
}

/* if card already has layout padding, do not destroy grids too much */
html[data-theme="light"] table .card,
html[data-theme="light"] table .record-card {
  padding: 0 !important;
}

/* score rings: numbers must be visible */
html[data-theme="light"] .cr-score-ring,
html[data-theme="light"] .cr-score-ring *,
html[data-theme="light"] .cr-trust-score-cell,
html[data-theme="light"] .cr-trust-score-cell * {
  opacity: 1 !important;
}

html[data-theme="light"] .cr-score-ring {
  background: #ffffff !important;
  color: var(--v16-main) !important;
  border-color: var(--v16-line) !important;
}

html[data-theme="light"] .cr-score-ring span,
html[data-theme="light"] .cr-score-ring b,
html[data-theme="light"] .cr-score-ring strong,
html[data-theme="light"] .cr-score-ring small {
  color: var(--v16-main) !important;
  -webkit-text-fill-color: var(--v16-main) !important;
}

html[data-theme="light"] .cr-score-label {
  color: var(--v16-label) !important;
  -webkit-text-fill-color: var(--v16-label) !important;
}

/* trust score snapshot */
html[data-theme="light"] .cr-trust-score-widget {
  background: #ffffff !important;
  color: var(--v16-main) !important;
  border: 1px solid var(--v16-line) !important;
}

html[data-theme="light"] .cr-trust-score-widget *,
html[data-theme="light"] .cr-trust-score-widget div {
  color: var(--v16-body) !important;
  -webkit-text-fill-color: currentColor !important;
  opacity: 1 !important;
}

html[data-theme="light"] .cr-trust-score-widget h1,
html[data-theme="light"] .cr-trust-score-widget h2,
html[data-theme="light"] .cr-trust-score-widget h3,
html[data-theme="light"] .cr-trust-score-widget b,
html[data-theme="light"] .cr-trust-score-widget strong {
  color: var(--v16-main) !important;
  -webkit-text-fill-color: var(--v16-main) !important;
}

/* timeline/evidence chain should not stay dark in light mode */
html[data-theme="light"] .cr-light-timeline,
html[data-theme="light"] .cr-light-timeline * {
  opacity: 1 !important;
}

html[data-theme="light"] .cr-light-timeline {
  background: #ffffff !important;
  color: var(--v16-main) !important;
  border: 1px solid var(--v16-line) !important;
  box-shadow: 0 10px 30px rgba(18,18,18,.045) !important;
}

html[data-theme="light"] .cr-light-timeline h1,
html[data-theme="light"] .cr-light-timeline h2,
html[data-theme="light"] .cr-light-timeline h3,
html[data-theme="light"] .cr-light-timeline b,
html[data-theme="light"] .cr-light-timeline strong {
  color: var(--v16-main) !important;
  -webkit-text-fill-color: var(--v16-main) !important;
}

html[data-theme="light"] .cr-light-timeline p,
html[data-theme="light"] .cr-light-timeline span,
html[data-theme="light"] .cr-light-timeline li,
html[data-theme="light"] .cr-light-timeline small {
  color: var(--v16-body) !important;
  -webkit-text-fill-color: var(--v16-body) !important;
}

/* menu dropdown */
.cr-mobile-menu-panel {
  display: none;
}

body.cr-menu-open .cr-mobile-menu-panel {
  display: grid !important;
  position: fixed;
  top: 72px;
  right: 18px;
  z-index: 9998;
  width: min(320px, calc(100vw - 36px));
  background: #ffffff;
  border: 1px solid var(--v16-line);
  box-shadow: 0 22px 70px rgba(15, 23, 42, .16);
  padding: 10px;
  gap: 6px;
}

body.cr-menu-open .cr-mobile-menu-panel a {
  display: flex !important;
  align-items: center;
  gap: 10px;
  min-height: 44px;
  padding: 0 14px;
  background: #ffffff !important;
  border: 1px solid transparent !important;
  color: var(--v16-main) !important;
  -webkit-text-fill-color: var(--v16-main) !important;
  text-decoration: none !important;
  font-family: var(--font-mono, monospace) !important;
  font-size: 11px !important;
  letter-spacing: .12em !important;
  text-transform: uppercase;
}

body.cr-menu-open .cr-mobile-menu-panel a:hover {
  background: var(--v16-blue-bg) !important;
  border-color: var(--v16-blue-line) !important;
  color: var(--v16-blue) !important;
  -webkit-text-fill-color: var(--v16-blue) !important;
}

/* statuses stronger */
html[data-theme="light"] .status-stamp,
html[data-theme="light"] .badge,
html[data-theme="light"] .tag,
html[data-theme="light"] [class*="status"] {
  background: #f8fafc !important;
  border: 1px solid #cbd5e1 !important;
  color: var(--v16-label) !important;
  -webkit-text-fill-color: var(--v16-label) !important;
}

html[data-theme="light"] [class*="high-risk"],
html[data-theme="light"] [class*="danger"],
html[data-theme="light"] [class*="unresolved"],
html[data-theme="light"] .badge.high,
html[data-theme="light"] .tag.high {
  background: var(--v16-red-bg) !important;
  border-color: var(--v16-red-line) !important;
  color: var(--v16-red) !important;
  -webkit-text-fill-color: var(--v16-red) !important;
}

html[data-theme="light"] [class*="watchlist"],
html[data-theme="light"] [class*="warning"],
html[data-theme="light"] [class*="medium"],
html[data-theme="light"] [class*="waiting"],
html[data-theme="light"] .badge.medium,
html[data-theme="light"] .tag.medium {
  background: var(--v16-gold-bg) !important;
  border-color: var(--v16-gold-line) !important;
  color: var(--v16-gold) !important;
  -webkit-text-fill-color: var(--v16-gold) !important;
}

html[data-theme="light"] [class*="trusted"],
html[data-theme="light"] [class*="success"],
html[data-theme="light"] [class*="verified"],
html[data-theme="light"] [class*="resolved"],
html[data-theme="light"] .badge.trusted,
html[data-theme="light"] .tag.trusted {
  background: var(--v16-green-bg) !important;
  border-color: var(--v16-green-line) !important;
  color: var(--v16-green) !important;
  -webkit-text-fill-color: var(--v16-green) !important;
}

/* no giant injected art */
html[data-theme="light"] .cr-card-visual {
  display: none !important;
}

/* CASINO_RADAR_DESIGN_SYSTEM_V17_AFTER_DEMO_CLEAN */
html[data-theme="light"] .grid:empty::after,
html[data-theme="light"] .data-list:empty::after {
  content: "Records are being prepared by the parser.";
  display: block;
  padding: 28px;
  background: #ffffff;
  border: 1px solid #d0d7de;
  color: #334155;
  font-family: var(--font-body, system-ui);
  box-shadow: 0 10px 30px rgba(18,18,18,.045);
}

html[data-theme="light"] .kpi-card-v9 strong {
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
}

/* CASINO_RADAR_V20_LIGHT_EMPTY_ICON_FIX */
html[data-theme="light"] .cr-empty-state-light svg,
html[data-theme="light"] .cr-empty-state-light img:not(.cr-empty-icon-clean) {
  display: none !important;
}

html[data-theme="light"] .cr-empty-icon-clean {
  display: block !important;
  width: 72px !important;
  height: 72px !important;
  margin: 0 auto 18px auto !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* CASINO_RADAR_V25_EMPTY_STATE_HARD_FIX */
html[data-theme="light"] .cr-empty-state-light svg,
html[data-theme="light"] .cr-empty-state-light img:not(.cr-empty-icon-clean),
html[data-theme="light"] .empty-state svg,
html[data-theme="light"] .empty-state img:not(.cr-empty-icon-clean) {
  display: none !important;
}

html[data-theme="light"] .cr-empty-icon-clean {
  display: block !important;
  width: 72px !important;
  height: 72px !important;
  margin: 0 auto 18px auto !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* CASINO_RADAR_V27_SLOT_LISTING */
html[data-theme="light"] .cr-slot-grid-v27 {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 24px !important;
  align-items: stretch !important;
}

html[data-theme="light"] .cr-slot-card-v27 {
  display: grid !important;
  grid-template-rows: 210px auto auto !important;
  background: #ffffff !important;
  border: 1px solid #d0d7de !important;
  box-shadow: 0 16px 42px rgba(15, 23, 42, .07) !important;
  overflow: hidden !important;
  min-height: 100% !important;
}

html[data-theme="light"] .cr-slot-image-v27 {
  display: grid !important;
  place-items: center !important;
  background: linear-gradient(135deg, #f8fafc, #eef6ff) !important;
  border-bottom: 1px solid #d0d7de !important;
  padding: 16px !important;
  text-decoration: none !important;
}

html[data-theme="light"] .cr-slot-image-v27 img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  display: block !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html[data-theme="light"] .cr-slot-noimage-v27 {
  color: #64748b !important;
  border: 1px dashed #b8c2cc !important;
  padding: 18px !important;
  font-family: var(--font-mono, monospace) !important;
  font-size: 11px !important;
  letter-spacing: .12em !important;
  text-transform: uppercase !important;
}

html[data-theme="light"] .cr-slot-body-v27 {
  padding: 24px 24px 18px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 14px !important;
}

html[data-theme="light"] .cr-slot-topline-v27 {
  display: flex !important;
  justify-content: space-between !important;
  gap: 12px !important;
  align-items: center !important;
  color: #475569 !important;
  font-family: var(--font-mono, monospace) !important;
  font-size: 10px !important;
  letter-spacing: .14em !important;
  text-transform: uppercase !important;
}

html[data-theme="light"] .cr-slot-topline-v27 b {
  color: #0f6cbd !important;
  -webkit-text-fill-color: #0f6cbd !important;
  font-weight: 700 !important;
  text-align: right !important;
}

html[data-theme="light"] .cr-slot-card-v27 h2 {
  margin: 0 !important;
  line-height: .98 !important;
  font-size: clamp(28px, 2.2vw, 40px) !important;
}

html[data-theme="light"] .cr-slot-card-v27 h2 a {
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  text-decoration: none !important;
}

html[data-theme="light"] .cr-slot-card-v27 h2 a:hover {
  color: #0f6cbd !important;
  -webkit-text-fill-color: #0f6cbd !important;
}

html[data-theme="light"] .cr-slot-card-v27 p {
  color: #334155 !important;
  line-height: 1.58 !important;
  margin: 0 !important;
}

html[data-theme="light"] .cr-slot-metrics-v27 {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px !important;
}

html[data-theme="light"] .cr-slot-metrics-v27 div {
  background: #f8fafc !important;
  border: 1px solid #d0d7de !important;
  padding: 12px !important;
  min-height: 62px !important;
}

html[data-theme="light"] .cr-slot-metrics-v27 span {
  display: block !important;
  color: #64748b !important;
  font-family: var(--font-mono, monospace) !important;
  font-size: 10px !important;
  letter-spacing: .14em !important;
  text-transform: uppercase !important;
  margin-bottom: 4px !important;
}

html[data-theme="light"] .cr-slot-metrics-v27 b {
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  font-size: 15px !important;
}

html[data-theme="light"] .cr-slot-tags-v27 {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
}

html[data-theme="light"] .cr-slot-tags-v27 span {
  background: #eaf3ff !important;
  border: 1px solid #9cc8ea !important;
  color: #0f5f9e !important;
  -webkit-text-fill-color: #0f5f9e !important;
  padding: 6px 9px !important;
  font-family: var(--font-mono, monospace) !important;
  font-size: 10px !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
}

html[data-theme="light"] .cr-slot-actions-v27 {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 10px !important;
  padding: 0 24px 24px !important;
  align-self: end !important;
}

html[data-theme="light"] .cr-slot-actions-v27 .btn {
  min-height: 44px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  white-space: normal !important;
}

html[data-theme="light"] .cr-slot-filter-v27 {
  display: grid !important;
  grid-template-columns: minmax(260px, 1fr) minmax(180px, 260px) auto auto !important;
  gap: 10px !important;
}

@media (max-width: 1080px) {
  html[data-theme="light"] .cr-slot-grid-v27 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 720px) {
  html[data-theme="light"] .cr-slot-grid-v27 {
    grid-template-columns: 1fr !important;
  }
  html[data-theme="light"] .cr-slot-filter-v27 {
    grid-template-columns: 1fr !important;
  }
  html[data-theme="light"] .cr-slot-actions-v27 {
    grid-template-columns: 1fr !important;
  }
}

/* CASINO_RADAR_V28_SLOT_LISTING_SAFETY */
html[data-theme="light"] .cr-slot-card-v27 {
  min-width: 0 !important;
}

html[data-theme="light"] .cr-slot-actions-v27 {
  margin-top: auto !important;
}

html[data-theme="light"] .cr-slot-image-v27 img[src=""],
html[data-theme="light"] .cr-slot-image-v27 img:not([src]) {
  display: none !important;
}

/* CASINO_RADAR_V31_SLOT_VIEWS */
html[data-theme="light"] .cr-view-switch-v31 {
  display: flex !important;
  gap: 10px !important;
  margin-top: 18px !important;
  flex-wrap: wrap !important;
}

html[data-theme="light"] .cr-view-switch-v31 a {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 40px !important;
  padding: 0 14px !important;
  border: 1px solid #cbd5e1 !important;
  background: #fff !important;
  color: #0f172a !important;
  text-decoration: none !important;
  font-family: var(--font-mono, monospace) !important;
  font-size: 11px !important;
  letter-spacing: .12em !important;
  text-transform: uppercase !important;
}

html[data-theme="light"] .cr-view-switch-v31 a.active,
html[data-theme="light"] .cr-view-switch-v31 a:hover {
  background: #0f6cbd !important;
  border-color: #0f6cbd !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

html[data-theme="light"] .cr-slot-filter-v31 {
  display: grid !important;
  grid-template-columns: minmax(260px,1fr) minmax(180px,260px) minmax(140px,180px) auto auto !important;
  gap: 10px !important;
  margin-top: 24px !important;
}

html[data-theme="light"] .cr-slot-actions-v31 {
  display: grid !important;
  grid-template-columns: 1fr !important;
  padding: 0 24px 24px !important;
  margin-top: auto !important;
}

html[data-theme="light"] .cr-slot-actions-v31 .btn {
  justify-content: center !important;
  min-height: 46px !important;
}

html[data-theme="light"] .cr-slot-list-v31 {
  display: grid !important;
  border: 1px solid #d0d7de !important;
  background: #fff !important;
  box-shadow: 0 16px 42px rgba(15,23,42,.06) !important;
}

html[data-theme="light"] .cr-slot-list-head-v31,
html[data-theme="light"] .cr-slot-list-row-v31 {
  display: grid !important;
  grid-template-columns: minmax(260px, 1.5fr) minmax(140px,.8fr) 100px 110px 120px 120px 110px !important;
  gap: 16px !important;
  align-items: center !important;
}

html[data-theme="light"] .cr-slot-list-head-v31 {
  min-height: 54px !important;
  padding: 0 18px !important;
  background: #f8fafc !important;
  border-bottom: 1px solid #d0d7de !important;
  color: #475569 !important;
  font-family: var(--font-mono, monospace) !important;
  font-size: 10px !important;
  letter-spacing: .14em !important;
  text-transform: uppercase !important;
}

html[data-theme="light"] .cr-slot-list-row-v31 {
  padding: 18px !important;
  border-bottom: 1px solid #e2e8f0 !important;
}

html[data-theme="light"] .cr-slot-list-row-v31:last-child {
  border-bottom: 0 !important;
}

html[data-theme="light"] .cr-slot-list-row-v31 a {
  color: #0f172a !important;
  text-decoration: none !important;
  font-weight: 700 !important;
}

html[data-theme="light"] .cr-slot-list-row-v31 a:hover {
  color: #0f6cbd !important;
}

html[data-theme="light"] .cr-slot-list-row-v31 small {
  display: block !important;
  margin-top: 5px !important;
  color: #64748b !important;
  font-weight: 400 !important;
}

html[data-theme="light"] .small-btn {
  min-height: 36px !important;
  padding: 0 12px !important;
  font-size: 10px !important;
}

html[data-theme="light"] .cr-pagination-v31 {
  display: flex !important;
  gap: 8px !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  margin-top: 32px !important;
}

html[data-theme="light"] .cr-quality-panel-v31 {
  position: sticky !important;
  top: 90px !important;
}

html[data-theme="light"] .cr-source-badges-v31 {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  margin: 18px 0 !important;
}

html[data-theme="light"] .cr-source-badges-v31 span {
  border: 1px solid #9cc8ea !important;
  background: #eaf3ff !important;
  color: #0f5f9e !important;
  padding: 7px 9px !important;
  font-family: var(--font-mono, monospace) !important;
  font-size: 10px !important;
  letter-spacing: .1em !important;
  text-transform: uppercase !important;
}

@media (max-width: 1100px) {
  html[data-theme="light"] .cr-slot-filter-v31 {
    grid-template-columns: 1fr 1fr !important;
  }

  html[data-theme="light"] .cr-slot-list-head-v31 {
    display: none !important;
  }

  html[data-theme="light"] .cr-slot-list-row-v31 {
    grid-template-columns: 1fr !important;
    gap: 8px !important;
  }

  html[data-theme="light"] .cr-slot-list-row-v31 > div {
    display: flex !important;
    justify-content: space-between !important;
    gap: 16px !important;
  }
}

@media (max-width: 720px) {
  html[data-theme="light"] .cr-slot-filter-v31 {
    grid-template-columns: 1fr !important;
  }
}

/* CASINO_RADAR_V37_STREAMERS */
html[data-theme="light"] .cr-streamer-grid-v37 {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 22px !important;
}

html[data-theme="light"] .cr-streamer-card-v37 {
  display: grid !important;
  gap: 18px !important;
  background: #fff !important;
  border: 1px solid #d0d7de !important;
  box-shadow: 0 16px 42px rgba(15,23,42,.06) !important;
  padding: 24px !important;
  min-height: 100% !important;
}

html[data-theme="light"] .cr-streamer-card-v37 h2 {
  margin: 0 0 10px !important;
  font-size: clamp(28px,2vw,38px) !important;
  line-height: 1 !important;
}

html[data-theme="light"] .cr-streamer-card-v37 h2 a {
  color: #0f172a !important;
  text-decoration: none !important;
}

html[data-theme="light"] .cr-streamer-card-v37 h2 a:hover {
  color: #0f6cbd !important;
}

@media (max-width: 1080px) {
  html[data-theme="light"] .cr-streamer-grid-v37 {
    grid-template-columns: repeat(2, minmax(0,1fr)) !important;
  }
}

@media (max-width: 720px) {
  html[data-theme="light"] .cr-streamer-grid-v37 {
    grid-template-columns: 1fr !important;
  }
}

/* CASINO_RADAR_V42_STREAMER_UI */
html[data-theme="light"] .cr-topbar-v42 {
  position: sticky !important;
  top: 0 !important;
  z-index: 1000 !important;
  background: rgba(247,246,241,.94) !important;
  backdrop-filter: blur(14px) !important;
  border-bottom: 1px solid #d7d2c8 !important;
}

html[data-theme="light"] .cr-topbar-inner-v42 {
  max-width: 1380px !important;
  margin: 0 auto !important;
  padding: 10px 24px !important;
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 24px !important;
}

html[data-theme="light"] .cr-brand-v42 {
  display: inline-flex !important;
  align-items: center !important;
  gap: 12px !important;
  text-decoration: none !important;
  color: #0f172a !important;
  min-width: max-content !important;
}

html[data-theme="light"] .cr-brand-mark-v42 {
  width: 44px !important;
  height: 44px !important;
  display: grid !important;
  place-items: center !important;
  border: 1px solid #cbd5e1 !important;
  background: #fff !important;
  box-shadow: 0 8px 20px rgba(15,23,42,.06) !important;
}

html[data-theme="light"] .cr-brand-mark-v42 img {
  width: 34px !important;
  height: 34px !important;
  object-fit: contain !important;
}

html[data-theme="light"] .cr-brand-text-v42 {
  display: grid !important;
  line-height: 1.05 !important;
  letter-spacing: .18em !important;
  font-family: var(--font-mono, monospace) !important;
  font-size: 12px !important;
}

html[data-theme="light"] .cr-brand-text-v42 b {
  color: #0f8fdf !important;
}

html[data-theme="light"] .cr-brand-text-v42 strong {
  color: #0f172a !important;
  font-weight: 800 !important;
}

html[data-theme="light"] .cr-nav-v42 {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 8px !important;
  flex-wrap: wrap !important;
}

html[data-theme="light"] .cr-nav-link-v42 {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  min-height: 38px !important;
  padding: 0 10px !important;
  border: 1px solid transparent !important;
  color: #0f172a !important;
  text-decoration: none !important;
  font-family: var(--font-mono, monospace) !important;
  font-size: 11px !important;
  letter-spacing: .12em !important;
  text-transform: uppercase !important;
}

html[data-theme="light"] .cr-nav-link-v42 img {
  width: 18px !important;
  height: 18px !important;
  border-radius: 5px !important;
  background: #eaf6ff !important;
  border: 1px solid #a8d8fb !important;
  padding: 2px !important;
}

html[data-theme="light"] .cr-nav-link-v42:hover,
html[data-theme="light"] .cr-nav-link-v42.is-active {
  background: #fff !important;
  border-color: #cbd5e1 !important;
  color: #0f6cbd !important;
  box-shadow: 0 8px 22px rgba(15,23,42,.06) !important;
}

html[data-theme="light"] .cr-actions-v42 {
  display: flex !important;
  gap: 8px !important;
  align-items: center !important;
}

html[data-theme="light"] .cr-action-btn-v42 {
  min-height: 40px !important;
  display: inline-flex !important;
  align-items: center !important;
  padding: 0 14px !important;
  border: 1px solid #cbd5e1 !important;
  background: #fff !important;
  color: #0f172a !important;
  text-decoration: none !important;
  font-family: var(--font-mono, monospace) !important;
  font-size: 11px !important;
  letter-spacing: .14em !important;
  text-transform: uppercase !important;
}

html[data-theme="light"] .cr-action-btn-v42:hover {
  background: #0f6cbd !important;
  border-color: #0f6cbd !important;
  color: #fff !important;
}

html[data-theme="light"] .cr-streamer-filter-v42 {
  display: grid !important;
  grid-template-columns: minmax(260px,1fr) minmax(130px,180px) minmax(170px,240px) minmax(130px,180px) auto auto !important;
  gap: 10px !important;
  margin-top: 24px !important;
}

html[data-theme="light"] .cr-streamer-grid-v42 {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 22px !important;
}

html[data-theme="light"] .cr-streamer-card-v42 {
  display: grid !important;
  grid-template-rows: auto 1fr auto !important;
  background: #fff !important;
  border: 1px solid #d0d7de !important;
  box-shadow: 0 16px 42px rgba(15,23,42,.06) !important;
  min-height: 100% !important;
  overflow: hidden !important;
}

html[data-theme="light"] .cr-streamer-photo-v42 {
  height: 190px !important;
  background: linear-gradient(135deg, #f8fafc, #eaf6ff) !important;
  display: grid !important;
  place-items: center !important;
  border-bottom: 1px solid #d0d7de !important;
  overflow: hidden !important;
  text-decoration: none !important;
}

html[data-theme="light"] .cr-streamer-photo-v42 img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  transition: transform .28s ease !important;
}

html[data-theme="light"] .cr-streamer-card-v42:hover .cr-streamer-photo-v42 img {
  transform: scale(1.04) !important;
}

html[data-theme="light"] .cr-streamer-photo-v42 span,
html[data-theme="light"] .cr-streamer-detail-photo-v42 span {
  width: 92px !important;
  height: 92px !important;
  display: grid !important;
  place-items: center !important;
  background: #0f172a !important;
  color: #fff !important;
  border-radius: 50% !important;
  font-family: var(--font-mono, monospace) !important;
  font-weight: 800 !important;
  letter-spacing: .12em !important;
  border: 4px solid #eaf6ff !important;
  box-shadow: 0 14px 34px rgba(15,23,42,.15) !important;
}

html[data-theme="light"] .cr-streamer-card-body-v42 {
  padding: 24px !important;
}

html[data-theme="light"] .cr-streamer-card-body-v42 h2 {
  margin: 0 0 10px !important;
  font-size: clamp(28px,2vw,38px) !important;
  line-height: 1 !important;
}

html[data-theme="light"] .cr-streamer-card-body-v42 h2 a {
  color: #0f172a !important;
  text-decoration: none !important;
}

html[data-theme="light"] .cr-streamer-card-body-v42 h2 a:hover {
  color: #0f6cbd !important;
}

html[data-theme="light"] .cr-streamer-detail-head-v42 {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 220px !important;
  gap: 28px !important;
  align-items: center !important;
}

html[data-theme="light"] .cr-streamer-detail-photo-v42 {
  width: 220px !important;
  height: 220px !important;
  border: 1px solid #d0d7de !important;
  background: #fff !important;
  display: grid !important;
  place-items: center !important;
  box-shadow: 0 16px 42px rgba(15,23,42,.06) !important;
  overflow: hidden !important;
}

html[data-theme="light"] .cr-streamer-detail-photo-v42 img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

html[data-theme="light"] .cr-streamer-list-head-v42,
html[data-theme="light"] .cr-streamer-list-row-v42 {
  grid-template-columns: minmax(260px,1.5fr) 100px minmax(150px,.8fr) 90px 90px 90px 100px !important;
}

@media (max-width: 1180px) {
  html[data-theme="light"] .cr-topbar-inner-v42 {
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }

  html[data-theme="light"] .cr-nav-v42 {
    justify-content: flex-start !important;
  }

  html[data-theme="light"] .cr-actions-v42 {
    display: none !important;
  }

  html[data-theme="light"] .cr-streamer-filter-v42 {
    grid-template-columns: 1fr 1fr !important;
  }

  html[data-theme="light"] .cr-streamer-grid-v42 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 720px) {
  html[data-theme="light"] .cr-streamer-filter-v42,
  html[data-theme="light"] .cr-streamer-grid-v42,
  html[data-theme="light"] .cr-streamer-detail-head-v42 {
    grid-template-columns: 1fr !important;
  }

  html[data-theme="light"] .cr-streamer-detail-photo-v42 {
    width: 100% !important;
    height: 240px !important;
  }

  html[data-theme="light"] .cr-nav-v42 {
    overflow-x: auto !important;
    flex-wrap: nowrap !important;
    justify-content: flex-start !important;
    padding-bottom: 4px !important;
  }
}

/* CASINO_RADAR_V43_STREAMER_CLEAN_CARDS */
html[data-theme="light"] .cr-streamer-filter-v43 {
  display: grid !important;
  grid-template-columns: minmax(280px,1fr) minmax(130px,180px) minmax(170px,240px) minmax(130px,180px) auto auto !important;
  gap: 10px !important;
  margin-top: 24px !important;
}

html[data-theme="light"] .cr-streamer-grid-v43 {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 22px !important;
}

html[data-theme="light"] .cr-streamer-card-v43 {
  display: grid !important;
  grid-template-rows: auto 1fr auto !important;
  background: #fff !important;
  border: 1px solid #d0d7de !important;
  box-shadow: 0 16px 42px rgba(15,23,42,.06) !important;
  min-height: 100% !important;
  overflow: hidden !important;
}

html[data-theme="light"] .cr-streamer-card-v43.no-photo {
  grid-template-rows: 1fr auto !important;
}

html[data-theme="light"] .cr-streamer-photo-v43 {
  height: 170px !important;
  background: #f8fafc !important;
  border-bottom: 1px solid #d0d7de !important;
  display: block !important;
  overflow: hidden !important;
}

html[data-theme="light"] .cr-streamer-photo-v43 img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  transition: transform .25s ease !important;
}

html[data-theme="light"] .cr-streamer-card-v43:hover .cr-streamer-photo-v43 img {
  transform: scale(1.04) !important;
}

html[data-theme="light"] .cr-streamer-card-body-v43 {
  padding: 24px !important;
}

html[data-theme="light"] .cr-streamer-card-top-v43 {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  margin-bottom: 14px !important;
}

html[data-theme="light"] .cr-streamer-mini-avatar-v43 {
  width: 46px !important;
  height: 46px !important;
  min-width: 46px !important;
  border-radius: 50% !important;
  display: inline-grid !important;
  place-items: center !important;
  background: #0f172a !important;
  color: #fff !important;
  border: 3px solid #eaf6ff !important;
  box-shadow: 0 10px 28px rgba(15,23,42,.12) !important;
  font-family: var(--font-mono, monospace) !important;
  font-weight: 800 !important;
  letter-spacing: .08em !important;
  text-decoration: none !important;
}

html[data-theme="light"] .cr-streamer-card-body-v43 h2 {
  margin: 0 0 12px !important;
  font-size: clamp(30px,2.1vw,42px) !important;
  line-height: .98 !important;
}

html[data-theme="light"] .cr-streamer-card-body-v43 h2 a {
  color: #0f172a !important;
  text-decoration: none !important;
}

html[data-theme="light"] .cr-streamer-card-body-v43 h2 a:hover {
  color: #0f6cbd !important;
}

html[data-theme="light"] .cr-streamer-card-body-v43 p:not(.eyebrow) {
  color: #24364b !important;
  font-size: 16px !important;
  line-height: 1.55 !important;
}

html[data-theme="light"] .cr-streamer-list-head-v43,
html[data-theme="light"] .cr-streamer-list-row-v43 {
  grid-template-columns: minmax(260px,1.5fr) 100px minmax(150px,.8fr) 90px 90px 90px 100px !important;
}

html[data-theme="light"] .cr-streamer-detail-layout-v43 {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 220px !important;
  gap: 32px !important;
  align-items: center !important;
}

html[data-theme="light"] .cr-streamer-detail-layout-v43.no-photo {
  grid-template-columns: 1fr !important;
}

html[data-theme="light"] .cr-streamer-title-row-v43 {
  display: flex !important;
  align-items: center !important;
  gap: 16px !important;
}

html[data-theme="light"] .cr-streamer-title-row-v43 h1 {
  margin: 0 !important;
}

html[data-theme="light"] .cr-streamer-detail-photo-v43 {
  width: 220px !important;
  height: 220px !important;
  background: #fff !important;
  border: 1px solid #d0d7de !important;
  box-shadow: 0 16px 42px rgba(15,23,42,.06) !important;
  overflow: hidden !important;
}

html[data-theme="light"] .cr-streamer-detail-photo-v43 img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

html[data-theme="light"] .cr-empty-state-light {
  background: #fff !important;
  border: 1px solid #d0d7de !important;
  color: #0f172a !important;
  padding: 28px !important;
  margin-top: 18px !important;
}

@media (max-width: 1180px) {
  html[data-theme="light"] .cr-streamer-grid-v43 {
    grid-template-columns: repeat(2, minmax(0,1fr)) !important;
  }

  html[data-theme="light"] .cr-streamer-filter-v43 {
    grid-template-columns: 1fr 1fr !important;
  }
}

@media (max-width: 720px) {
  html[data-theme="light"] .cr-streamer-grid-v43,
  html[data-theme="light"] .cr-streamer-filter-v43,
  html[data-theme="light"] .cr-streamer-detail-layout-v43 {
    grid-template-columns: 1fr !important;
  }

  html[data-theme="light"] .cr-streamer-detail-photo-v43 {
    width: 100% !important;
    height: 240px !important;
  }
}