/* Lukas veil — Nest Console v1.2 visual system */
:root {
  --void: #0a0c10;
  --surface: #11141b;
  --panel: #151922;
  --panel-2: #1a1f2a;
  --border: #2a3140;
  --text: #eef1f6;
  --muted: #8b93a8;
  --green: #4ade9a;
  --cyan: #5eb8ff;
  --magenta: #a78bfa;
  --gold: #f0b429;
  --warn: #e8b84a;
  --deny: #f87171;
  --persona: #f0b429;
  --glow-cyan: rgba(94, 184, 255, 0.1);
  --glow-mag: rgba(167, 139, 250, 0.08);
  --glow-green: rgba(74, 222, 154, 0.1);
  --radius: 12px;
}

body::before {
  background:
    radial-gradient(ellipse 80% 55% at 0% -20%, var(--glow-cyan), transparent 50%),
    radial-gradient(ellipse 60% 45% at 100% 0%, var(--glow-mag), transparent 45%),
    radial-gradient(ellipse 50% 40% at 50% 110%, var(--glow-green), transparent 40%);
}

.header {
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.05);
}

.operator-sigil {
  width: 44px;
  height: 44px;
  border-radius: 12px;
  border: 1px solid var(--persona);
  display: grid;
  place-items: center;
  font-family: var(--display);
  font-weight: 800;
  font-size: 16px;
  color: var(--persona);
  background: rgba(240, 180, 41, 0.06);
  box-shadow: 0 0 20px rgba(240, 180, 41, 0.12);
}

.brand h1 {
  background: linear-gradient(90deg, var(--text) 0%, var(--cyan) 100%);
  letter-spacing: 0.08em;
}

.brand p .veil-tag {
  color: var(--persona);
}

.pill.persona {
  border-color: var(--persona);
  color: var(--persona);
}

.pill.veil {
  border-color: var(--border);
  color: var(--muted);
  background: rgba(255, 255, 255, 0.02);
}

.panel {
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.2);
}

.panel-head h2.mag { color: var(--persona); }

.cmd-prompt {
  color: var(--persona);
}

#cmd-input {
  caret-color: var(--persona);
}

.quote-meta {
  color: var(--cyan);
}

.quote-dots span.active {
  background: var(--cyan);
  box-shadow: 0 0 8px var(--cyan);
}

.pipe-item.next { border-left-color: var(--persona); }

.footer strong { color: var(--persona); }

.ns-cell.persona-ns.on {
  border-color: var(--persona);
  color: var(--persona);
  background: rgba(240, 180, 41, 0.1);
  box-shadow: 0 0 10px rgba(240, 180, 41, 0.15);
}

.cal-day.selected {
  border-color: var(--persona);
  background: rgba(240, 180, 41, 0.08);
  box-shadow: 0 0 14px rgba(240, 180, 41, 0.12);
}

.cal-selected-label {
  color: var(--persona);
}