:root {
  color-scheme: dark;
  --wxp-yellow: #F1FF5C;
  --wxp-obsidian: #22272D;
  --wxp-quartz: #AAB0B8;
  --wxp-lunar: #F4FAFF;
  --wxp-surface: rgba(34, 39, 45, .92);
  --wxp-surface-soft: rgba(34, 39, 45, .68);
  --wxp-surface-lift: rgba(244, 250, 255, .055);
  --wxp-border: rgba(170, 176, 184, .24);
  --wxp-border-strong: rgba(241, 255, 92, .44);
  --wxp-muted: rgba(244, 250, 255, .68);
  --wxp-muted-2: rgba(170, 176, 184, .78);
  --wxp-shadow: 0 24px 70px rgba(34, 39, 45, .46);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  min-height: 100vh;
  background:
    radial-gradient(circle at 8% 6%, rgba(241,255,92,.16), transparent 30%),
    radial-gradient(circle at 96% 0%, rgba(244,250,255,.08), transparent 30%),
    linear-gradient(135deg, var(--wxp-obsidian) 0%, var(--wxp-obsidian) 58%, rgba(34,39,45,.96) 100%);
  color: var(--wxp-lunar);
  overflow-x: hidden;
  font-feature-settings: "cv02", "cv03", "cv04", "cv11";
}
body::before {
  content: '';
  position: fixed;
  inset: 0;
  pointer-events: none;
  background-image:
    linear-gradient(rgba(244,250,255,.032) 1px, transparent 1px),
    linear-gradient(90deg, rgba(244,250,255,.032) 1px, transparent 1px);
  background-size: 48px 48px;
  mask-image: linear-gradient(to bottom, rgba(34,39,45,.92), rgba(34,39,45,.14));
  z-index: -2;
}
body::after {
  content: '';
  position: fixed;
  inset: auto -10% -18% -10%;
  height: 40vh;
  pointer-events: none;
  background: radial-gradient(ellipse at center, rgba(241,255,92,.11), transparent 72%);
  filter: blur(22px);
  z-index: -3;
}

.glass-card {
  position: relative;
  overflow: hidden;
  border: 1px solid var(--wxp-border);
  background: linear-gradient(145deg, rgba(34,39,45,.94), rgba(34,39,45,.70));
  box-shadow: var(--wxp-shadow), inset 0 1px 0 rgba(244,250,255,.075);
  backdrop-filter: blur(18px);
}
.glass-card::before {
  content: '';
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(115deg, transparent 0 38%, rgba(241,255,92,.07) 50%, transparent 62% 100%);
  transform: translateX(-120%);
  animation: shimmer 9s ease-in-out infinite;
}
@keyframes shimmer { 0%, 62% { transform: translateX(-120%); } 82%, 100% { transform: translateX(120%); } }

.neon-text { text-shadow: 0 18px 50px rgba(34,39,45,.40); }
.wxp-gradient,
.brand-gradient,
.primary-gradient {
  background: linear-gradient(135deg, var(--wxp-yellow) 0%, var(--wxp-lunar) 54%, var(--wxp-quartz) 100%);
  color: var(--wxp-obsidian) !important;
  border-color: rgba(241,255,92,.42) !important;
}
.kpi-card { transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease; }
.kpi-card:hover { transform: translateY(-3px); border-color: var(--wxp-border-strong); box-shadow: 0 24px 70px rgba(241,255,92,.08), var(--wxp-shadow); }

.radar { position: relative; width: 118px; height: 118px; border-radius: 9999px; background: radial-gradient(circle, rgba(241,255,92,.40) 0 4px, transparent 5px), repeating-radial-gradient(circle, rgba(244,250,255,.14) 0 1px, transparent 2px 18px), linear-gradient(145deg, rgba(241,255,92,.14), rgba(34,39,45,.74)); border: 1px solid rgba(241,255,92,.42); box-shadow: 0 0 42px rgba(241,255,92,.18), inset 0 0 28px rgba(34,39,45,.58); overflow: hidden; }
.radar::before { content: ''; position: absolute; inset: 0; background: conic-gradient(from 0deg, rgba(241,255,92,.78), rgba(241,255,92,.10) 24%, transparent 38%); animation: spin 1.8s linear infinite; }
.radar::after { content: ''; position: absolute; left: 50%; top: 50%; width: 14px; height: 14px; transform: translate(-50%, -50%); border-radius: 9999px; background: var(--wxp-yellow); box-shadow: 0 0 22px rgba(241,255,92,.8), 0 0 52px rgba(241,255,92,.45); }
@keyframes spin { to { transform: rotate(360deg); } }
.scan-orbit { position: absolute; width: 12px; height: 12px; border-radius: 50%; background: var(--wxp-lunar); box-shadow: 0 0 20px rgba(241,255,92,.8); animation: orbit 2.8s linear infinite; }
@keyframes orbit { from { transform: rotate(0deg) translateX(58px) rotate(0deg); } to { transform: rotate(360deg) translateX(58px) rotate(-360deg); } }
.progress-glow { background: linear-gradient(90deg, var(--wxp-quartz), var(--wxp-yellow), var(--wxp-lunar)); background-size: 220% 100%; animation: progressFlow 2s linear infinite; box-shadow: 0 0 22px rgba(241,255,92,.28); }
@keyframes progressFlow { to { background-position: 220% 0; } }
.pulse-dot { animation: pulseDot 1.2s ease-in-out infinite; }
@keyframes pulseDot { 0%,100% { transform: scale(1); opacity: 1; } 50% { transform: scale(1.35); opacity: .55; } }
.float-in { animation: floatIn .48s ease-out both; }
@keyframes floatIn { from { opacity: 0; transform: translateY(10px) scale(.99); } to { opacity: 1; transform: translateY(0) scale(1); } }
.live-pill { position: relative; overflow: hidden; }
.live-pill::after { content: ''; position: absolute; inset: 0; background: linear-gradient(90deg, transparent, rgba(241,255,92,.18), transparent); transform: translateX(-120%); animation: pillSweep 2.6s ease-in-out infinite; }
@keyframes pillSweep { to { transform: translateX(120%); } }
.chart-canvas { width: 100%; height: 260px; display: block; }
.timeline-item { position: relative; padding-left: 1.5rem; }
.timeline-item::before { content: ''; position: absolute; left: 0; top: .55rem; width: 9px; height: 9px; border-radius: 999px; background: var(--wxp-yellow); box-shadow: 0 0 20px rgba(241,255,92,.65); }
.timeline-item::after { content: ''; position: absolute; left: 4px; top: 1.25rem; bottom: -.75rem; width: 1px; background: rgba(241,255,92,.26); }
.timeline-item:last-child::after { display: none; }
.terminal-line { animation: fadeInUp .35s ease-out both; }
@keyframes fadeInUp { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: translateY(0); } }
.scrollbar-thin::-webkit-scrollbar, .custom-scrollbar::-webkit-scrollbar { width: 10px; height: 10px; }
.scrollbar-thin::-webkit-scrollbar-thumb, .custom-scrollbar::-webkit-scrollbar-thumb { background: linear-gradient(180deg, rgba(241,255,92,.82), rgba(170,176,184,.55)); border-radius: 9999px; border: 2px solid rgba(34,39,45,.7); }
.scrollbar-thin::-webkit-scrollbar-track, .custom-scrollbar::-webkit-scrollbar-track { background: rgba(244,250,255,.04); border-radius: 9999px; }
.custom-scrollbar { scrollbar-width: thin; scrollbar-color: rgba(241,255,92,.75) rgba(34,39,45,.35); }

.status-connected, .status-ok, .connection-up { background: rgba(244,250,255,.08) !important; color: var(--wxp-lunar) !important; border-color: rgba(241,255,92,.32) !important; box-shadow: var(--wxp-shadow), 0 0 34px rgba(241,255,92,.08), inset 0 1px 0 rgba(244,250,255,.06); }
.status-danger, .status-warning, .status-watch, .connection-down { background: rgba(241,255,92,.12) !important; color: var(--wxp-yellow) !important; border-color: rgba(241,255,92,.42) !important; box-shadow: var(--wxp-shadow), 0 0 42px rgba(241,255,92,.12), inset 0 1px 0 rgba(244,250,255,.06); }
.connection-down::before { background: linear-gradient(115deg, transparent 0 28%, rgba(241,255,92,.14) 42%, transparent 58% 100%); }
.risk-band-green { background: rgba(244,250,255,.08) !important; color: var(--wxp-lunar) !important; border-color: rgba(170,176,184,.32) !important; }
.risk-band-watch { background: rgba(241,255,92,.11) !important; color: var(--wxp-yellow) !important; border-color: rgba(241,255,92,.30) !important; }
.risk-band-amber { background: rgba(241,255,92,.16) !important; color: var(--wxp-yellow) !important; border-color: rgba(241,255,92,.44) !important; }
.risk-band-red { background: rgba(34,39,45,.72) !important; color: var(--wxp-yellow) !important; border-color: rgba(241,255,92,.58) !important; box-shadow: inset 3px 0 0 var(--wxp-yellow); }
.risk-band-black { background: var(--wxp-obsidian) !important; color: var(--wxp-lunar) !important; border-color: rgba(244,250,255,.42) !important; box-shadow: inset 3px 0 0 var(--wxp-lunar); }
.table-dark tbody tr { border-color: rgba(244,250,255,.08); }
.table-dark tbody tr:hover { background: rgba(241,255,92,.05); }
.connection-card::after { content: ''; position: absolute; inset: auto 1.2rem 0 1.2rem; height: 2px; background: linear-gradient(90deg, transparent, rgba(241,255,92,.78), transparent); opacity: .75; }
.connection-icon { animation: iconFloat 2.6s ease-in-out infinite; }
@keyframes iconFloat { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-4px); } }
input, select, textarea { accent-color: var(--wxp-yellow); }
button, a { -webkit-tap-highlight-color: transparent; }

/* Tailwind palette lock: override common non-WEBXPAY utility colors so the UI uses only the four approved palette colors and transparent variants. */
.text-white, .text-white\/90, .text-white\/80, .text-white\/75, .text-white\/70, .text-white\/65 { color: var(--wxp-lunar) !important; }
.text-white\/60, .text-white\/55, .text-white\/50, .text-white\/45, .text-white\/40, .text-white\/35 { color: var(--wxp-muted) !important; }
.text-yellow-50, .text-yellow-100, .text-yellow-200, .text-yellow-300, .text-yellow-400, .text-yellow-100, .text-yellow-200, .text-yellow-100, .text-yellow-100, .text-yellow-200, .text-yellow-100, .text-yellow-100, .text-yellow-200, .text-yellow-100, .text-yellow-200 { color: var(--wxp-yellow) !important; }
.text-slate-100, .text-slate-200, .text-gray-100, .text-gray-200 { color: var(--wxp-lunar) !important; }
.text-slate-300, .text-slate-400, .text-gray-300, .text-gray-400 { color: var(--wxp-quartz) !important; }
.bg-black, .bg-black\/20, .bg-black\/30, .bg-black\/35, .bg-black\/40, .bg-slate-900, .bg-gray-900 { background-color: rgba(34,39,45,.72) !important; }
.bg-white\/5, .bg-white\/10, .bg-slate-800, .bg-gray-800 { background-color: rgba(244,250,255,.06) !important; }
.bg-yellow-300, .bg-yellow-300\/5, .bg-yellow-300\/10, .bg-yellow-300\/15, .bg-yellow-300\/20, .bg-yellow-300\/25, .bg-yellow-300\/10, .bg-yellow-300\/15, .bg-yellow-300\/10, .bg-yellow-300\/10, .bg-yellow-300\/15, .bg-yellow-300\/10, .bg-yellow-300\/10 { background-color: rgba(241,255,92,.12) !important; }
.border-white\/5, .border-white\/10, .border-white\/15, .border-slate-700, .border-gray-700 { border-color: rgba(244,250,255,.12) !important; }
.border-yellow-300\/20, .border-yellow-300\/25, .border-yellow-300\/30, .border-yellow-300\/35, .border-yellow-300\/40, .border-yellow-300\/45, .border-yellow-300\/25, .border-yellow-300\/30, .border-yellow-300\/50, .border-yellow-300\/30, .border-yellow-300\/25, .border-yellow-300\/30 { border-color: rgba(241,255,92,.36) !important; }
.shadow-black\/30, .shadow-yellow-950\/30, .shadow-yellow-950\/40, .shadow-yellow-300\/40 { box-shadow: var(--wxp-shadow) !important; }
.from-yellow-700, .via-yellow-300, .to-yellow-100 { --tw-gradient-from: var(--wxp-quartz) !important; --tw-gradient-to: var(--wxp-lunar) !important; --tw-gradient-stops: var(--wxp-quartz), var(--wxp-yellow), var(--wxp-lunar) !important; }
.hover\:bg-yellow-300\/15:hover, .hover\:bg-yellow-300\/10:hover, .hover\:bg-yellow-300\/15:hover, .hover\:bg-yellow-300\/25:hover { background-color: rgba(241,255,92,.16) !important; }
.hover\:border-yellow-300\/50:hover, .hover\:border-yellow-300\/40:hover, .hover\:border-yellow-300\/50:hover { border-color: rgba(241,255,92,.50) !important; }
.focus\:border-yellow-300:focus { border-color: var(--wxp-yellow) !important; }
.focus\:ring-yellow-300\/30:focus { --tw-ring-color: rgba(241,255,92,.30) !important; }

@media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; scroll-behavior: auto !important; } }

/* =========================================================
   XRISK V4 Professional Light Interface
   Palette locked to WEBXPAY PDF colors only:
   #F1FF5C Stellar Yellow, #22272D Obsidian Grey,
   #AAB0B8 Quartz Grey, #F4FAFF Lunar White.
   ========================================================= */
:root {
  color-scheme: light;
  --wxp-page: #F4FAFF;
  --wxp-card: #F4FAFF;
  --wxp-card-soft: rgba(244, 250, 255, .86);
  --wxp-panel: rgba(170, 176, 184, .16);
  --wxp-line: rgba(34, 39, 45, .14);
  --wxp-line-strong: rgba(34, 39, 45, .24);
  --wxp-text: #22272D;
  --wxp-text-soft: rgba(34, 39, 45, .72);
  --wxp-text-muted: rgba(34, 39, 45, .52);
  --wxp-shadow-soft: 0 18px 42px rgba(34, 39, 45, .10);
  --wxp-shadow-hover: 0 24px 56px rgba(34, 39, 45, .16);
}

html, body { background: #F4FAFF !important; color: #22272D !important; }
body {
  background:
    radial-gradient(circle at 8% 0%, rgba(241, 255, 92, .34), transparent 28%),
    linear-gradient(180deg, #F4FAFF 0%, rgba(170, 176, 184, .18) 100%) !important;
}
body::before {
  background-image:
    linear-gradient(rgba(34,39,45,.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(34,39,45,.045) 1px, transparent 1px) !important;
  background-size: 64px 64px !important;
  mask-image: linear-gradient(to bottom, rgba(244,250,255,.86), transparent) !important;
}
body::after { background: radial-gradient(ellipse at center, rgba(241,255,92,.36), transparent 74%) !important; }

header {
  background: rgba(244, 250, 255, .92) !important;
  border-bottom: 1px solid rgba(34, 39, 45, .14) !important;
  box-shadow: 0 8px 28px rgba(34, 39, 45, .08) !important;
}
header nav a:not(.wxp-gradient) { color: rgba(34, 39, 45, .72) !important; }
header nav a:not(.wxp-gradient):hover { background: rgba(241, 255, 92, .45) !important; color: #22272D !important; }

.glass-card,
.connection-card,
article.glass-card,
section.glass-card {
  background: linear-gradient(180deg, rgba(244,250,255,.98), rgba(244,250,255,.88)) !important;
  border: 1px solid rgba(34,39,45,.12) !important;
  box-shadow: var(--wxp-shadow-soft) !important;
  color: #22272D !important;
  backdrop-filter: blur(10px);
}
.glass-card::before { display: none !important; }
.glass-card:hover, .kpi-card:hover { box-shadow: var(--wxp-shadow-hover) !important; border-color: rgba(34,39,45,.22) !important; }

.wxp-gradient,
.brand-gradient,
.primary-gradient {
  background: #F1FF5C !important;
  color: #22272D !important;
  border: 1px solid rgba(34,39,45,.18) !important;
  box-shadow: 0 12px 28px rgba(34,39,45,.10) !important;
}
.neon-text { text-shadow: none !important; }
.live-pill { background: rgba(241,255,92,.46) !important; border-color: rgba(34,39,45,.16) !important; color: #22272D !important; }

/* Force readable light text treatment, including Tailwind utility-heavy markup. */
.text-white,
.text-white\/90,
.text-white\/85,
.text-white\/80,
.text-white\/75,
.text-white\/70,
.text-slate-100,
.text-slate-200,
.text-gray-100,
.text-gray-200 { color: #22272D !important; }
.text-white\/65,
.text-white\/60,
.text-white\/55,
.text-white\/50,
.text-slate-300,
.text-slate-400,
.text-gray-300,
.text-gray-400 { color: rgba(34,39,45,.72) !important; }
.text-white\/45,
.text-white\/40,
.text-white\/35,
.text-white\/30 { color: rgba(34,39,45,.52) !important; }
.text-yellow-50,
.text-yellow-100,
.text-yellow-200,
.text-yellow-300,
.text-yellow-400 { color: #22272D !important; }

.bg-black,
.bg-black\/20,
.bg-black\/25,
.bg-black\/30,
.bg-black\/35,
.bg-black\/40,
.bg-black\/45,
.bg-black\/50,
.bg-black\/60,
.bg-black\/70,
.bg-slate-900,
.bg-gray-900 { background-color: rgba(170,176,184,.16) !important; }
.bg-white\/5,
.bg-white\/10,
.bg-white\/15,
.bg-slate-800,
.bg-gray-800 { background-color: rgba(244,250,255,.74) !important; }
.bg-yellow-300,
.bg-yellow-300\/5,
.bg-yellow-300\/10,
.bg-yellow-300\/15,
.bg-yellow-300\/20,
.bg-yellow-300\/25 { background-color: rgba(241,255,92,.58) !important; }
.border-white\/5,
.border-white\/10,
.border-white\/15,
.border-yellow-300\/20,
.border-yellow-300\/25,
.border-yellow-300\/30,
.border-yellow-300\/35,
.border-yellow-300\/40,
.border-yellow-300\/45,
.border-yellow-300\/50 { border-color: rgba(34,39,45,.14) !important; }

input, select, textarea {
  background: #F4FAFF !important;
  color: #22272D !important;
  border: 1px solid rgba(34,39,45,.18) !important;
  box-shadow: inset 0 1px 0 rgba(244,250,255,.86) !important;
}
input::placeholder, textarea::placeholder { color: rgba(34,39,45,.48) !important; }
input:focus, select:focus, textarea:focus { border-color: #22272D !important; box-shadow: 0 0 0 3px rgba(241,255,92,.82) !important; }
button, .risk-filter-btn, a.rounded-2xl, a.rounded-full {
  box-shadow: none !important;
}
button:hover, .risk-filter-btn:hover { transform: translateY(-1px); }

/* Table readability */
table { border-collapse: separate !important; border-spacing: 0 !important; }
thead tr { background: rgba(34,39,45,.92) !important; color: #F4FAFF !important; }
thead th { color: #F4FAFF !important; font-weight: 900 !important; letter-spacing: .08em !important; }
tbody tr { background: #F4FAFF !important; border-bottom: 1px solid rgba(34,39,45,.10) !important; }
tbody tr:nth-child(even) { background: rgba(170,176,184,.10) !important; }
tbody tr:hover { background: rgba(241,255,92,.38) !important; }
td { border-bottom: 1px solid rgba(34,39,45,.10) !important; vertical-align: top; }
.table-dark tbody tr:hover { background: rgba(241,255,92,.38) !important; }

/* Risk badges and issue identification */
.risk-band-green,
.risk-band-watch,
.risk-band-amber,
.risk-band-red,
.risk-band-black,
.status-connected,
.status-ok,
.connection-up,
.status-warning,
.status-watch,
.status-danger,
.connection-down {
  background: #F4FAFF !important;
  color: #22272D !important;
  border: 1px solid rgba(34,39,45,.18) !important;
  box-shadow: none !important;
}
.risk-band-green, .status-connected, .status-ok, .connection-up { box-shadow: inset 5px 0 0 #AAB0B8 !important; }
.risk-band-watch { box-shadow: inset 5px 0 0 rgba(170,176,184,.70) !important; }
.risk-band-amber, .status-warning, .status-watch { box-shadow: inset 5px 0 0 #F1FF5C !important; background: rgba(241,255,92,.26) !important; }
.risk-band-red, .status-danger { box-shadow: inset 5px 0 0 #22272D !important; background: rgba(241,255,92,.46) !important; }
.risk-band-black { box-shadow: inset 5px 0 0 #22272D !important; background: #22272D !important; color: #F4FAFF !important; border-color: #22272D !important; }

/* Merchant summary and mismatch cards */
[data-xrisk-summary] {
  background: #22272D !important;
  color: #F4FAFF !important;
  border-color: #22272D !important;
}
[data-xrisk-summary]::before { content: none !important; }
#riskAnalysisRows article,
#riskAnalysisRows details,
#footprintRows tr,
#alertTimeline .timeline-item,
#riskLeaderboard > div,
#crawlsList > li {
  box-shadow: 0 10px 24px rgba(34,39,45,.08) !important;
}
#riskAnalysisRows article {
  background: #F4FAFF !important;
  border: 1px solid rgba(34,39,45,.14) !important;
}
#riskAnalysisRows .list-disc li::marker { color: #22272D; }
#riskMismatchFields span,
.risk-filter-btn {
  background: #F4FAFF !important;
  color: #22272D !important;
  border-color: rgba(34,39,45,.16) !important;
}
.risk-filter-btn.border-yellow-300\/45,
.risk-filter-btn.bg-yellow-300\/20,
#riskMismatchFields span {
  background: rgba(241,255,92,.54) !important;
  border-color: rgba(34,39,45,.22) !important;
}

/* Dashboard clarity */
.chart-canvas { background: #F4FAFF !important; border-radius: 1.25rem; border: 1px solid rgba(34,39,45,.10); }
.radar {
  background: radial-gradient(circle, #22272D 0 4px, transparent 5px), repeating-radial-gradient(circle, rgba(34,39,45,.12) 0 1px, transparent 2px 18px), rgba(241,255,92,.40) !important;
  border-color: rgba(34,39,45,.20) !important;
  box-shadow: none !important;
}
.radar::before { background: conic-gradient(from 0deg, rgba(34,39,45,.65), rgba(34,39,45,.10) 24%, transparent 38%) !important; }
.radar::after { background: #22272D !important; box-shadow: none !important; }
.progress-glow { background: linear-gradient(90deg, #AAB0B8, #F1FF5C, #22272D) !important; box-shadow: none !important; }

/* Compact issue helper blocks */
.issue-guide-card {
  background: #F4FAFF;
  border: 1px solid rgba(34,39,45,.14);
  border-left: 6px solid #F1FF5C;
  border-radius: 1.25rem;
  padding: 1rem;
  box-shadow: 0 10px 24px rgba(34,39,45,.08);
}
.issue-guide-title { color: #22272D; font-size: .72rem; font-weight: 900; letter-spacing: .16em; text-transform: uppercase; }
.issue-guide-text { color: rgba(34,39,45,.72); font-size: .875rem; line-height: 1.45; margin-top: .35rem; }

.scrollbar-thin::-webkit-scrollbar-thumb,
.custom-scrollbar::-webkit-scrollbar-thumb { background: #AAB0B8 !important; border: 2px solid #F4FAFF !important; }
.scrollbar-thin::-webkit-scrollbar-track,
.custom-scrollbar::-webkit-scrollbar-track { background: rgba(170,176,184,.20) !important; }
.custom-scrollbar { scrollbar-color: #AAB0B8 rgba(170,176,184,.20) !important; }

/* =========================================================
   XRISK V5 Footprint workspace cleanup
   Requested layout: black header, light workspace, four KPI tiles,
   no website URL tile, no risk tally explainer, no issue-guide blocks.
   Palette remains locked to WEBXPAY colors only.
   ========================================================= */
header {
  background: #22272D !important;
  border-bottom: 1px solid rgba(244,250,255,.14) !important;
  box-shadow: 0 10px 30px rgba(34,39,45,.22) !important;
}
header nav a:not(.wxp-gradient) { color: rgba(244,250,255,.74) !important; }
header nav a:not(.wxp-gradient):hover { background: rgba(244,250,255,.08) !important; color: #F4FAFF !important; }
header .neon-text,
header .text-white,
header .text-white\/90,
header .text-white\/80,
header .text-white\/70 { color: #F4FAFF !important; }
header .text-yellow-200,
header .text-yellow-200\/80,
header .text-yellow-100 { color: #F1FF5C !important; }
header .live-pill { background: rgba(241,255,92,.12) !important; border-color: rgba(241,255,92,.32) !important; color: #F1FF5C !important; }

#footprintTallyCards .glass-card {
  min-height: 132px;
  border-left: 6px solid #F1FF5C !important;
}
#footprintTallyCards .glass-card:nth-child(1) { border-left-color: #AAB0B8 !important; }
#footprintTallyCards .glass-card:nth-child(3) { border-left-color: rgba(34,39,45,.34) !important; }
#footprintTallyCards .glass-card:nth-child(4) { border-left-color: #22272D !important; }
#footprintTallyCards p[id] { line-height: 1; }

[data-footprint-tab-target] {
  min-width: 158px;
  text-align: center;
}
[data-footprint-tab-target]:not(.wxp-gradient) {
  background: #F4FAFF !important;
  color: rgba(34,39,45,.72) !important;
  border-color: rgba(34,39,45,.14) !important;
}
[data-footprint-tab-target]:not(.wxp-gradient):hover {
  background: rgba(241,255,92,.38) !important;
  color: #22272D !important;
}

#footprintTabCrawler,
#footprintTabGemini {
  scroll-margin-top: 96px;
}

/* Make top workspace heading compact and readable on the light background. */
main > section:first-child {
  background: #F4FAFF !important;
  border-top: 4px solid #22272D !important;
}
main > section:first-child h1,
main > section:first-child p { color: #22272D !important; }
main > section:first-child p:first-child { color: rgba(34,39,45,.72) !important; }
main > section:first-child .wxp-gradient { color: #22272D !important; }

/* Remove any legacy issue-guide styling footprint if old cached markup is present. */
.issue-guide-card { display: none !important; }


/* XRISK V6 professional palette update: Obsidian header + Stellar Yellow workspace gradient. */
:root { color-scheme: light; }
body.xrisk-light-theme {
  background: linear-gradient(135deg, var(--wxp-yellow) 0%, var(--wxp-lunar) 48%, var(--wxp-quartz) 100%) !important;
  color: var(--wxp-obsidian) !important;
}
body.xrisk-light-theme::before {
  background-image: linear-gradient(rgba(34,39,45,.055) 1px, transparent 1px), linear-gradient(90deg, rgba(34,39,45,.055) 1px, transparent 1px) !important;
  mask-image: linear-gradient(to bottom, rgba(244,250,255,.90), rgba(244,250,255,.18)) !important;
}
body.xrisk-light-theme::after {
  background: radial-gradient(ellipse at center, rgba(241,255,92,.28), transparent 72%) !important;
}
.wxp-app-header {
  background: var(--wxp-obsidian) !important;
  border-color: rgba(170,176,184,.22) !important;
  box-shadow: 0 18px 44px rgba(34,39,45,.38) !important;
}
.wxp-app-header .text-white, .wxp-app-header [class*="text-white"] { color: var(--wxp-lunar) !important; }
.wxp-app-header [class*="text-yellow"] { color: var(--wxp-yellow) !important; }
.wxp-app-header [class*="bg-black"] { background-color: rgba(244,250,255,.06) !important; }
body.xrisk-light-theme main .glass-card,
body.xrisk-light-theme main .risk-result-card {
  background: rgba(244,250,255,.92) !important;
  border-color: rgba(34,39,45,.14) !important;
  color: var(--wxp-obsidian) !important;
  box-shadow: 0 20px 60px rgba(34,39,45,.16), inset 0 1px 0 rgba(244,250,255,.90) !important;
}
body.xrisk-light-theme main [class*="bg-black"] { background-color: rgba(244,250,255,.62) !important; }
body.xrisk-light-theme main [class*="bg-white"] { background-color: rgba(244,250,255,.72) !important; }
body.xrisk-light-theme main [class*="text-white"] { color: rgba(34,39,45,.84) !important; }
body.xrisk-light-theme main [class*="text-yellow"] { color: var(--wxp-obsidian) !important; }
body.xrisk-light-theme main input,
body.xrisk-light-theme main textarea,
body.xrisk-light-theme main select {
  background: rgba(244,250,255,.90) !important;
  border-color: rgba(34,39,45,.18) !important;
  color: var(--wxp-obsidian) !important;
}
body.xrisk-light-theme main input::placeholder { color: rgba(34,39,45,.42) !important; }
body.xrisk-light-theme main table thead tr {
  background: rgba(34,39,45,.06) !important;
}
body.xrisk-light-theme main table tbody tr {
  border-bottom: 1px solid rgba(34,39,45,.10) !important;
}
body.xrisk-light-theme main .risk-filter-btn {
  background: rgba(244,250,255,.78) !important;
  border-color: rgba(34,39,45,.18) !important;
  color: var(--wxp-obsidian) !important;
}
body.xrisk-light-theme main .risk-filter-btn.border-yellow-300\/45,
body.xrisk-light-theme main .risk-filter-btn.bg-yellow-300\/20 {
  background: var(--wxp-yellow) !important;
  border-color: var(--wxp-obsidian) !important;
}
.risk-result-card,
#footprintRows tr { border-left-width: 8px !important; }
.risk-row-green { border-left-color: var(--wxp-quartz) !important; }
.risk-row-watch { border-left-color: var(--wxp-yellow) !important; }
.risk-row-amber { border-left-color: var(--wxp-yellow) !important; box-shadow: inset 4px 0 0 rgba(34,39,45,.18) !important; }
.risk-row-red { border-left-color: var(--wxp-obsidian) !important; box-shadow: inset 4px 0 0 var(--wxp-yellow) !important; }
.risk-row-black { border-left-color: var(--wxp-obsidian) !important; box-shadow: inset 6px 0 0 var(--wxp-obsidian), inset 12px 0 0 var(--wxp-yellow) !important; }
body.xrisk-light-theme main .risk-band-green { background: rgba(170,176,184,.16) !important; color: var(--wxp-obsidian) !important; border-color: rgba(170,176,184,.70) !important; }
body.xrisk-light-theme main .risk-band-watch { background: rgba(241,255,92,.38) !important; color: var(--wxp-obsidian) !important; border-color: rgba(34,39,45,.18) !important; }
body.xrisk-light-theme main .risk-band-amber { background: var(--wxp-yellow) !important; color: var(--wxp-obsidian) !important; border-color: var(--wxp-obsidian) !important; }
body.xrisk-light-theme main .risk-band-red { background: var(--wxp-obsidian) !important; color: var(--wxp-yellow) !important; border-color: var(--wxp-yellow) !important; }
body.xrisk-light-theme main .risk-band-black { background: var(--wxp-obsidian) !important; color: var(--wxp-lunar) !important; border-color: var(--wxp-yellow) !important; box-shadow: inset 0 0 0 2px var(--wxp-yellow) !important; }
body.xrisk-light-theme main .wxp-gradient { color: var(--wxp-obsidian) !important; }
body.xrisk-light-theme main .custom-scrollbar::-webkit-scrollbar-thumb { background: linear-gradient(180deg, var(--wxp-obsidian), var(--wxp-quartz)) !important; border-color: var(--wxp-lunar) !important; }

/* =========================================================
   XRISK V7 requested polish
   - Obsidian header
   - Stellar Yellow + Obsidian Grey page background
   - no mismatch-chip strip or more-info prevention block
   - baseline/crawled sections collapsed by default with down arrow
   ========================================================= */
body.xrisk-light-theme {
  background:
    radial-gradient(circle at 14% 8%, rgba(244,250,255,.22), transparent 24%),
    linear-gradient(135deg, #F1FF5C 0%, #F1FF5C 38%, #22272D 100%) !important;
  color: #22272D !important;
}
body.xrisk-light-theme::before {
  background-image:
    linear-gradient(rgba(34,39,45,.055) 1px, transparent 1px),
    linear-gradient(90deg, rgba(34,39,45,.055) 1px, transparent 1px) !important;
  mask-image: linear-gradient(to bottom, rgba(244,250,255,.82), rgba(244,250,255,.16)) !important;
}
.wxp-app-header,
header.wxp-app-header {
  background: #22272D !important;
  border-bottom: 1px solid rgba(241,255,92,.28) !important;
  box-shadow: 0 18px 44px rgba(34,39,45,.45) !important;
}
.wxp-app-header nav a:not(.wxp-gradient) { color: rgba(244,250,255,.76) !important; }
.wxp-app-header nav a:not(.wxp-gradient):hover { background: rgba(241,255,92,.12) !important; color: #F4FAFF !important; }
.wxp-app-header .wxp-gradient { background: #F1FF5C !important; color: #22272D !important; }
.wxp-app-header .live-pill { background: rgba(241,255,92,.16) !important; color: #F1FF5C !important; border-color: rgba(241,255,92,.42) !important; }

#riskMismatchFields { display: none !important; }
#riskAnalysisRows details > summary::-webkit-details-marker { display: none; }
.xrisk-expand-panel {
  transition: border-color .2s ease, background .2s ease, box-shadow .2s ease;
}
.xrisk-expand-panel summary {
  min-height: 2.75rem;
  color: #22272D !important;
}
.xrisk-expand-panel .xrisk-expand-arrow {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.85rem;
  height: 1.85rem;
  border-radius: 999px;
  background: #22272D !important;
  color: #F1FF5C !important;
  border: 1px solid rgba(34,39,45,.18) !important;
  font-size: 1rem;
  line-height: 1;
  transition: transform .2s ease;
}
.xrisk-expand-panel[open] .xrisk-expand-arrow { transform: rotate(180deg); }
.xrisk-expand-panel[open] {
  border-color: rgba(34,39,45,.28) !important;
  background: rgba(244,250,255,.92) !important;
  box-shadow: 0 16px 36px rgba(34,39,45,.14) !important;
}

#riskAnalysisRows article .rounded-full,
#footprintRows .rounded-full {
  letter-spacing: .08em;
}
#riskAnalysisRows article.risk-row-green { border-left-color: #AAB0B8 !important; }
#riskAnalysisRows article.risk-row-watch { border-left-color: #F1FF5C !important; }
#riskAnalysisRows article.risk-row-amber { border-left-color: #F1FF5C !important; box-shadow: inset 5px 0 0 #22272D, 0 20px 60px rgba(34,39,45,.16) !important; }
#riskAnalysisRows article.risk-row-red { border-left-color: #22272D !important; box-shadow: inset 5px 0 0 #F1FF5C, 0 20px 60px rgba(34,39,45,.16) !important; }
#riskAnalysisRows article.risk-row-black { border-left-color: #22272D !important; box-shadow: inset 6px 0 0 #22272D, inset 13px 0 0 #F1FF5C, 0 20px 60px rgba(34,39,45,.18) !important; }

/* =========================================================
   XRISK V8 requested UI cleanup
   - no page gradient/grid effect; Stellar Yellow page background only
   - Obsidian Grey header and table heading areas
   - cleaner title area: Merchant Digital Footprint only
   - white Summary buttons
   - compact mismatch search with no explanatory text
   ========================================================= */
:root { color-scheme: light; }
html,
body,
body.xrisk-light-theme {
  background: #F1FF5C !important;
  background-color: #F1FF5C !important;
  color: #22272D !important;
}
body::before,
body::after,
body.xrisk-light-theme::before,
body.xrisk-light-theme::after {
  display: none !important;
  content: none !important;
  background: transparent !important;
}
.wxp-app-header,
header,
header.wxp-app-header {
  background: #22272D !important;
  background-color: #22272D !important;
  border-bottom: 1px solid #AAB0B8 !important;
  box-shadow: 0 12px 32px rgba(34,39,45,.40) !important;
}
.wxp-app-header .neon-text,
.wxp-app-header .text-white,
.wxp-app-header [class*="text-white"],
header .text-white,
header [class*="text-white"] {
  color: #F4FAFF !important;
}
.wxp-app-header [class*="text-yellow"],
header [class*="text-yellow"] {
  color: #F1FF5C !important;
}
.wxp-gradient,
.brand-gradient,
.primary-gradient {
  background: #F1FF5C !important;
  background-color: #F1FF5C !important;
  color: #22272D !important;
  border-color: #22272D !important;
  box-shadow: none !important;
}
main > section:first-child {
  background: #22272D !important;
  background-color: #22272D !important;
  border-color: #AAB0B8 !important;
  box-shadow: 0 16px 34px rgba(34,39,45,.26) !important;
}
main > section:first-child h1,
main > section:first-child p {
  color: #F4FAFF !important;
}
main > section:first-child [data-footprint-tab-target]:not(.wxp-gradient) {
  background: #F4FAFF !important;
  color: #22272D !important;
  border-color: #AAB0B8 !important;
}
#footprintTallyCards .glass-card,
#footprintTabCrawler,
#footprintTabGemini,
#riskAnalysisRows article,
.xrisk-expand-panel {
  background: #F4FAFF !important;
  background-color: #F4FAFF !important;
  color: #22272D !important;
  border-color: #AAB0B8 !important;
  box-shadow: 0 16px 36px rgba(34,39,45,.16) !important;
}
#footprintRows table,
#footprintRows,
table {
  background: #F4FAFF !important;
}
thead tr,
body.xrisk-light-theme main table thead tr {
  background: #22272D !important;
  background-color: #22272D !important;
  color: #F4FAFF !important;
}
thead th,
body.xrisk-light-theme main table thead th,
thead th[class*="text-white"] {
  color: #F4FAFF !important;
}
tbody tr {
  background: #F4FAFF !important;
  color: #22272D !important;
}
tbody tr:nth-child(even) {
  background: rgba(170,176,184,.20) !important;
}
tbody tr:hover {
  background: rgba(241,255,92,.62) !important;
}
[data-xrisk-summary],
button[data-xrisk-summary] {
  background: #F4FAFF !important;
  background-color: #F4FAFF !important;
  color: #22272D !important;
  border-color: #22272D !important;
  box-shadow: none !important;
}
[data-xrisk-summary]:hover,
button[data-xrisk-summary]:hover {
  background: #F1FF5C !important;
  color: #22272D !important;
}
#footprintCrawlerStatus:empty,
#alertSoundStatus,
#enableAlertSound {
  display: none !important;
}
#riskAnalysisSearchStatus {
  color: rgba(34,39,45,.72) !important;
}
#footprintTallyCards #tallySourceBreakdown {
  color: #22272D !important;
}
#riskAnalysisRows .xrisk-expand-panel summary {
  color: #22272D !important;
}
#riskAnalysisRows .xrisk-expand-arrow {
  background: #22272D !important;
  color: #F1FF5C !important;
}
#xriskSummaryModal > div {
  background: #F4FAFF !important;
  color: #22272D !important;
  border-color: #22272D !important;
}
#xriskSummaryModal [class*="text-white"] { color: #22272D !important; }
#xriskSummaryModal [class*="text-yellow"] { color: #22272D !important; }
#xriskSummaryModal [class*="bg-black"] { background-color: rgba(170,176,184,.20) !important; }
#xriskSummaryModal [data-close-xrisk-summary] {
  background: #22272D !important;
  color: #F4FAFF !important;
  border-color: #22272D !important;
}

/* =========================================================
   XRISK V9 list popups + cleaner mismatch search workspace
   - Search and filters under the baseline title in readable layout
   - Clickable KPI/stat tiles open merchant lists
   - Table/header areas remain Obsidian Grey, body stays Stellar Yellow
   ========================================================= */
body.xrisk-light-theme,
html body.xrisk-light-theme {
  background: #F1FF5C !important;
  background-color: #F1FF5C !important;
}
.xrisk-click-card,
.xrisk-stat-tile {
  cursor: pointer;
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.xrisk-click-card:hover,
.xrisk-click-card:focus,
.xrisk-stat-tile:hover,
.xrisk-stat-tile:focus {
  transform: translateY(-2px);
  border-color: #22272D !important;
  box-shadow: 0 18px 42px rgba(34,39,45,.20) !important;
  outline: none;
}
.xrisk-stat-tile {
  background: #F4FAFF !important;
  color: #22272D !important;
  border-color: #AAB0B8 !important;
}
.xrisk-stat-tile p { color: #22272D !important; }
.xrisk-search-panel {
  background: #F4FAFF !important;
  border-color: #AAB0B8 !important;
  box-shadow: 0 12px 30px rgba(34,39,45,.14) !important;
}
.xrisk-search-panel input {
  background: #F4FAFF !important;
  color: #22272D !important;
  border-color: #AAB0B8 !important;
}
.xrisk-search-panel input:focus {
  border-color: #22272D !important;
  box-shadow: 0 0 0 3px rgba(241,255,92,.90) !important;
}
.xrisk-search-panel .risk-filter-btn {
  min-height: 2.15rem;
  background: #F4FAFF !important;
  border-color: #AAB0B8 !important;
  color: #22272D !important;
}
.xrisk-search-panel .risk-filter-btn.bg-yellow-300\/20,
.xrisk-search-panel .risk-filter-btn.border-yellow-300\/45 {
  background: #F1FF5C !important;
  border-color: #22272D !important;
  color: #22272D !important;
}
#riskAnalysisFilterStatus,
#riskAnalysisSearchStatus {
  color: rgba(34,39,45,.72) !important;
}
#footprintTabGemini > .flex:first-child {
  background: #F4FAFF !important;
  border-bottom: 1px solid #AAB0B8 !important;
  padding-bottom: 1rem;
}
#footprintTabGemini h2 {
  color: #22272D !important;
}
#footprintTabCrawler thead tr,
#footprintTabGemini thead tr,
body.xrisk-light-theme main table thead tr,
body.xrisk-light-theme main table thead tr[class*="border"] {
  background: #22272D !important;
  background-color: #22272D !important;
  color: #F4FAFF !important;
}
#footprintTabCrawler thead th,
#footprintTabGemini thead th,
body.xrisk-light-theme main table thead th,
body.xrisk-light-theme main table thead th[class*="text"] {
  color: #F4FAFF !important;
}
#xriskMerchantListModal > div {
  background: #F4FAFF !important;
  color: #22272D !important;
  border-color: #22272D !important;
}
#xriskMerchantListModal [class*="text-white"] { color: #22272D !important; }
#xriskMerchantListModal [class*="text-yellow"] { color: #22272D !important; }
#xriskMerchantListModal [class*="bg-black"] { background-color: rgba(170,176,184,.20) !important; }
#xriskMerchantListModal [data-close-merchant-list] {
  background: #22272D !important;
  color: #F4FAFF !important;
  border-color: #22272D !important;
}
#xriskMerchantListModal thead tr {
  background: #22272D !important;
  color: #F4FAFF !important;
}
#xriskMerchantListModal thead th {
  color: #F4FAFF !important;
}
#xriskMerchantListModal tbody tr {
  background: #F4FAFF !important;
}
#xriskMerchantListModal tbody tr:nth-child(even) {
  background: rgba(170,176,184,.20) !important;
}


/* =========================================================
   XRISK V10 onboarding split panels
   Body is Stellar Yellow, working surfaces use Obsidian Grey.
   ========================================================= */
body.xrisk-light-theme,
html body.xrisk-light-theme {
  background: #F1FF5C !important;
  background-color: #F1FF5C !important;
}
body.xrisk-light-theme::before,
body.xrisk-light-theme::after { display: none !important; }
#riskAnalysisRows .xrisk-data-panel,
#riskAnalysisRows .xrisk-expand-panel {
  background: #22272D !important;
  border-color: #22272D !important;
  color: #F1FF5C !important;
  box-shadow: 0 14px 34px rgba(34,39,45,.18) !important;
}
#riskAnalysisRows .xrisk-data-panel summary,
#riskAnalysisRows .xrisk-expand-panel summary,
#riskAnalysisRows .xrisk-data-panel summary span,
#riskAnalysisRows .xrisk-expand-panel summary span {
  color: #F1FF5C !important;
}
#riskAnalysisRows .xrisk-data-panel summary p,
#riskAnalysisRows .xrisk-expand-panel summary p {
  color: #F1FF5C !important;
  opacity: .74;
}
#riskAnalysisRows .xrisk-data-panel .xrisk-expand-arrow,
#riskAnalysisRows .xrisk-expand-panel .xrisk-expand-arrow {
  background: #F1FF5C !important;
  color: #22272D !important;
}
#riskAnalysisRows .xrisk-data-panel .rounded-2xl,
#riskAnalysisRows .xrisk-expand-panel .rounded-2xl {
  background: rgba(241,255,92,.08) !important;
  border-color: rgba(241,255,92,.36) !important;
}
#riskAnalysisRows .xrisk-data-panel [class*="text-white"],
#riskAnalysisRows .xrisk-expand-panel [class*="text-white"],
#riskAnalysisRows .xrisk-data-panel [class*="text-yellow"],
#riskAnalysisRows .xrisk-expand-panel [class*="text-yellow"] {
  color: #F1FF5C !important;
}

/* V13 UI cleanup */
details.xrisk-expand-panel:not([open]) > .xrisk-panel-content { display: none !important; }
.xrisk-crawl-btn { display:inline-flex; flex-direction:row; align-items:center; justify-content:center; gap:4px; min-width:132px; max-width:240px; line-height:1.15; white-space:normal; text-align:center; }
.xrisk-crawl-btn span { display:inline-block; }
.xrisk-crawl-stale { background:#ef4444; border-color:#ef4444; color:#fff; }
.xrisk-crawl-stale:hover { filter:brightness(1.05); }
.xrisk-crawl-warning { background:#f97316; border-color:#f97316; color:#fff; }
.xrisk-crawl-warning:hover { filter:brightness(1.05); }
.xrisk-crawl-fresh { background:#16a34a; border-color:#16a34a; color:#fff; }
.xrisk-crawl-fresh:hover { filter:brightness(1.05); }
.risk-filter-btn { min-height:24px; }
#riskAnalysisSearchStatus, #riskAnalysisFilterStatus { display:none !important; }
#merchantAnalysisReportModal .xrisk-report-section { background:#fff !important; border-color:rgba(170,176,184,.55) !important; color:#22272D !important; }
#merchantAnalysisReportModal .xrisk-report-section * { color:#22272D !important; }


/* XRISK V15.1: remove dark strip behind top tally tiles */
body.xrisk-light-theme main > #footprintTallyCards,
#footprintTallyCards {
  background: transparent !important;
  background-color: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
  padding: 0 !important;
}
body.xrisk-light-theme main > #footprintTallyCards p,
#footprintTallyCards p {
  color: #22272D !important;
}
#footprintTallyCards .glass-card {
  background: #F4FAFF !important;
  background-color: #F4FAFF !important;
  border-color: #AAB0B8 !important;
  box-shadow: 0 16px 36px rgba(34,39,45,.16) !important;
}

/* XRISK V15.2: top tiles should not show any black back/shadow strip */
#footprintTallyCards .glass-card {
  box-shadow: none !important;
  background: #F4FAFF !important;
  border: 1px solid #AAB0B8 !important;
}
#footprintTallyCards .glass-card:hover,
#footprintTallyCards .glass-card:focus {
  box-shadow: none !important;
}


/* XRISK V15.5 requested UI cleanup */
.xrisk-merchant-name {
  color: #15803d !important;
  letter-spacing: -0.015em;
}
.xrisk-recommended-action {
  background: #F1FF5C !important;
  border-color: rgba(34,39,45,.25) !important;
  color: #22272D !important;
}
#footprintTabGemini .xrisk-search-panel {
  margin-top: 0 !important;
}
#footprintTabGemini {
  max-width: 100%;
}

/* XRISK V15.6: KPI logic tooltip for analysis summary tiles */
.xrisk-help-tile { position: relative; }
.xrisk-help-tile::before {
  content: 'i';
  position: absolute;
  right: 12px;
  top: 10px;
  width: 18px;
  height: 18px;
  border-radius: 999px;
  border: 1px solid rgba(34,39,45,.35);
  color: #22272D;
  font-size: 11px;
  font-weight: 900;
  line-height: 16px;
  text-align: center;
  opacity: .75;
}
.xrisk-help-tile::after {
  content: attr(data-tooltip);
  position: absolute;
  left: 12px;
  right: 12px;
  bottom: calc(100% + 10px);
  z-index: 60;
  display: none;
  padding: 10px 12px;
  border-radius: 14px;
  border: 1px solid #22272D;
  background: #22272D;
  color: #F4FAFF;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.35;
  text-transform: none;
  letter-spacing: 0;
  box-shadow: 0 16px 38px rgba(34,39,45,.24);
}
.xrisk-help-tile:hover::after,
.xrisk-help-tile:focus::after { display: block; }


/* XRISK V15.13: show section export buttons only after the data panel is expanded */
.xrisk-data-panel:not([open]) [data-xrisk-panel-export] {
  display: none !important;
}
.xrisk-data-panel[open] [data-xrisk-panel-export] {
  display: inline-flex !important;
}

/* XRISK V15.47: dark body and section summary tile palette update */
html,
html body,
body,
body.xrisk-light-theme,
html body.xrisk-light-theme {
  background: #22272D !important;
  background-color: #22272D !important;
}
body::before,
body::after,
body.xrisk-light-theme::before,
body.xrisk-light-theme::after {
  display: none !important;
}

/* Active yellow buttons should keep dark readable text */
.wxp-gradient,
.wxp-gradient.text-white,
header .wxp-gradient,
header nav a.wxp-gradient,
button.wxp-gradient,
a.wxp-gradient,
.risk-filter-btn.bg-yellow-300\/20,
.risk-filter-btn.border-yellow-300\/45,
.xrisk-search-panel .risk-filter-btn.bg-yellow-300\/20,
.xrisk-search-panel .risk-filter-btn.border-yellow-300\/45,
[data-risk-sort].bg-yellow-300\/20,
[data-risk-sort].border-yellow-300\/45 {
  color: #22272D !important;
}

/* Summary tiles inside the four expandable data panels */
.xrisk-summary-tile,
#riskAnalysisRows .xrisk-data-panel .xrisk-summary-tile,
#riskAnalysisRows .xrisk-expand-panel .xrisk-summary-tile {
  background: #22272D !important;
  background-color: #22272D !important;
  border-color: rgba(244,250,255,.16) !important;
  color: #F4FAFF !important;
  box-shadow: none !important;
}
.xrisk-summary-tile-label,
.xrisk-summary-tile-value,
.xrisk-summary-tile *,
#riskAnalysisRows .xrisk-summary-tile *,
#riskAnalysisRows .xrisk-data-panel .xrisk-summary-tile *,
#riskAnalysisRows .xrisk-expand-panel .xrisk-summary-tile * {
  color: #F4FAFF !important;
}
.xrisk-summary-tile a,
#riskAnalysisRows .xrisk-summary-tile a {
  background: #F4FAFF !important;
  color: #22272D !important;
  border-color: rgba(244,250,255,.72) !important;
}

/* V15.56 Blind Guess professional UI polish */
#preliveRows td,
#preliveAnalyzedRows article,
#footprintBlindGuessBody {
  user-select: text;
}
#preliveRows tr {
  border-bottom: 1px solid rgba(34,39,45,.14);
}
#preliveRows td {
  vertical-align: top;
}
#preliveRows [data-run-prelive],
#preliveRows [data-toggle-prelive-analysis],
[data-footprint-blind-guess-record] {
  white-space: nowrap;
}
#preliveRows .rounded-2xl,
#preliveLatestResult .rounded-2xl,
#footprintBlindGuessBody .rounded-2xl {
  overflow-wrap: anywhere;
}
#footprintBlindGuessBody section {
  box-shadow: 0 24px 80px rgba(0,0,0,.32);
}
#footprintBlindGuessBody ul li,
#preliveRows ul li,
#preliveLatestResult ul li {
  line-height: 1.45;
}
#footprintBlindGuessBody .bg-yellow-300,
#preliveLatestResult .bg-yellow-300 {
  color: #22272D !important;
}


/* V15.58 Footprint Blind Guess modal white-background cleanup */
#footprintBlindGuessModal > div {
  background: #FFFFFF !important;
  border-color: rgba(170,176,184,.55) !important;
}
#footprintBlindGuessModal [class*="text-white"],
#footprintBlindGuessModal [class*="text-yellow"] {
  color: #22272D !important;
}
#footprintBlindGuessModal [class*="bg-black"],
#footprintBlindGuessModal [class*="bg-white/5"],
#footprintBlindGuessModal [class*="bg-white/10"],
#footprintBlindGuessModal [class*="bg-[#2a3037]"] {
  background: #FFFFFF !important;
}
#footprintBlindGuessModal [class*="border-white"],
#footprintBlindGuessModal [class*="border-yellow"] {
  border-color: rgba(170,176,184,.45) !important;
}
#footprintBlindGuessBody section,
#footprintBlindGuessBody .rounded-2xl,
#footprintBlindGuessBody .rounded-3xl {
  background: #FFFFFF !important;
  color: #22272D !important;
  border-color: rgba(170,176,184,.45) !important;
}
#footprintBlindGuessBody [class*="bg-red"] {
  background: rgba(239,68,68,.08) !important;
  color: #7F1D1D !important;
  border-color: rgba(239,68,68,.25) !important;
}
#footprintBlindGuessBody a {
  color: #0F766E !important;
}
#footprintBlindGuessModal [data-close-footprint-blind-guess] {
  background: #B2BB47 !important;
  color: #22272D !important;
  border: 1px solid rgba(34,39,45,.15) !important;
}

/* Merchant action cards: force black background and stellar-yellow text in light theme. */
#riskAnalysisRows button[data-xrisk-summary],
#riskAnalysisRows button[data-merchant-analysis-report],
body.xrisk-light-theme main #riskAnalysisRows button[data-xrisk-summary],
body.xrisk-light-theme main #riskAnalysisRows button[data-merchant-analysis-report] {
  background: #050505 !important;
  background-color: #050505 !important;
  color: #efff24 !important;
  border-color: rgba(239,255,36,.42) !important;
  box-shadow: none !important;
}

#riskAnalysisRows button[data-xrisk-summary] span,
#riskAnalysisRows button[data-merchant-analysis-report] span,
body.xrisk-light-theme main #riskAnalysisRows button[data-xrisk-summary] span,
body.xrisk-light-theme main #riskAnalysisRows button[data-merchant-analysis-report] span {
  color: #efff24 !important;
}

#riskAnalysisRows button[data-xrisk-summary] > span:last-child,
#riskAnalysisRows button[data-merchant-analysis-report] > span:last-child,
body.xrisk-light-theme main #riskAnalysisRows button[data-xrisk-summary] > span:last-child,
body.xrisk-light-theme main #riskAnalysisRows button[data-merchant-analysis-report] > span:last-child {
  background: #efff24 !important;
  background-color: #efff24 !important;
  color: #111111 !important;
}

#riskAnalysisRows button[data-xrisk-summary]:hover,
#riskAnalysisRows button[data-merchant-analysis-report]:hover,
body.xrisk-light-theme main #riskAnalysisRows button[data-xrisk-summary]:hover,
body.xrisk-light-theme main #riskAnalysisRows button[data-merchant-analysis-report]:hover {
  background: #111111 !important;
  background-color: #111111 !important;
  border-color: #efff24 !important;
}


/* XRISK Connections page: dark palette alignment and icon navigation */
body.connections-page,
html body.connections-page {
  background: #22272D !important;
  color: #F4FAFF !important;
}
body.connections-page main {
  color: #F4FAFF !important;
}
body.connections-page .wxp-app-header {
  background: rgba(34,39,45,.97) !important;
  border-bottom-color: rgba(170,176,184,.22) !important;
  box-shadow: 0 8px 26px rgba(0,0,0,.22) !important;
}
body.connections-page .wxp-app-header nav a:not(.wxp-gradient) {
  color: rgba(244,250,255,.78) !important;
}
body.connections-page .wxp-app-header nav a:not(.wxp-gradient):hover {
  background: rgba(241,255,92,.12) !important;
  color: #F1FF5C !important;
}
body.connections-page .wxp-app-header nav a.wxp-gradient {
  background: #F1FF5C !important;
  color: #22272D !important;
  border-color: rgba(241,255,92,.40) !important;
}
body.connections-page .wxp-app-header .live-pill {
  background: rgba(241,255,92,.09) !important;
  border-color: rgba(241,255,92,.30) !important;
  color: #F1FF5C !important;
}
body.connections-page .wxp-app-header .live-pill span {
  background: #F1FF5C !important;
}

body.connections-page main > .mb-8 p {
  color: #F1FF5C !important;
}
body.connections-page main > .mb-8 h1 {
  color: #F4FAFF !important;
}
body.connections-page #refreshConnections {
  background: #F1FF5C !important;
  color: #22272D !important;
  border: 1px solid rgba(241,255,92,.42) !important;
  box-shadow: 0 12px 30px rgba(241,255,92,.12) !important;
}

body.connections-page #connectionSummary .glass-card {
  background: linear-gradient(180deg, #2A3037 0%, #242A31 100%) !important;
  border: 1px solid rgba(170,176,184,.20) !important;
  color: #F4FAFF !important;
  box-shadow: 0 18px 44px rgba(0,0,0,.20) !important;
}
body.connections-page #connectionSummary .glass-card:hover {
  border-color: rgba(241,255,92,.45) !important;
  box-shadow: 0 20px 52px rgba(0,0,0,.25), 0 0 0 1px rgba(241,255,92,.06) !important;
}
body.connections-page #connectionSummary p:first-child {
  color: #AAB0B8 !important;
}
body.connections-page #connectionSummary p:nth-child(2) {
  color: #F4FAFF !important;
}
body.connections-page #connectionSummary p:last-child {
  color: rgba(244,250,255,.62) !important;
}

body.connections-page #connectionCards > div {
  background: #272D34 !important;
  border: 1px solid rgba(170,176,184,.20) !important;
  box-shadow: 0 22px 56px rgba(0,0,0,.22) !important;
}
body.connections-page #connectionCards > div > div:first-child h2 {
  color: #F4FAFF !important;
}
body.connections-page #connectionCards > div > div:first-child p {
  color: rgba(244,250,255,.62) !important;
}
body.connections-page #connectionCards > div > div:first-child > span {
  background: #F1FF5C !important;
  color: #22272D !important;
  border-color: rgba(241,255,92,.46) !important;
}

body.connections-page #connectionCards .connection-card {
  background: linear-gradient(180deg, #20252B 0%, #191D22 100%) !important;
  border-color: rgba(170,176,184,.22) !important;
  color: #F4FAFF !important;
  box-shadow: 0 18px 48px rgba(0,0,0,.24) !important;
}
body.connections-page #connectionCards .connection-card:hover {
  border-color: rgba(241,255,92,.48) !important;
}
body.connections-page #connectionCards .connection-card::after {
  background: linear-gradient(90deg, transparent, #F1FF5C, transparent) !important;
}
body.connections-page #connectionCards .connection-card > .mb-5 {
  background: rgba(241,255,92,.07) !important;
  border-color: rgba(241,255,92,.28) !important;
}
body.connections-page #connectionCards .connection-card > .mb-5 h2,
body.connections-page #connectionCards .connection-card > .mb-5 p:first-child {
  color: #F1FF5C !important;
}
body.connections-page #connectionCards .connection-card > .mb-5 p:last-child {
  color: rgba(244,250,255,.66) !important;
}
body.connections-page #connectionCards .connection-card > .mb-5 > div > div:first-child {
  background: #F1FF5C !important;
  color: #22272D !important;
}
body.connections-page #connectionCards .connection-card .connection-icon {
  background: #F1FF5C !important;
  color: #22272D !important;
  border: 1px solid rgba(241,255,92,.45) !important;
  box-shadow: 0 12px 30px rgba(241,255,92,.12) !important;
}
body.connections-page #connectionCards .connection-card h3,
body.connections-page #connectionCards .connection-card dd,
body.connections-page #connectionCards .connection-card .text-white {
  color: #F4FAFF !important;
}
body.connections-page #connectionCards .connection-card .text-yellow-100,
body.connections-page #connectionCards .connection-card .text-yellow-200,
body.connections-page #connectionCards .connection-card .text-yellow-200\/75 {
  color: #F1FF5C !important;
}
body.connections-page #connectionCards .connection-card .text-white\/45,
body.connections-page #connectionCards .connection-card .text-white\/55,
body.connections-page #connectionCards .connection-card .text-white\/65,
body.connections-page #connectionCards .connection-card .text-white\/80 {
  color: rgba(244,250,255,.62) !important;
}
body.connections-page #connectionCards .connection-card dl > div,
body.connections-page #onboardingApiResult {
  background: rgba(244,250,255,.045) !important;
  border-color: rgba(170,176,184,.18) !important;
  color: #F4FAFF !important;
}
body.connections-page #connectionCards .connection-card dl dt {
  color: #AAB0B8 !important;
}
body.connections-page #connectionCards .connection-card dl dd {
  color: #F4FAFF !important;
}
body.connections-page #connectionCards .connection-card button.wxp-gradient,
body.connections-page #connectionCards [data-sync-onboarding-api] {
  background: #F1FF5C !important;
  color: #22272D !important;
  border-color: rgba(241,255,92,.40) !important;
}
body.connections-page #connectionCards [data-process-onboarding-docs] {
  background: #111419 !important;
  color: #F4FAFF !important;
  border-color: rgba(170,176,184,.22) !important;
}
body.connections-page #connectionCards .status-connected,
body.connections-page #connectionCards .connection-up {
  color: #F1FF5C !important;
  border-color: rgba(241,255,92,.32) !important;
}
body.connections-page #connectionCards .status-danger,
body.connections-page #connectionCards .connection-down {
  color: #F1FF5C !important;
  border-color: rgba(241,255,92,.48) !important;
}
body.connections-page #connectionCards .pulse-dot,
body.connections-page #connectionCards .bg-yellow-300 {
  background: #F1FF5C !important;
}
body.connections-page #connectionCards .connection-card > .mt-6 > span {
  background: rgba(241,255,92,.08) !important;
  color: #F1FF5C !important;
  border-color: rgba(241,255,92,.28) !important;
}

/* XRISK Blind Guess and Footprint: match the Connections dark palette */
body.prompt-page,
body.footprint-page,
html body.prompt-page,
html body.footprint-page {
  background: #22272D !important;
  color: #F4FAFF !important;
}
body.prompt-page::before,
body.footprint-page::before {
  background-image:
    linear-gradient(rgba(244,250,255,.025) 1px, transparent 1px),
    linear-gradient(90deg, rgba(244,250,255,.025) 1px, transparent 1px) !important;
  background-size: 52px 52px !important;
}
body.prompt-page::after,
body.footprint-page::after {
  background: radial-gradient(ellipse at center, rgba(241,255,92,.08), transparent 74%) !important;
}
body.prompt-page .wxp-app-header,
body.footprint-page .wxp-app-header {
  background: rgba(34,39,45,.97) !important;
  border-bottom-color: rgba(170,176,184,.22) !important;
  box-shadow: 0 8px 26px rgba(0,0,0,.22) !important;
}
body.prompt-page .wxp-app-header nav a:not(.wxp-gradient),
body.footprint-page .wxp-app-header nav a:not(.wxp-gradient) {
  color: rgba(244,250,255,.78) !important;
}
body.prompt-page .wxp-app-header nav a:not(.wxp-gradient):hover,
body.footprint-page .wxp-app-header nav a:not(.wxp-gradient):hover {
  background: rgba(241,255,92,.12) !important;
  color: #F1FF5C !important;
}
body.prompt-page .wxp-app-header nav a.wxp-gradient,
body.footprint-page .wxp-app-header nav a.wxp-gradient {
  background: #F1FF5C !important;
  color: #22272D !important;
  border-color: rgba(241,255,92,.40) !important;
}
body.prompt-page .wxp-app-header .live-pill,
body.footprint-page .wxp-app-header .live-pill {
  background: rgba(241,255,92,.09) !important;
  border-color: rgba(241,255,92,.30) !important;
  color: #F1FF5C !important;
}
body.prompt-page .wxp-app-header .live-pill span,
body.footprint-page .wxp-app-header .live-pill span {
  background: #F1FF5C !important;
}

/* Footprint dark page surfaces */
body.footprint-page main {
  color: #F4FAFF !important;
}
body.footprint-page .glass-card,
body.footprint-page article.glass-card,
body.footprint-page section.glass-card {
  background: linear-gradient(180deg, #272D34 0%, #20252B 100%) !important;
  border: 1px solid rgba(170,176,184,.20) !important;
  color: #F4FAFF !important;
  box-shadow: 0 18px 48px rgba(0,0,0,.22) !important;
}
body.footprint-page .glass-card:hover,
body.footprint-page .xrisk-click-card:hover {
  border-color: rgba(241,255,92,.45) !important;
  box-shadow: 0 22px 54px rgba(0,0,0,.26), 0 0 0 1px rgba(241,255,92,.05) !important;
}
body.footprint-page .text-white,
body.footprint-page .text-white\/90,
body.footprint-page .text-white\/80,
body.footprint-page .text-white\/75,
body.footprint-page .text-white\/70,
body.footprint-page .text-slate-100,
body.footprint-page .text-slate-200 {
  color: #F4FAFF !important;
}
body.footprint-page .text-white\/65,
body.footprint-page .text-white\/60,
body.footprint-page .text-white\/55,
body.footprint-page .text-white\/50,
body.footprint-page .text-white\/45,
body.footprint-page .text-white\/40,
body.footprint-page .text-white\/35,
body.footprint-page .text-slate-300,
body.footprint-page .text-slate-400 {
  color: rgba(244,250,255,.62) !important;
}
body.footprint-page .text-yellow-50,
body.footprint-page .text-yellow-100,
body.footprint-page .text-yellow-200,
body.footprint-page .text-yellow-300,
body.footprint-page .text-yellow-400,
body.footprint-page .text-yellow-200\/80,
body.footprint-page .text-yellow-200\/75 {
  color: #F1FF5C !important;
}
body.footprint-page .bg-black,
body.footprint-page .bg-black\/20,
body.footprint-page .bg-black\/25,
body.footprint-page .bg-black\/30,
body.footprint-page .bg-black\/35,
body.footprint-page .bg-black\/40,
body.footprint-page .bg-black\/50,
body.footprint-page .bg-slate-900 {
  background-color: #191D22 !important;
}
body.footprint-page .bg-white\/5,
body.footprint-page .bg-white\/10,
body.footprint-page .bg-white\/15,
body.footprint-page .bg-slate-800 {
  background-color: rgba(244,250,255,.045) !important;
}
body.footprint-page .border-white\/5,
body.footprint-page .border-white\/10,
body.footprint-page .border-white\/15,
body.footprint-page .border-slate-700 {
  border-color: rgba(170,176,184,.20) !important;
}
body.footprint-page .border-yellow-300\/20,
body.footprint-page .border-yellow-300\/25,
body.footprint-page .border-yellow-300\/30,
body.footprint-page .border-yellow-300\/35,
body.footprint-page .border-yellow-300\/40,
body.footprint-page .border-yellow-300\/45,
body.footprint-page .border-yellow-300\/50 {
  border-color: rgba(241,255,92,.38) !important;
}
body.footprint-page .bg-yellow-300,
body.footprint-page button.wxp-gradient,
body.footprint-page .wxp-gradient {
  background: #F1FF5C !important;
  color: #22272D !important;
  border-color: rgba(241,255,92,.42) !important;
}
body.footprint-page .bg-yellow-300\/10,
body.footprint-page .bg-yellow-300\/15,
body.footprint-page .bg-yellow-300\/20,
body.footprint-page .bg-yellow-300\/25 {
  background-color: rgba(241,255,92,.10) !important;
}
body.footprint-page input,
body.footprint-page select,
body.footprint-page textarea,
body.footprint-page #footprintSearch,
body.footprint-page #riskAnalysisSearch {
  background: #191D22 !important;
  color: #F4FAFF !important;
  border-color: rgba(170,176,184,.22) !important;
}
body.footprint-page input::placeholder,
body.footprint-page textarea::placeholder {
  color: rgba(170,176,184,.72) !important;
}
body.footprint-page input:focus,
body.footprint-page select:focus,
body.footprint-page textarea:focus {
  border-color: #F1FF5C !important;
  --tw-ring-color: rgba(241,255,92,.28) !important;
}
body.footprint-page #syncMasterMerchants,
body.footprint-page #clearRiskAnalysisSearch,
body.footprint-page #stopFootprintCrawler,
body.footprint-page #forceStopFootprintCrawl {
  background: #111419 !important;
  color: #F4FAFF !important;
  border-color: rgba(170,176,184,.24) !important;
}
body.footprint-page #syncMasterMerchants:hover,
body.footprint-page #clearRiskAnalysisSearch:hover,
body.footprint-page #stopFootprintCrawler:hover,
body.footprint-page #forceStopFootprintCrawl:hover {
  color: #F1FF5C !important;
  border-color: rgba(241,255,92,.48) !important;
  background: rgba(241,255,92,.07) !important;
}
body.footprint-page #runFootprintCrawler,
body.footprint-page #runPendingCrawlAll {
  background: #F1FF5C !important;
  color: #22272D !important;
  border-color: rgba(241,255,92,.42) !important;
  box-shadow: 0 12px 30px rgba(241,255,92,.12) !important;
}
body.footprint-page #crawlerProgressPanel,
body.footprint-page #footprintCrawlerStatus,
body.footprint-page #riskAnalysisSearchStatus {
  background: rgba(241,255,92,.07) !important;
  color: #F1FF5C !important;
  border-color: rgba(241,255,92,.28) !important;
}
body.footprint-page table,
body.footprint-page thead,
body.footprint-page tbody,
body.footprint-page tr,
body.footprint-page td,
body.footprint-page th {
  border-color: rgba(170,176,184,.16) !important;
}
body.footprint-page thead,
body.footprint-page th {
  background: #191D22 !important;
  color: #AAB0B8 !important;
}
body.footprint-page tbody tr {
  background: #20252B !important;
  color: #F4FAFF !important;
}
body.footprint-page tbody tr:hover {
  background: rgba(241,255,92,.06) !important;
}
body.footprint-page .progress-glow,
body.footprint-page #crawlerProgressBar,
body.footprint-page #crawlerStageDbBar,
body.footprint-page #crawlerStageOnboardingBar,
body.footprint-page #crawlerStageWebsiteBar,
body.footprint-page #crawlerStageAnalysisBar,
body.footprint-page #footprintCrawlOverlayBar {
  background: #F1FF5C !important;
  box-shadow: 0 0 20px rgba(241,255,92,.20) !important;
}
body.footprint-page .custom-scrollbar::-webkit-scrollbar-thumb {
  background: #F1FF5C !important;
  border-color: #22272D !important;
}
body.footprint-page .custom-scrollbar {
  scrollbar-color: #F1FF5C #22272D !important;
}

/* Blind Guess page surfaces use the same connection palette */
body.prompt-page .panel,
body.prompt-page .merchant,
body.prompt-page .doc,
body.prompt-page .inline-history-card,
body.prompt-page .history-card,
body.prompt-page .summary-card,
body.prompt-page .report-item,
body.prompt-page .report-field {
  border-color: rgba(170,176,184,.20) !important;
}
body.prompt-page .panel {
  background: linear-gradient(180deg, #272D34 0%, #20252B 100%) !important;
  box-shadow: 0 18px 48px rgba(0,0,0,.22) !important;
}
body.prompt-page .merchant,
body.prompt-page .doc,
body.prompt-page .inline-history-card,
body.prompt-page .history-card,
body.prompt-page .summary-card,
body.prompt-page .report-item,
body.prompt-page .report-field {
  background: #20252B !important;
  color: #F4FAFF !important;
}
body.prompt-page .fact,
body.prompt-page .report-section,
body.prompt-page .modal-bar,
body.prompt-page .full-modal {
  background: #191D22 !important;
  color: #F4FAFF !important;
  border-color: rgba(170,176,184,.20) !important;
}
body.prompt-page .merchant:hover,
body.prompt-page .doc:hover,
body.prompt-page .inline-history-card:hover,
body.prompt-page .history-card:hover {
  border-color: rgba(241,255,92,.46) !important;
}
body.prompt-page .merchant.active,
body.prompt-page .doc.selected,
body.prompt-page .summary-card.score {
  background: rgba(241,255,92,.08) !important;
  border-color: rgba(241,255,92,.42) !important;
}
body.prompt-page .primary,
body.prompt-page .url-run {
  background: #F1FF5C !important;
  color: #22272D !important;
}
body.prompt-page .search,
body.prompt-page .prompt-select,
body.prompt-page .prompt-textarea,
body.prompt-page .url-input,
body.prompt-page .history-search {
  background: #191D22 !important;
  color: #F4FAFF !important;
  border-color: rgba(170,176,184,.22) !important;
}

/* View Summary must exactly follow Merchant Analysis Report dark theme. */
#xriskSummaryModal > div {
  background: #22272D !important;
  color: #fff !important;
  border-color: rgba(241, 255, 92, .30) !important;
}
#xriskSummaryModal #xriskSummaryTitle,
#xriskSummaryModal #xriskSummaryBody,
#xriskSummaryModal #xriskSummaryBody h1,
#xriskSummaryModal #xriskSummaryBody h2,
#xriskSummaryModal #xriskSummaryBody h3,
#xriskSummaryModal #xriskSummaryBody h4,
#xriskSummaryModal #xriskSummaryBody p,
#xriskSummaryModal #xriskSummaryBody li,
#xriskSummaryModal #xriskSummaryBody span:not(.text-\[\#22272D\]) {
  color: inherit;
}
#xriskSummaryModal [data-close-xrisk-summary] {
  background: #F1FF5C !important;
  color: #22272D !important;
  border-color: #F1FF5C !important;
}


/* Merchant comprehensive report table readability */
#merchantAnalysisReportModal table,
#merchantAnalysisReportModal .overflow-x-auto,
#merchantAnalysisReportModal .overflow-auto {
  background: #0F1722 !important;
}
#merchantAnalysisReportModal thead tr,
#merchantAnalysisReportModal thead {
  background: #111827 !important;
  color: #F4FAFF !important;
}
#merchantAnalysisReportModal thead th {
  color: #F4FAFF !important;
}
#merchantAnalysisReportModal tbody tr {
  background: #0F1722 !important;
  color: #F4FAFF !important;
}
#merchantAnalysisReportModal tbody tr:nth-child(even) {
  background: #172131 !important;
}
#merchantAnalysisReportModal tbody tr:hover {
  background: #253246 !important;
}
#merchantAnalysisReportModal tbody td,
#merchantAnalysisReportModal tbody li,
#merchantAnalysisReportModal tbody p,
#merchantAnalysisReportModal tbody span {
  color: inherit;
}
#merchantAnalysisReportModal tbody td {
  color: #F4FAFF !important;
}
#merchantAnalysisReportModal tbody td:first-child {
  color: #F1FF5C !important;
  font-weight: 800 !important;
}
#merchantAnalysisReportModal tbody tr:hover td {
  color: #F4FAFF !important;
}
#merchantAnalysisReportModal tbody tr:hover td:first-child {
  color: #F1FF5C !important;
}

/* Clean Connections overview cards */
body.connections-page #connectionCards {
  align-items: stretch;
}
body.connections-page .connection-overview-card {
  min-height: 320px;
  background: linear-gradient(180deg, #20262C 0%, #191E23 100%) !important;
  border-color: rgba(241,255,92,.34) !important;
  box-shadow: 0 22px 54px rgba(0,0,0,.25) !important;
  transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease;
}
body.connections-page .connection-overview-card:hover {
  transform: translateY(-3px);
  border-color: rgba(241,255,92,.65) !important;
  box-shadow: 0 28px 64px rgba(0,0,0,.32), 0 0 0 1px rgba(241,255,92,.08) !important;
}
body.connections-page .connection-status-panel {
  min-height: 150px;
  background: linear-gradient(135deg, rgba(241,255,92,.11), rgba(241,255,92,.055)) !important;
  border-color: rgba(241,255,92,.32) !important;
}
body.connections-page .connection-status-icon,
body.connections-page .connection-service-icon {
  background: #F1FF5C !important;
  color: #20252B !important;
  box-shadow: 0 14px 30px rgba(241,255,92,.16) !important;
}
body.connections-page .connection-online-pill,
body.connections-page .connection-small-status {
  background: #F4FAFF !important;
  color: #C8DB27 !important;
  border-color: rgba(244,250,255,.72) !important;
  box-shadow: inset 0 0 0 2px rgba(170,176,184,.45);
}
body.connections-page .connection-online-pill i {
  background: #F1FF5C !important;
  box-shadow: 0 0 14px rgba(241,255,92,.75);
}
@media (max-width: 640px) {
  body.connections-page .connection-overview-card { min-height: auto; padding: 1rem !important; }
  body.connections-page .connection-status-panel { min-height: auto; }
  body.connections-page .connection-status-icon,
  body.connections-page .connection-service-icon { width: 3.25rem; height: 3.25rem; }
}


body.connections-page .connection-overview-card .connection-status-label,
body.connections-page .connection-overview-card .connection-service-type {
  color: #F1FF5C !important;
}
body.connections-page .connection-overview-card .connection-status-heading {
  color: #F1FF5C !important;
  text-shadow: 0 0 10px rgba(241,255,92,.08);
}
body.connections-page .connection-overview-card .connection-status-subtext,
body.connections-page .connection-overview-card .connection-service-desc,
body.connections-page .connection-overview-card .connection-last-check {
  color: rgba(244,250,255,.78) !important;
}
body.connections-page .connection-overview-card .connection-service-name {
  color: #F4FAFF !important;
  opacity: 1 !important;
}
body.connections-page .connection-overview-card .connection-small-status {
  color: #C8DB27 !important;
  opacity: 1 !important;
}
body.connections-page .connection-overview-card .connection-last-check i {
  background: #D4E64A !important;
}