/* ============================================================
   HERMES MODERN PRESENTATION DESIGN SYSTEM v2.0
   A premium, dark-themed design system for Reveal.js slides.
   
   Features:
   - Animated gradient mesh backgrounds
   - Glassmorphism cards
   - Proper typography scale (Inter + JetBrains Mono)
   - Smooth staggered animations
   - Sleek component library (evidence cards, metrics, tweets, timelines)
   - CSS-only particle effects
   ============================================================ */

/* ── FONTS ──────────────────────────────────────────────────── */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600&display=swap');

/* ── CSS VARIABLES ──────────────────────────────────────────── */
:root {
  /* Core palette */
  --h-bg:         #0a0a0f;
  --h-surface:    rgba(255,255,255,0.04);
  --h-surface-2:  rgba(255,255,255,0.07);
  --h-surface-3:  rgba(255,255,255,0.10);
  --h-border:     rgba(255,255,255,0.08);
  --h-border-2:   rgba(255,255,255,0.15);
  
  /* Accent colors */
  --h-green:      #4ade80;
  --h-red:        #f87171;
  --h-yellow:     #facc15;
  --h-cyan:       #22d3ee;
  --h-pink:       #f472b6;
  --h-purple:     #a78bfa;
  --h-orange:     #fb923c;
  --h-blue:       #60a5fa;
  
  /* Typography */
  --h-font:       'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
  --h-mono:       'JetBrains Mono', 'Fira Code', monospace;
  
  /* Spacing */
  --h-space-xs:   4px;
  --h-space-sm:   8px;
  --h-space-md:   16px;
  --h-space-lg:   24px;
  --h-space-xl:   32px;
  
  /* Radius */
  --h-radius-sm:  8px;
  --h-radius-md:  12px;
  --h-radius-lg:  16px;
  --h-radius-xl:  24px;
  
  /* Glass */
  --h-glass:      rgba(255,255,255,0.03);
  --h-glass-border: rgba(255,255,255,0.06);
  --h-glass-blur: 20px;
}

/* ── GLOBAL RESET & BASE ────────────────────────────────────── */
.reveal-viewport {
  background: var(--h-bg) !important;
}

.reveal {
  font-family: var(--h-font) !important;
  color: rgba(255,255,255,0.85) !important;
  font-weight: 400;
  line-height: 1.5;
}

/* Hide default controls for cleaner look */
.reveal .controls { display: none !important; }

/* ── TYPOGRAPHY ──────────────────────────────────────────────── */
.reveal h1 {
  font-family: var(--h-font) !important;
  font-weight: 800 !important;
  font-size: 3.4em !important;
  color: #fff !important;
  letter-spacing: -0.03em;
  line-height: 1.15;
  margin-bottom: 0.4em;
  text-shadow: 0 0 80px rgba(74,222,128,0.15);
}

.reveal h2 {
  font-family: var(--h-font) !important;
  font-weight: 700 !important;
  font-size: 2.3em !important;
  color: #fff !important;
  letter-spacing: -0.02em;
  line-height: 1.25;
  margin-bottom: 0.5em;
}

.reveal h3 {
  font-family: var(--h-font) !important;
  font-weight: 600 !important;
  font-size: 1.6em !important;
  color: rgba(255,255,255,0.9) !important;
  letter-spacing: -0.01em;
}

.reveal p, .reveal li {
  font-size: 1.1em;
  line-height: 1.6;
}

.reveal strong {
  font-weight: 600;
  color: #fff;
}

.reveal a {
  color: var(--h-cyan) !important;
  text-decoration: none;
  border-bottom: 1px solid rgba(34,211,238,0.3);
  transition: all 0.2s;
}

.reveal a:hover {
  border-bottom-color: var(--h-cyan);
}

.reveal code {
  font-family: var(--h-mono) !important;
  font-size: 0.85em;
  background: var(--h-surface-2);
  padding: 2px 8px;
  border-radius: 6px;
  color: var(--h-green);
  border: 1px solid var(--h-border);
}

.reveal pre {
  background: var(--h-surface) !important;
  border: 1px solid var(--h-border);
  border-radius: var(--h-radius-md);
  padding: var(--h-space-md);
}

.reveal pre code {
  background: none;
  border: none;
  padding: 0;
}

/* ── ANIMATED GRADIENT BACKGROUND ───────────────────────────── */
@keyframes meshGradient {
  0%   { background-position: 0% 50%; }
  50%  { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}

.reveal .slides > section {
  background: linear-gradient(
    135deg,
    var(--h-bg) 0%,
    #0f0f1a 25%,
    #0a0a14 50%,
    #0d0d18 75%,
    var(--h-bg) 100%
  );
  background-size: 400% 400%;
  animation: meshGradient 20s ease infinite;
  padding: 40px 60px !important;
}

/* ── FLOATING ORB DECORATIONS ───────────────────────────────── */
.reveal .slide-bg-orbs::before,
.reveal .slide-bg-orbs::after {
  content: '';
  position: absolute;
  border-radius: 50%;
  filter: blur(80px);
  opacity: 0.07;
  pointer-events: none;
  z-index: 0;
}

.reveal .slide-bg-orbs::before {
  width: 400px;
  height: 400px;
  background: var(--h-green);
  top: -100px;
  right: -100px;
}

.reveal .slide-bg-orbs::after {
  width: 300px;
  height: 300px;
  background: var(--h-purple);
  bottom: -80px;
  left: -80px;
}

/* ── GLASS CARD SYSTEM ──────────────────────────────────────── */
.glass-card {
  background: var(--h-glass);
  backdrop-filter: blur(var(--h-glass-blur));
  -webkit-backdrop-filter: blur(var(--h-glass-blur));
  border: 1px solid var(--h-glass-border);
  border-radius: var(--h-radius-lg);
  padding: 20px 24px;
  margin: 10px 0;
  position: relative;
  overflow: hidden;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.glass-card:hover {
  border-color: rgba(255,255,255,0.12);
  background: rgba(255,255,255,0.05);
  transform: translateY(-2px);
}

/* Card accent variants (left border) */
.glass-card.accent-green  { border-left: 3px solid var(--h-green); }
.glass-card.accent-red    { border-left: 3px solid var(--h-red); }
.glass-card.accent-yellow { border-left: 3px solid var(--h-yellow); }
.glass-card.accent-cyan   { border-left: 3px solid var(--h-cyan); }
.glass-card.accent-pink   { border-left: 3px solid var(--h-pink); }
.glass-card.accent-purple { border-left: 3px solid var(--h-purple); }
.glass-card.accent-orange { border-left: 3px solid var(--h-orange); }

/* Glow variant */
.glass-card.glow-green  { box-shadow: 0 0 30px -10px rgba(74,222,128,0.2); }
.glass-card.glow-red    { box-shadow: 0 0 30px -10px rgba(248,113,113,0.2); }
.glass-card.glow-cyan   { box-shadow: 0 0 30px -10px rgba(34,211,238,0.2); }
.glass-card.glow-purple { box-shadow: 0 0 30px -10px rgba(167,139,250,0.2); }

/* ── TAGS / BADGES ──────────────────────────────────────────── */
.tag {
  display: inline-block;
  padding: 4px 12px;
  border-radius: 6px;
  font-size: 0.8em;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  margin: 2px 4px 2px 0;
  font-family: var(--h-mono);
}

.tag-confirmed { background: rgba(74,222,128,0.12); color: var(--h-green); border: 1px solid rgba(74,222,128,0.2); }
.tag-leak      { background: rgba(248,113,113,0.12); color: var(--h-red); border: 1px solid rgba(248,113,113,0.2); }
.tag-rumor     { background: rgba(250,204,21,0.12); color: var(--h-yellow); border: 1px solid rgba(250,204,21,0.2); }
.tag-spec      { background: rgba(167,139,250,0.12); color: var(--h-purple); border: 1px solid rgba(167,139,250,0.2); }
.tag-new       { background: rgba(34,211,238,0.12); color: var(--h-cyan); border: 1px solid rgba(34,211,238,0.2); }
.tag-hot       { background: rgba(251,146,60,0.12); color: var(--h-orange); border: 1px solid rgba(251,146,60,0.2); }

/* ── EVIDENCE CARD ──────────────────────────────────────────── */
.evidence {
  background: var(--h-glass);
  backdrop-filter: blur(12px);
  border: 1px solid var(--h-border);
  border-radius: var(--h-radius-md);
  padding: 16px 20px;
  margin: 10px 0;
  text-align: left;
  transition: all 0.3s;
}

.evidence:hover { border-color: var(--h-border-2); }

.evidence.hot    { border-left: 3px solid var(--h-red); }
.evidence.warm   { border-left: 3px solid var(--h-yellow); }
.evidence.cool   { border-left: 3px solid var(--h-cyan); }
.evidence.solid  { border-left: 3px solid var(--h-green); }

.evidence .ev-title {
  font-weight: 600;
  font-size: 1em;
  color: #fff;
  margin-bottom: 6px;
}

.evidence .ev-body {
  font-size: 0.9em;
  color: rgba(255,255,255,0.7);
  line-height: 1.6;
}

/* ── TWEET CARD ─────────────────────────────────────────────── */
.tweet-card {
  background: var(--h-surface);
  border: 1px solid var(--h-border);
  border-radius: var(--h-radius-md);
  padding: 16px 20px;
  margin: 8px 0;
  text-align: left;
  font-size: 0.95em;
  line-height: 1.55;
  color: rgba(255,255,255,0.8);
  transition: all 0.3s;
}

.tweet-card:hover { border-color: rgba(29,161,242,0.3); }

.tweet-card .tweet-handle {
  color: var(--h-blue);
  font-weight: 600;
  font-size: 0.9em;
}

.tweet-card .tweet-meta {
  color: rgba(255,255,255,0.35);
  font-size: 0.85em;
  margin-top: 4px;
  font-family: var(--h-mono);
}

/* ── METRIC BOX ─────────────────────────────────────────────── */
.metric {
  background: var(--h-surface);
  border: 1px solid var(--h-border);
  border-radius: var(--h-radius-md);
  padding: 18px 24px;
  text-align: center;
  transition: all 0.3s;
}

.metric:hover { border-color: var(--h-border-2); transform: translateY(-2px); }

.metric .metric-value {
  font-size: 2.2em;
  font-weight: 800;
  letter-spacing: -0.03em;
  line-height: 1;
  font-family: var(--h-font);
}

.metric .metric-label {
  font-size: 0.85em;
  color: rgba(255,255,255,0.5);
  margin-top: 6px;
  font-weight: 500;
}

.metric .metric-sub {
  font-size: 0.75em;
  color: rgba(255,255,255,0.35);
  margin-top: 2px;
}

/* Metric color variants */
.metric.m-green  .metric-value { color: var(--h-green); }
.metric.m-red    .metric-value { color: var(--h-red); }
.metric.m-yellow .metric-value { color: var(--h-yellow); }
.metric.m-cyan   .metric-value { color: var(--h-cyan); }
.metric.m-pink   .metric-value { color: var(--h-pink); }
.metric.m-purple .metric-value { color: var(--h-purple); }
.metric.m-orange .metric-value { color: var(--h-orange); }

/* ── TIMELINE ───────────────────────────────────────────────── */
.timeline-item {
  background: var(--h-surface);
  border: 1px solid var(--h-border);
  border-radius: var(--h-radius-sm);
  padding: 12px 18px;
  margin: 6px 0;
  text-align: left;
  font-size: 0.95em;
  display: flex;
  align-items: center;
  gap: 12px;
  transition: all 0.3s;
}

.timeline-item:hover { border-color: var(--h-border-2); }

.timeline-item .tl-dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  flex-shrink: 0;
}

.timeline-item .tl-content {
  flex: 1;
}

.timeline-item .tl-date {
  font-family: var(--h-mono);
  font-size: 0.85em;
  color: rgba(255,255,255,0.4);
}

/* ── GRID SYSTEM ────────────────────────────────────────────── */
.grid-2 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
  margin: 12px 0;
}

.grid-3 {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 12px;
  margin: 12px 0;
}

.grid-4 {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 10px;
  margin: 12px 0;
}

/* ── ALERT / INFO BOXES ─────────────────────────────────────── */
.alert {
  background: rgba(248,113,113,0.06);
  border: 1px solid rgba(248,113,113,0.15);
  border-radius: var(--h-radius-md);
  padding: 14px 18px;
  margin: 10px 0;
  text-align: left;
}

.alert .alert-title {
  font-size: 0.95em;
  font-weight: 600;
  color: var(--h-red);
  margin-bottom: 4px;
}

.alert .alert-body {
  font-size: 0.9em;
  color: rgba(255,255,255,0.7);
}

.info-box {
  background: rgba(34,211,238,0.06);
  border: 1px solid rgba(34,211,238,0.15);
  border-radius: var(--h-radius-md);
  padding: 14px 18px;
  margin: 10px 0;
  text-align: left;
}

.info-box .info-title {
  font-size: 0.95em;
  font-weight: 600;
  color: var(--h-cyan);
  margin-bottom: 4px;
}

.info-box .info-body {
  font-size: 0.9em;
  color: rgba(255,255,255,0.7);
}

/* ── CODE BLOCK ─────────────────────────────────────────────── */
.code-block {
  background: rgba(0,0,0,0.4);
  border: 1px solid var(--h-border);
  border-radius: var(--h-radius-md);
  padding: 16px 20px;
  text-align: left;
  font-family: var(--h-mono);
  font-size: 0.9em;
  line-height: 1.7;
  margin: 10px 0;
  overflow-x: auto;
}

/* ── UTILITY CLASSES ────────────────────────────────────────── */
.text-green  { color: var(--h-green) !important; }
.text-red    { color: var(--h-red) !important; }
.text-yellow { color: var(--h-yellow) !important; }
.text-cyan   { color: var(--h-cyan) !important; }
.text-pink   { color: var(--h-pink) !important; }
.text-purple { color: var(--h-purple) !important; }
.text-orange { color: var(--h-orange) !important; }
.text-muted  { color: rgba(255,255,255,0.4) !important; }
.text-dim    { color: rgba(255,255,255,0.55) !important; }

.text-xs     { font-size: 0.8em !important; }
.text-sm     { font-size: 0.95em !important; }
.text-md     { font-size: 1.1em !important; }
.text-lg     { font-size: 1.25em !important; }
.text-xl     { font-size: 1.4em !important; }
.text-mono   { font-family: var(--h-mono) !important; }

.font-bold   { font-weight: 700 !important; }
.font-medium { font-weight: 500 !important; }

.mt-sm  { margin-top: var(--h-space-sm) !important; }
.mt-md  { margin-top: var(--h-space-md) !important; }
.mt-lg  { margin-top: var(--h-space-lg) !important; }
.mb-sm  { margin-bottom: var(--h-space-sm) !important; }
.mb-md  { margin-bottom: var(--h-space-md) !important; }
.mb-lg  { margin-bottom: var(--h-space-lg) !important; }

.text-left   { text-align: left !important; }
.text-center { text-align: center !important; }
.text-right  { text-align: right !important; }

.flex { display: flex; }
.flex-col { flex-direction: column; }
.items-center { align-items: center; }
.gap-sm { gap: var(--h-space-sm); }
.gap-md { gap: var(--h-space-md); }

/* Gradient text */
.gradient-text {
  background: linear-gradient(135deg, var(--h-green), var(--h-cyan));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.gradient-text-warm {
  background: linear-gradient(135deg, var(--h-orange), var(--h-pink));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

/* ── DIVIDER ────────────────────────────────────────────────── */
.divider {
  height: 1px;
  background: var(--h-border);
  margin: 12px 0;
  border: none;
}

/* ── SLIDE NUMBER ───────────────────────────────────────────── */
.reveal .slide-number {
  font-family: var(--h-mono) !important;
  font-size: 0.5em !important;
  background: var(--h-surface) !important;
  border: 1px solid var(--h-border) !important;
  border-radius: 8px !important;
  padding: 4px 10px !important;
  color: rgba(255,255,255,0.4) !important;
  right: 16px !important;
  bottom: 16px !important;
}

/* ── PROGRESS BAR ───────────────────────────────────────────── */
.reveal .progress {
  height: 3px !important;
  background: var(--h-surface) !important;
}

.reveal .progress span {
  background: linear-gradient(90deg, var(--h-green), var(--h-cyan)) !important;
}

/* ── STAGGERED ANIMATION HELPERS ────────────────────────────── */
.reveal .slides section .stagger > * {
  opacity: 0;
  transform: translateY(15px);
  transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}

.reveal .slides section.present .stagger > * {
  opacity: 1;
  transform: translateY(0);
}

.reveal .slides section.present .stagger > *:nth-child(1) { transition-delay: 0.05s; }
.reveal .slides section.present .stagger > *:nth-child(2) { transition-delay: 0.12s; }
.reveal .slides section.present .stagger > *:nth-child(3) { transition-delay: 0.19s; }
.reveal .slides section.present .stagger > *:nth-child(4) { transition-delay: 0.26s; }
.reveal .slides section.present .stagger > *:nth-child(5) { transition-delay: 0.33s; }
.reveal .slides section.present .stagger > *:nth-child(6) { transition-delay: 0.40s; }

/* ── TITLE SLIDE SPECIAL ────────────────────────────────────── */
.slide-title {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
  text-align: center;
}

.slide-title h1 {
  font-size: 2.6em !important;
  margin-bottom: 0.15em;
}

.slide-title .subtitle {
  font-size: 0.85em;
  font-weight: 500;
  color: rgba(255,255,255,0.5);
  margin-bottom: 0.5em;
}

.slide-title .meta {
  font-size: 0.55em;
  font-family: var(--h-mono);
  color: rgba(255,255,255,0.3);
  margin-top: 1em;
}

/* ── LISTS ───────────────────────────────────────────────────── */
.reveal ul {
  list-style: none;
  padding-left: 0;
  margin: 8px 0;
}

.reveal ul li {
  position: relative;
  padding-left: 20px;
  margin: 5px 0;
}

.reveal ul li::before {
  content: '→';
  position: absolute;
  left: 0;
  color: var(--h-green);
  font-weight: 600;
}

.reveal ol {
  padding-left: 24px;
  margin: 8px 0;
}

.reveal ol li {
  margin: 5px 0;
  padding-left: 4px;
}

.reveal ol li::marker {
  color: var(--h-green);
  font-weight: 600;
}

/* ── VERDICT / SCORECARD ROW ────────────────────────────────── */
.verdict-row {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 8px 0;
  border-bottom: 1px solid var(--h-border);
  font-size: 0.62em;
}

.verdict-row:last-child { border-bottom: none; }

.verdict-icon {
  font-size: 1.2em;
  flex-shrink: 0;
}

.verdict-text {
  flex: 1;
  color: rgba(255,255,255,0.75);
}

.verdict-label {
  font-family: var(--h-mono);
  font-size: 0.8em;
  color: rgba(255,255,255,0.35);
  flex-shrink: 0;
}

/* ── PROGRESS BAR ──────────────────────────────────────────── */
.progress-bar {
  background: var(--h-surface);
  border: 1px solid var(--h-border);
  border-radius: 20px;
  height: 28px;
  overflow: hidden;
  margin: 8px 0;
  position: relative;
}

.progress-bar .bar-fill {
  height: 100%;
  border-radius: 20px;
  display: flex;
  align-items: center;
  padding-left: 12px;
  font-size: 0.5em;
  font-weight: 700;
  font-family: var(--h-mono);
  color: var(--h-bg);
  transition: width 1.5s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  overflow: hidden;
}

.progress-bar .bar-fill::after {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  background: linear-gradient(90deg, transparent 0%, rgba(255,255,255,0.15) 50%, transparent 100%);
  animation: shimmer 2s ease-in-out infinite;
}

.bar-fill.fill-green  { background: linear-gradient(90deg, var(--h-green), #22c55e); }
.bar-fill.fill-red    { background: linear-gradient(90deg, var(--h-red), #ef4444); }
.bar-fill.fill-yellow { background: linear-gradient(90deg, var(--h-yellow), #eab308); }
.bar-fill.fill-cyan   { background: linear-gradient(90deg, var(--h-cyan), #06b6d4); }
.bar-fill.fill-orange { background: linear-gradient(90deg, var(--h-orange), #f97316); }
.bar-fill.fill-pink   { background: linear-gradient(90deg, var(--h-pink), #ec4899); }

.progress-bar .bar-label {
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 0.48em;
  font-weight: 600;
  font-family: var(--h-mono);
  color: rgba(255,255,255,0.6);
}

/* ── PULSE GLOW ANIMATION ──────────────────────────────────── */
@keyframes pulseGlow {
  0%, 100% { text-shadow: 0 0 20px currentColor, 0 0 40px currentColor; opacity: 1; }
  50% { text-shadow: 0 0 30px currentColor, 0 0 60px currentColor, 0 0 80px currentColor; opacity: 0.9; }
}

.pulse-glow {
  animation: pulseGlow 3s ease-in-out infinite;
}

@keyframes shimmer {
  0% { transform: translateX(-100%); }
  100% { transform: translateX(200%); }
}

/* ── HERO NUMBER ───────────────────────────────────────────── */
.hero-number {
  font-size: 5em;
  font-weight: 900;
  letter-spacing: -0.05em;
  line-height: 1;
  font-family: var(--h-font);
  background: linear-gradient(135deg, #fff 0%, rgba(255,255,255,0.7) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  filter: drop-shadow(0 0 40px rgba(74,222,128,0.3));
  margin-bottom: 0.1em;
}

/* ── SIGNAL DOT ────────────────────────────────────────────── */
.signal-dot {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  margin-right: 8px;
  position: relative;
}

.signal-dot::after {
  content: '';
  position: absolute;
  top: -3px; left: -3px;
  width: 14px; height: 14px;
  border-radius: 50%;
  background: inherit;
  opacity: 0.3;
  animation: pulseGlow 2s ease-in-out infinite;
}

.signal-dot.dot-green  { background: var(--h-green); }
.signal-dot.dot-red    { background: var(--h-red); }
.signal-dot.dot-yellow { background: var(--h-yellow); }
.signal-dot.dot-cyan   { background: var(--h-cyan); }
.signal-dot.dot-pink   { background: var(--h-pink); }
.signal-dot.dot-orange { background: var(--h-orange); }

/* ── COMPANY BADGE ─────────────────────────────────────────── */
.company-badge {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  padding: 16px 12px;
  background: var(--h-glass);
  border: 1px solid var(--h-glass-border);
  border-radius: var(--h-radius-lg);
  transition: all 0.3s;
}

.company-badge:hover {
  border-color: var(--h-border-2);
  transform: translateY(-3px);
}

.company-badge .cb-icon {
  font-size: 1.8em;
  line-height: 1;
}

.company-badge .cb-name {
  font-weight: 700;
  font-size: 0.6em;
  color: #fff;
}

.company-badge .cb-items {
  font-size: 0.48em;
  color: rgba(255,255,255,0.6);
  text-align: center;
  line-height: 1.6;
}

/* ── VERDICT ENHANCED ──────────────────────────────────────── */
.verdict-row-enhanced {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 12px 16px;
  background: var(--h-surface);
  border: 1px solid var(--h-border);
  border-radius: var(--h-radius-md);
  margin: 6px 0;
  transition: all 0.3s;
}

.verdict-row-enhanced:hover {
  border-color: var(--h-border-2);
}

.verdict-row-enhanced .vr-icon {
  font-size: 1.1em;
  flex-shrink: 0;
}

.verdict-row-enhanced .vr-text {
  flex: 1;
  font-size: 0.6em;
  color: rgba(255,255,255,0.8);
}

.verdict-row-enhanced .vr-badge {
  padding: 3px 10px;
  border-radius: 6px;
  font-family: var(--h-mono);
  font-size: 0.45em;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  flex-shrink: 0;
}

.vr-badge.badge-confirmed { background: rgba(74,222,128,0.12); color: var(--h-green); border: 1px solid rgba(74,222,128,0.2); }
.vr-badge.badge-likely    { background: rgba(250,204,21,0.12); color: var(--h-yellow); border: 1px solid rgba(250,204,21,0.2); }
.vr-badge.badge-unknown   { background: rgba(244,114,182,0.12); color: var(--h-pink); border: 1px solid rgba(244,114,182,0.2); }

/* ── COUNTDOWN TIMER ───────────────────────────────────────── */
.countdown-box {
  display: inline-flex;
  gap: 6px;
  align-items: center;
  background: var(--h-surface);
  border: 1px solid var(--h-border);
  border-radius: var(--h-radius-md);
  padding: 8px 16px;
  margin-top: 12px;
}

.countdown-box .cd-unit {
  text-align: center;
}

.countdown-box .cd-value {
  font-family: var(--h-mono);
  font-size: 0.8em;
  font-weight: 700;
  color: #fff;
}

.countdown-box .cd-label {
  font-size: 0.35em;
  color: rgba(255,255,255,0.35);
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.countdown-box .cd-sep {
  font-family: var(--h-mono);
  font-size: 0.7em;
  color: rgba(255,255,255,0.2);
  margin: 0 2px;
}

/* ── STATUS INDICATOR ──────────────────────────────────────── */
.status-indicator {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 0.6em;
  font-weight: 600;
}

.status-indicator .status-dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--h-green);
  box-shadow: 0 0 8px var(--h-green);
  animation: pulseGlow 2s ease-in-out infinite;
}