/* topbar.css — top bar (brand + status), extracted from the gen-2 PWA shell (share/release). */

.topbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 6px 0 14px;
  border-bottom: 1px solid var(--hairline);
}

/* mono brand lockup; .brand-dot is the accent slot (e.g. the cursor/dot) */
.brand { font-family: var(--mono); font-size: 14px; letter-spacing: .02em; color: var(--fg); }
.brand-dot { color: var(--orange); }

/* mono status text with ok/err modifiers */
.status { font-family: var(--mono); font-size: 11px; color: var(--faint); }
.status.ok { color: var(--success); }
.status.err { color: var(--danger); }

/* optional pill variant of the status (orange-bordered chip) */
.statuspill {
  font-family: var(--mono); font-size: 11px;
  color: var(--ember);
  border: 1px solid var(--orange-35);
  background: var(--orange-12);
  border-radius: 999px;
  padding: 3px 10px;
}