/* ═══════════════════════════════════════════════════════════════════════════════
   DΛREΛKT_ ATOM — ui.chrome.actions
   The action button (.gns-btn) and the ctl action cluster (.gns-oc__acts).
   The .gns-btn rules are ported rule-for-rule from genesis.css so a page that
   loads only the atoms still styles its buttons; genesis.css keeps its copy for
   the modules that have not converted yet (the ui.chrome.status precedent).
   ═══════════════════════════════════════════════════════════════════════════════ */

/* ─── ACTION BUTTON ─────────────────────────────────────────────────────── */
.gns-btn {
  display: inline-flex; align-items: center; gap: 0.4rem;
  padding: 0.42rem 0.78rem;
  font-family: var(--gns-mono, ui-monospace, "JetBrains Mono", "SF Mono", Menlo, Consolas, monospace);
  font-size: 0.72rem; letter-spacing: 0.08em; text-transform: uppercase;
  color: var(--ha-text);
  background: var(--ha-surface-2);
  border: 1px solid var(--ha-border-hi);
  border-radius: var(--gns-radius, 4px);
  cursor: pointer; font-weight: 600;
  text-decoration: none;
  transition: border-color 0.15s ease, color 0.15s ease, background 0.15s ease;
}
a.gns-btn:hover { text-decoration: none; }
.gns-btn:hover:not(:disabled) { border-color: var(--ha-accent); color: var(--ha-accent); }
.gns-btn:disabled { opacity: 0.45; cursor: not-allowed; }
.gns-btn[aria-disabled="true"] { opacity: 0.45; cursor: not-allowed; }
.gns-btn--primary {
  background: var(--ha-accent); color: var(--ha-bg); border-color: var(--ha-accent);
}
.gns-btn--primary:hover:not(:disabled) {
  background: var(--ha-accent-hover); border-color: var(--ha-accent-hover); color: var(--ha-bg);
}
.gns-btn--ghost {
  background: transparent;
  border-color: var(--ha-border);
  color: var(--ha-text-muted);
}
.gns-btn--warn {
  border-color: var(--ha-warn);
  color: var(--ha-warn);
  background: var(--ha-warn-dim);
}
.gns-btn--danger {
  background: var(--ha-danger-dim);
  color: var(--ha-danger);
  border-color: var(--ha-danger);
}
.gns-btn--danger:hover:not(:disabled) {
  background: var(--ha-danger);
  color: var(--ha-bg);
}
.gns-btn--sm { padding: 0.3rem 0.6rem; font-size: 0.66rem; }
/* Pressed / current state — for toggles that live in the band (Pause↔Resume,
   view switches) so they don't need a per-app active class. */
.gns-btn.is-active {
  border-color: var(--ha-accent);
  color: var(--ha-accent);
  background: var(--ha-accent-dim);
}

/* ─── ACTION CLUSTER ────────────────────────────────────────────────────── */
/* The right-hand slot of a band. Pages repaint [data-ctl-actions] in place so
   the decode-revealed wordmark beside it never re-scrambles. */
.gns-oc__acts {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  flex-wrap: wrap;
}