/* DOGES branding overlay for analytics.doges.co */
/* Injected via scripts/vidi-analytics-overlay/patch.sh — safe to re-apply. */
/* Overrides only the CSS custom props + a few header visuals; the rest of */
/* vidi's dashboard.html stays intact. */

:root {
  /* DOGES palette — source: doges-website/src/index.css */
  --link: #4A54F5;          /* primary indigo — used for borders, links, accents */
  --live: #22c55e;          /* keep green for "live" pulse */
  --bg: #0b0c14;            /* deeper background */
  --bg-canvas: #07070d;
  --bg-surface: #141520;
  --text: #e3e3ef;
  --text-dim: #7a7a94;
  --border: #23233a;
}

html, body {
  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
}

/* DOGES logo is a wordmark SVG — different aspect ratio than the */
/* original Neurali stacked mark, so kill the negative margins and */
/* let it sit naturally inside the 52px header. */
.header-logo {
  height: 40px !important;
  max-height: 40px !important;
  margin: 0 !important;
  object-fit: contain;
}

/* Subtle indigo accent bar under the header, DOGES colors */
.viewer-header {
  border-image: linear-gradient(to right, transparent, #4A54F5, #F78B8B, transparent) 1 !important;
}

/* Shared badge + ttl badge: DOGES palette */
.shared-badge {
  background: rgba(74, 84, 245, 0.12) !important;
  color: #a3a9ff !important;
}

/* Tile pulse (live-update haptic) uses the brand indigo rather than green */
.tile-pulse-overlay {
  box-shadow: 0 0 0 2px rgba(74, 84, 245, 0.55) inset !important;
}

/* Subtle brand selection color */
::selection {
  background-color: rgba(74, 84, 245, 0.25);
  color: #fff;
}