/* RadarSpy — Design Tokens v5.8.0 */
:root {
  --color-bg-canvas: #0d111b;
  --color-bg-card: #171e2c;
  --color-bg-card-alt: #111927;
  --color-bg-elevated: #233347;
  --color-border: #2b364a;
  --color-border-subtle: #354258;
  --color-border-accent: #3bd6c8;
  --color-text-primary: #f0f5ff;
  --color-text-secondary: #a1b0c8;
  --color-text-muted: #72849e;
  --color-accent-teal: #3bd6c8;
  --color-accent-teal-dark: #159784;
  --color-accent-gold: #f8d475;
  --color-accent-gold-dark: #b89332;
  --color-danger: #f15b62;
  --color-success: #35d07f;
  
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 14px;
  
  --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.35);
  --shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.5);
  
  --font-stack: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
}

/* Badges de Oportunidade e Inteligência Comercial */
.radar-badge {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font-size: 11px;
  font-weight: 700;
  padding: 3px 8px;
  border-radius: 6px;
  white-space: nowrap;
  letter-spacing: 0.02em;
}

.radar-badge-ocean {
  background: rgba(59, 214, 200, 0.14);
  color: #3bd6c8;
  border: 1px solid rgba(59, 214, 200, 0.45);
}

.radar-badge-demand {
  background: rgba(248, 212, 117, 0.14);
  color: #f8d475;
  border: 1px solid rgba(248, 212, 117, 0.45);
}

.radar-badge-rising {
  background: rgba(53, 208, 127, 0.14);
  color: #35d07f;
  border: 1px solid rgba(53, 208, 127, 0.45);
}

.radar-badge-commission {
  background: rgba(22, 160, 133, 0.2);
  color: #4eeddb;
  border: 1px solid #1abc9c;
}

/* Sparklines inline para tabelas de produtos */
.radar-sparkline {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  vertical-align: middle;
}