/*
 * Minimal dashboard styling. Tailwind via CDN handles the bulk of
 * the layout via utility classes; this file is for things Tailwind
 * doesn't cover well — small typography tweaks, monospace blocks,
 * status pill colours, and the live-event-list animation.
 */

:root {
  --apace-bg: #0b1020;
  --apace-panel: #131a30;
  --apace-text: #e6eaf2;
  --apace-muted: #8d97b5;
  --apace-accent: #56b3fa;
  --apace-success: #5dd39e;
  --apace-warn: #f8c471;
  --apace-danger: #ef6f6c;
}

body {
  background: var(--apace-bg);
  color: var(--apace-text);
  font-family: ui-sans-serif, system-ui, -apple-system, "Segoe UI",
    Roboto, "Helvetica Neue", Arial, sans-serif;
  margin: 0;
}

.panel {
  background: var(--apace-panel);
  border: 1px solid #1d2541;
  border-radius: 0.5rem;
  padding: 1rem;
}

a { color: var(--apace-accent); text-decoration: none; }
a:hover { text-decoration: underline; }

code, pre, .mono {
  font-family: ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  font-size: 12.5px;
}

pre {
  background: #0a0f23;
  padding: 0.75rem;
  border-radius: 0.5rem;
  overflow-x: auto;
  border: 1px solid #1d2541;
}

.pill {
  display: inline-block;
  padding: 0.1rem 0.5rem;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}
.pill-draft { background: #2b3358; color: var(--apace-muted); }
.pill-proposed { background: #1c3b56; color: var(--apace-accent); }
.pill-accepted { background: #1d4a37; color: var(--apace-success); }
.pill-applied { background: #1d4a37; color: var(--apace-success); }
.pill-rejected { background: #4a1e1c; color: var(--apace-danger); }
.pill-background_queue { background: #2b3358; color: var(--apace-muted); }
.pill-superseded { background: #2b3358; color: var(--apace-muted); }

.event-row {
  border-bottom: 1px solid #1d2541;
  padding: 0.5rem 0;
  font-size: 12.5px;
}
.event-row:last-child { border-bottom: 0; }

@keyframes flash-in {
  from { background: #1c3b56; }
  to   { background: transparent; }
}
.event-row.fresh { animation: flash-in 1.5s ease-out; }

.muted { color: var(--apace-muted); }
.error { color: var(--apace-danger); }