/*
 * Orchestrator dashboard — styling is Tailwind (browser runtime, see
 * src/templates/orchestrator.eta). This file only holds the few states that
 * are awkward to express as utility classes.
 */

/* Active theme button in the segmented control. */
.theme-btn[aria-checked="true"] {
  background: #fff;
  color: #0f172a;
  box-shadow: 0 1px 2px rgb(15 23 42 / 0.12);
}
html.dark .theme-btn[aria-checked="true"] {
  background: #334155;
  color: #fff;
  box-shadow: none;
}

/* Auth overlay uses `hidden`; flex only when visible. */
#auth-overlay:not(.hidden) { display: flex; }

.tabular { font-variant-numeric: tabular-nums; }

@keyframes orch-spin { to { transform: rotate(360deg); } }
.spin { animation: orch-spin 0.9s linear infinite; }

.bar-fill { transition: width 0.5s cubic-bezier(0.22, 1, 0.36, 1); }