/* =========================================================
   ChurchOps Admin (Minimal / Product-first)
   Scoped to admin pages only via body.is-admin
   ========================================================= */

body.is-admin {
  /* Keep admin pages calm and consistent */
  background: #f5f7fa;
}

/* ---------------------------------------------------------
   Sidebar brand/logo sizing (fix huge/cropped logo)
   Works whether the brand is img or inline svg
   --------------------------------------------------------- */
body.is-admin .top-nav .brand,
body.is-admin .top-nav .mk-brand,
body.is-admin .top-nav .nav-brand,
body.is-admin .top-nav .brand-wrap {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 8px;
  min-height: 52px;
  overflow: hidden;
}

/* The actual logo element(s) */
body.is-admin .top-nav .brand img,
body.is-admin .top-nav .mk-brand img,
body.is-admin .top-nav img.mk-logo,
body.is-admin .top-nav img.logo,
body.is-admin .top-nav img.nav-logo,
body.is-admin .top-nav .brand svg,
body.is-admin .top-nav .mk-brand svg,
body.is-admin .top-nav svg.mk-logo,
body.is-admin .top-nav svg.logo,
body.is-admin .top-nav svg.nav-logo {
  height: 32px;
  max-height: 32px;
  width: auto;
  max-width: 100%;
  display: block;
  object-fit: contain;
}

/* If your logo is inside an <a> in the brand area */
body.is-admin .top-nav .brand a,
body.is-admin .top-nav .mk-brand a {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  text-decoration: none;
}

/* If there’s a text wordmark beside the logo */
body.is-admin .top-nav .brand-name,
body.is-admin .top-nav .mk-brandtext {
  font-weight: 700;
  font-size: 14px;
  letter-spacing: 0.02em;
  color: #111827;
}

/* ---------------------------------------------------------
   Optional: keep admin content from feeling “too wide”
   --------------------------------------------------------- */
body.is-admin .page-container {
  max-width: 1120px;
}

/* ---------------------------------------------------------
   Optional: make admin tables/buttons feel tighter
   --------------------------------------------------------- */
body.is-admin .btn {
  border-radius: 999px;
}