/* admin-shell.css — where the admin shell differs from the portal's
 * (spec-puzl-hub-rebrand.md P1c; mockup M5 in .omc/plans/mockup-puzl/).
 * Linked by admin/templates/base.html after portal-shell.css, which carries
 * the wordmark, the sign-in card and the inner-screen type rules both
 * surfaces share. Values come from tokens-admin.css.
 */

/* ── Top bar (M5): white, the wordmark with an "Admin" tag, Accounts and
 *    Users beside it, the bell and the operator's name at the right. ── */
.topnav { border-bottom: 1px solid var(--line); }
@media (min-width: 681px) {
  .topnav { padding: 0 32px; min-height: 60px; }
}
.admin-tag {
  margin-left: 4px;
  font-family: var(--font-body);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--ink-soft);
}
.topnav .nav-right > .nav-link {
  padding: 7px 12px;
  border-radius: var(--r-sm);
  font-size: 13px;
  font-weight: 600;
  color: var(--ink-soft);
}
.topnav .nav-right > .nav-link:hover { color: var(--ink); background: rgba(43,69,240,0.05); }
.topnav .nav-right > .nav-link[aria-current="page"] {
  color: var(--ink);
  background: rgba(43,69,240,0.08);
}
@media (min-width: 681px) {
  .topnav .nav-right { margin-left: 28px; column-gap: 12px; }
  .topnav .nav-right > .nav-link + .nav-link { margin-left: 0; }
}
.nav-bell { width: 32px; height: 32px; border-radius: 999px; }
.nav-account-menu { box-shadow: 0 10px 28px rgba(20,33,58,0.12); }

/* ── Page header (M5): a cobalt "/ accounts" eyebrow over the title. ── */
.pg { max-width: 1180px; }
.pg-eyebrow {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.1em;
  color: var(--cobalt);
}
.pg h1 { font-size: 24px; }

/* ── Accounts list (M5): the source pills' status chips — sage for ok, a
 *    pale red for err, the line grey for idle. Here rather than in
 *    accounts.html because a status class may be defined in one place only
 *    (tests/test_shared_status_classes.py). Scoped to .src-pill, so badges
 *    elsewhere keep components.css. ── */
.src-pill .badge {
  font-family: var(--font-body); font-size: 10px; font-weight: 700;
  letter-spacing: 0; text-transform: none;
  padding: 1px 6px; border: 0; border-radius: 999px;
}
.src-pill .badge-success { background: var(--sage); color: var(--ink); }
.src-pill .badge-error   { background: #F5D3CF; color: #7A2A20; }
.src-pill .badge-never   { background: var(--line); color: var(--ink-soft); }
.src-pill .badge-running { background: var(--accent-dim); color: var(--cobalt-deep); }

/* A secondary action that should not compete with the others (M5's
 * "Launch EMR"): line border, soft ink. */
.btn-quiet { color: var(--ink-soft); }
.btn-quiet:hover { color: var(--ink); }