/* ==========================================================================
 * Admin sub-site shared styles.
 *
 * Loaded by /admin/* pages on top of ../css/style.css. The SPA
 * (web/index.html) does NOT load this file — it has its own scope inside
 * style.css. Keep selectors prefixed (`admin-`, `incident-` or page-local
 * prefixes like `tc-`/`onboard-`) so they never collide with SPA rules.
 *
 * Established the visual language for: incident list/detail, slack-config,
 * teams-config, teams-onboarding, plus the "← SPA に戻る" breadcrumb.
 * ========================================================================== */

/* Header tag inside the admin logo (e.g. "キリハレ <admin-tag>管理</admin-tag>"). */
.admin-tag {
  display: inline-block;
  margin-left: 6px;
  padding: 1px 8px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.06em;
  background: #2563eb;
  color: #fff;
  border-radius: 999px;
  vertical-align: middle;
}

/* Breadcrumb / "back to SPA" pill in the admin nav.
   Mirrors .nav-link--back-to-spa from style.css but slightly stronger so
   it stands out next to the other admin nav items. */
.nav-link.nav-link--back-to-spa {
  border: 1px solid var(--color-gray-200, #e5e7eb);
  background: var(--color-gray-50, #f9fafb);
  color: var(--color-gray-700, #374151);
}
.nav-link.nav-link--back-to-spa:hover {
  background: var(--color-gray-100, #f3f4f6);
  color: var(--color-primary, #2563eb);
}

/* Compact pagination footer used by /admin/incidents.html */
.incident-pager .btn {
  min-width: 64px;
}

/* On wide screens, give the admin nav slightly more breathing room so the
   first-time setup banner under it doesn't look cramped. */
@media (min-width: 992px) {
  .admin-tag {
    font-size: 12px;
  }
}