/* auth-status-build.css — pc-LOCAL build-stamp styles for the auth-status cluster.
 *
 * PER-STACK by design (README "PER-STACK, NOT HERE"): the shared hub canonical
 * (/templates/components/auth-status/css/auth-status.css) styles the cluster CHROME only — the
 * pill / flyout / menu / mobile-FAB. The BUILD-STAMP sub-styles are per-stack because the build-
 * stamp MARKUP is per-stack (la server-renders `-build-label/-line/-prov/-detail`; pc/go client-
 * render `-build-head/-row/-row--sub/-sha`). This file is the CSS twin of the pc-local
 * auth-status-build.js shim — co-located with the render it styles. Loaded alongside the vendored
 * cluster CSS; same CHROME-INVARIANT fixed --editor-* palette with live-page literal fallbacks. */

/* BUILD/DEPLOY STAMP inside the flyout (page-editor.md AUTH STATUS @ 2c4714c) — admin-only build
   metadata under Log out. Fixed --editor-* palette (CHROME-INVARIANT) with live-page literal
   fallbacks, like the rest of the cluster. Small, muted, monospace, selectable. */
.auth-status-build {
  margin-top: 6px;
  padding: 8px 14px 10px;
  font: 400 10.5px/1.5 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  color: var(--editor-ink-muted, rgba(255, 255, 255, .78));
  user-select: text;
  -webkit-user-select: text;
}
/* 'build stamp' divider header — the self-describing label (Derek), heading the section +
   separating it from Log out (replaces the plain top border). */
.auth-status-build-head {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 6px;
  font-size: 9px;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--editor-ink-muted, rgba(255, 255, 255, .6));
}
.auth-status-build-head::before,
.auth-status-build-head::after {
  content: "";
  flex: 1 1 auto;
  height: 1px;
  background: var(--editor-border, rgba(255, 255, 255, .18));
}
.auth-status-build-row { overflow-wrap: anywhere; word-break: break-word; }
.auth-status-build-row + .auth-status-build-row { margin-top: 4px; }
.auth-status-build-row--sub { opacity: .82; }
.auth-status-build-sha { color: var(--editor-ink, #ffffff); }
.auth-status-build a { color: var(--editor-accent-soft, #93c5fd); text-decoration: underline; }
.auth-status-build a:hover { color: var(--editor-ink, #ffffff); }