/* RallyStudio shared theme — dark with orange accent.
   One file used by every web tool (Planner, Rotations, account pages).
   Tokens first, then the shared suite bar. Tool-specific CSS only uses these tokens. */
:root {
  --bg: #0f1318;
  --panel: #171d25;
  --panel2: #1e2631;
  --line: #2a3442;
  --line-hi: #41506a;
  --text: #e8edf3;
  --mute: #8d9bb0;
  --field: #10151c;
  --accent: #ff7a3d;
  --accent-ink: #1a0d05;
  --accent2: #3dd6c6;
  --gold: #ffc83d;
  --bad: #ff5d5d;
  --ok: #4ade80;
  --radius: 12px;
  --radius-sm: 8px;
  color-scheme: dark;

  /* aliases so older Rotations CSS keeps working */
  --card: var(--panel);
  --ink: var(--text);
  --muted: var(--mute);
}

/* ---------- suite bar: the same strip on every tool ---------- */
.rs-suite {
  display: flex; align-items: center; gap: 4px; flex-wrap: wrap;
  padding: 0 16px; min-height: 34px;
  background: #0b0f14; border-bottom: 1px solid var(--line);
  font: 13px/1 system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
}
.rs-suite a { color: var(--mute); text-decoration: none; padding: 10px 10px; border-bottom: 2px solid transparent; }
.rs-suite a:hover { color: var(--text); }
.rs-suite a.on { color: var(--text); border-bottom-color: var(--accent); }
.rs-suite .rs-brand { color: var(--text); font-weight: 800; letter-spacing: .01em; padding-left: 0; margin-right: 8px; }
.rs-suite .rs-brand b { color: var(--accent); font-weight: 800; }
.rs-suite .rs-out{border:0;background:none;border-radius:0;padding:10px;min-height:0;font:inherit;color:var(--mute)}
.rs-suite .rs-out:hover{color:var(--text)}
.rs-suite .rs-spacer { flex: 1; }
@media print { .rs-suite { display: none !important; } }
.rs-suite .rs-sync { color: var(--mute); font-size: 12px; padding: 0 8px; }
.rs-suite .rs-sync.saved { color: var(--ok); }
.rs-suite .rs-sync.conflict, .rs-suite .rs-sync.offline { color: var(--gold); }
@media (max-width: 560px) { .rs-suite .rs-sync { display: none; } }