/* Hide Redundant Mode and Starter Pack Selectors from Train Page */
.train .fgroup:has([aria-label="Session mode"]),
.train .fgroup:has([aria-label="Include starter pack"]) {
  display: none !important;
}

/* ==========================================================================
   RAISEIQ BRAND THEME: COMPLETE VISUAL OVERHAUL
   ========================================================================== */

/* 1. Global CSS Custom Properties & Typography */
:root {
  /* Fonts */
  --font-display: "Bebas Neue", sans-serif;
  --font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  
  /* RaiseIQ Core Color Palette */
  --c-abismo: #0A0E1A;       /* Deep Navy Background */
  --c-panel: #0F1422;        /* Cards & Panels Background */
  --c-profundo: #1A2744;     /* Secondary Surface & Borders */
  --c-ouro: #C8A84B;         /* Primary Accent Gold */
  --c-ouro-hover: #dbb958;   /* Gold Hover */
  --c-creme: #E8D5A3;        /* Main Text Creme */
  --c-muted: #6B7A9A;        /* Secondary / Muted Text */
  --c-feltro: #4A7C59;       /* Elegant Green Felt & Success */

  /* Override App Core Variables */
  --bg: var(--c-abismo) !important;
  --bg-elev: var(--c-panel) !important;
  --surface: var(--c-panel) !important;
  --surface-2: var(--c-panel) !important;
  --surface-3: var(--c-profundo) !important;
  --black: var(--c-abismo) !important;
  
  --border: var(--c-profundo) !important;
  --border-strong: #253860 !important;
  
  --text: var(--c-creme) !important;
  --text-dim: #d1c194 !important;
  --text-muted: var(--c-muted) !important;
  
  --accent: var(--c-ouro) !important;
  --accent-hover: var(--c-ouro-hover) !important;
  --accent-ink: var(--c-abismo) !important;
  --accent-soft: rgba(200, 168, 75, 0.14) !important;
  --accent-line: rgba(200, 168, 75, 0.40) !important;
  --accent-glow: rgba(200, 168, 75, 0.25) !important;

  /* Table Felt */
  --felt: var(--c-feltro) !important;
  --felt-light: #5b936d !important;
  --felt-edge: #355d40 !important;
  --felt-rail: var(--c-profundo) !important;

  /* Preflop Actions */
  --act-fold: #6B7A9A !important;
  --act-check: #6B7A9A !important;
  --act-call: #4A7C59 !important;
  --act-raise: #C8A84B !important;
  --act-allin: #E11D48 !important;
  --act-bet: #C8A84B !important;

  /* Validation */
  --v-optimal: #4A7C59 !important;
  --v-approved: #4A7C59 !important;
  --v-marginal: #C8A84B !important;
  --v-incorrect: #c2524a !important;

  /* Radii */
  --radius-card: 10px !important;
  --radius-btn: 8px !important;

  /* Room background */
  --bg-room-color: var(--c-abismo) !important;
}

body, html, .shell {
  background-color: var(--c-abismo) !important;
  color: var(--c-creme) !important;
  font-family: var(--font-body) !important;
}

/* 2. Brand Header / Topbar */
.topbar {
  background-color: var(--c-abismo) !important;
  border-bottom: 1px solid var(--c-profundo) !important;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.5) !important;
}

.brand {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  text-decoration: none !important;
}

.brand__mark {
  width: 40px !important;
  height: 40px !important;
  aspect-ratio: 1 / 1 !important;
  object-fit: contain !important;
  border-radius: 8px !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.4) !important;
}

.brand__wordmark {
  font-family: var(--font-display) !important;
  font-size: 30px !important;
  line-height: 1 !important;
  letter-spacing: 0.05em !important;
  display: flex !important;
  align-items: center !important;
}

.wordmark-raise {
  color: var(--c-ouro) !important; /* Dourado #C8A84B */
}

.wordmark-iq {
  color: var(--c-creme) !important; /* Creme #E8D5A3 */
  margin-left: 2px !important;
}

.brand__subtitle {
  font-family: var(--font-body) !important;
  font-size: 10px !important;
  font-weight: 600 !important;
  color: var(--c-muted) !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  margin-top: 2px !important;
}

/* Hide legacy note in topbar */
.topbar__note {
  display: none !important;
}

/* Topbar navigation links */
.topnav__link {
  color: var(--c-muted) !important;
  font-weight: 500 !important;
  border-radius: 6px !important;
  transition: all 0.15s ease !important;
}

.topnav__link:hover {
  color: var(--c-creme) !important;
  background-color: rgba(26, 39, 68, 0.5) !important;
}

.topnav__link[aria-current="page"], .topnav__link.is-active {
  color: var(--c-ouro) !important;
  background-color: rgba(200, 168, 75, 0.1) !important;
  border-bottom: 2px solid var(--c-ouro) !important;
}

/* 3. Typography: Bebas Neue for Titles & Section Headers */
h1, h2, h3, .panel__title, .hero__title, .sess__title {
  font-family: var(--font-display) !important;
  letter-spacing: 0.04em !important;
}
h1 { font-size: 2.2rem !important; }
h2 { font-size: 1.8rem !important; }
h3 { font-size: 1.4rem !important; }

/* 4. Action Buttons (FOLD / CALL / RAISE) */
.actbtn {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 10px !important;
  padding: 10px 20px !important;
  min-height: 64px !important;
  min-width: 140px !important;
  transition: all 0.15s ease !important;
  box-shadow: none !important;
}

.actbtn > span:first-child {
  font-family: var(--font-display) !important;
  font-size: 1.75rem !important;
  line-height: 1.1 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
}

.actbtn__hotkey {
  font-family: var(--font-body) !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  opacity: 0.75 !important;
  letter-spacing: 0.05em !important;
  margin-top: 2px !important;
}

/* FOLD: background #1A2744, texto #6B7A9A */
.actbtn[style*="--act-fold"], 
.actbtn[data-action="fold"] {
  background: var(--c-profundo) !important;
  color: var(--c-muted) !important;
  border: 1px solid var(--c-profundo) !important;
}
.actbtn[style*="--act-fold"]:hover {
  background: #23345c !important;
  color: var(--c-creme) !important;
}

/* CALL: background #4A7C5922, texto #4A7C59, borda #4A7C5966 */
.actbtn[style*="--act-call"], 
.actbtn[style*="--act-check"],
.actbtn[data-action="call"], 
.actbtn[data-action="check"] {
  background: rgba(74, 124, 89, 0.13) !important;
  color: #4A7C59 !important;
  border: 1px solid rgba(74, 124, 89, 0.40) !important;
}
.actbtn[style*="--act-call"]:hover,
.actbtn[style*="--act-check"]:hover {
  background: rgba(74, 124, 89, 0.25) !important;
  border-color: #4A7C59 !important;
}

/* RAISE: background #C8A84B22, texto #C8A84B, borda #C8A84B44 */
.actbtn[style*="--act-raise"], 
.actbtn[style*="--act-bet"], 
.actbtn[data-action="raise"], 
.actbtn[data-action="bet"] {
  background: rgba(200, 168, 75, 0.13) !important;
  color: #C8A84B !important;
  border: 1px solid rgba(200, 168, 75, 0.27) !important;
}
.actbtn[style*="--act-raise"]:hover,
.actbtn[style*="--act-bet"]:hover {
  background: rgba(200, 168, 75, 0.25) !important;
  border-color: #C8A84B !important;
}

/* 5. General Buttons & Panels */
.btn--primary {
  background-color: var(--c-ouro) !important;
  color: var(--c-abismo) !important;
  font-weight: 700 !important;
  border-radius: 8px !important;
  border: 1px solid var(--c-ouro) !important;
  transition: all 0.15s ease !important;
}
.btn--primary:hover {
  background-color: var(--c-ouro-hover) !important;
  border-color: var(--c-ouro-hover) !important;
}

.btn--ghost, .btn--secondary {
  background-color: var(--c-profundo) !important;
  color: var(--c-creme) !important;
  border: 1px solid var(--c-profundo) !important;
  border-radius: 8px !important;
}
.btn--ghost:hover, .btn--secondary:hover {
  background-color: #23345c !important;
  border-color: var(--c-ouro) !important;
  color: var(--c-ouro) !important;
}

/* Panels and Cards */
.panel {
  background: var(--c-panel) !important;
  border: 1px solid var(--c-profundo) !important;
  border-radius: 10px !important;
  box-shadow: none !important;
}
.panel__head {
  background: var(--c-panel) !important;
  border-bottom: 1px solid var(--c-profundo) !important;
}
.panel__title {
  color: var(--c-creme) !important;
}

/* Input Fields and Selects */
input, select, textarea {
  background-color: var(--c-abismo) !important;
  color: var(--c-creme) !important;
  border: 1px solid var(--c-profundo) !important;
  border-radius: 8px !important;
}
input:focus, select:focus, textarea:focus {
  border-color: var(--c-ouro) !important;
  outline: none !important;
  box-shadow: 0 0 0 2px rgba(200, 168, 75, 0.2) !important;
}

/* 6. Poker Table & Stage */
.sess__stage {
  display: flex !important;
  flex-direction: column !important;
  background-color: var(--c-abismo) !important;
  background-image: radial-gradient(ellipse at 50% 40%, rgba(26, 39, 68, 0.4) 0%, transparent 75%) !important;
  transition: background-color 0.2s ease;
}

.sess__table {
  flex: 1 1 auto !important;
  min-height: 380px !important;
  position: relative !important;
  width: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
}

.sess .ptable {
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  width: min(1180px, 96cqw, calc(94cqh * 2.15)) !important;
  max-width: 1180px !important;
  aspect-ratio: 2.15 !important;
  margin: 0 auto !important;
  border-radius: 999px !important;
  box-shadow: 0 25px 60px rgba(0, 0, 0, 0.9), 0 0 0 1px rgba(26, 39, 68, 0.8) !important;
}

.sess .ptable__felt {
  position: absolute !important;
  inset: 0 !important;
  border-radius: 999px !important;
  background: radial-gradient(ellipse at 50% 48%, #5a916c 0%, var(--c-feltro) 65%, #355d40 100%) !important;
  border: 4px solid rgba(26, 39, 68, 0.6) !important;
  box-shadow: inset 0 0 50px rgba(10, 14, 26, 0.7), inset 0 1px 2px rgba(200, 168, 75, 0.2), 0 14px 40px rgba(0, 0, 0, 0.8) !important;
}

.sess .ptable__rail {
  border: 1.5px solid rgba(200, 168, 75, 0.3) !important;
  border-radius: 999px !important;
  box-shadow: inset 0 2px 8px rgba(0, 0, 0, 0.7) !important;
}

/* Player Pods */
.sess .pseat__box {
  background: linear-gradient(180deg, #131a2e 0%, #0d1220 100%) !important;
  border: 1px solid var(--c-profundo) !important;
  border-radius: 999px !important;
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.6) !important;
  color: var(--c-creme) !important;
}

.sess .pseat--hero .pseat__box {
  border-color: var(--c-ouro) !important;
  box-shadow: 0 0 16px rgba(200, 168, 75, 0.35), inset 0 1px 0 rgba(200, 168, 75, 0.3) !important;
}

.pseat__act--fold {
  color: var(--c-muted) !important;
  background: rgba(26, 39, 68, 0.6) !important;
  border-color: var(--c-profundo) !important;
}

.pseat__act--call {
  color: var(--c-feltro) !important;
  background: rgba(74, 124, 89, 0.2) !important;
  border-color: rgba(74, 124, 89, 0.5) !important;
}

.pseat__act--aggro {
  color: var(--c-ouro) !important;
  background: rgba(200, 168, 75, 0.2) !important;
  border-color: rgba(200, 168, 75, 0.5) !important;
}

/* ==========================================================================
   CARDS (PERFECTED VECTOR DECK - PRESERVED 100%)
   ========================================================================== */
/* 4. High-Visibility 4-Color Poker Deck (Exact Vector Replica of Reference Image) */
.pcard {
  --pc-radius: calc(var(--pc-w) * 0.22);
  border-radius: var(--pc-radius) !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.45) !important;
  border: 1px solid rgba(0, 0, 0, 0.18) !important;
  position: relative !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
  user-select: none !important;
  -webkit-user-select: none !important;
}

/* 4-Color Deck Suit Backgrounds */
.pcard[data-suit="d"], .pcard[aria-label*="diamond"] { background: #7290c7 !important; }
.pcard[data-suit="h"], .pcard[aria-label*="heart"] { background: #fe5d40 !important; }
.pcard[data-suit="c"], .pcard[aria-label*="club"] { background: #00a877 !important; }
.pcard[data-suit="s"], .pcard[aria-label*="spade"] { background: #85827b !important; }

/* Hide duplicate corner rank */
.pcard__corner { display: none !important; }

/* Razor-Sharp Vector Suit Icon (Top-Left) */
.pcard__suit {
  position: absolute !important;
  top: calc(var(--pc-w) * 0.08) !important;
  left: calc(var(--pc-w) * 0.09) !important;
  width: calc(var(--pc-w) * 0.36) !important;
  height: calc(var(--pc-w) * 0.36) !important;
  font-size: 0 !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: contain !important;
  filter: drop-shadow(0 1px 1px rgba(0, 0, 0, 0.3)) !important;
  margin: 0 !important;
  padding: 0 !important;
}
.pcard[data-suit="d"] .pcard__suit, .pcard[aria-label*="diamond"] .pcard__suit { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2077.5%20100%22%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M%2038.6%200.0%20L%2039.8%201.7%20L%2040.3%203.0%20L%2041.1%203.8%20L%2041.5%205.1%20L%2042.4%205.9%20L%2042.8%207.2%20L%2043.6%208.1%20L%2044.1%209.3%20L%2044.9%2010.2%20L%2044.9%2010.6%20L%2045.8%2011.4%20L%2045.8%2011.9%20L%2046.6%2012.7%20L%2046.6%2013.1%20L%2047.5%2014.0%20L%2047.5%2014.4%20L%2048.3%2015.3%20L%2048.3%2015.7%20L%2049.2%2016.5%20L%2049.2%2016.9%20L%2050.0%2017.8%20L%2050.0%2018.2%20L%2051.3%2019.5%20L%2051.3%2019.9%20L%2052.1%2020.8%20L%2052.1%2021.2%20L%2053.4%2022.5%20L%2053.4%2022.9%20L%2054.7%2024.2%20L%2054.7%2024.6%20L%2055.9%2025.8%20L%2055.9%2026.3%20L%2057.2%2027.5%20L%2057.2%2028.0%20L%2058.5%2029.2%20L%2058.5%2029.7%20L%2061.0%2032.2%20L%2061.0%2032.6%20L%2062.7%2034.3%20L%2062.7%2034.7%20L%2066.9%2039.0%20L%2066.9%2039.4%20L%2077.1%2049.6%20L%2077.1%2050.0%20L%2066.9%2060.2%20L%2066.9%2060.6%20L%2063.1%2064.4%20L%2063.1%2064.8%20L%2060.6%2067.4%20L%2060.6%2067.8%20L%2058.5%2069.9%20L%2058.5%2070.3%20L%2057.2%2071.6%20L%2057.2%2072.0%20L%2055.5%2073.7%20L%2055.5%2074.2%20L%2053.0%2077.1%20L%2053.0%2077.5%20L%2052.1%2078.4%20L%2052.1%2078.8%20L%2050.8%2080.1%20L%2050.8%2080.5%20L%2050.0%2081.4%20L%2050.0%2081.8%20L%2049.2%2082.6%20L%2049.2%2083.1%20L%2048.3%2083.9%20L%2048.3%2084.3%20L%2047.5%2085.2%20L%2047.5%2085.6%20L%2046.6%2086.4%20L%2046.6%2086.9%20L%2045.8%2087.7%20L%2045.8%2088.1%20L%2044.9%2089.0%20L%2044.5%2090.3%20L%2042.8%2092.4%20L%2042.4%2093.6%20L%2041.5%2094.5%20L%2041.1%2095.8%20L%2040.3%2096.6%20L%2039.8%2097.9%20L%2038.6%2099.6%20L%2037.7%2098.7%20L%2037.3%2097.5%20L%2035.6%2095.3%20L%2034.7%2093.2%20L%2032.2%2089.8%20L%2031.8%2088.6%20L%2030.1%2086.4%20L%2029.7%2085.2%20L%2028.4%2083.9%20L%2028.4%2083.5%20L%2027.5%2082.6%20L%2027.1%2081.4%20L%2025.8%2080.1%20L%2025.8%2079.7%20L%2025.0%2078.8%20L%2025.0%2078.4%20L%2023.7%2077.1%20L%2023.7%2076.7%20L%2021.2%2073.7%20L%2021.2%2073.3%20L%2019.9%2072.0%20L%2019.9%2071.6%20L%2017.8%2069.5%20L%2017.8%2069.1%20L%2016.1%2067.4%20L%2016.1%2066.9%20L%2013.6%2064.4%20L%2013.6%2064.0%20L%209.7%2060.2%20L%209.7%2059.7%20L%200.0%2050.0%20L%200.0%2049.6%20L%209.7%2039.8%20L%209.7%2039.4%20L%2013.6%2035.6%20L%2013.6%2035.2%20L%2016.1%2032.6%20L%2016.1%2032.2%20L%2017.8%2030.5%20L%2017.8%2030.1%20L%2021.2%2026.3%20L%2021.2%2025.8%20L%2022.5%2024.6%20L%2022.5%2024.2%20L%2025.0%2021.2%20L%2025.0%2020.8%20L%2025.8%2019.9%20L%2025.8%2019.5%20L%2027.1%2018.2%20L%2027.1%2017.8%20L%2028.0%2016.9%20L%2028.0%2016.5%20L%2028.8%2015.7%20L%2028.8%2015.3%20L%2029.7%2014.4%20L%2029.7%2014.0%20L%2030.5%2013.1%20L%2030.9%2011.9%20L%2033.5%208.5%20L%2033.9%207.2%20L%2035.6%205.1%20L%2036.4%203.0%20L%2037.3%202.1%20L%2037.7%200.8%20L%2038.6%200.0%20Z%22/%3E%3C/svg%3E") !important; }
.pcard[data-suit="h"] .pcard__suit, .pcard[aria-label*="heart"] .pcard__suit { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2091.9%20100%22%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M%2019.5%200.0%20L%2026.3%200.0%20L%2026.7%200.4%20L%2028.4%200.4%20L%2028.8%200.8%20L%2030.1%200.8%20L%2031.4%201.7%20L%2032.2%201.7%20L%2032.6%202.1%20L%2034.7%203.0%20L%2037.3%205.1%20L%2037.7%205.1%20L%2040.7%208.1%20L%2040.7%208.5%20L%2043.2%2011.9%20L%2043.2%2012.3%20L%2044.1%2013.6%20L%2044.1%2014.4%20L%2044.5%2014.8%20L%2044.9%2016.1%20L%2045.8%2016.9%20L%2046.2%2016.5%20L%2046.2%2015.7%20L%2047.0%2014.4%20L%2047.0%2013.6%20L%2047.5%2013.1%20L%2047.5%2012.7%20L%2048.3%2011.9%20L%2048.7%2010.6%20L%2050.8%208.1%20L%2050.8%207.6%20L%2053.0%205.5%20L%2053.4%205.5%20L%2054.7%204.2%20L%2055.1%204.2%20L%2057.2%202.5%20L%2057.6%202.5%20L%2058.1%202.1%20L%2058.9%202.1%20L%2060.2%201.3%20L%2062.3%200.8%20L%2062.7%200.4%20L%2064.4%200.4%20L%2064.8%200.0%20L%2072.0%200.0%20L%2072.5%200.4%20L%2074.2%200.4%20L%2074.6%200.8%20L%2075.8%200.8%20L%2077.1%201.7%20L%2078.0%201.7%20L%2078.4%202.1%20L%2079.7%202.5%20L%2080.5%203.4%20L%2080.9%203.4%20L%2081.8%204.2%20L%2082.2%204.2%20L%2083.5%205.5%20L%2083.9%205.5%20L%2085.6%207.2%20L%2085.6%207.6%20L%2086.9%208.9%20L%2086.9%209.3%20L%2087.7%2010.2%20L%2088.1%2011.4%20L%2089.0%2012.3%20L%2089.0%2012.7%20L%2089.4%2013.1%20L%2089.4%2014.0%20L%2089.8%2014.4%20L%2089.8%2015.3%20L%2090.3%2015.7%20L%2090.3%2016.5%20L%2090.7%2016.9%20L%2090.7%2019.1%20L%2091.1%2019.5%20L%2091.1%2023.3%20L%2091.5%2023.7%20L%2091.5%2024.6%20L%2091.1%2025.0%20L%2091.1%2029.2%20L%2090.7%2029.7%20L%2090.7%2031.8%20L%2090.3%2032.2%20L%2090.3%2033.5%20L%2089.8%2033.9%20L%2089.8%2034.7%20L%2089.4%2035.2%20L%2089.4%2036.4%20L%2089.0%2036.9%20L%2089.0%2037.3%20L%2088.6%2037.7%20L%2088.6%2038.6%20L%2086.9%2041.5%20L%2086.9%2042.4%20L%2086.0%2043.2%20L%2086.0%2043.6%20L%2085.6%2044.1%20L%2085.2%2045.3%20L%2084.3%2046.2%20L%2083.9%2047.5%20L%2083.1%2048.3%20L%2083.1%2048.7%20L%2082.2%2049.6%20L%2082.2%2050.0%20L%2080.9%2051.3%20L%2080.9%2051.7%20L%2080.1%2052.5%20L%2080.1%2053.0%20L%2078.8%2054.2%20L%2078.8%2054.7%20L%2075.0%2058.9%20L%2075.0%2059.3%20L%2072.5%2061.9%20L%2072.5%2062.3%20L%2069.9%2064.8%20L%2069.9%2065.3%20L%2066.5%2068.6%20L%2066.5%2069.1%20L%2061.4%2074.6%20L%2061.4%2075.0%20L%2057.6%2079.2%20L%2057.6%2079.7%20L%2056.4%2080.9%20L%2056.4%2081.4%20L%2053.8%2084.3%20L%2053.8%2084.7%20L%2051.3%2088.1%20L%2050.8%2089.4%20L%2050.0%2090.3%20L%2049.6%2091.5%20L%2048.7%2092.4%20L%2048.7%2092.8%20L%2046.2%2097.5%20L%2045.8%2099.6%20L%2044.9%2098.3%20L%2044.9%2097.5%20L%2044.5%2097.0%20L%2044.5%2096.6%20L%2044.1%2096.2%20L%2044.1%2095.8%20L%2043.6%2095.3%20L%2043.6%2094.9%20L%2043.2%2094.5%20L%2041.9%2091.5%20L%2041.1%2090.7%20L%2040.7%2089.4%20L%2039.8%2088.6%20L%2039.8%2088.1%20L%2039.0%2087.3%20L%2039.0%2086.9%20L%2038.1%2086.0%20L%2038.1%2085.6%20L%2037.3%2084.7%20L%2037.3%2084.3%20L%2036.0%2083.1%20L%2036.0%2082.6%20L%2034.7%2081.4%20L%2034.7%2080.9%20L%2033.5%2079.7%20L%2033.5%2079.2%20L%2031.8%2077.5%20L%2031.8%2077.1%20L%2029.7%2075.0%20L%2029.7%2074.6%20L%2027.1%2072.0%20L%2027.1%2071.6%20L%2024.6%2069.1%20L%2024.6%2068.6%20L%2021.2%2065.3%20L%2021.2%2064.8%20L%2015.7%2058.9%20L%2015.7%2058.5%20L%2012.3%2054.7%20L%2012.3%2054.2%20L%2011.0%2053.0%20L%2011.0%2052.5%20L%2010.2%2051.7%20L%2010.2%2051.3%20L%208.9%2050.0%20L%208.9%2049.6%20L%208.1%2048.7%20L%207.6%2047.5%20L%205.9%2045.3%20L%205.1%2043.2%20L%204.2%2042.4%20L%204.2%2041.5%20L%202.5%2038.6%20L%202.5%2037.7%20L%202.1%2037.3%20L%201.7%2035.2%20L%201.3%2034.7%20L%201.3%2033.5%20L%200.8%2033.1%20L%200.8%2032.2%20L%200.4%2031.8%20L%200.4%2029.7%20L%200.0%2029.2%20L%200.0%2019.5%20L%200.4%2019.1%20L%200.4%2016.9%20L%200.8%2016.5%20L%200.8%2015.7%20L%201.3%2015.3%20L%201.7%2013.1%20L%202.5%2012.3%20L%203.4%2010.2%20L%204.2%209.3%20L%204.2%208.9%20L%206.4%206.8%20L%206.4%206.4%20L%206.8%205.9%20L%207.2%205.9%20L%208.9%204.2%20L%209.3%204.2%20L%2010.2%203.4%20L%2011.4%203.0%20L%2012.3%202.1%20L%2013.1%202.1%20L%2013.6%201.7%20L%2014.0%201.7%20L%2014.4%201.3%20L%2015.3%201.3%20L%2015.7%200.8%20L%2016.9%200.8%20L%2017.4%200.4%20L%2019.1%200.4%20L%2019.5%200.0%20Z%22/%3E%3C/svg%3E") !important; }
.pcard[data-suit="c"] .pcard__suit, .pcard[aria-label*="club"] .pcard__suit { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2094.5%20100%22%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M%2043.6%200.0%20L%2050.4%200.0%20L%2050.8%200.4%20L%2052.5%200.4%20L%2053.0%200.8%20L%2055.1%201.3%20L%2056.4%202.1%20L%2057.2%202.1%20L%2058.1%203.0%20L%2058.5%203.0%20L%2059.3%203.8%20L%2059.7%203.8%20L%2061.4%205.5%20L%2061.9%205.5%20L%2061.9%205.9%20L%2064.4%208.5%20L%2064.4%208.9%20L%2065.3%209.7%20L%2065.3%2010.2%20L%2066.9%2013.1%20L%2066.9%2014.0%20L%2067.4%2014.4%20L%2067.4%2015.3%20L%2067.8%2015.7%20L%2067.8%2017.4%20L%2068.2%2017.8%20L%2068.2%2024.2%20L%2067.8%2024.6%20L%2067.8%2026.3%20L%2067.4%2026.7%20L%2066.9%2028.8%20L%2066.5%2029.2%20L%2065.3%2032.2%20L%2064.4%2033.1%20L%2064.0%2034.3%20L%2061.4%2037.3%20L%2061.9%2037.7%20L%2062.3%2037.7%20L%2064.0%2036.4%20L%2064.8%2036.4%20L%2065.3%2036.0%20L%2066.1%2036.0%20L%2066.5%2035.6%20L%2067.4%2035.6%20L%2067.8%2035.2%20L%2070.3%2035.2%20L%2070.8%2034.7%20L%2075.0%2034.7%20L%2075.4%2035.2%20L%2078.0%2035.2%20L%2078.4%2035.6%20L%2079.2%2035.6%20L%2080.5%2036.4%20L%2081.4%2036.4%20L%2081.8%2036.9%20L%2084.7%2038.1%20L%2086.0%2039.4%20L%2086.4%2039.4%20L%2089.4%2042.4%20L%2089.4%2042.8%20L%2090.7%2044.1%20L%2090.7%2044.5%20L%2092.8%2048.3%20L%2092.8%2049.2%20L%2093.2%2049.6%20L%2093.2%2050.4%20L%2093.6%2050.8%20L%2093.6%2052.5%20L%2094.1%2053.0%20L%2094.1%2058.9%20L%2093.6%2059.3%20L%2093.6%2061.0%20L%2093.2%2061.4%20L%2093.2%2062.3%20L%2092.8%2062.7%20L%2092.4%2064.8%20L%2091.9%2065.3%20L%2091.5%2066.5%20L%2089.8%2068.6%20L%2089.8%2069.1%20L%2086.4%2072.5%20L%2086.0%2072.5%20L%2084.7%2073.7%20L%2083.5%2074.2%20L%2081.8%2075.4%20L%2080.9%2075.4%20L%2080.5%2075.8%20L%2079.7%2075.8%20L%2079.2%2076.3%20L%2078.4%2076.3%20L%2078.0%2076.7%20L%2075.8%2076.7%20L%2075.4%2077.1%20L%2069.9%2077.1%20L%2069.5%2076.7%20L%2067.4%2076.7%20L%2066.9%2076.3%20L%2066.1%2076.3%20L%2064.8%2075.4%20L%2064.0%2075.4%20L%2063.6%2075.0%20L%2061.4%2074.2%20L%2060.6%2073.3%20L%2059.3%2072.9%20L%2056.8%2070.8%20L%2056.4%2070.8%20L%2054.7%2069.1%20L%2054.2%2069.1%20L%2051.7%2066.5%20L%2051.7%2066.1%20L%2050.4%2064.8%20L%2050.0%2065.3%20L%2050.0%2068.6%20L%2050.4%2069.1%20L%2050.4%2071.2%20L%2050.8%2071.6%20L%2050.8%2073.3%20L%2051.3%2073.7%20L%2051.3%2075.0%20L%2051.7%2075.4%20L%2051.7%2076.3%20L%2052.1%2076.7%20L%2052.5%2078.8%20L%2053.0%2079.2%20L%2053.0%2079.7%20L%2054.7%2082.6%20L%2054.7%2083.1%20L%2055.9%2084.3%20L%2055.9%2084.7%20L%2060.6%2089.4%20L%2061.0%2089.4%20L%2062.3%2090.7%20L%2062.7%2090.7%20L%2067.4%2093.2%20L%2068.2%2093.2%20L%2068.6%2093.6%20L%2069.5%2093.6%20L%2069.9%2094.1%20L%2070.8%2094.1%20L%2071.2%2094.5%20L%2072.5%2094.5%20L%2072.9%2094.9%20L%2074.6%2094.9%20L%2075.0%2095.3%20L%2077.1%2095.8%20L%2077.5%2096.2%20L%2077.5%2097.0%20L%2078.0%2097.5%20L%2078.0%2099.2%20L%2077.5%2099.6%20L%2016.1%2099.6%20L%2016.1%2096.6%20L%2016.5%2096.2%20L%2016.5%2095.8%20L%2017.4%2095.8%20L%2017.8%2095.3%20L%2019.1%2095.3%20L%2019.5%2094.9%20L%2020.8%2094.9%20L%2021.2%2094.5%20L%2022.5%2094.5%20L%2022.9%2094.1%20L%2023.7%2094.1%20L%2024.2%2093.6%20L%2025.0%2093.6%20L%2025.4%2093.2%20L%2027.5%2092.8%20L%2028.0%2092.4%20L%2030.9%2091.1%20L%2031.8%2090.3%20L%2032.2%2090.3%20L%2033.1%2089.4%20L%2033.5%2089.4%20L%2038.1%2084.7%20L%2038.1%2084.3%20L%2039.0%2083.5%20L%2039.4%2082.2%20L%2040.3%2081.4%20L%2040.3%2080.9%20L%2040.7%2080.5%20L%2040.7%2079.7%20L%2041.9%2077.5%20L%2041.9%2076.3%20L%2042.4%2075.8%20L%2042.4%2075.0%20L%2042.8%2074.6%20L%2042.8%2073.3%20L%2043.2%2072.9%20L%2043.2%2070.8%20L%2043.6%2070.3%20L%2043.6%2068.6%20L%2044.1%2068.2%20L%2044.1%2064.8%20L%2043.6%2064.4%20L%2043.2%2064.8%20L%2043.2%2065.3%20L%2038.1%2070.3%20L%2037.7%2070.3%20L%2036.4%2071.6%20L%2036.0%2071.6%20L%2032.6%2074.2%20L%2031.8%2074.2%20L%2030.1%2075.4%20L%2029.2%2075.4%20L%2028.0%2076.3%20L%2026.7%2076.3%20L%2026.3%2076.7%20L%2024.2%2076.7%20L%2023.7%2077.1%20L%2018.2%2077.1%20L%2017.8%2076.7%20L%2015.7%2076.7%20L%2015.3%2076.3%20L%2014.4%2076.3%20L%2013.1%2075.4%20L%2012.3%2075.4%20L%2011.9%2075.0%20L%2010.6%2074.6%20L%209.7%2073.7%20L%209.3%2073.7%20L%208.5%2072.9%20L%208.1%2072.9%20L%204.2%2069.1%20L%204.2%2068.6%20L%202.5%2066.5%20L%202.5%2066.1%20L%201.3%2064.0%20L%201.3%2063.1%20L%200.8%2062.7%20L%200.8%2061.9%20L%200.4%2061.4%20L%200.4%2060.2%20L%200.0%2059.7%20L%200.0%2052.1%20L%200.4%2051.7%20L%200.4%2050.4%20L%200.8%2050.0%20L%201.3%2047.9%20L%202.1%2046.6%20L%202.5%2045.3%20L%203.4%2044.5%20L%203.8%2043.2%20L%208.1%2039.0%20L%208.5%2039.0%20L%209.3%2038.1%20L%2010.6%2037.7%20L%2011.4%2036.9%20L%2011.9%2036.9%20L%2012.3%2036.4%20L%2013.1%2036.4%20L%2014.4%2035.6%20L%2015.7%2035.6%20L%2016.1%2035.2%20L%2018.6%2035.2%20L%2019.1%2034.7%20L%2023.3%2034.7%20L%2023.7%2035.2%20L%2026.3%2035.2%20L%2026.7%2035.6%20L%2028.8%2036.0%20L%2031.8%2037.7%20L%2032.2%2037.7%20L%2032.6%2037.3%20L%2030.9%2035.6%20L%2030.9%2035.2%20L%2028.4%2031.8%20L%2028.4%2031.4%20L%2027.1%2029.2%20L%2026.7%2027.1%20L%2026.3%2026.7%20L%2026.3%2025.4%20L%2025.8%2025.0%20L%2025.8%2016.5%20L%2026.3%2016.1%20L%2026.3%2015.3%20L%2026.7%2014.8%20L%2027.1%2012.7%20L%2027.5%2012.3%20L%2028.4%2010.2%20L%2030.5%207.6%20L%2030.5%207.2%20L%2033.1%204.7%20L%2033.5%204.7%20L%2034.7%203.4%20L%2036.0%203.0%20L%2036.9%202.1%20L%2037.7%202.1%20L%2039.0%201.3%20L%2039.8%201.3%20L%2040.3%200.8%20L%2041.1%200.8%20L%2041.5%200.4%20L%2043.2%200.4%20L%2043.6%200.0%20Z%22/%3E%3C/svg%3E") !important; }
.pcard[data-suit="s"] .pcard__suit, .pcard[aria-label*="spade"] .pcard__suit { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2083.5%20100%22%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M%2041.5%200.0%20L%2043.6%203.8%20L%2043.6%204.7%20L%2044.5%205.5%20L%2045.3%207.6%20L%2046.2%208.5%20L%2046.2%208.9%20L%2047.0%209.7%20L%2047.0%2010.2%20L%2048.7%2012.3%20L%2048.7%2012.7%20L%2051.7%2016.1%20L%2051.7%2016.5%20L%2054.2%2019.1%20L%2054.2%2019.5%20L%2066.5%2031.8%20L%2066.9%2031.8%20L%2072.0%2036.9%20L%2072.0%2037.3%20L%2072.5%2037.7%20L%2072.9%2037.7%20L%2072.9%2038.1%20L%2075.4%2040.7%20L%2075.4%2041.1%20L%2078.0%2044.1%20L%2078.4%2045.3%20L%2079.2%2046.2%20L%2079.7%2047.5%20L%2080.5%2048.3%20L%2080.5%2049.2%20L%2081.8%2051.3%20L%2081.8%2052.5%20L%2082.2%2053.0%20L%2082.2%2053.8%20L%2082.6%2054.2%20L%2082.6%2055.5%20L%2083.1%2055.9%20L%2083.1%2063.6%20L%2082.6%2064.0%20L%2082.6%2065.3%20L%2082.2%2065.7%20L%2081.8%2067.8%20L%2081.4%2068.2%20L%2080.9%2069.5%20L%2079.2%2071.6%20L%2079.2%2072.0%20L%2077.1%2074.2%20L%2076.7%2074.2%20L%2074.2%2076.3%20L%2073.7%2076.3%20L%2073.3%2076.7%20L%2072.5%2076.7%20L%2071.2%2077.5%20L%2070.3%2077.5%20L%2069.9%2078.0%20L%2068.6%2078.0%20L%2068.2%2078.4%20L%2066.5%2078.4%20L%2066.1%2078.8%20L%2061.4%2078.8%20L%2061.0%2078.4%20L%2059.3%2078.4%20L%2058.9%2078.0%20L%2057.6%2078.0%20L%2057.2%2077.5%20L%2056.4%2077.5%20L%2055.1%2076.7%20L%2054.2%2076.7%20L%2053.8%2076.3%20L%2053.4%2076.3%20L%2052.5%2075.4%20L%2052.1%2075.4%20L%2051.3%2074.6%20L%2050.8%2074.6%20L%2050.0%2073.7%20L%2049.6%2073.7%20L%2045.8%2069.9%20L%2045.8%2069.5%20L%2044.9%2068.6%20L%2044.5%2069.1%20L%2044.5%2071.6%20L%2044.9%2072.0%20L%2044.9%2075.0%20L%2045.3%2075.4%20L%2045.3%2076.7%20L%2045.8%2077.1%20L%2045.8%2078.0%20L%2046.2%2078.4%20L%2046.2%2079.7%20L%2046.6%2080.1%20L%2046.6%2080.5%20L%2047.0%2080.9%20L%2047.0%2081.8%20L%2047.5%2082.2%20L%2048.7%2085.2%20L%2049.6%2086.0%20L%2049.6%2086.4%20L%2053.8%2090.7%20L%2054.2%2090.7%20L%2055.1%2091.5%20L%2055.5%2091.5%20L%2056.4%2092.4%20L%2057.2%2092.4%20L%2058.1%2093.2%20L%2058.9%2093.2%20L%2060.2%2094.1%20L%2061.0%2094.1%20L%2061.4%2094.5%20L%2062.3%2094.5%20L%2062.7%2094.9%20L%2064.0%2094.9%20L%2064.4%2095.3%20L%2065.3%2095.3%20L%2065.7%2095.8%20L%2067.4%2095.8%20L%2067.8%2096.2%20L%2068.6%2096.2%20L%2068.6%2097.5%20L%2069.1%2097.9%20L%2069.1%2099.2%20L%2068.6%2099.6%20L%2014.4%2099.6%20L%2014.4%2096.6%20L%2014.8%2096.2%20L%2015.3%2096.2%20L%2015.7%2095.8%20L%2017.4%2095.8%20L%2017.8%2095.3%20L%2018.6%2095.3%20L%2019.1%2094.9%20L%2020.3%2094.9%20L%2020.8%2094.5%20L%2021.6%2094.5%20L%2022.0%2094.1%20L%2024.2%2093.6%20L%2024.6%2093.2%20L%2027.5%2091.9%20L%2028.4%2091.1%20L%2028.8%2091.1%20L%2030.9%2089.0%20L%2031.4%2089.0%20L%2032.6%2087.7%20L%2032.6%2087.3%20L%2034.7%2084.7%20L%2034.7%2084.3%20L%2036.0%2082.2%20L%2036.0%2081.4%20L%2036.9%2080.1%20L%2036.9%2079.2%20L%2037.3%2078.8%20L%2037.3%2077.5%20L%2037.7%2077.1%20L%2037.7%2075.8%20L%2038.1%2075.4%20L%2038.1%2073.3%20L%2038.6%2072.9%20L%2038.6%2069.1%20L%2038.1%2068.6%20L%2037.7%2069.1%20L%2037.7%2069.5%20L%2033.5%2073.7%20L%2033.1%2073.7%20L%2031.8%2075.0%20L%2030.5%2075.4%20L%2028.8%2076.7%20L%2028.0%2076.7%20L%2027.5%2077.1%20L%2027.1%2077.1%20L%2026.7%2077.5%20L%2025.8%2077.5%20L%2025.4%2078.0%20L%2024.2%2078.0%20L%2023.7%2078.4%20L%2022.0%2078.4%20L%2021.6%2078.8%20L%2016.9%2078.8%20L%2016.5%2078.4%20L%2014.8%2078.4%20L%2014.4%2078.0%20L%2013.1%2078.0%20L%2012.7%2077.5%20L%2011.9%2077.5%20L%2011.4%2077.1%20L%2011.0%2077.1%20L%2010.6%2076.7%20L%209.7%2076.7%20L%208.9%2075.8%20L%207.6%2075.4%20L%203.4%2071.2%20L%203.4%2070.8%20L%202.5%2069.9%20L%202.5%2069.5%20L%201.3%2067.4%20L%201.3%2066.5%20L%200.8%2066.1%20L%200.8%2065.3%20L%200.4%2064.8%20L%200.4%2063.6%20L%200.0%2063.1%20L%200.0%2056.8%20L%200.4%2056.4%20L%200.4%2054.7%20L%200.8%2054.2%20L%200.8%2053.0%20L%201.3%2052.5%20L%201.3%2051.7%20L%202.1%2050.4%20L%202.1%2049.6%20L%202.5%2049.2%20L%203.8%2046.2%20L%204.7%2045.3%20L%204.7%2044.9%20L%205.5%2044.1%20L%205.5%2043.6%20L%206.8%2042.4%20L%206.8%2041.9%20L%208.5%2040.3%20L%208.5%2039.8%20L%2013.6%2034.7%20L%2013.6%2034.3%20L%2014.0%2033.9%20L%2014.4%2033.9%20L%2014.8%2033.5%20L%2014.8%2033.1%20L%2015.3%2033.1%20L%2029.2%2019.1%20L%2029.2%2018.6%20L%2031.8%2016.1%20L%2031.8%2015.7%20L%2033.1%2014.4%20L%2033.1%2014.0%20L%2034.3%2012.7%20L%2034.3%2012.3%20L%2035.6%2011.0%20L%2035.6%2010.6%20L%2037.3%208.5%20L%2037.3%208.1%20L%2037.7%207.6%20L%2038.1%206.4%20L%2039.0%205.5%20L%2040.3%202.5%20L%2040.7%202.1%20L%2040.7%201.7%20L%2041.1%201.3%20L%2041.1%200.4%20L%2041.5%200.0%20Z%22/%3E%3C/svg%3E") !important; }

/* Razor-Sharp Vector Rank (Lower-Right) */
.pcard__rank {
  position: absolute !important;
  bottom: calc(var(--pc-w) * 0.06) !important;
  right: calc(var(--pc-w) * 0.08) !important;
  width: calc(var(--pc-w) * 0.58) !important;
  height: calc(var(--pc-w) * 0.74) !important;
  font-size: 0 !important;
  background-repeat: no-repeat !important;
  background-position: right bottom !important;
  background-size: contain !important;
  filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.35)) !important;
  margin: 0 !important;
  padding: 0 !important;
}
.pcard[data-rank="A"] .pcard__rank, .pcard[aria-label*="A of"] .pcard__rank { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%20100%20130%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20fill%3D%22%23ffffff%22%20d%3D%22M%2037%204%20L%2063%204%20L%2088%20116%20L%20100%20116%20L%20100%20130%20L%2062%20130%20L%2062%20116%20L%2071%20116%20L%2066%2094%20L%2034%2094%20L%2029%20116%20L%2038%20116%20L%2038%20130%20L%200%20130%20L%200%20116%20L%2012%20116%20Z%20M%2038%2080%20L%2062%2080%20L%2050%2034%20Z%22/%3E%3C/svg%3E") !important; }
.pcard[data-rank="7"] .pcard__rank, .pcard[aria-label*="7 of"] .pcard__rank { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%20100%20130%22%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M%200%205%20L%20100%205%20L%20100%2020%20L%2049%20130%20L%2026%20130%20L%2074%2023%20L%2018%2023%20L%2018%2038%20L%200%2038%20Z%22/%3E%3C/svg%3E") !important; }
.pcard[data-rank="5"] .pcard__rank, .pcard[aria-label*="5 of"] .pcard__rank { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%20100%20130%22%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M%209%205%20L%2089%205%20L%2089%2020%20L%2033%2020%20L%2033%2050%20C%2039%2046%2049%2044%2059%2044%20C%2082%2044%2098%2058%2098%2087%20C%2098%20116%2080%20131%2054%20131%20C%2032%20131%2016%20120%207%20105%20L%2024%2095%20C%2029%20105%2040%20113%2054%20113%20C%2068%20113%2077%20102%2077%2087%20C%2077%2072%2068%2062%2051%2062%20C%2040%2062%2033%2066%2028%2072%20L%209%2066%20Z%22/%3E%3C/svg%3E") !important; }
.pcard[data-rank="10"] .pcard__rank, .pcard[data-rank="T"] .pcard__rank, .pcard[aria-label*="10 of"] .pcard__rank, .pcard[aria-label*="T of"] .pcard__rank {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%20100%20130%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20fill%3D%22%23ffffff%22%20d%3D%22M%203%206%20L%2022%206%20L%2022%20126%20L%203%20126%20Z%20M%2067%204%20C%2088%204%2099%2021%2099%2049%20L%2099%2085%20C%2099%20113%2088%20130%2067%20130%20C%2046%20130%2035%20113%2035%2085%20L%2035%2049%20C%2035%2021%2046%204%2067%204%20Z%20M%2067%2021%20C%2055%2021%2053%2032%2053%2050%20L%2053%2084%20C%2053%20102%2055%20113%2067%20113%20C%2079%20113%2081%20102%2081%2084%20L%2081%2050%20C%2081%2032%2079%2021%2067%2021%20Z%22/%3E%3C/svg%3E") !important;
  width: calc(var(--pc-w) * 0.62) !important;
}
.pcard[data-rank="K"] .pcard__rank, .pcard[aria-label*="K of"] .pcard__rank { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%20100%20130%22%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M%208%206%20L%2027%206%20L%2027%2062%20L%2072%206%20L%2097%206%20L%2046%2070%20L%2098%20130%20L%2073%20130%20L%2027%2075%20L%2027%20130%20L%208%20130%20Z%22/%3E%3C/svg%3E") !important; }
.pcard[data-rank="Q"] .pcard__rank, .pcard[aria-label*="Q of"] .pcard__rank { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%20100%20130%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20fill%3D%22%23ffffff%22%20d%3D%22M%2050%204%20C%2077%204%2092%2021%2092%2050%20L%2092%2084%20C%2092%2098%2088%20110%2080%20118%20L%2094%20130%20L%2079%20130%20L%2068%20120%20C%2062%20122%2056%20123%2050%20123%20C%2023%20123%208%20106%208%2077%20L%208%2050%20C%208%2021%2023%204%2050%204%20Z%20M%2050%2020%20C%2034%2020%2028%2032%2028%2051%20L%2028%2076%20C%2028%2095%2034%20107%2050%20107%20C%2055%20107%2060%20106%2064%20103%20L%2053%2093%20L%2064%2082%20L%2072%2090%20C%2072%2088%2072%2086%2072%2084%20L%2072%2051%20C%2072%2032%2066%2020%2050%2020%20Z%22/%3E%3C/svg%3E") !important; }
.pcard[data-rank="J"] .pcard__rank, .pcard[aria-label*="J of"] .pcard__rank { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%20100%20130%22%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M%2040%205%20L%2094%205%20L%2094%2020%20L%2074%2020%20L%2074%2096%20C%2074%20116%2063%20128%2043%20128%20C%2023%20128%2010%20117%207%20100%20L%2025%2093%20C%2027%20104%2033%20111%2043%20111%20C%2052%20111%2056%20104%2056%2094%20L%2056%2020%20L%2040%2020%20Z%22/%3E%3C/svg%3E") !important; }
.pcard[data-rank="9"] .pcard__rank, .pcard[aria-label*="9 of"] .pcard__rank { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%20100%20130%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20fill%3D%22%23ffffff%22%20d%3D%22M%2050%204%20C%2075%204%2092%2019%2092%2046%20L%2092%2068%20C%2092%2098%2075%20129%2042%20129%20C%2023%20129%2011%20118%208%20103%20L%2026%2097%20C%2028%20107%2035%20113%2044%20113%20C%2065%20113%2074%2088%2074%2065%20C%2067%2071%2058%2074%2048%2074%20C%2023%2074%208%2058%208%2039%20C%208%2020%2024%204%2050%204%20Z%20M%2050%2020%20C%2034%2020%2027%2028%2027%2039%20C%2027%2050%2034%2058%2050%2058%20C%2065%2058%2073%2050%2073%2039%20C%2073%2028%2065%2020%2050%2020%20Z%22/%3E%3C/svg%3E") !important; }
.pcard[data-rank="8"] .pcard__rank, .pcard[aria-label*="8 of"] .pcard__rank { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%20100%20130%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20fill%3D%22%23ffffff%22%20d%3D%22M%2050%204%20C%2070%204%2084%2015%2084%2033%20C%2084%2045%2077%2054%2066%2059%20C%2080%2065%2089%2077%2089%2094%20C%2089%20115%2072%20129%2050%20129%20C%2028%20129%2011%20115%2011%2094%20C%2011%2077%2020%2065%2034%2059%20C%2023%2054%2016%2045%2016%2033%20C%2016%2015%2030%204%2050%204%20Z%20M%2050%2019%20C%2039%2019%2032%2025%2032%2034%20C%2032%2043%2039%2049%2050%2049%20C%2061%2049%2068%2043%2068%2034%20C%2068%2025%2061%2019%2050%2019%20Z%20M%2050%2064%20C%2037%2064%2028%2072%2028%2084%20C%2028%2096%2037%20104%2050%20104%20C%2063%20104%2072%2096%2072%2084%20C%2072%2072%2063%2064%2050%2064%20Z%22/%3E%3C/svg%3E") !important; }
.pcard[data-rank="6"] .pcard__rank, .pcard[aria-label*="6 of"] .pcard__rank { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%20100%20130%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20fill%3D%22%23ffffff%22%20d%3D%22M%2050%20129%20C%2025%20129%208%20114%208%2087%20L%208%2065%20C%208%2035%2025%204%2058%204%20C%2077%204%2089%2015%2092%2030%20L%2074%2036%20C%2072%2026%2065%2020%2056%2020%20C%2035%2020%2026%2045%2026%2068%20C%2033%2062%2042%2059%2052%2059%20C%2077%2059%2092%2075%2092%2094%20C%2092%20113%2076%20129%2050%20129%20Z%20M%2050%20113%20C%2066%20113%2073%20105%2073%2094%20C%2073%2083%2066%2075%2050%2075%20C%2035%2075%2027%2083%2027%2094%20C%2027%20105%2035%20113%2050%20113%20Z%22/%3E%3C/svg%3E") !important; }
.pcard[data-rank="4"] .pcard__rank, .pcard[aria-label*="4 of"] .pcard__rank { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%20100%20130%22%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M%2070%205%20L%2089%205%20L%2089%2083%20L%20100%2083%20L%20100%2098%20L%2089%2098%20L%2089%20130%20L%2070%20130%20L%2070%2098%20L%200%2098%20L%200%2083%20L%2070%205%20Z%20M%2023%2083%20L%2070%2083%20L%2070%2027%20Z%22/%3E%3C/svg%3E") !important; }
.pcard[data-rank="3"] .pcard__rank, .pcard[aria-label*="3 of"] .pcard__rank { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%20100%20130%22%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M%2014%2036%20C%2014%2016%2032%204%2052%204%20C%2074%204%2088%2016%2088%2034%20C%2088%2047%2080%2056%2067%2060%20C%2082%2064%2092%2076%2092%2094%20C%2092%20115%2075%20129%2051%20129%20C%2028%20129%2013%20118%206%20103%20L%2023%2094%20C%2028%20104%2037%20113%2051%20113%20C%2065%20113%2074%20105%2074%2094%20C%2074%2083%2065%2074%2049%2074%20L%2038%2074%20L%2038%2060%20L%2049%2060%20C%2062%2060%2070%2053%2070%2043%20C%2070%2033%2063%2020%2050%2020%20C%2037%2020%2030%2027%2026%2036%20Z%22/%3E%3C/svg%3E") !important; }
.pcard[data-rank="2"] .pcard__rank, .pcard[aria-label*="2 of"] .pcard__rank { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%20100%20130%22%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M%209%2037%20C%209%2017%2027%204%2051%204%20C%2076%204%2092%2018%2092%2037%20C%2092%2053%2082%2068%2064%2086%20L%2037%20113%20L%2095%20113%20L%2095%20129%20L%205%20129%20L%205%20115%20L%2047%2073%20C%2065%2055%2072%2045%2072%2037%20C%2072%2026%2063%2019%2051%2019%20C%2039%2019%2029%2026%2027%2038%20Z%22/%3E%3C/svg%3E") !important; }

/* ==========================================================================
   7. Settings Page & Color Customizer
   ========================================================================== */
#ps-theme-panel {
  overflow: visible !important;
  margin-top: var(--s-4) !important;
}
#ps-theme-panel .panel__body {
  overflow: visible !important;
  padding: 24px !important;
  padding-bottom: 60px !important;
}

.ps-settings-grid {
  display: flex;
  gap: 32px;
  flex-wrap: wrap;
  margin-top: 16px;
}

.ps-picker-field {
  display: flex;
  flex-direction: column;
  gap: 8px;
  position: relative;
}

.ps-picker-label {
  font-size: 14px;
  font-weight: 600;
  color: var(--c-creme);
}

.ps-picker-trigger {
  width: 92px;
  height: 92px;
  border-radius: 12px;
  background-color: var(--c-abismo);
  border: 1.5px solid var(--c-profundo);
  position: relative;
  cursor: pointer;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 6px;
  transition: all 0.15s ease;
}
.ps-picker-trigger:hover {
  border-color: var(--c-ouro);
  transform: translateY(-1px);
}
.ps-picker-trigger-box {
  width: 100%;
  height: 100%;
  border-radius: 8px;
  position: relative;
  box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.2);
}
.ps-picker-trigger-arrow {
  position: absolute;
  right: 8px;
  bottom: 8px;
  font-size: 12px;
  color: #ffffff;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.8);
  pointer-events: none;
}

.ps-popover {
  position: absolute;
  bottom: calc(100% + 10px);
  left: 0;
  z-index: 999999 !important;
  background: var(--c-panel);
  border: 1.5px solid var(--c-profundo);
  border-radius: 12px;
  padding: 12px;
  box-shadow: 0 25px 50px -10px rgba(0, 0, 0, 0.95);
  display: none;
}
.ps-popover.is-open {
  display: block;
  animation: psPopoverFade 0.15s ease-out;
}
@keyframes psPopoverFade {
  from { opacity: 0; transform: scale(0.96); }
  to { opacity: 1; transform: scale(1); }
}

.ps-color-grid {
  display: grid;
  grid-template-columns: repeat(5, 42px);
  grid-template-rows: repeat(5, 42px);
  gap: 6px;
}

.ps-color-swatch {
  width: 42px;
  height: 42px;
  border-radius: 8px;
  border: 2px solid transparent;
  cursor: pointer;
  position: relative;
  transition: transform 0.1s ease, border-color 0.1s ease;
}
.ps-color-swatch:hover {
  transform: scale(1.08);
  border-color: var(--c-ouro);
  z-index: 2;
}
.ps-color-swatch.is-active {
  border-color: var(--c-ouro);
  box-shadow: 0 0 8px rgba(200, 168, 75, 0.6);
}


/* ==========================================================================
   RaiseIQ Resume Banner (Train Setup)
   ========================================================================== */
.ps-resume-card {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 24px !important;
  padding: 20px 24px !important;
  background: var(--c-panel, #0F1422) !important;
  border: 1px solid var(--c-profundo, #1A2744) !important;
  border-radius: 12px !important;
  margin-bottom: 24px !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.4) !important;
}

.ps-resume-card-left {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 6px !important;
}

.ps-resume-badge {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  font-family: var(--font-body, 'Inter', sans-serif) !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.1em !important;
  color: var(--c-ouro, #C8A84B) !important;
}

.ps-pulse-dot {
  width: 8px !important;
  height: 8px !important;
  border-radius: 50% !important;
  background-color: var(--c-ouro, #C8A84B) !important;
  box-shadow: 0 0 8px var(--c-ouro, #C8A84B) !important;
  display: inline-block !important;
  animation: psPulse 2s infinite !important;
}

@keyframes psPulse {
  0% { transform: scale(0.95); opacity: 0.8; }
  50% { transform: scale(1.2); opacity: 1; }
  100% { transform: scale(0.95); opacity: 0.8; }
}

.ps-resume-title {
  font-family: var(--font-display, 'Bebas Neue', sans-serif) !important;
  font-size: 26px !important;
  color: var(--c-creme, #E8D5A3) !important;
  margin: 0 !important;
  line-height: 1.1 !important;
  letter-spacing: 0.04em !important;
}

.ps-resume-subtitle {
  font-family: var(--font-body, 'Inter', sans-serif) !important;
  font-size: 13px !important;
  color: var(--c-muted, #6B7A9A) !important;
  margin: 0 !important;
  line-height: 1.4 !important;
}

.ps-resume-card-right {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  flex-shrink: 0 !important;
}

.ps-btn-continue {
  background-color: var(--c-ouro, #C8A84B) !important;
  color: var(--c-abismo, #0A0E1A) !important;
  font-family: var(--font-body, 'Inter', sans-serif) !important;
  font-weight: 700 !important;
  font-size: 13px !important;
  padding: 10px 18px !important;
  border-radius: 8px !important;
  border: 1px solid var(--c-ouro, #C8A84B) !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  transition: all 0.15s ease !important;
}
.ps-btn-continue:hover {
  background-color: #dbb958 !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 4px 12px rgba(200, 168, 75, 0.3) !important;
}

.ps-btn-discard {
  background-color: var(--c-profundo, #1A2744) !important;
  color: var(--c-creme, #E8D5A3) !important;
  font-family: var(--font-body, 'Inter', sans-serif) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  padding: 10px 16px !important;
  border-radius: 8px !important;
  border: 1px solid var(--c-profundo, #1A2744) !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  cursor: pointer !important;
  white-space: nowrap !important;
  transition: all 0.15s ease !important;
}
.ps-btn-discard:hover {
  background-color: #24355a !important;
  border-color: #c2524a !important;
  color: #f87171 !important;
}

@media (max-width: 800px) {
  .ps-resume-card {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 16px !important;
  }
  .ps-resume-card-right {
    width: 100% !important;
    justify-content: flex-start !important;
  }
}



/* ==========================================================================
   SECTION 14: RAISEIQ PRESSURE & SPEED TRAINING (SHOT CLOCK / BLITZ / SURVIVAL)
   ========================================================================== */

/* 1. Shot Clock Timer Bar on Table */
.shot-clock-container {
  width: 100% !important;
  max-width: 680px !important;
  margin: 0 auto 14px auto !important;
  background: var(--c-painel, #0F1422) !important;
  border: 1px solid var(--c-profundo, #1A2744) !important;
  border-radius: 12px !important;
  padding: 10px 16px 12px 16px !important;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.45) !important;
}

.shot-clock-header {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  margin-bottom: 8px !important;
}

.shot-clock-title-wrap {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}

.shot-clock-icon {
  font-size: 14px !important;
}

.shot-clock-title {
  font-family: var(--font-display, 'Bebas Neue', sans-serif) !important;
  font-size: 16px !important;
  letter-spacing: 0.06em !important;
  color: var(--c-ouro, #C8A84B) !important;
}

.shot-clock-streak-badge {
  font-family: var(--font-body, 'Inter', sans-serif) !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  background: rgba(200, 168, 75, 0.15) !important;
  color: var(--c-ouro, #C8A84B) !important;
  border: 1px solid rgba(200, 168, 75, 0.35) !important;
  padding: 2px 8px !important;
  border-radius: 999px !important;
}

.shot-clock-right {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
}

.shot-clock-time {
  font-family: var(--font-display, 'Bebas Neue', sans-serif) !important;
  font-size: 20px !important;
  letter-spacing: 0.04em !important;
  color: var(--c-creme, #E8D5A3) !important;
  font-variant-numeric: tabular-nums !important;
}

.shot-clock-sound-btn {
  background: transparent !important;
  border: 1px solid var(--c-profundo, #1A2744) !important;
  border-radius: 6px !important;
  color: var(--c-muted, #6B7A9A) !important;
  padding: 3px 6px !important;
  cursor: pointer !important;
  font-size: 12px !important;
  transition: all 0.15s ease !important;
}
.shot-clock-sound-btn:hover {
  background: var(--c-profundo, #1A2744) !important;
  color: var(--c-creme, #E8D5A3) !important;
}

.shot-clock-track {
  width: 100% !important;
  height: 8px !important;
  background: #0A0E1A !important;
  border-radius: 999px !important;
  overflow: hidden !important;
  border: 1px solid rgba(26, 39, 68, 0.8) !important;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.6) !important;
}

.shot-clock-fill {
  height: 100% !important;
  border-radius: 999px !important;
  transition: width 0.1s linear, background 0.3s ease !important;
}

.shot-clock-fill.is-normal {
  background: linear-gradient(90deg, #997828, #C8A84B) !important;
  box-shadow: 0 0 8px rgba(200, 168, 75, 0.5) !important;
}

.shot-clock-fill.is-warning {
  background: linear-gradient(90deg, #b45309, #f59e0b) !important;
  box-shadow: 0 0 8px rgba(245, 158, 11, 0.5) !important;
}

@keyframes criticalPulse {
  0%, 100% { opacity: 0.85; filter: drop-shadow(0 0 4px #ef4444); }
  50% { opacity: 1; filter: drop-shadow(0 0 12px #ef4444); }
}

.shot-clock-fill.is-critical {
  background: linear-gradient(90deg, #dc2626, #ef4444) !important;
  box-shadow: 0 0 12px rgba(239, 68, 68, 0.8) !important;
  animation: criticalPulse 0.5s infinite ease-in-out !important;
}

/* 2. Setup Page Pressure Mode Box (#/train) */
.raiseiq-pressure-box {
  margin-top: 18px !important;
  padding-top: 18px !important;
  border-top: 1px solid var(--c-profundo, #1A2744) !important;
}

.raiseiq-pressure-header {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  margin-bottom: 14px !important;
}

.raiseiq-pressure-title-group {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
}

.raiseiq-pressure-icon {
  font-size: 20px !important;
  color: var(--c-ouro, #C8A84B) !important;
}

.raiseiq-pressure-title {
  font-family: var(--font-display, 'Bebas Neue', sans-serif) !important;
  font-size: 18px !important;
  letter-spacing: 0.05em !important;
  color: var(--c-creme, #E8D5A3) !important;
}

.raiseiq-pressure-sub {
  font-size: 12px !important;
  color: var(--c-muted, #6B7A9A) !important;
}

.raiseiq-survival-record {
  font-size: 12px !important;
  padding: 4px 12px !important;
  border-radius: 999px !important;
  background: rgba(200, 168, 75, 0.12) !important;
  border: 1px solid rgba(200, 168, 75, 0.3) !important;
  color: var(--c-ouro, #C8A84B) !important;
}

.raiseiq-mode-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(130px, 1fr)) !important;
  gap: 10px !important;
}

.raiseiq-mode-btn {
  background: var(--c-abismo, #0A0E1A) !important;
  border: 1px solid var(--c-profundo, #1A2744) !important;
  border-radius: 10px !important;
  padding: 12px 10px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  text-align: center !important;
  gap: 4px !important;
  cursor: pointer !important;
  transition: all 0.18s ease !important;
  color: var(--c-creme, #E8D5A3) !important;
}

.raiseiq-mode-btn:hover {
  background: #141c2e !important;
  border-color: rgba(200, 168, 75, 0.4) !important;
  transform: translateY(-2px) !important;
}

.raiseiq-mode-btn.is-active {
  background: rgba(200, 168, 75, 0.12) !important;
  border-color: var(--c-ouro, #C8A84B) !important;
  box-shadow: 0 0 14px rgba(200, 168, 75, 0.25) !important;
}

.raiseiq-mode-btn .mode-icon {
  font-size: 18px !important;
  margin-bottom: 2px !important;
}

.raiseiq-mode-btn .mode-name {
  font-family: var(--font-display, 'Bebas Neue', sans-serif) !important;
  font-size: 16px !important;
  letter-spacing: 0.04em !important;
  color: var(--c-ouro, #C8A84B) !important;
}

.raiseiq-mode-btn .mode-desc {
  font-size: 10.5px !important;
  color: var(--c-muted, #6B7A9A) !important;
  line-height: 1.25 !important;
}

/* 3. Speed & Pressure Badge in Feedback Overlay */
.raiseiq-speed-tag {
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  font-size: 12px !important;
  padding: 3px 10px !important;
  border-radius: 999px !important;
  margin-top: 6px !important;
  width: fit-content !important;
  font-family: var(--font-body, 'Inter', sans-serif) !important;
}

.raiseiq-speed-tag.tag-fast {
  background: rgba(74, 124, 89, 0.2) !important;
  border: 1px solid rgba(74, 124, 89, 0.5) !important;
  color: #4ade80 !important;
}

.raiseiq-speed-tag.tag-med {
  background: rgba(200, 168, 75, 0.18) !important;
  border: 1px solid rgba(200, 168, 75, 0.4) !important;
  color: var(--c-ouro, #C8A84B) !important;
}

.raiseiq-speed-tag.tag-slow {
  background: rgba(245, 158, 11, 0.2) !important;
  border: 1px solid rgba(245, 158, 11, 0.5) !important;
  color: #fbbf24 !important;
}

.raiseiq-speed-tag.tag-timeout {
  background: rgba(239, 68, 68, 0.25) !important;
  border: 1px solid rgba(239, 68, 68, 0.6) !important;
  color: #f87171 !important;
  animation: criticalPulse 0.8s infinite ease-in-out !important;
}

/* 4. Session Summary Pressure Metrics Card */
.raiseiq-summary-card {
  background: var(--c-painel, #0F1422) !important;
  border: 1px solid var(--c-profundo, #1A2744) !important;
  border-radius: 14px !important;
  padding: 18px 22px !important;
  margin: 16px 0 !important;
  box-shadow: 0 4px 18px rgba(0, 0, 0, 0.4) !important;
}

.summary-head {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin-bottom: 14px !important;
}

.summary-icon {
  font-size: 18px !important;
  color: var(--c-ouro, #C8A84B) !important;
}

.summary-title {
  font-family: var(--font-display, 'Bebas Neue', sans-serif) !important;
  font-size: 20px !important;
  letter-spacing: 0.05em !important;
  color: var(--c-ouro, #C8A84B) !important;
}

.summary-metrics {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(130px, 1fr)) !important;
  gap: 14px !important;
}

.metric-item {
  background: var(--c-abismo, #0A0E1A) !important;
  border: 1px solid var(--c-profundo, #1A2744) !important;
  border-radius: 10px !important;
  padding: 12px 14px !important;
}

.metric-val {
  font-family: var(--font-display, 'Bebas Neue', sans-serif) !important;
  font-size: 24px !important;
  color: var(--c-creme, #E8D5A3) !important;
  letter-spacing: 0.04em !important;
}

.metric-val.text-green { color: #4ade80 !important; }
.metric-val.text-amber { color: #fbbf24 !important; }
.metric-val.text-red { color: #f87171 !important; }
.metric-val.text-gold { color: var(--c-ouro, #C8A84B) !important; }

.metric-lbl {
  font-size: 11px !important;
  color: var(--c-muted, #6B7A9A) !important;
  margin-top: 2px !important;
}


/* Hide shot clock bar when feedback overlay is active */
.sess__acts:has(.fb) .shot-clock-container,
.sess__acts:has(.fbrange) .shot-clock-container,
.sess__acts:has(.sess__next) .shot-clock-container {
  display: none !important;
}


body:has(.sess__feedback) #raiseiq-shot-clock {
  display: none !important;
}


/* ==========================================================================
   15. PRO TRAINING SUITE (RANGE EXPLORER, LEAKFINDER, LEAK BUSTER)
   ========================================================================== */

/* --- 15.1 Range Explorer & Library Filter Bar (#/library) --- */
.raiseiq-lib-filter-container {
  background: var(--c-elevado) !important;
  border: 1px solid var(--c-profundo) !important;
  border-radius: 12px !important;
  padding: 18px 24px !important;
  margin-bottom: 24px !important;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.4) !important;
}

.raiseiq-filter-head {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  margin-bottom: 16px !important;
  flex-wrap: wrap !important;
  gap: 16px !important;
}

.raiseiq-filter-title-wrap {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
}

.raiseiq-filter-icon {
  font-size: 22px !important;
}

.raiseiq-filter-title {
  font-family: var(--font-display) !important;
  font-size: 20px !important;
  color: var(--c-ouro) !important;
  letter-spacing: 0.05em !important;
}

.raiseiq-filter-sub {
  font-family: var(--font-body) !important;
  font-size: 11px !important;
  color: var(--c-muted) !important;
}

.raiseiq-filter-search-box {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  flex: 1 !important;
  max-width: 380px !important;
}

.raiseiq-filter-search-box input {
  flex: 1 !important;
  background: var(--c-fundo) !important;
  border: 1px solid var(--c-profundo) !important;
  border-radius: 8px !important;
  color: var(--c-creme) !important;
  font-family: var(--font-body) !important;
  font-size: 12px !important;
  padding: 8px 12px !important;
  outline: none !important;
  transition: border-color 0.15s ease !important;
}

.raiseiq-filter-search-box input:focus {
  border-color: var(--c-ouro) !important;
  box-shadow: 0 0 8px rgba(200, 168, 75, 0.25) !important;
}

.raiseiq-chip-reset {
  background: transparent !important;
  border: 1px solid var(--c-profundo) !important;
  color: var(--c-muted) !important;
  border-radius: 6px !important;
  padding: 6px 12px !important;
  font-size: 11px !important;
  font-family: var(--font-body) !important;
  cursor: pointer !important;
  transition: all 0.15s ease !important;
}

.raiseiq-chip-reset:hover {
  color: var(--c-creme) !important;
  border-color: var(--c-ouro) !important;
}

.raiseiq-filter-groups {
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
  padding-top: 10px !important;
  border-top: 1px solid rgba(26, 39, 68, 0.5) !important;
}

.raiseiq-filter-row {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  flex-wrap: wrap !important;
}

.filter-row-lbl {
  font-family: var(--font-display) !important;
  font-size: 13px !important;
  color: var(--c-ouro) !important;
  width: 75px !important;
  letter-spacing: 0.05em !important;
}

.filter-chips {
  display: flex !important;
  gap: 6px !important;
  flex-wrap: wrap !important;
}

.fchip {
  background: rgba(26, 39, 68, 0.4) !important;
  border: 1px solid rgba(200, 168, 75, 0.2) !important;
  border-radius: 6px !important;
  color: var(--c-muted) !important;
  font-family: var(--font-body) !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  padding: 4px 10px !important;
  cursor: pointer !important;
  transition: all 0.15s ease !important;
}

.fchip:hover {
  color: var(--c-creme) !important;
  border-color: rgba(200, 168, 75, 0.5) !important;
}

.fchip.is-active {
  background: var(--c-ouro) !important;
  color: #0A0E1A !important;
  border-color: var(--c-ouro) !important;
  font-weight: 700 !important;
}

.raiseiq-filter-status {
  margin-top: 14px !important;
  display: flex !important;
  justify-content: flex-end !important;
}

#raiseiq-filter-count-badge {
  font-family: var(--font-body) !important;
  font-size: 11px !important;
  color: var(--c-ouro) !important;
  background: rgba(200, 168, 75, 0.1) !important;
  border: 1px solid rgba(200, 168, 75, 0.3) !important;
  padding: 3px 10px !important;
  border-radius: 12px !important;
}


/* --- 15.2 Pro Leakfinder Dashboard (#/mistakes) --- */
.raiseiq-leak-card {
  background: var(--c-elevado) !important;
  border: 1px solid var(--c-profundo) !important;
  border-radius: 12px !important;
  padding: 24px !important;
  margin-bottom: 24px !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.5) !important;
}

.leak-header {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  margin-bottom: 20px !important;
  flex-wrap: wrap !important;
  gap: 16px !important;
}

.leak-title-group {
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
}

.leak-main-icon {
  font-size: 26px !important;
}

.leak-title {
  font-family: var(--font-display) !important;
  font-size: 22px !important;
  color: var(--c-ouro) !important;
  letter-spacing: 0.05em !important;
}

.leak-sub {
  font-family: var(--font-body) !important;
  font-size: 11px !important;
  color: var(--c-muted) !important;
}

.leak-grade-badge {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  border: 2px solid var(--c-ouro) !important;
  background: rgba(10, 14, 26, 0.6) !important;
  border-radius: 10px !important;
  padding: 8px 18px !important;
  min-width: 140px !important;
}

.grade-lbl {
  font-family: var(--font-body) !important;
  font-size: 9px !important;
  font-weight: 700 !important;
  color: var(--c-muted) !important;
  letter-spacing: 0.1em !important;
}

.grade-val {
  font-family: var(--font-display) !important;
  font-size: 32px !important;
  line-height: 1 !important;
  margin: 2px 0 !important;
}

.grade-acc {
  font-family: var(--font-body) !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  color: var(--c-creme) !important;
}

.leak-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)) !important;
  gap: 18px !important;
}

.leak-box {
  background: rgba(10, 14, 26, 0.45) !important;
  border: 1px solid var(--c-profundo) !important;
  border-radius: 10px !important;
  padding: 16px 20px !important;
}

.box-title {
  font-family: var(--font-display) !important;
  font-size: 15px !important;
  color: var(--c-creme) !important;
  letter-spacing: 0.04em !important;
  margin-bottom: 14px !important;
}

.pos-meter-list {
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
}

.pos-row {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  font-family: var(--font-body) !important;
  font-size: 11px !important;
}

.pos-name {
  font-weight: 700 !important;
  color: var(--c-ouro) !important;
  width: 34px !important;
}

.pos-bar-track {
  flex: 1 !important;
  height: 8px !important;
  background: rgba(26, 39, 68, 0.6) !important;
  border-radius: 4px !important;
  overflow: hidden !important;
}

.pos-bar-fill {
  height: 100% !important;
  border-radius: 4px !important;
  transition: width 0.3s ease !important;
}

.pos-acc {
  font-weight: 700 !important;
  width: 36px !important;
  text-align: right !important;
}

.pos-count {
  color: var(--c-muted) !important;
  font-size: 10px !important;
  width: 55px !important;
}

.leak-alert-callout {
  margin-top: 14px !important;
  padding: 10px 14px !important;
  background: rgba(239, 95, 95, 0.1) !important;
  border-left: 3px solid #EF5F5F !important;
  border-radius: 4px !important;
  font-size: 11px !important;
  color: #E8D5A3 !important;
  line-height: 1.4 !important;
}

.leak-alert-callout.info {
  background: rgba(200, 168, 75, 0.08) !important;
  border-left-color: var(--c-ouro) !important;
  color: var(--c-muted) !important;
}

.speed-diag-list {
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
}

.speed-diag-item {
  background: rgba(26, 39, 68, 0.3) !important;
  border: 1px solid rgba(26, 39, 68, 0.6) !important;
  border-radius: 8px !important;
  padding: 10px 14px !important;
}

.speed-diag-header {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  color: var(--c-creme) !important;
}

.speed-sub {
  font-size: 10px !important;
  color: var(--c-muted) !important;
  margin-top: 3px !important;
}

.speed-insight-tip {
  margin-top: 14px !important;
  padding: 10px 14px !important;
  background: rgba(74, 222, 128, 0.08) !important;
  border-left: 3px solid #4ADE80 !important;
  border-radius: 4px !important;
  font-size: 11px !important;
  color: #E8D5A3 !important;
  line-height: 1.4 !important;
}


/* --- 15.3 'Leak Buster' Drill Card (#/train) --- */
.raiseiq-leak-buster-box {
  background: linear-gradient(135deg, rgba(200, 168, 75, 0.08) 0%, rgba(15, 20, 34, 0.95) 100%) !important;
  border: 1px solid rgba(200, 168, 75, 0.4) !important;
  border-radius: 12px !important;
  padding: 18px 24px !important;
  margin-top: 18px !important;
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 16px !important;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.4) !important;
}

.buster-left {
  flex: 1 !important;
  min-width: 260px !important;
}

.buster-badge {
  font-family: var(--font-body) !important;
  font-size: 9px !important;
  font-weight: 800 !important;
  color: var(--c-ouro) !important;
  background: rgba(200, 168, 75, 0.15) !important;
  padding: 2px 8px !important;
  border-radius: 4px !important;
  display: inline-block !important;
  margin-bottom: 6px !important;
  letter-spacing: 0.1em !important;
}

.buster-title {
  font-family: var(--font-display) !important;
  font-size: 20px !important;
  color: var(--c-creme) !important;
  letter-spacing: 0.05em !important;
}

.buster-desc {
  font-family: var(--font-body) !important;
  font-size: 12px !important;
  color: var(--c-muted) !important;
  margin-top: 4px !important;
}

.buster-desc strong {
  color: var(--c-ouro) !important;
}

.buster-right {
  display: flex !important;
  align-items: center !important;
  gap: 20px !important;
}

.plugged-stat {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  background: rgba(10, 14, 26, 0.6) !important;
  border: 1px solid var(--c-profundo) !important;
  padding: 6px 14px !important;
  border-radius: 8px !important;
}

.plugged-icon {
  font-size: 18px !important;
}

.plugged-val {
  font-family: var(--font-display) !important;
  font-size: 22px !important;
  color: var(--c-ouro) !important;
}

.plugged-lbl {
  font-family: var(--font-body) !important;
  font-size: 10px !important;
  color: var(--c-muted) !important;
  font-weight: 600 !important;
}

.buster-btn {
  background: linear-gradient(180deg, #E8D5A3 0%, #C8A84B 100%) !important;
  color: #0A0E1A !important;
  font-family: var(--font-display) !important;
  font-size: 16px !important;
  letter-spacing: 0.06em !important;
  padding: 10px 22px !important;
  border: none !important;
  border-radius: 8px !important;
  cursor: pointer !important;
  box-shadow: 0 4px 12px rgba(200, 168, 75, 0.3) !important;
  transition: all 0.15s ease !important;
}

.buster-btn:hover {
  transform: translateY(-1px) !important;
  box-shadow: 0 6px 16px rgba(200, 168, 75, 0.45) !important;
  background: linear-gradient(180deg, #FFF0C2 0%, #D9A02B 100%) !important;
}


/* --- 15.4 Topbar Build Version Badge --- */
.raiseiq-build-tag {
  font-family: var(--font-body) !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  color: var(--c-ouro) !important;
  background: rgba(200, 168, 75, 0.12) !important;
  border: 1px solid rgba(200, 168, 75, 0.35) !important;
  padding: 2px 8px !important;
  border-radius: 6px !important;
  cursor: default !important;
  letter-spacing: 0.04em !important;
  display: inline-flex !important;
  align-items: center !important;
  margin: 0 6px !important;
  transition: all 0.2s ease !important;
  user-select: none !important;
}

.raiseiq-build-tag:hover {
  background: rgba(200, 168, 75, 0.25) !important;
  border-color: var(--c-ouro) !important;
  box-shadow: 0 0 8px rgba(200, 168, 75, 0.3) !important;
}

/* ==========================================================================
   16. AUTH, LICENSING & FREEMIUM TRIAL GATE
   ========================================================================== */
.raiseiq-auth-topbar-group {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin: 0 4px !important;
}

.raiseiq-trial-badge {
  font-family: var(--font-body) !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  color: var(--c-creme) !important;
  background: rgba(200, 168, 75, 0.12) !important;
  border: 1px solid rgba(200, 168, 75, 0.35) !important;
  padding: 3px 9px !important;
  border-radius: 6px !important;
  letter-spacing: 0.05em !important;
  user-select: none !important;
}

.raiseiq-trial-badge.is-low {
  background: rgba(239, 95, 95, 0.15) !important;
  border-color: rgba(239, 95, 95, 0.4) !important;
  color: #EF5F5F !important;
  animation: pulse-low 2s infinite ease-in-out !important;
}

@keyframes pulse-low {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.6; }
}

.raiseiq-signin-btn {
  font-family: var(--font-body) !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  color: #0A0E1A !important;
  background: linear-gradient(180deg, #E8D5A3 0%, #C8A84B 100%) !important;
  border: none !important;
  padding: 4px 10px !important;
  border-radius: 6px !important;
  cursor: pointer !important;
  transition: all 0.15s ease !important;
  box-shadow: 0 2px 6px rgba(200, 168, 75, 0.3) !important;
}

.raiseiq-signin-btn:hover {
  background: linear-gradient(180deg, #FFF0C2 0%, #D9A02B 100%) !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 4px 10px rgba(200, 168, 75, 0.45) !important;
}

.raiseiq-pro-badge {
  font-family: var(--font-body) !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  color: #4ADE80 !important;
  background: rgba(74, 222, 128, 0.12) !important;
  border: 1px solid rgba(74, 222, 128, 0.4) !important;
  padding: 3px 9px !important;
  border-radius: 6px !important;
  letter-spacing: 0.05em !important;
  display: inline-flex !important;
  align-items: center !important;
  box-shadow: 0 0 10px rgba(74, 222, 128, 0.2) !important;
  user-select: none !important;
}

.raiseiq-account-btn {
  font-family: var(--font-body) !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  color: var(--c-creme) !important;
  background: rgba(26, 39, 68, 0.6) !important;
  border: 1px solid var(--border-color) !important;
  padding: 3px 10px !important;
  border-radius: 6px !important;
  cursor: pointer !important;
  transition: all 0.15s ease !important;
}

.raiseiq-account-btn:hover {
  background: rgba(26, 39, 68, 0.9) !important;
  border-color: var(--c-ouro) !important;
}

.raiseiq-upgrade-glow-btn {
  font-family: var(--font-body) !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  color: #0A0E1A !important;
  background: linear-gradient(180deg, #FAD961 0%, #F76B1C 100%) !important;
  border: none !important;
  padding: 4px 11px !important;
  border-radius: 6px !important;
  cursor: pointer !important;
  letter-spacing: 0.04em !important;
  box-shadow: 0 0 12px rgba(247, 107, 28, 0.45) !important;
  animation: pulse-upgrade 2.2s infinite ease-in-out !important;
  transition: all 0.15s ease !important;
}

@keyframes pulse-upgrade {
  0%, 100% { box-shadow: 0 0 8px rgba(247, 107, 28, 0.4); }
  50% { box-shadow: 0 0 16px rgba(250, 217, 97, 0.8), 0 0 24px rgba(247, 107, 28, 0.4); }
}

.raiseiq-upgrade-glow-btn:hover {
  transform: translateY(-1px) scale(1.05) !important;
  box-shadow: 0 4px 15px rgba(247, 107, 28, 0.7) !important;
}

.raiseiq-account-btn--free {
  border-color: rgba(200, 168, 75, 0.4) !important;
  background: rgba(200, 168, 75, 0.08) !important;
  color: var(--c-ouro) !important;
}

/* Auth Tabs */
.raiseiq-auth-tabs {
  display: flex !important;
  border-bottom: 1px solid #1A2744 !important;
  margin-bottom: 20px !important;
  gap: 8px !important;
  justify-content: center !important;
}

.raiseiq-auth-tab {
  background: transparent !important;
  border: none !important;
  border-bottom: 2px solid transparent !important;
  color: var(--c-muted) !important;
  font-family: var(--font-body) !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  padding: 8px 16px !important;
  cursor: pointer !important;
  transition: all 0.15s ease !important;
}

.raiseiq-auth-tab:hover {
  color: #FFF !important;
}

.raiseiq-auth-tab.is-active {
  color: var(--c-ouro) !important;
  border-bottom-color: var(--c-ouro) !important;
}

/* Social Google Button */
.raiseiq-social-auth {
  margin-bottom: 16px !important;
}

.raiseiq-btn-google {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 12px !important;
  width: 100% !important;
  background: #FFFFFF !important;
  color: #1F2937 !important;
  border: 1px solid #D1D5DB !important;
  border-radius: 8px !important;
  padding: 10px 16px !important;
  font-family: var(--font-body) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  cursor: pointer !important;
  transition: all 0.15s ease !important;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1) !important;
}

.raiseiq-btn-google:hover {
  background: #F9FAFB !important;
  border-color: #9CA3AF !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.18) !important;
}

/* Auth Divider */
.raiseiq-auth-divider {
  display: flex !important;
  align-items: center !important;
  text-align: center !important;
  margin: 16px 0 !important;
}

.raiseiq-auth-divider::before,
.raiseiq-auth-divider::after {
  content: '' !important;
  flex: 1 !important;
  border-bottom: 1px solid #1A2744 !important;
}

.raiseiq-auth-divider span {
  padding: 0 12px !important;
  font-size: 11px !important;
  color: var(--c-muted) !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
}

/* Modals */
.raiseiq-modal-backdrop {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  width: 100vw !important;
  height: 100vh !important;
  background: rgba(5, 8, 15, 0.85) !important;
  backdrop-filter: blur(6px) !important;
  z-index: 9999 !important;
}

.raiseiq-modal-box {
  position: fixed !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  background: #0F1422 !important;
  border: 1px solid #1A2744 !important;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.9), 0 0 30px rgba(200, 168, 75, 0.15) !important;
  border-radius: 16px !important;
  width: 90% !important;
  max-width: 480px !important;
  padding: 32px 28px !important;
  z-index: 10000 !important;
  color: #E2E8F0 !important;
  text-align: center !important;
  animation: modal-enter 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

@keyframes modal-enter {
  from { opacity: 0; transform: translate(-50%, -46%) scale(0.96); }
  to { opacity: 1; transform: translate(-50%, -50%) scale(1); }
}

.raiseiq-modal-close {
  position: absolute !important;
  top: 14px !important;
  right: 18px !important;
  background: transparent !important;
  border: none !important;
  font-size: 24px !important;
  color: var(--c-muted) !important;
  cursor: pointer !important;
  transition: color 0.15s !important;
}

.raiseiq-modal-close:hover {
  color: #FFF !important;
}

.raiseiq-modal-badge {
  display: inline-block !important;
  font-family: var(--font-body) !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  color: #EF5F5F !important;
  background: rgba(239, 95, 95, 0.12) !important;
  border: 1px solid rgba(239, 95, 95, 0.35) !important;
  padding: 3px 10px !important;
  border-radius: 20px !important;
  margin-bottom: 12px !important;
}

.raiseiq-modal-crest {
  font-size: 38px !important;
  color: var(--c-ouro) !important;
  line-height: 1 !important;
  margin-bottom: 8px !important;
}

.raiseiq-modal-title {
  font-family: var(--font-display) !important;
  font-size: 28px !important;
  color: var(--c-ouro) !important;
  letter-spacing: 0.05em !important;
  margin-bottom: 8px !important;
  line-height: 1.1 !important;
}

.raiseiq-modal-subtitle {
  font-size: 13px !important;
  color: var(--c-muted) !important;
  margin-bottom: 20px !important;
  line-height: 1.45 !important;
}

.raiseiq-features-list {
  background: #0A0E1A !important;
  border: 1px solid #1A2744 !important;
  border-radius: 12px !important;
  padding: 16px !important;
  text-align: left !important;
  margin-bottom: 20px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
}

.raiseiq-feature-item {
  display: flex !important;
  align-items: flex-start !important;
  gap: 12px !important;
  font-size: 13px !important;
  color: #F1F5F9 !important;
}

.raiseiq-feature-item .feature-icon {
  font-size: 16px !important;
  margin-top: 2px !important;
}

.raiseiq-feature-item .feature-sub {
  font-size: 11px !important;
  color: var(--c-muted) !important;
  margin-top: 2px !important;
}

.raiseiq-modal-actions {
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
  margin-bottom: 16px !important;
}

.raiseiq-btn-block {
  display: block !important;
  width: 100% !important;
  text-align: center !important;
  text-decoration: none !important;
}

.raiseiq-btn-gold {
  background: linear-gradient(180deg, #E8D5A3 0%, #C8A84B 100%) !important;
  color: #0A0E1A !important;
  font-family: var(--font-display) !important;
  font-size: 18px !important;
  letter-spacing: 0.06em !important;
  padding: 12px 20px !important;
  border: none !important;
  border-radius: 8px !important;
  cursor: pointer !important;
  font-weight: 700 !important;
  box-shadow: 0 4px 14px rgba(200, 168, 75, 0.35) !important;
  transition: all 0.15s ease !important;
}

.raiseiq-btn-gold:hover {
  background: linear-gradient(180deg, #FFF0C2 0%, #D9A02B 100%) !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 6px 18px rgba(200, 168, 75, 0.5) !important;
}

.raiseiq-btn-outline {
  background: #151C30 !important;
  color: var(--c-creme) !important;
  border: 1px solid var(--border-color) !important;
  font-family: var(--font-body) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  padding: 10px 16px !important;
  border-radius: 8px !important;
  cursor: pointer !important;
  transition: all 0.15s ease !important;
}

.raiseiq-btn-outline:hover {
  background: #1A2744 !important;
  border-color: var(--c-ouro) !important;
}

.raiseiq-btn-danger {
  background: rgba(239, 95, 95, 0.15) !important;
  color: #EF5F5F !important;
  border: 1px solid rgba(239, 95, 95, 0.35) !important;
  font-family: var(--font-body) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  padding: 10px 16px !important;
  border-radius: 8px !important;
  cursor: pointer !important;
  transition: all 0.15s ease !important;
}

.raiseiq-btn-danger:hover {
  background: #EF5F5F !important;
  color: #FFF !important;
}

.raiseiq-btn-demo {
  background: rgba(200, 168, 75, 0.15) !important;
  color: var(--c-ouro) !important;
  border: 1px dashed var(--c-ouro) !important;
  font-family: var(--font-body) !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  padding: 8px 14px !important;
  border-radius: 6px !important;
  cursor: pointer !important;
  width: 100% !important;
  margin-top: 6px !important;
  transition: all 0.15s ease !important;
}

.raiseiq-btn-demo:hover {
  background: var(--c-ouro) !important;
  color: #0A0E1A !important;
}

.raiseiq-demo-box {
  background: rgba(200, 168, 75, 0.05) !important;
  border: 1px solid rgba(200, 168, 75, 0.25) !important;
  border-radius: 10px !important;
  padding: 12px !important;
  margin: 16px 0 !important;
  text-align: left !important;
}

.demo-box-title {
  font-size: 12px !important;
  font-weight: 700 !important;
  color: var(--c-ouro) !important;
}

.demo-box-sub {
  font-size: 11px !important;
  color: var(--c-muted) !important;
  margin-top: 2px !important;
}

.raiseiq-modal-footer {
  font-size: 11px !important;
  color: var(--c-muted) !important;
}

.raiseiq-link-gold {
  color: var(--c-ouro) !important;
  text-decoration: underline !important;
}

.raiseiq-link-muted {
  background: transparent !important;
  border: none !important;
  color: var(--c-muted) !important;
  font-size: 11px !important;
  cursor: pointer !important;
  text-decoration: underline !important;
}

.raiseiq-link-muted:hover {
  color: var(--c-creme) !important;
}

/* Forms */
.raiseiq-form {
  text-align: left !important;
}

.form-group {
  margin-bottom: 14px !important;
}

.form-label {
  display: block !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
  color: var(--c-creme) !important;
  margin-bottom: 6px !important;
}

.form-input {
  width: 100% !important;
  background: #0A0E1A !important;
  border: 1px solid #1A2744 !important;
  border-radius: 8px !important;
  padding: 10px 14px !important;
  color: #FFF !important;
  font-size: 14px !important;
  outline: none !important;
  transition: border 0.2s !important;
}

.form-input:focus {
  border-color: var(--c-ouro) !important;
  box-shadow: 0 0 10px rgba(200, 168, 75, 0.2) !important;
}

.form-check {
  margin-bottom: 16px !important;
  font-size: 12px !important;
  color: var(--c-muted) !important;
}

.form-check-label {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  cursor: pointer !important;
}

.form-error {
  color: #EF5F5F !important;
  font-size: 12px !important;
  margin-bottom: 10px !important;
}

/* Account Details Box */
.raiseiq-account-details {
  background: #0A0E1A !important;
  border: 1px solid #1A2744 !important;
  border-radius: 12px !important;
  padding: 16px !important;
  text-align: left !important;
  margin-bottom: 20px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
}

.account-row {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  font-size: 12px !important;
  border-bottom: 1px solid rgba(26, 39, 68, 0.5) !important;
  padding-bottom: 8px !important;
}

.account-row:last-child {
  border-bottom: none !important;
  padding-bottom: 0 !important;
}

.acc-lbl {
  color: var(--c-muted) !important;
}

.acc-val {
  font-weight: 600 !important;
  color: #F1F5F9 !important;
}

/* Toast */
.raiseiq-toast {
  position: fixed !important;
  bottom: 24px !important;
  right: 24px !important;
  background: #0F1422 !important;
  border: 1px solid var(--c-ouro) !important;
  color: var(--c-creme) !important;
  padding: 12px 20px !important;
  border-radius: 10px !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.6), 0 0 14px rgba(200, 168, 75, 0.25) !important;
  z-index: 10001 !important;
  opacity: 0 !important;
  transform: translateY(10px) !important;
  transition: all 0.25s ease !important;
  pointer-events: none !important;
}

.raiseiq-toast.is-visible {
  opacity: 1 !important;
  transform: translateY(0) !important;
}



/* Responsive enhancements for Header & Navigation */
@media (max-width: 900px) {
  .brand__subtitle {
    display: none !important;
  }
  .raiseiq-build-tag {
    display: none !important;
  }
  .raiseiq-auth-topbar-group {
    gap: 4px !important;
  }
  .raiseiq-trial-badge, .raiseiq-pro-badge {
    padding: 2px 6px !important;
    font-size: 10px !important;
  }
}


/* ==========================================================================
   RAISEIQ PROPRIETARY DESIGN SYSTEM (v1.4.0)
   - Action Buttons: Option 1 Tactile GTO Cockpit Arcade Precision
   - Table Felt: Opção C Deep Racetrack com Padded Leather Rail
   - Seats: Opção A Floating Glass Capsules (Glassmorphism)
   - Topbar: Opção 2 Sleek Studio Underline Glow (Drill, Ranges, Analytics, Leakfinder)
   - Hero Cards: Preserved 100% Original
   ========================================================================== */

/* 1. TOPBAR SLEEK STUDIO UNDERLINE GLOW */
.topbar {
  border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
  background: rgba(10, 14, 26, 0.95) !important;
  backdrop-filter: blur(12px) !important;
}

.topnav__list {
  display: flex !important;
  align-items: center !important;
  gap: 20px !important;
}

.topnav__link {
  font-family: var(--font-display) !important;
  font-size: 1.15rem !important;
  letter-spacing: 0.04em !important;
  color: #94A3B8 !important;
  background: transparent !important;
  border-radius: 0 !important;
  border: none !important;
  box-shadow: none !important;
  position: relative !important;
  padding: 8px 6px 14px 6px !important;
  transition: color 0.2s ease !important;
  text-decoration: none !important;
}

.topnav__link:hover {
  color: #FFFFFF !important;
  background: transparent !important;
  box-shadow: none !important;
}

.topnav__link[aria-current="page"],
.topnav__link.is-active {
  color: #FFFFFF !important;
  font-weight: 700 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.topnav__link[aria-current="page"]::after,
.topnav__link.is-active::after {
  content: '' !important;
  position: absolute !important;
  bottom: 0px !important;
  left: 0 !important;
  right: 0 !important;
  height: 2.5px !important;
  background: linear-gradient(90deg, #C8A84B, #E8D5A3) !important;
  box-shadow: 0 0 12px rgba(200, 168, 75, 0.9) !important;
  border-radius: 2px !important;
}

/* 2. ACTION BUTTONS: TACTILE GTO COCKPIT (ARCADE PRECISION) */
.actbtn {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 10px !important;
  padding: 12px 18px !important;
  min-height: 68px !important;
  min-width: 140px !important;
  position: relative !important;
  user-select: none !important;
  transition: all 0.08s ease !important;
}

/* FOLD */
.actbtn[style*="--act-fold"],
.actbtn[data-action="fold"] {
  background: linear-gradient(180deg, #1E293B 0%, #0F172A 100%) !important;
  color: #94A3B8 !important;
  border: 1px solid rgba(148, 163, 184, 0.28) !important;
  box-shadow: 0 4px 0 #0A0F1D, 0 6px 14px rgba(0, 0, 0, 0.6), inset 0 1px 0 rgba(148, 163, 184, 0.3) !important;
}
.actbtn[style*="--act-fold"]:hover {
  background: linear-gradient(180deg, #334155 0%, #1E293B 100%) !important;
  border-color: rgba(148, 163, 184, 0.45) !important;
}
.actbtn[style*="--act-fold"]:active {
  transform: translateY(4px) !important;
  box-shadow: 0 0 0 transparent, inset 0 2px 4px rgba(0, 0, 0, 0.8) !important;
}

/* CALL / CHECK */
.actbtn[style*="--act-call"],
.actbtn[style*="--act-check"],
.actbtn[data-action="call"],
.actbtn[data-action="check"] {
  background: linear-gradient(180deg, #1C3325 0%, #0D1C13 100%) !important;
  color: #5C966E !important;
  border: 1px solid rgba(74, 124, 89, 0.4) !important;
  box-shadow: 0 4px 0 #060E09, 0 6px 14px rgba(0, 0, 0, 0.6), inset 0 1px 0 rgba(92, 150, 110, 0.3) !important;
}
.actbtn[style*="--act-call"]:hover,
.actbtn[style*="--act-check"]:hover {
  background: linear-gradient(180deg, #274532 0%, #13271B 100%) !important;
  border-color: rgba(92, 150, 110, 0.6) !important;
}
.actbtn[style*="--act-call"]:active,
.actbtn[style*="--act-check"]:active {
  transform: translateY(4px) !important;
  box-shadow: 0 0 0 transparent, inset 0 2px 4px rgba(0, 0, 0, 0.8) !important;
}

/* RAISE / BET */
.actbtn[style*="--act-raise"],
.actbtn[style*="--act-bet"],
.actbtn[data-action="raise"],
.actbtn[data-action="bet"] {
  background: linear-gradient(180deg, #382E14 0%, #1E1705 100%) !important;
  color: #E6C875 !important;
  border: 1px solid rgba(200, 168, 75, 0.45) !important;
  box-shadow: 0 4px 0 #100C02, 0 6px 14px rgba(0, 0, 0, 0.6), inset 0 1px 0 rgba(230, 200, 117, 0.3) !important;
}
.actbtn[style*="--act-raise"]:hover,
.actbtn[style*="--act-bet"]:hover {
  background: linear-gradient(180deg, #4A3D1B 0%, #291F07 100%) !important;
  border-color: rgba(230, 200, 117, 0.65) !important;
}
.actbtn[style*="--act-raise"]:active,
.actbtn[style*="--act-bet"]:active {
  transform: translateY(4px) !important;
  box-shadow: 0 0 0 transparent, inset 0 2px 4px rgba(0, 0, 0, 0.8) !important;
}

/* ALL-IN */
.actbtn[style*="--act-allin"],
.actbtn[data-action="allin"] {
  background: linear-gradient(180deg, #E11D48 0%, #9F1239 100%) !important;
  color: #FFFFFF !important;
  border: 1px solid rgba(251, 113, 133, 0.6) !important;
  box-shadow: 0 4px 0 #5C0B20, 0 6px 14px rgba(225, 29, 72, 0.45), inset 0 1px 0 rgba(255, 255, 255, 0.3) !important;
}
.actbtn[style*="--act-allin"]:hover {
  background: linear-gradient(180deg, #F43F5E 0%, #BE123C 100%) !important;
}
.actbtn[style*="--act-allin"]:active {
  transform: translateY(4px) !important;
  box-shadow: 0 0 0 transparent, inset 0 2px 4px rgba(0, 0, 0, 0.8) !important;
}

/* KEYCAPS */
.actbtn__hotkey {
  font-family: 'JetBrains Mono', monospace !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 0.05em !important;
  padding: 1px 7px !important;
  border-radius: 4px !important;
  background: rgba(0, 0, 0, 0.55) !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  color: #FFFFFF !important;
  margin-top: 4px !important;
}

/* 3. POKER TABLE: OPÇÃO C DEEP RACETRACK WITH PADDED LEATHER RAIL */
.ptable {
  border-radius: 999px !important;
  border: 12px solid #141B29 !important;
  box-shadow: 0 25px 65px rgba(0, 0, 0, 0.95), 
              0 0 0 2px rgba(200, 168, 75, 0.5), 
              inset 0 0 25px rgba(0, 0, 0, 0.85) !important;
}

.sess .ptable__felt {
  background: radial-gradient(ellipse at 50% 48%, #4A7C59 0%, #204B30 65%, #0F2618 100%) !important;
  border: 4px solid rgba(20, 27, 41, 0.9) !important;
  box-shadow: inset 0 0 55px rgba(5, 10, 18, 0.85), 
              inset 0 2px 4px rgba(200, 168, 75, 0.3), 
              0 14px 40px rgba(0, 0, 0, 0.8) !important;
}

.sess .ptable__rail {
  border: 2px dashed rgba(200, 168, 75, 0.45) !important;
  border-radius: 999px !important;
  box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.6) !important;
}

.sess .ptable__pot {
  background: rgba(10, 14, 26, 0.88) !important;
  backdrop-filter: blur(8px) !important;
  border: 1px solid rgba(200, 168, 75, 0.4) !important;
  border-radius: 999px !important;
  padding: 5px 16px !important;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.6) !important;
}
.sess .ptable__pot strong {
  color: #E8D5A3 !important;
  font-family: 'JetBrains Mono', monospace !important;
}

/* 4. PLAYER SEATS: OPÇÃO A CÁPSULAS FLUTUANTES DE VIDRO (GLASSMORPHISM) */
.sess .pseat__box {
  background: rgba(15, 23, 42, 0.78) !important;
  backdrop-filter: blur(10px) !important;
  border: 1px solid rgba(200, 168, 75, 0.35) !important;
  border-radius: 20px !important;
  padding: 4px 14px !important;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.65) !important;
  color: var(--c-creme) !important;
  transition: all 0.2s ease !important;
}

.sess .pseat__box:hover {
  border-color: rgba(200, 168, 75, 0.6) !important;
  transform: scale(1.04) !important;
}

.sess .pseat--hero .pseat__box {
  border-color: #C8A84B !important;
  background: rgba(20, 32, 58, 0.88) !important;
  box-shadow: 0 0 20px rgba(200, 168, 75, 0.4), inset 0 1px 0 rgba(232, 213, 163, 0.4) !important;
}

.sess .pseat__pos {
  background: #C8A84B !important;
  color: #070B14 !important;
  font-weight: 800 !important;
  font-size: 10px !important;
  border-radius: 6px !important;
  padding: 1px 6px !important;
  letter-spacing: 0.05em !important;
}

.sess .pseat__stack {
  font-family: 'JetBrains Mono', monospace !important;
  font-weight: 700 !important;
  color: #FFFFFF !important;
}


/* ==========================================================================
   PROPRIETARY GTO COMMAND CENTER (PROPOSTA A) & TACTICAL SCENARIO RIBBON
   ========================================================================== */

/* Hide native copied elements on Analytics root */
body.raiseiq-analytics-view .dash,
body.raiseiq-analytics-view .shell .main__inner > div:has(.stat-card),
body.raiseiq-analytics-view .shell .main__inner > .stat-card,
body.raiseiq-analytics-view .shell .main__inner > div:has(.kpis),
body.raiseiq-analytics-view .sesslist,
body.raiseiq-analytics-view div:has(> .sesslist) {
  display: none !important;
}

#raiseiq-analytics-command-center {
  width: 100% !important;
  margin-top: 16px !important;
  margin-bottom: 32px !important;
}

.hud-kpi-grid {
  display: grid !important;
  grid-template-columns: 280px 1fr 1fr 1fr !important;
  gap: 16px !important;
  margin-bottom: 24px !important;
}

@media (max-width: 900px) {
  .hud-kpi-grid {
    grid-template-columns: 1fr 1fr !important;
  }
}

.hud-master-card {
  background: linear-gradient(135deg, rgba(200, 168, 75, 0.15) 0%, rgba(15, 23, 42, 0.95) 100%) !important;
  border: 1px solid #C8A84B !important;
  border-radius: 14px !important;
  padding: 16px 18px !important;
  display: flex !important;
  align-items: center !important;
  gap: 16px !important;
  box-shadow: 0 0 20px rgba(200, 168, 75, 0.15) !important;
}

.hud-donut {
  width: 74px !important;
  height: 74px !important;
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.hud-donut span {
  position: absolute !important;
  font-family: 'JetBrains Mono', monospace !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  color: #FFFFFF !important;
}

.hud-master-info h4 {
  font-size: 11px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.1em !important;
  color: #E8D5A3 !important;
  margin: 0 0 2px 0 !important;
}
.hud-master-info .tier-badge {
  font-size: 22px !important;
  font-weight: 800 !important;
  color: #FFFFFF !important;
  line-height: 1.1 !important;
}
.hud-master-info .tier-sub {
  font-size: 11px !important;
  color: #94A3B8 !important;
}

.hud-metric-card {
  background: rgba(15, 23, 42, 0.75) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 14px !important;
  padding: 16px 18px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  transition: all 0.2s ease !important;
}
.hud-metric-card:hover {
  border-color: rgba(200, 168, 75, 0.4) !important;
  transform: translateY(-2px) !important;
}

.hud-metric-label {
  font-size: 11px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.08em !important;
  color: #94A3B8 !important;
  display: flex !important;
  justify-content: space-between !important;
}
.hud-metric-val {
  font-size: 26px !important;
  font-weight: 800 !important;
  font-family: 'JetBrains Mono', monospace !important;
  color: #FFFFFF !important;
  margin: 6px 0 !important;
}

.hud-central-grid {
  display: grid !important;
  grid-template-columns: 1.5fr 1fr !important;
  gap: 20px !important;
  margin-bottom: 24px !important;
}

@media (max-width: 850px) {
  .hud-central-grid {
    grid-template-columns: 1fr !important;
  }
}

.hud-panel {
  background: rgba(15, 23, 42, 0.75) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 14px !important;
  padding: 20px !important;
}
.hud-panel-header {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  margin-bottom: 16px !important;
  padding-bottom: 10px !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important;
}
.hud-panel-title {
  font-size: 14px !important;
  font-weight: 700 !important;
  color: #FFFFFF !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}

.hud-pill-tag {
  font-size: 10px !important;
  font-weight: 700 !important;
  padding: 2px 8px !important;
  border-radius: 4px !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  color: #94A3B8 !important;
  cursor: pointer !important;
}
.hud-pill-tag.active {
  background: rgba(200, 168, 75, 0.2) !important;
  border-color: #C8A84B !important;
  color: #E8D5A3 !important;
}

.hud-chart-mock {
  height: 160px !important;
  width: 100% !important;
  display: flex !important;
  align-items: flex-end !important;
  gap: 12px !important;
  padding-bottom: 6px !important;
}
.chart-bar-col {
  flex: 1 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 6px !important;
  height: 100% !important;
  justify-content: flex-end !important;
}
.chart-bar-fill {
  width: 100% !important;
  border-radius: 6px 6px 0 0 !important;
  background: linear-gradient(180deg, #E8D5A3 0%, rgba(200, 168, 75, 0.2) 100%) !important;
  border-top: 2px solid #C8A84B !important;
}
.chart-bar-label {
  font-family: 'JetBrains Mono', monospace !important;
  font-size: 10px !important;
  color: #94A3B8 !important;
}

.pos-skill-row {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  margin-bottom: 8px !important;
}
.pos-badge-label {
  font-family: 'JetBrains Mono', monospace !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  width: 44px !important;
  padding: 2px 6px !important;
  text-align: center !important;
  border-radius: 4px !important;
  background: rgba(200, 168, 75, 0.15) !important;
  border: 1px solid rgba(200, 168, 75, 0.3) !important;
  color: #E8D5A3 !important;
}
.pos-bar-track {
  flex: 1 !important;
  height: 7px !important;
  background: rgba(255, 255, 255, 0.06) !important;
  border-radius: 999px !important;
  overflow: hidden !important;
}
.pos-bar-fill {
  height: 100% !important;
  border-radius: 999px !important;
}
.pos-acc-val {
  font-family: 'JetBrains Mono', monospace !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  width: 45px !important;
  text-align: right !important;
  color: #FFFFFF !important;
}

.hud-session-row {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 12px 16px !important;
  background: rgba(0, 0, 0, 0.25) !important;
  border: 1px solid rgba(255, 255, 255, 0.04) !important;
  border-radius: 10px !important;
  margin-bottom: 8px !important;
  transition: all 0.15s ease !important;
}
.hud-session-row:hover {
  background: rgba(200, 168, 75, 0.08) !important;
  border-color: rgba(200, 168, 75, 0.3) !important;
}

/* TACTICAL SCENARIO RIBBON ON DRILL (#/train) */
.history__spot,
.page-head__title {
  letter-spacing: 0.04em !important;
}

/* GTO VERDICT HOLOGRAPHIC BADGE */
.actbtn--best {
  border-color: #10B981 !important;
  box-shadow: 0 0 20px rgba(16, 185, 129, 0.5), inset 0 1px 0 rgba(110, 231, 183, 0.5) !important;
}


/* ==========================================================================
   SOLVER NODE DECK & QUANTUM GTO HEATMAP MATRIX (RANGES - #/library)
   ========================================================================== */

/* ==========================================================================
   RANGES DUAL INDEPENDENT PANES (OPÇÃO 2)
   ========================================================================== */
.lib {
  display: grid !important;
  grid-template-columns: minmax(320px, 420px) minmax(0, 1fr) !important;
  gap: 20px !important;
  align-items: stretch !important;
  height: calc(100vh - 150px) !important;
  max-height: calc(100vh - 150px) !important;
  min-height: 580px !important;
  overflow: hidden !important;
  margin-top: 16px !important;
}

/* Left Pane: Nodes Container */
.lib > .panel:first-child,
.lib > div:first-child {
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
  max-height: 100% !important;
  overflow: hidden !important;
  background: #0B111E !important;
  border: 1px solid rgba(200, 168, 75, 0.35) !important;
  border-radius: 16px !important;
  box-shadow: 0 12px 36px rgba(0, 0, 0, 0.7) !important;
}

.lib > .panel:first-child .panel__head,
.lib > div:first-child .panel__head {
  flex-shrink: 0 !important;
  background: rgba(15, 23, 42, 0.95) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
  padding: 14px 18px !important;
}

.lib > .panel:first-child .panel__body,
.lib > div:first-child .panel__body {
  flex: 1 1 auto !important;
  overflow: hidden !important;
  display: flex !important;
  flex-direction: column !important;
  padding: 0 !important;
  height: 100% !important;
}

/* Left Pane: Independent Scrollable List */
.lib__list {
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
  padding: 14px !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  flex: 1 1 auto !important;
  height: 100% !important;
  margin-top: 0 !important;
  scrollbar-width: thin !important;
  scrollbar-color: #C8A84B rgba(10, 14, 26, 0.6) !important;
}

.lib__list::-webkit-scrollbar {
  width: 6px !important;
}
.lib__list::-webkit-scrollbar-track {
  background: rgba(10, 14, 26, 0.6) !important;
  border-radius: 4px !important;
}
.lib__list::-webkit-scrollbar-thumb {
  background: #C8A84B !important;
  border-radius: 4px !important;
}
.lib__list::-webkit-scrollbar-thumb:hover {
  background: #E6C875 !important;
}

/* Right Pane: Independent Scrollable Detail Container */
.lib__detail {
  display: flex !important;
  flex-direction: column !important;
  gap: 16px !important;
  height: 100% !important;
  max-height: 100% !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  padding-right: 6px !important;
  position: static !important;
  scrollbar-width: thin !important;
  scrollbar-color: #C8A84B rgba(10, 14, 26, 0.6) !important;
}

.lib__detail::-webkit-scrollbar {
  width: 6px !important;
}
.lib__detail::-webkit-scrollbar-track {
  background: rgba(10, 14, 26, 0.6) !important;
  border-radius: 4px !important;
}
.lib__detail::-webkit-scrollbar-thumb {
  background: #C8A84B !important;
  border-radius: 4px !important;
}
.lib__detail::-webkit-scrollbar-thumb:hover {
  background: #E6C875 !important;
}

/* Ensure Range panel NEVER shrinks or cuts off bottom rows (AA-22) and buttons */
.lib__detail > .panel,
.lib__detail > * {
  flex-shrink: 0 !important;
  flex-grow: 0 !important;
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
}

.lib__detail .panel__body {
  overflow: visible !important;
  height: auto !important;
  padding: 16px !important;
}

/* Solver Node Cards */
.lib__item {
  background: rgba(15, 23, 42, 0.75) !important;
  border: 1px solid rgba(200, 168, 75, 0.25) !important;
  border-radius: 12px !important;
  padding: 14px 16px !important;
  transition: all 0.15s ease !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4) !important;
  margin-bottom: 0 !important;
  text-align: left !important;
  cursor: pointer !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 6px !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

.lib__item:hover {
  background: rgba(22, 32, 56, 0.95) !important;
  border-color: #C8A84B !important;
  transform: translateX(4px) !important;
  box-shadow: 0 6px 18px rgba(200, 168, 75, 0.18) !important;
}

.lib__item[aria-current=true] {
  background: linear-gradient(135deg, rgba(200, 168, 75, 0.18) 0%, rgba(15, 23, 42, 0.95) 100%) !important;
  border-color: #C8A84B !important;
  box-shadow: 0 0 16px rgba(200, 168, 75, 0.25) !important;
}

.lib__item-title {
  font-size: 14px !important;
  font-weight: 700 !important;
  color: #FFFFFF !important;
  letter-spacing: -0.01em !important;
}

.lib__item-id {
  font-family: 'JetBrains Mono', monospace !important;
  font-size: 11px !important;
  color: #E8D5A3 !important;
  opacity: 0.8 !important;
}

.lib__item-chips .headline__chip {
  background: rgba(200, 168, 75, 0.12) !important;
  border: 1px solid rgba(200, 168, 75, 0.3) !important;
  color: #E8D5A3 !important;
  font-weight: 700 !important;
  border-radius: 6px !important;
  padding: 2px 8px !important;
}

@media (max-width: 900px) {
  .lib {
    grid-template-columns: 1fr !important;
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
  }
  .lib > .panel:first-child,
  .lib__detail {
    height: 520px !important;
    max-height: 520px !important;
  }
}

/* 2. Quantum GTO Heatmap Matrix (Casino Velvet Dock Layout - 100% Unclipped) */
.matrix-frame {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 16px !important;
  background: #0B111E !important;
  border: 1px solid rgba(200, 168, 75, 0.35) !important;
  border-radius: 16px !important;
  box-shadow: 0 12px 36px rgba(0, 0, 0, 0.8) !important;
  padding: 22px !important;
  width: 100% !important;
}

.matrix-frame__scroll {
  width: 100% !important;
  max-width: 520px !important;
  overflow: visible !important;
  display: flex !important;
  justify-content: center !important;
  background: transparent !important;
  border-radius: 8px !important;
}

.matrix-frame__scroll .matrix,
.matrix {
  width: 100% !important;
  max-width: 520px !important;
  min-width: 0 !important;
  aspect-ratio: 1 / 1 !important;
  border-radius: 8px !important;
  gap: 2px !important;
  background: rgba(10, 14, 26, 0.9) !important;
  padding: 3px !important;
}

.matrix__cell {
  border-radius: 3px !important;
  font-family: 'JetBrains Mono', monospace !important;
  font-weight: 700 !important;
  transition: transform 0.1s ease, box-shadow 0.1s ease !important;
}

.matrix__cell--interactive:hover {
  outline: 2px solid #C8A84B !important;
  transform: scale(1.15) !important;
  z-index: 10 !important;
  box-shadow: 0 0 12px rgba(200, 168, 75, 0.8) !important;
}

/* Vivid Glass Gloss: Full-Color Action Buttons Deck (Exact Range Match) */
.legend--cards {
  width: 100% !important;
  max-width: 520px !important;
  min-width: 0 !important;
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: stretch !important;
  gap: 12px !important;
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
  box-shadow: none !important;
}

/* Hide the old dot swatch */
.legend--cards .legend__swatch {
  display: none !important;
}

/* Base button styling - flex 1 stretches each button to fill 100% width evenly */
.legend--cards .legend__item {
  flex: 1 1 0px !important;
  width: auto !important;
  min-width: 0 !important;
  position: relative !important;
  overflow: hidden !important;
  height: 44px !important;
  border-radius: 10px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-family: 'Bebas Neue', 'Inter', sans-serif !important;
  font-size: 18px !important;
  letter-spacing: 1.2px !important;
  text-transform: uppercase !important;
  padding: 0 10px !important;
  cursor: pointer !important;
  transition: transform 0.15s ease, filter 0.15s ease, box-shadow 0.15s ease !important;
  user-select: none !important;
}

.legend--cards .legend__item:hover {
  transform: translateY(-2px) !important;
  filter: brightness(1.12) !important;
}

/* Gloss Reflection Overlay */
.legend--cards .legend__item::before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  height: 48% !important;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.28) 0%, rgba(255, 255, 255, 0.04) 100%) !important;
  border-radius: 9px 9px 0 0 !important;
  pointer-events: none !important;
}

/* Exact Range Colors for Each Action */

/* 1. FOLD: Exact #6B7A9A Slate Blue */
.legend--cards .legend__item[style*="--act-fold"] {
  background: linear-gradient(180deg, #8191B3 0%, #6B7A9A 55%, #52607D 100%) !important;
  color: #FFFFFF !important;
  border: 1px solid #9BA9C9 !important;
  box-shadow: 0 4px 14px rgba(107, 122, 154, 0.45) !important;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.6) !important;
}

/* 2. CALL: Exact #4A7C59 Emerald Green */
.legend--cards .legend__item[style*="--act-call"],
.legend--cards .legend__item[style*="--act-check"] {
  background: linear-gradient(180deg, #5C966E 0%, #4A7C59 55%, #345B3F 100%) !important;
  color: #FFFFFF !important;
  border: 1px solid #71B385 !important;
  box-shadow: 0 4px 14px rgba(74, 124, 89, 0.45) !important;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.6) !important;
}

/* 3. RAISE / BET: Exact #C8A84B Gold */
.legend--cards .legend__item[style*="--act-raise"],
.legend--cards .legend__item[style*="--act-bet"] {
  background: linear-gradient(180deg, #E6C875 0%, #C8A84B 55%, #9E8030 100%) !important;
  color: #0A0E1A !important; /* Deep dark onyx contrast on gold */
  border: 1px solid #F5DF98 !important;
  box-shadow: 0 4px 15px rgba(200, 168, 75, 0.5) !important;
  font-weight: 900 !important;
  text-shadow: none !important;
}

/* 4. ALL-IN: Intense Ruby Red (Total contrast against Gold and Slate) */
.legend--cards .legend__item[style*="--act-allin"] {
  background: linear-gradient(180deg, #F43F5E 0%, #E11D48 55%, #BE123C 100%) !important;
  color: #FFFFFF !important;
  border: 1px solid #FB7185 !important;
  box-shadow: 0 4px 15px rgba(225, 29, 72, 0.5) !important;
  font-weight: 900 !important;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.6) !important;
}

/* 5. NO DATA: Completely removed / hidden across all ranges */
.legend--cards .legend__item--nodata,
.legend__item--nodata,
[class*="legend__item--nodata"] {
  display: none !important;
}

/* ==========================================================================
   RAISEIQ ENGINE CONTROL PANEL (SETTINGS - #/settings)
   ========================================================================== */
.stat-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)) !important;
  gap: 16px !important;
  margin-top: 16px !important;
}

.stat {
  background: rgba(15, 23, 42, 0.8) !important;
  border: 1px solid rgba(200, 168, 75, 0.25) !important;
  border-radius: 12px !important;
  padding: 18px !important;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.4) !important;
  transition: all 0.2s ease !important;
}

.stat:hover {
  border-color: #C8A84B !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 24px rgba(200, 168, 75, 0.15) !important;
}

.stat__label {
  font-size: 11px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.08em !important;
  color: #E8D5A3 !important;
  font-weight: 700 !important;
}

.stat__value {
  font-family: 'JetBrains Mono', monospace !important;
  font-size: 24px !important;
  font-weight: 800 !important;
  color: #FFFFFF !important;
  margin-top: 6px !important;
}

/* ==========================================================================
   HAND HISTORY REPLAY HUB (ANALYTICS HISTORY - #/review)
   ========================================================================== */
.atable {
  background: #0B111E !important;
  border: 1px solid rgba(200, 168, 75, 0.25) !important;
  border-radius: 14px !important;
  overflow: hidden !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.6) !important;
}

.atable__head {
  background: rgba(15, 23, 42, 0.95) !important;
  border-bottom: 1px solid rgba(200, 168, 75, 0.3) !important;
  color: #E8D5A3 !important;
  font-size: 11px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.08em !important;
  font-weight: 700 !important;
}

.atable__row {
  border-bottom: 1px solid rgba(255, 255, 255, 0.05) !important;
  transition: background 0.15s ease !important;
}

.atable__row:hover {
  background: rgba(200, 168, 75, 0.06) !important;
}

.atable__row:last-child {
  border-bottom: none !important;
}


/* ==========================================================================
   15.4 HERO ARENA CARDS DECK (MODALIDADES DE TREINO - #/train)
   ========================================================================== */
.hero-arena-deck {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 14px !important;
  margin-top: 14px !important;
  margin-bottom: 22px !important;
  width: 100% !important;
}

@media (max-width: 900px) {
  .hero-arena-deck {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}

.arena-card {
  position: relative !important;
  background: linear-gradient(180deg, #121A2D 0%, #0A0F1C 100%) !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  border-radius: 14px !important;
  padding: 16px 16px !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
  user-select: none !important;
  overflow: hidden !important;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.5) !important;
}

.arena-card::before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  height: 3px !important;
  background: transparent !important;
  transition: background 0.2s ease !important;
}

.arena-card:hover {
  transform: translateY(-3px) !important;
  border-color: rgba(200, 168, 75, 0.6) !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.7) !important;
}

.arena-card.active-mtt {
  background: linear-gradient(180deg, rgba(245, 158, 11, 0.16) 0%, #0C1220 100%) !important;
  border-color: #F59E0B !important;
  box-shadow: 0 0 20px rgba(245, 158, 11, 0.35) !important;
}
.arena-card.active-mtt::before { background: #F59E0B !important; }

.arena-card.active-cash {
  background: linear-gradient(180deg, rgba(16, 185, 129, 0.16) 0%, #0C1220 100%) !important;
  border-color: #10B981 !important;
  box-shadow: 0 0 20px rgba(16, 185, 129, 0.35) !important;
}
.arena-card.active-cash::before { background: #10B981 !important; }

.arena-card.active-spin {
  background: linear-gradient(180deg, rgba(6, 182, 212, 0.16) 0%, #0C1220 100%) !important;
  border-color: #06B6D4 !important;
  box-shadow: 0 0 20px rgba(6, 182, 212, 0.35) !important;
}
.arena-card.active-spin::before { background: #06B6D4 !important; }

.arena-card.active-all {
  background: linear-gradient(180deg, rgba(139, 92, 246, 0.16) 0%, #0C1220 100%) !important;
  border-color: #8B5CF6 !important;
  box-shadow: 0 0 20px rgba(139, 92, 246, 0.35) !important;
}
.arena-card.active-all::before { background: #8B5CF6 !important; }

.card-top {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
}

.card-icon {
  font-size: 22px !important;
  line-height: 1 !important;
}

.card-badge {
  font-family: 'JetBrains Mono', monospace !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  padding: 2px 7px !important;
  border-radius: 6px !important;
  background: rgba(255, 255, 255, 0.08) !important;
  color: #CBD5E1 !important;
  letter-spacing: 0.5px !important;
}

.active-mtt .card-badge {
  background: rgba(245, 158, 11, 0.25) !important;
  color: #FCD34D !important;
  border: 1px solid rgba(245, 158, 11, 0.4) !important;
}

.active-cash .card-badge {
  background: rgba(16, 185, 129, 0.25) !important;
  color: #6EE7B7 !important;
  border: 1px solid rgba(16, 185, 129, 0.4) !important;
}

.active-spin .card-badge {
  background: rgba(6, 182, 212, 0.25) !important;
  color: #67E8F9 !important;
  border: 1px solid rgba(6, 182, 212, 0.4) !important;
}

.active-all .card-badge {
  background: rgba(139, 92, 246, 0.25) !important;
  color: #C4B5FD !important;
  border: 1px solid rgba(139, 92, 246, 0.4) !important;
}

.card-title {
  font-family: 'Bebas Neue', sans-serif !important;
  font-size: 21px !important;
  letter-spacing: 0.5px !important;
  color: #FFFFFF !important;
  line-height: 1.1 !important;
}

.active-mtt .card-title { color: #FCD34D !important; }
.active-cash .card-title { color: #6EE7B7 !important; }
.active-spin .card-title { color: #67E8F9 !important; }
.active-all .card-title { color: #C4B5FD !important; }

.card-meta {
  font-size: 11px !important;
  color: #8E9BAE !important;
  line-height: 1.35 !important;
  flex: 1 !important;
}

.card-foot {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  border-top: 1px solid rgba(255, 255, 255, 0.06) !important;
  padding-top: 8px !important;
  margin-top: 4px !important;
}

.card-spots {
  font-family: 'JetBrains Mono', monospace !important;
  font-size: 11px !important;
  color: #E2E8F0 !important;
  font-weight: 700 !important;
}

.card-status-dot {
  width: 8px !important;
  height: 8px !important;
  border-radius: 50% !important;
  background: #475569 !important;
}

.active-mtt .card-status-dot {
  background: #F59E0B !important;
  box-shadow: 0 0 8px #F59E0B !important;
}
.active-cash .card-status-dot {
  background: #10B981 !important;
  box-shadow: 0 0 8px #10B981 !important;
}
.active-spin .card-status-dot {
  background: #06B6D4 !important;
  box-shadow: 0 0 8px #06B6D4 !important;
}
.active-all .card-status-dot {
  background: #8B5CF6 !important;
  box-shadow: 0 0 8px #8B5CF6 !important;
}


/* ==========================================================================
   ENHANCED REALISTIC TABLE UX (POKERSTARS / GTO WIZARD STYLE)
   ========================================================================== */

/* Folded Seats: Muted, Dimmed & Cardless */
.pseat--folded {
  opacity: 0.50 !important;
  filter: grayscale(0.75) !important;
  transition: opacity 0.25s ease, filter 0.25s ease !important;
}

.pseat--folded .pseat__box {
  background: rgba(12, 18, 30, 0.6) !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
  box-shadow: none !important;
}

.pseat--folded .pseat__pos {
  background: rgba(255, 255, 255, 0.16) !important;
  color: rgba(255, 255, 255, 0.6) !important;
}

.pseat--folded .pseat__stack {
  color: rgba(255, 255, 255, 0.45) !important;
}

.pseat--folded .pseat__act--fold {
  background: rgba(255, 255, 255, 0.08) !important;
  color: rgba(255, 255, 255, 0.6) !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  font-size: clamp(8px, 1.8cqw, 10px) !important;
  padding: 1px 6px !important;
  letter-spacing: 0.04em !important;
}

/* Card Backs for Active Villains in the Hand */
.pseat__cardbacks {
  display: flex !important;
  gap: 3px !important;
  align-items: center !important;
  justify-content: center !important;
  filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.7)) !important;
}

.pseat__cardback {
  width: clamp(14px, 2.8cqw, 19px) !important;
  height: clamp(20px, 4cqw, 27px) !important;
  border-radius: 3px !important;
  background: linear-gradient(145deg, #b91c1c 0%, #881337 50%, #4c0519 100%) !important;
  border: 1px solid rgba(255, 255, 255, 0.5) !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.7), inset 0 0 0 1px rgba(0, 0, 0, 0.25) !important;
  position: relative !important;
  display: inline-block !important;
  box-sizing: border-box !important;
}

.pseat__cardback::after {
  content: '' !important;
  position: absolute !important;
  inset: 1.5px !important;
  border: 1px dashed rgba(255, 255, 255, 0.35) !important;
  border-radius: 1.5px !important;
}

.pseat__cardback:first-child {
  transform: rotate(-4deg) !important;
}

.pseat__cardback:last-child {
  transform: rotate(4deg) !important;
  margin-left: -4px !important;
}

/* Aggressor & Active Caller highlights */
.pseat--aggro .pseat__box {
  border-color: #f59e0b !important;
  box-shadow: 0 0 12px rgba(245, 158, 11, 0.4) !important;
}

.pseat__act--aggro {
  background: rgba(245, 158, 11, 0.25) !important;
  color: #fbbf24 !important;
  border-color: rgba(245, 158, 11, 0.5) !important;
  font-weight: 700 !important;
  text-shadow: 0 0 8px rgba(245, 158, 11, 0.5) !important;
}

.pseat__act--call {
  background: rgba(16, 185, 129, 0.25) !important;
  color: #34d399 !important;
  border-color: rgba(16, 185, 129, 0.5) !important;
  font-weight: 700 !important;
}

.sess__table {
  flex: 1 1 auto !important;
  min-height: 200px !important;
  position: relative !important;
  width: 100% !important;
  display: flex;
}

.sess:not(.sess--answered) .sess__table {
  min-height: 380px !important;
}

.sess--answered .sess__table {
  flex: 0 1 240px !important;
  min-height: 180px !important;
  max-height: 240px !important;
}

/* ==========================================================================
   OPTION 1: SPLIT VIEW (SPACIOUS, FULL-WIDTH ACTIONS & LARGE RANGE MATRIX)
   ========================================================================== */
@media (min-width: 780px) {
  /* 1. Main session layout in answered state */
      .sess.sess--answered {
    display: grid !important;
    grid-template-columns: 50% 50% !important;
    grid-template-rows: auto 1fr auto !important;
    grid-template-areas:
      "top top"
      "stage feedback"
      "stage acts" !important;
    height: calc(100vh - 90px) !important;
    max-height: calc(100vh - 90px) !important;
    width: 100% !important;
    overflow: hidden !important;
    gap: 8px 12px !important;
    padding: 4px 16px 8px 16px !important;
    box-sizing: border-box !important;
  }

  /* 2. Top bar spans across both columns */
  .sess.sess--answered .sess__top {
    grid-area: top !important;
    margin-bottom: 0 !important;
    flex: 0 0 auto !important;
  }

  /* 3. Left Column: Stage with Table on Top + Action Breakdown Below */
  .sess.sess--answered .sess__stage {
    grid-area: stage !important;
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
    min-height: 0 !important;
    max-height: 100% !important;
    padding: 8px 12px !important;
    overflow: hidden !important;
    border-radius: 12px !important;
    background: #0B1120 !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    gap: 6px !important;
  }

  .sess.sess--answered .sess__meta {
    flex: 0 0 auto !important;
    margin-bottom: 2px !important;
    width: 100% !important;
  }

  /* Prevent Training Settings from overlapping chips */
  .sess__facets {
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
    min-width: 0 !important;
  }

  .sess__facets .facets {
    flex: 1 1 auto !important;
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 8px !important;
    overflow-x: auto !important;
    scrollbar-width: none !important;
    width: 100% !important;
  }

  .sess__facets .facets::-webkit-scrollbar {
    display: none !important;
  }

  .sess__facets .facet {
    flex: 0 0 auto !important;
  }

  .facets__badges,
  .sess__facets .facets__badges,
  .sess__facetActions {
    display: none !important;
  }

  .sess.sess--answered .sess__table {
    flex: 1 1 200px !important;
    min-height: 150px !important;
    max-height: 240px !important;
    position: relative !important;
    overflow: hidden !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  .sess.sess--answered .ptable {
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    width: min(640px, 98cqw, calc(94cqh * 2.15)) !important;
    max-width: 640px !important;
    aspect-ratio: 2.15 !important;
    margin: 0 auto !important;
  }

  /* Action Breakdown Card directly below table */
  .action-breakdown-card {
    background: rgba(11, 17, 32, 0.85) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-radius: 10px !important;
    padding: 8px 12px !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 5px !important;
    flex: 0 0 auto !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }

  .sess.sess--answered .fb__compare {
    display: flex !important;
    justify-content: space-between !important;
    font-size: 12.5px !important;
    font-weight: 700 !important;
    padding-bottom: 3px !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
    margin-bottom: 2px !important;
  }

  .sess.sess--answered .fb__compare-you {
    color: #E2E8F0 !important;
  }

  .sess.sess--answered .fb__compare-range {
    color: #CBD5E1 !important;
  }

  .sess.sess--answered .freqrows {
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 3px !important;
  }

  .sess.sess--answered .freqrow {
    display: grid !important;
    grid-template-columns: 140px 1fr 60px 80px !important;
    align-items: center !important;
    gap: 8px !important;
    width: 100% !important;
    box-sizing: border-box !important;
    padding: 4px 8px !important;
    border-radius: 5px !important;
    background: rgba(255, 255, 255, 0.03) !important;
    border: 1px solid rgba(255, 255, 255, 0.06) !important;
  }

  .sess.sess--answered .freqrow--chosen {
    background: rgba(59, 130, 246, 0.1) !important;
    border-color: rgba(59, 130, 246, 0.3) !important;
  }

  .sess.sess--answered .freqrow__label {
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    font-weight: 700 !important;
    font-size: 12px !important;
    white-space: nowrap !important;
  }

  .sess.sess--answered .freqrow__track {
    width: 100% !important;
    height: 7px !important;
    background: rgba(255, 255, 255, 0.08) !important;
    border-radius: 4px !important;
    overflow: hidden !important;
  }

  .sess.sess--answered .freqrow__fill {
    height: 100% !important;
    border-radius: 4px !important;
  }

  .sess.sess--answered .freqrow__pct {
    font-family: 'JetBrains Mono', monospace !important;
    font-weight: 800 !important;
    font-size: 11.5px !important;
    text-align: right !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 6px !important;
  }

  .ev-tag-max {
    color: #10B981 !important;
    background: rgba(16, 185, 129, 0.15) !important;
    padding: 1px 5px !important;
    border-radius: 4px !important;
    border: 1px solid rgba(16, 185, 129, 0.3) !important;
    font-size: 10.5px !important;
    font-weight: 800 !important;
  }

  .ev-tag-loss {
    color: #EF4444 !important;
    background: rgba(239, 68, 68, 0.15) !important;
    padding: 1px 5px !important;
    border-radius: 4px !important;
    border: 1px solid rgba(239, 68, 68, 0.3) !important;
    font-size: 10.5px !important;
    font-weight: 800 !important;
  }

  /* 4. Right Column: Feedback Card */
  .sess.sess--answered .sess__feedback {
    grid-area: feedback !important;
    height: 100% !important;
    min-height: 0 !important;
    max-height: 100% !important;
    overflow: hidden !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  .sess.sess--answered .sess__feedback .card {
    height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    box-sizing: border-box !important;
    background: #0B1120 !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-radius: 12px !important;
  }

  .sess.sess--answered .sess__feedback .card__body {
    flex: 1 1 auto !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    padding: 8px 12px !important;
    overflow: hidden !important;
  }

  .sess.sess--answered .fbrange {
    display: flex !important;
    flex-direction: column !important;
    gap: 4px !important;
    width: 100% !important;
    height: 100% !important;
    align-items: stretch !important;
    justify-content: space-between !important;
  }

  /* EV Banner at top of Right Column */
  .sess.sess--answered .ev-banner {
    width: 100% !important;
    box-sizing: border-box !important;
    border-radius: 7px !important;
    padding: 6px 10px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    border-width: 1px !important;
    border-style: solid !important;
    margin-bottom: 2px !important;
    flex: 0 0 auto !important;
  }

  .sess.sess--answered .ev-banner--blunder {
    background: linear-gradient(135deg, rgba(220, 38, 38, 0.18) 0%, rgba(153, 27, 27, 0.08) 100%) !important;
    border-color: rgba(239, 68, 68, 0.5) !important;
  }

  .sess.sess--answered .ev-banner--error {
    background: linear-gradient(135deg, rgba(234, 88, 12, 0.18) 0%, rgba(154, 52, 18, 0.08) 100%) !important;
    border-color: rgba(249, 115, 22, 0.5) !important;
  }

  .sess.sess--answered .ev-banner--inaccuracy {
    background: linear-gradient(135deg, rgba(234, 179, 8, 0.18) 0%, rgba(161, 98, 7, 0.08) 100%) !important;
    border-color: rgba(245, 158, 11, 0.5) !important;
  }

  .sess.sess--answered .ev-banner--optimal {
    background: linear-gradient(135deg, rgba(16, 185, 129, 0.18) 0%, rgba(4, 120, 87, 0.08) 100%) !important;
    border-color: rgba(16, 185, 129, 0.5) !important;
  }

  .sess.sess--answered .ev-left {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    padding-right: 8px !important;
  }

  .sess.sess--answered .ev-left h3 {
    margin: 0 !important;
    font-size: 13.5px !important;
    font-weight: 800 !important;
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
  }

  .sess.sess--answered .ev-banner--optimal .ev-left h3 { color: #10B981 !important; }
  .sess.sess--answered .ev-banner--inaccuracy .ev-left h3 { color: #F59E0B !important; }
  .sess.sess--answered .ev-banner--error .ev-left h3 { color: #FB923C !important; }
  .sess.sess--answered .ev-banner--blunder .ev-left h3 { color: #EF4444 !important; }

  .sess.sess--answered .ev-icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 18px !important;
    height: 18px !important;
    border-radius: 50% !important;
    font-size: 11px !important;
    font-weight: 900 !important;
  }

  .sess.sess--answered .ev-icon--optimal { background: rgba(16, 185, 129, 0.25) !important; color: #10B981 !important; }
  .sess.sess--answered .ev-icon--inaccuracy { background: rgba(245, 158, 11, 0.25) !important; color: #F59E0B !important; }
  .sess.sess--answered .ev-icon--error { background: rgba(249, 115, 22, 0.25) !important; color: #FB923C !important; }
  .sess.sess--answered .ev-icon--blunder { background: rgba(239, 68, 68, 0.25) !important; color: #EF4444 !important; }

  .sess.sess--answered .ev-left p {
    margin: 2px 0 0 0 !important;
    font-size: 11px !important;
    line-height: 1.25 !important;
    color: #CBD5E1 !important;
  }

  .sess.sess--answered .ev-loss-badge {
    flex: 0 0 auto !important;
    text-align: right !important;
    background: rgba(0, 0, 0, 0.45) !important;
    padding: 3px 8px !important;
    border-radius: 5px !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
  }

  .sess.sess--answered .ev-banner--optimal .ev-loss-val { color: #10B981 !important; }
  .sess.sess--answered .ev-banner--inaccuracy .ev-loss-val { color: #F59E0B !important; }
  .sess.sess--answered .ev-banner--error .ev-loss-val { color: #FB923C !important; }
  .sess.sess--answered .ev-banner--blunder .ev-loss-val { color: #EF4444 !important; }

  .sess.sess--answered .ev-loss-val {
    font-size: 18px !important;
    font-weight: 900 !important;
    font-family: 'JetBrains Mono', monospace !important;
    line-height: 1 !important;
    display: block !important;
  }

  .sess.sess--answered .ev-loss-lbl {
    font-size: 8.5px !important;
    text-transform: uppercase !important;
    font-weight: 800 !important;
    letter-spacing: 0.05em !important;
    color: #94A3B8 !important;
  }

  /* 13x13 RANGE MATRIX */
  .sess.sess--answered .fbrange__matrix {
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 2px 0 !important;
    flex: 1 1 auto !important;
  }

  .sess.sess--answered .matrix {
    width: min(315px, 75cqw, calc(100vh - 565px)) !important;
    height: min(315px, 75cqw, calc(100vh - 565px)) !important;
    max-width: 330px !important;
    max-height: 330px !important;
    margin: 0 auto !important;
    border-radius: 6px !important;
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.5) !important;
    background: rgba(0, 0, 0, 0.5) !important;
    padding: 2px !important;
    gap: 1.5px !important;
  }

  .sess.sess--answered .matrix__cell {
    font-size: clamp(9px, 1.1cqw, 11px) !important;
    font-weight: 700 !important;
    border-radius: 2px !important;
  }

  .sess.sess--answered .matrix__cell--selected {
    outline: 2.5px solid #FBBF24 !important;
    outline-offset: 1px !important;
    transform: scale(1.18) !important;
    z-index: 10 !important;
    box-shadow: 0 0 10px rgba(251, 191, 36, 0.9) !important;
    background: #3B82F6 !important;
    color: #FFFFFF !important;
    font-weight: 900 !important;
  }

  /* LARGER TEXT BELOW THE RANGE (As explicitly requested by user) */
  .sess.sess--answered .legend {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 20px !important;
    margin-top: 6px !important;
    margin-bottom: 2px !important;
    width: 100% !important;
    flex: 0 0 auto !important;
  }

  .sess.sess--answered .legend .legend__item {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    color: #FFFFFF !important;
    letter-spacing: 0.02em !important;
  }

  .sess.sess--answered .legend .legend__item--nodata {
    display: none !important;
  }

  .sess.sess--answered .legend .legend__swatch {
    display: inline-block !important;
    width: 14px !important;
    height: 14px !important;
    border-radius: 3px !important;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.6) !important;
  }

  .sess.sess--answered .fbrange__cap {
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #CBD5E1 !important;
    margin-top: 4px !important;
    margin-bottom: 4px !important;
    text-align: center !important;
    letter-spacing: 0.01em !important;
    flex: 0 0 auto !important;
  }

  .sess.sess--answered .fbrange__cap strong {
    color: #FBBF24 !important;
    font-weight: 900 !important;
    font-size: 15px !important;
  }

  .sess.sess--answered .ev-footer-note {
    width: 100% !important;
    box-sizing: border-box !important;
    margin-top: 2px !important;
    padding: 4px 8px !important;
    background: rgba(255, 255, 255, 0.04) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-left: 3px solid #C8A84B !important;
    border-radius: 5px !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    font-size: 11.5px !important;
    line-height: 1.3 !important;
    color: #CBD5E1 !important;
    flex: 0 0 auto !important;
  }

  .sess.sess--answered .ev-footer-badge {
    background: rgba(200, 168, 75, 0.2) !important;
    color: #FBBF24 !important;
    font-size: 10px !important;
    font-weight: 800 !important;
    padding: 2px 6px !important;
    border-radius: 4px !important;
    letter-spacing: 0.05em !important;
    white-space: nowrap !important;
  }

  /* 5. Next Hand Button (Bottom Right Column) */
  .sess.sess--answered .sess__acts {
    grid-area: acts !important;
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    flex: 0 0 auto !important;
  }

  .sess.sess--answered .sess__acts:before {
    display: none !important;
  }

  .sess.sess--answered .sess__acts .actions {
    display: none !important;
  }

  .sess.sess--answered .sess__next {
    width: 100% !important;
    margin: 0 !important;
    padding-top: 2px !important;
  }

  .sess.sess--answered .sess__next button {
    width: 100% !important;
    padding: 12px 20px !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    border-radius: 8px !important;
    background: linear-gradient(180deg, #E6C875 0%, #C8A84B 60%, #A8872E 100%) !important;
    color: #070B14 !important;
    border: 1px solid #F3DF95 !important;
    box-shadow: 0 4px 14px rgba(200, 168, 75, 0.35) !important;
    cursor: pointer !important;
  }
}


/* =========================================================================
   PHASE 1: PRO vs ELITE AI TIERING & SPOT DOCTOR STYLES
   ========================================================================= */

/* 1. Elite Badge (Topbar & Views) */
.raiseiq-elite-badge {
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  background: linear-gradient(135deg, rgba(234, 179, 8, 0.28) 0%, rgba(168, 85, 247, 0.28) 100%) !important;
  color: #FDE047 !important;
  border: 1px solid rgba(234, 179, 8, 0.6) !important;
  box-shadow: 0 0 14px rgba(234, 179, 8, 0.35) !important;
  padding: 3px 10px !important;
  border-radius: 999px !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
  cursor: pointer !important;
}

.raiseiq-elite-badge:hover {
  filter: brightness(1.15) !important;
  transform: translateY(-1px) !important;
}

/* 2. Wide Pricing / Plan Comparison Modal */
.raiseiq-modal-box--wide {
  max-width: 940px !important;
  width: 95vw !important;
  max-height: 94vh !important;
  overflow-y: auto !important;
  padding: 20px 24px !important;
}

/* Billing Cycle Switcher (Monthly vs Annual) */
.raiseiq-billing-toggle-wrapper {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  margin: 14px 0 16px 0 !important;
}

.raiseiq-billing-toggle-pill {
  display: inline-flex !important;
  background: #0A0E1A !important;
  border: 1px solid #1A2744 !important;
  padding: 4px !important;
  border-radius: 30px !important;
  gap: 4px !important;
  box-shadow: inset 0 2px 6px rgba(0, 0, 0, 0.4) !important;
}

.billing-pill-btn {
  background: transparent !important;
  border: 1px solid transparent !important;
  color: var(--c-muted) !important;
  font-family: var(--font-body) !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  padding: 6px 18px !important;
  border-radius: 24px !important;
  cursor: pointer !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  transition: all 0.2s ease !important;
}

.billing-pill-btn:hover {
  color: #FFF !important;
}

.billing-pill-btn.is-active {
  background: linear-gradient(180deg, #1A253A 0%, #0F172A 100%) !important;
  color: var(--c-ouro) !important;
  border-color: rgba(200, 168, 75, 0.5) !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.5) !important;
}

.billing-discount-badge {
  background: rgba(74, 222, 128, 0.16) !important;
  color: #4ADE80 !important;
  border: 1px solid rgba(74, 222, 128, 0.4) !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  padding: 2px 7px !important;
  border-radius: 12px !important;
  letter-spacing: 0.05em !important;
  text-transform: uppercase !important;
}

.raiseiq-plans-grid {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 20px !important;
  margin-top: 18px !important;
  align-items: stretch !important;
}

@media (max-width: 768px) {
  .raiseiq-plans-grid {
    grid-template-columns: 1fr !important;
  }
}

.raiseiq-plan-card {
  background: rgba(15, 23, 42, 0.75) !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  border-radius: 14px !important;
  padding: 20px 22px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  position: relative !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4) !important;
}

.raiseiq-plan-card--featured {
  background: linear-gradient(180deg, rgba(26, 32, 53, 0.95) 0%, rgba(15, 23, 42, 0.95) 100%) !important;
  border: 2px solid #C8A84B !important;
  box-shadow: 0 0 24px rgba(200, 168, 75, 0.25), 0 8px 30px rgba(0, 0, 0, 0.6) !important;
}

.plan-featured-ribbon {
  position: absolute !important;
  top: -12px !important;
  right: 20px !important;
  background: linear-gradient(180deg, #E6C875 0%, #C8A84B 100%) !important;
  color: #070B14 !important;
  font-size: 10px !important;
  font-weight: 900 !important;
  padding: 2px 10px !important;
  border-radius: 999px !important;
  letter-spacing: 0.05em !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.5) !important;
}

.plan-header {
  text-align: center !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
  padding-bottom: 14px !important;
  margin-bottom: 14px !important;
}

.plan-icon {
  font-size: 28px !important;
  display: block !important;
  margin-bottom: 4px !important;
}

.plan-title {
  margin: 0 !important;
  font-size: 19px !important;
  font-weight: 900 !important;
  color: #FFFFFF !important;
  letter-spacing: 0.03em !important;
}

.plan-tagline {
  margin: 2px 0 8px 0 !important;
  font-size: 12px !important;
  color: #94A3B8 !important;
}

.plan-price {
  display: flex !important;
  align-items: baseline !important;
  justify-content: center !important;
  gap: 2px !important;
}

.plan-price-curr {
  font-size: 18px !important;
  font-weight: 800 !important;
  color: #CBD5E1 !important;
}

.plan-price-amt {
  font-size: 34px !important;
  font-weight: 900 !important;
  font-family: 'JetBrains Mono', monospace !important;
  color: #FFFFFF !important;
  line-height: 1 !important;
}

.plan-price-per {
  font-size: 13px !important;
  color: #94A3B8 !important;
  font-weight: 600 !important;
}

.plan-price-sub {
  display: block !important;
  font-size: 11px !important;
  color: #64748B !important;
  margin-top: 2px !important;
}

.plan-features {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 0 20px 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 9px !important;
  font-size: 12.5px !important;
  color: #CBD5E1 !important;
}

.plan-features li {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  white-space: nowrap !important;
  line-height: 1.4 !important;
}

.plan-features .chk {
  color: #10B981 !important;
  font-weight: 900 !important;
  font-size: 13px !important;
}

.plan-features .cross {
  color: #64748B !important;
  font-weight: 900 !important;
  font-size: 12px !important;
}

.plan-features .f-locked {
  color: #64748B !important;
  text-decoration: line-through !important;
}

.plan-features .f-highlight {
  color: #FBBF24 !important;
  font-weight: 800 !important;
}

.plan-section-title {
  text-align: center !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  color: #FBBF24 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
  margin: 8px 0 12px 0 !important;
  display: block !important;
}

/* 3. Spot Doctor View & Gatekeeper Styles */
.spotdoctor-view {
  width: 100% !important;
  max-width: 1200px !important;
  margin: 0 auto !important;
  padding: 16px 20px !important;
  box-sizing: border-box !important;
}

.spotdoctor-gatekeeper,
.spotdoctor-workspace-preview {
  width: 100% !important;
  display: flex !important;
  justify-content: center !important;
  margin-top: 14px !important;
}

.spotdoctor-gatekeeper-card,
.spotdoctor-hero-card {
  width: 100% !important;
  max-width: 900px !important;
  background: #0B1120 !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  border-radius: 16px !important;
  padding: 30px 34px !important;
  box-shadow: 0 12px 36px rgba(0, 0, 0, 0.5) !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  text-align: center !important;
}

.spotdoctor-hero-card {
  border-color: rgba(200, 168, 75, 0.4) !important;
  background: linear-gradient(180deg, rgba(20, 30, 52, 0.95) 0%, #0B1120 100%) !important;
}

.gatekeeper-crest {
  font-size: 42px !important;
  margin-bottom: 6px !important;
  filter: drop-shadow(0 0 12px rgba(251, 191, 36, 0.5)) !important;
}

.gatekeeper-badge,
.spotdoctor-hero-badge {
  background: rgba(200, 168, 75, 0.18) !important;
  color: #FBBF24 !important;
  border: 1px solid rgba(200, 168, 75, 0.45) !important;
  padding: 3px 12px !important;
  border-radius: 999px !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  letter-spacing: 0.05em !important;
  margin-bottom: 12px !important;
}

.spotdoctor-gatekeeper-card h2,
.spotdoctor-hero-card h2 {
  font-size: 24px !important;
  font-weight: 900 !important;
  color: #FFFFFF !important;
  margin: 0 0 10px 0 !important;
  letter-spacing: 0.02em !important;
}

.gatekeeper-desc,
.spotdoctor-hero-desc {
  font-size: 14.5px !important;
  line-height: 1.5 !important;
  color: #CBD5E1 !important;
  max-width: 680px !important;
  margin: 0 0 24px 0 !important;
}

.gatekeeper-features {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 16px !important;
  width: 100% !important;
  text-align: left !important;
  margin-bottom: 28px !important;
}

@media (max-width: 680px) {
  .gatekeeper-features {
    grid-template-columns: 1fr !important;
  }
}

.gatekeeper-feature {
  background: rgba(255, 255, 255, 0.03) !important;
  border: 1px solid rgba(255, 255, 255, 0.06) !important;
  border-radius: 10px !important;
  padding: 12px 14px !important;
  display: flex !important;
  gap: 12px !important;
  align-items: flex-start !important;
}

.gk-icon {
  font-size: 22px !important;
  flex: 0 0 auto !important;
  margin-top: 2px !important;
}

.gatekeeper-feature strong {
  display: block !important;
  font-size: 13.5px !important;
  color: #FFFFFF !important;
  margin-bottom: 2px !important;
}

.gatekeeper-feature p {
  margin: 0 !important;
  font-size: 12px !important;
  color: #94A3B8 !important;
  line-height: 1.35 !important;
}

.gatekeeper-actions {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  width: 100% !important;
  max-width: 420px !important;
}

/* 4. Spot Doctor 4-Step Grid (Phase 1 Preview) */
.spotdoctor-steps-grid {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 14px !important;
  width: 100% !important;
  margin: 18px 0 24px 0 !important;
  text-align: left !important;
}

@media (max-width: 860px) {
  .spotdoctor-steps-grid {
    grid-template-columns: 1fr 1fr !important;
  }
}

.spotdoctor-step-box {
  background: rgba(15, 23, 42, 0.75) !important;
  border: 1px solid rgba(200, 168, 75, 0.25) !important;
  border-radius: 10px !important;
  padding: 14px !important;
  display: flex !important;
  flex-direction: column !important;
}

.spotdoctor-step-box .step-num {
  font-size: 10px !important;
  font-weight: 900 !important;
  color: #FBBF24 !important;
  letter-spacing: 0.08em !important;
  margin-bottom: 6px !important;
}

.spotdoctor-step-box h3 {
  margin: 0 0 6px 0 !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  color: #FFFFFF !important;
}

.spotdoctor-step-box p {
  margin: 0 !important;
  font-size: 11.5px !important;
  color: #94A3B8 !important;
  line-height: 1.4 !important;
}

.spotdoctor-tester-bar {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  padding-top: 14px !important;
  border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
  width: 100% !important;
}

/* ========================================================
   SPOT DOCTOR - PHASE 2 INTERACTIVE ENGINE & WIZARD STYLES
   ======================================================== */
.sd-container {
  width: 100%;
  max-width: 1100px;
  margin: 0 auto 30px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.sd-wizard-card {
  background: #0B1120;
  border: 1px solid rgba(200, 168, 75, 0.25);
  border-radius: 16px;
  padding: 24px 28px;
  box-shadow: 0 12px 36px rgba(0, 0, 0, 0.45);
  display: flex;
  flex-direction: column;
  gap: 22px;
}

.sd-section {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.sd-section-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.sd-section-title {
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #FBBF24;
  display: flex;
  align-items: center;
  gap: 8px;
}

.sd-chip-row {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.sd-chip {
  background: #131D31;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 8px;
  color: #E2E8F0;
  padding: 8px 16px;
  font-size: 13.5px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.15s ease;
  user-select: none;
}

.sd-chip:hover {
  background: #1E293B;
  border-color: rgba(200, 168, 75, 0.4);
  color: #FFFFFF;
}

.sd-chip--active {
  background: rgba(200, 168, 75, 0.15) !important;
  border-color: #F59E0B !important;
  color: #FCD34D !important;
  box-shadow: 0 0 12px rgba(245, 158, 11, 0.25);
}

.sd-spots-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: 10px;
  max-height: 220px;
  overflow-y: auto;
  padding: 4px;
}

.sd-spot-card {
  background: #131D31;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 8px;
  padding: 10px 14px;
  cursor: pointer;
  text-align: left;
  transition: all 0.15s ease;
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.sd-spot-card:hover {
  background: #1E2B45;
  border-color: rgba(200, 168, 75, 0.4);
}

.sd-spot-card--active {
  background: rgba(200, 168, 75, 0.12) !important;
  border-color: #F59E0B !important;
  box-shadow: 0 0 10px rgba(245, 158, 11, 0.2);
}

.sd-spot-card-title {
  font-size: 13px;
  font-weight: 700;
  color: #FFFFFF;
}

.sd-spot-card-meta {
  font-size: 11px;
  color: #94A3B8;
  display: flex;
  align-items: center;
  gap: 8px;
}

.sd-cards-area {
  display: flex;
  align-items: center;
  gap: 20px;
  background: #0E1626;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 12px;
  padding: 16px 20px;
  flex-wrap: wrap;
}

.sd-card-slot {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  padding: 8px 12px;
  border-radius: 10px;
  border: 2px solid transparent;
  cursor: pointer;
  transition: all 0.15s ease;
}

.sd-card-slot--active {
  border-color: #F59E0B;
  background: rgba(245, 158, 11, 0.1);
  box-shadow: 0 0 14px rgba(245, 158, 11, 0.3);
}

.sd-card-slot-label {
  font-size: 11px;
  font-weight: 700;
  color: #94A3B8;
  text-transform: uppercase;
}

.sd-handclass-pill {
  padding: 6px 14px;
  border-radius: 20px;
  background: rgba(200, 168, 75, 0.15);
  border: 1px solid #F59E0B;
  color: #FCD34D;
  font-size: 14px;
  font-weight: 800;
  letter-spacing: 0.05em;
}

.sd-rank-selector,
.sd-suit-selector {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.sd-rank-btn {
  background: #172338;
  border: 1px solid rgba(255, 255, 255, 0.14);
  color: #FFFFFF;
  border-radius: 6px;
  width: 38px;
  height: 38px;
  font-size: 15px;
  font-weight: 800;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.15s ease;
}

.sd-rank-btn:hover {
  background: #243452;
  border-color: #F59E0B;
}

.sd-rank-btn--active {
  background: #F59E0B !important;
  color: #0B1120 !important;
  border-color: #F59E0B !important;
  font-weight: 900 !important;
}

.sd-suit-btn {
  background: #172338;
  border: 1px solid rgba(255, 255, 255, 0.14);
  color: #FFFFFF;
  border-radius: 6px;
  padding: 8px 16px;
  font-size: 14px;
  font-weight: 700;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 6px;
  transition: all 0.15s ease;
}

.sd-suit-btn:hover {
  background: #243452;
  border-color: #F59E0B;
}

.sd-suit-btn--active {
  border-color: #F59E0B !important;
  box-shadow: 0 0 10px rgba(245, 158, 11, 0.3) !important;
}

.sd-action-options {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

.sd-action-btn {
  flex: 1;
  min-width: 140px;
  padding: 14px 18px;
  border-radius: 10px;
  font-size: 14px;
  font-weight: 800;
  cursor: pointer;
  border: 2px solid rgba(255, 255, 255, 0.15);
  background: #131D31;
  color: #FFFFFF;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  transition: all 0.15s ease;
  user-select: none;
}

.sd-action-btn:hover {
  transform: translateY(-1px);
}

.sd-action-btn--fold.sd-action-btn--active {
  background: rgba(148, 163, 184, 0.2) !important;
  border-color: #94A3B8 !important;
  color: #F1F5F9 !important;
}

.sd-action-btn--call.sd-action-btn--active {
  background: rgba(34, 197, 94, 0.2) !important;
  border-color: #22C55E !important;
  color: #4ADE80 !important;
}

.sd-action-btn--raise.sd-action-btn--active {
  background: rgba(245, 158, 11, 0.2) !important;
  border-color: #F59E0B !important;
  color: #FCD34D !important;
}

.sd-action-btn--allin.sd-action-btn--active {
  background: rgba(239, 68, 68, 0.2) !important;
  border-color: #EF4444 !important;
  color: #FCA5A5 !important;
}

.sd-diagnose-btn {
  width: 100%;
  padding: 16px 24px;
  font-size: 16px;
  font-weight: 800;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  border-radius: 12px;
  cursor: pointer;
  border: none;
  background: linear-gradient(135deg, #FFDF00 0%, #E5A91E 50%, #C89114 100%);
  color: #111827;
  box-shadow: 0 4px 20px rgba(229, 169, 30, 0.4);
  transition: all 0.2s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}

.sd-diagnose-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 26px rgba(229, 169, 30, 0.6);
  filter: brightness(1.06);
}

.sd-diagnose-btn:active {
  transform: translateY(0);
}

/* Diagnosis Review View */
.sd-diagnosis-header {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 16px;
}

.sd-pill-summary {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}

.sd-badge {
  background: #131D31;
  border: 1px solid rgba(255, 255, 255, 0.12);
  padding: 5px 12px;
  border-radius: 6px;
  font-size: 12px;
  font-weight: 700;
  color: #CBD5E1;
}

.sd-badge--gold {
  background: rgba(200, 168, 75, 0.15);
  border-color: #F59E0B;
  color: #FCD34D;
}

/* Elite AI Coach Card */
.sd-ai-coach-card {
  background: linear-gradient(180deg, #101B30 0%, #0B1120 100%);
  border: 1px solid rgba(200, 168, 75, 0.35);
  border-radius: 12px;
  padding: 16px 20px;
  margin-top: 14px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4);
}

.sd-ai-coach-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.sd-ai-coach-title {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 13.5px;
  font-weight: 800;
  color: #FCD34D;
}

.sd-ai-coach-text {
  font-size: 13px;
  line-height: 1.55;
  color: #E2E8F0;
  margin: 0;
}

.sd-ai-coach-chat {
  display: flex;
  gap: 8px;
  margin-top: 4px;
}

.sd-ai-coach-input {
  flex: 1;
  background: #090D16;
  border: 1px solid rgba(255, 255, 255, 0.15);
  border-radius: 6px;
  padding: 8px 12px;
  font-size: 12.5px;
  color: #94A3B8;
  outline: none;
}

.sd-ai-coach-btn {
  background: #1E293B;
  border: 1px solid rgba(255, 255, 255, 0.15);
  border-radius: 6px;
  padding: 8px 16px;
  font-size: 12.5px;
  font-weight: 700;
  color: #94A3B8;
  cursor: not-allowed;
}

/* ========================================================
   SPOT DOCTOR - PHASE 3 CONVERSATIONAL AI POKER COACH CSS
   ======================================================== */
.sd-ai-coach-card {
  background: linear-gradient(180deg, #101B30 0%, #0B1120 100%) !important;
  border: 1px solid rgba(200, 168, 75, 0.4) !important;
  border-radius: 14px !important;
  padding: 18px 22px !important;
  margin-top: 14px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5) !important;
}

.sd-ai-coach-header {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding-bottom: 10px !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
}

.sd-ai-coach-title {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  color: #FCD34D !important;
  letter-spacing: 0.04em !important;
}

.sd-ai-coach-actions {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}

.sd-ai-settings-btn {
  background: rgba(255, 255, 255, 0.06) !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  border-radius: 6px !important;
  color: #94A3B8 !important;
  padding: 4px 10px !important;
  font-size: 11.5px !important;
  font-weight: 600 !important;
  cursor: pointer !important;
  display: flex !important;
  align-items: center !important;
  gap: 4px !important;
  transition: all 0.15s ease !important;
}

.sd-ai-settings-btn:hover {
  background: rgba(255, 255, 255, 0.12) !important;
  color: #FFFFFF !important;
  border-color: rgba(200, 168, 75, 0.5) !important;
}

/* Chat Messages Container */
.sd-chat-history {
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
  max-height: 380px !important;
  overflow-y: auto !important;
  padding: 6px 4px !important;
}

.sd-chat-msg {
  display: flex !important;
  gap: 10px !important;
  max-width: 92% !important;
  animation: fadeIn 0.2s ease !important;
}

@keyframes fadeIn {
  from { opacity: 0; transform: translateY(4px); }
  to { opacity: 1; transform: translateY(0); }
}

.sd-chat-msg--coach {
  align-self: flex-start !important;
}

.sd-chat-msg--user {
  align-self: flex-end !important;
  flex-direction: row-reverse !important;
}

.sd-chat-avatar {
  width: 32px !important;
  height: 32px !important;
  border-radius: 50% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 16px !important;
  flex-shrink: 0 !important;
  background: #172338 !important;
  border: 1px solid rgba(200, 168, 75, 0.3) !important;
}

.sd-chat-msg--user .sd-chat-avatar {
  background: #1E293B !important;
  border-color: rgba(255, 255, 255, 0.2) !important;
}

.sd-chat-bubble {
  border-radius: 12px !important;
  padding: 10px 14px !important;
  font-size: 13px !important;
  line-height: 1.55 !important;
}

.sd-chat-msg--coach .sd-chat-bubble {
  background: #131E35 !important;
  border: 1px solid rgba(200, 168, 75, 0.25) !important;
  color: #E2E8F0 !important;
}

.sd-chat-msg--user .sd-chat-bubble {
  background: #1E2D48 !important;
  border: 1px solid rgba(255, 255, 255, 0.15) !important;
  color: #F8FAFC !important;
}

.sd-chat-time {
  font-size: 10px !important;
  color: #64748B !important;
  margin-top: 4px !important;
  display: block !important;
}

/* Typing Indicator */
.sd-typing-indicator {
  display: flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 10px 14px !important;
  background: #131E35 !important;
  border-radius: 12px !important;
  border: 1px solid rgba(200, 168, 75, 0.2) !important;
  width: fit-content !important;
}

.sd-dot {
  width: 6px !important;
  height: 6px !important;
  border-radius: 50% !important;
  background: #FBBF24 !important;
  animation: sdDotPulse 1.4s infinite ease-in-out both !important;
}

.sd-dot:nth-child(1) { animation-delay: -0.32s !important; }
.sd-dot:nth-child(2) { animation-delay: -0.16s !important; }

@keyframes sdDotPulse {
  0%, 80%, 100% { transform: scale(0.6); opacity: 0.4; }
  40% { transform: scale(1); opacity: 1; }
}

/* Quick Suggestion Chips */
.sd-chat-suggestions {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
  padding-top: 4px !important;
}

.sd-suggestion-chip {
  background: rgba(255, 255, 255, 0.05) !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  border-radius: 16px !important;
  padding: 5px 12px !important;
  font-size: 11.5px !important;
  font-weight: 600 !important;
  color: #CBD5E1 !important;
  cursor: pointer !important;
  transition: all 0.15s ease !important;
  user-select: none !important;
}

.sd-suggestion-chip:hover {
  background: rgba(200, 168, 75, 0.15) !important;
  border-color: #F59E0B !important;
  color: #FCD34D !important;
  transform: translateY(-1px) !important;
}

/* Chat Input Bar */
.sd-chat-form {
  display: flex !important;
  gap: 8px !important;
  margin-top: 6px !important;
}

.sd-chat-input {
  flex: 1 !important;
  background: #090E1A !important;
  border: 1px solid rgba(255, 255, 255, 0.15) !important;
  border-radius: 8px !important;
  padding: 10px 14px !important;
  font-size: 13px !important;
  color: #F8FAFC !important;
  outline: none !important;
  transition: border-color 0.15s ease !important;
}

.sd-chat-input:focus {
  border-color: #F59E0B !important;
  box-shadow: 0 0 10px rgba(245, 158, 11, 0.2) !important;
}

.sd-chat-send-btn {
  background: linear-gradient(135deg, #FFDF00 0%, #D99B16 100%) !important;
  border: none !important;
  border-radius: 8px !important;
  padding: 10px 18px !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  color: #0B1120 !important;
  cursor: pointer !important;
  transition: all 0.15s ease !important;
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
}

.sd-chat-send-btn:hover:not(:disabled) {
  filter: brightness(1.08) !important;
  transform: translateY(-1px) !important;
}

.sd-chat-send-btn:disabled {
  opacity: 0.5 !important;
  cursor: not-allowed !important;
}

/* AI Settings Modal */
.sd-modal-backdrop {
  position: fixed !important;
  inset: 0 !important;
  background: rgba(0, 0, 0, 0.75) !important;
  backdrop-filter: blur(4px) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  z-index: 99999 !important;
  padding: 20px !important;
}

.sd-modal-card {
  background: #0D1424 !important;
  border: 1px solid rgba(200, 168, 75, 0.35) !important;
  border-radius: 16px !important;
  max-width: 520px !important;
  width: 100% !important;
  padding: 24px 28px !important;
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.7) !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 18px !important;
  color: #FFFFFF !important;
}

.sd-modal-header {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding-bottom: 12px !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
}

.sd-modal-header h3 {
  margin: 0 !important;
  font-size: 16px !important;
  font-weight: 800 !important;
  color: #FCD34D !important;
}

.sd-modal-close {
  background: none !important;
  border: none !important;
  color: #94A3B8 !important;
  font-size: 20px !important;
  cursor: pointer !important;
  line-height: 1 !important;
}

.sd-modal-close:hover {
  color: #FFFFFF !important;
}

.sd-modal-field {
  display: flex !important;
  flex-direction: column !important;
  gap: 6px !important;
}

.sd-modal-field label {
  font-size: 12px !important;
  font-weight: 700 !important;
  color: #CBD5E1 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
}

.sd-modal-field input,
.sd-modal-field select {
  background: #080D18 !important;
  border: 1px solid rgba(255, 255, 255, 0.15) !important;
  border-radius: 8px !important;
  padding: 10px 12px !important;
  font-size: 13px !important;
  color: #FFFFFF !important;
  outline: none !important;
}

.sd-modal-field input:focus,
.sd-modal-field select:focus {
  border-color: #F59E0B !important;
}

.sd-modal-hint {
  font-size: 11.5px !important;
  color: #94A3B8 !important;
  line-height: 1.4 !important;
}

.sd-status-indicator {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  color: #4ADE80 !important;
}

.sd-status-dot {
  width: 7px !important;
  height: 7px !important;
  border-radius: 50% !important;
  background: #22C55E !important;
  box-shadow: 0 0 8px #22C55E !important;
}

/* ========================================================
   SPOT DOCTOR - SCROLLBAR & FULL VISIBILITY FIX
   ======================================================== */
.spotdoctor-view .sess.sess--answered {
  height: auto !important;
  max-height: none !important;
  min-height: 0 !important;
  overflow: visible !important;
  padding-bottom: 80px !important;
}

.spotdoctor-view .sess.sess--answered .sess__stage {
  height: auto !important;
  max-height: none !important;
  min-height: 0 !important;
  position: sticky !important;
  top: 16px !important;
}

.spotdoctor-view .sess.sess--answered .sess__feedback {
  height: auto !important;
  max-height: none !important;
  min-height: 0 !important;
  overflow: visible !important;
}

.spotdoctor-view .sess.sess--answered .sess__feedback .card {
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
}

.spotdoctor-view .sess.sess--answered .sess__feedback .card__body {
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
  display: flex !important;
  flex-direction: column !important;
}

/* ========================================================
   SPOT DOCTOR - COACHING STYLE TOGGLE (PRO VS CASUAL)
   ======================================================== */
.sd-style-toggle {
  display: flex !important;
  background: #090E1A !important;
  border: 1px solid rgba(255, 255, 255, 0.15) !important;
  border-radius: 20px !important;
  padding: 2px !important;
  gap: 2px !important;
  user-select: none !important;
}

.sd-style-pill {
  background: transparent !important;
  border: 1px solid transparent !important;
  border-radius: 16px !important;
  padding: 3px 10px !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  color: #94A3B8 !important;
  cursor: pointer !important;
  transition: all 0.15s ease !important;
}

.sd-style-pill:hover {
  color: #FFFFFF !important;
}

.sd-style-pill--active {
  background: rgba(200, 168, 75, 0.25) !important;
  color: #FCD34D !important;
  border-color: rgba(245, 158, 11, 0.4) !important;
  box-shadow: 0 0 8px rgba(245, 158, 11, 0.2) !important;
}


/* ========================================================
   EV BANNER FULL WIDTH ALIGNMENT (FLUSH TO RIGHT EDGE)
   ======================================================== */
.panel__head:has(.ev-banner),
.sess__feedback .panel__head,
.sess.sess--answered .panel__head {
  padding: 10px 14px !important;
  width: 100% !important;
  box-sizing: border-box !important;
  display: flex !important;
}

.panel__head:has(.ev-banner) .panel__title,
.sess__feedback .panel__title,
.sess.sess--answered .panel__title,
.panel__title:has(.ev-banner) {
  flex: 1 1 100% !important;
  width: 100% !important;
  display: block !important;
  min-width: 0 !important;
}

.ev-banner {
  width: 100% !important;
  max-width: none !important;
  box-sizing: border-box !important;
}

.sess__feedback .panel__body,
.sess.sess--answered .panel__body {
  padding: 10px 14px !important;
}

.fbrange,
.sess__feedback .fbrange,
.sess.sess--answered .fbrange {
  width: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
}


/* ==========================================================================
   GLOBAL SAAS FOOTER (Terms, Privacy & Contact)
   ========================================================================== */
.raiseiq-global-footer {
  margin-top: 56px;
  padding: 24px 20px 32px 20px;
  border-top: 1px solid rgba(200, 168, 75, 0.2);
  background: rgba(10, 14, 26, 0.95);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  color: #6B7A9A;
  font-size: 13px;
  clear: both;
}

.raiseiq-global-footer .footer-inner {
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 16px;
}

.raiseiq-global-footer .footer-left {
  display: flex;
  align-items: center;
  gap: 8px;
}

.raiseiq-global-footer .footer-brand {
  font-family: var(--font-display, "Bebas Neue", sans-serif);
  color: #C8A84B;
  font-size: 18px;
  letter-spacing: 0.05em;
}

.raiseiq-global-footer .footer-tagline {
  color: #6B7A9A;
  font-size: 12px;
}

.raiseiq-global-footer .footer-links {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}

.raiseiq-global-footer .footer-links a {
  color: #E8D5A3;
  text-decoration: none;
  font-weight: 500;
  transition: all 0.2s;
}

.raiseiq-global-footer .footer-links a:hover {
  color: #C8A84B;
  text-decoration: underline;
}

.raiseiq-global-footer .footer-sep {
  color: rgba(200, 168, 75, 0.35);
}

.raiseiq-global-footer .footer-copy {
  color: #6B7A9A;
  font-size: 12px;
}

@media (max-width: 768px) {
  .raiseiq-global-footer .footer-inner {
    flex-direction: column;
    text-align: center;
    gap: 12px;
  }
  .raiseiq-global-footer .footer-left {
    flex-direction: column;
    gap: 4px;
  }
  .raiseiq-global-footer .footer-links {
    justify-content: center;
  }
}