/* RCSpotter wordmark — shared across pilot, admin, club, auth pages */

.rcs-brand {
  display: inline-flex;
  align-items: center;
  line-height: 0;
  text-decoration: none;
  flex-shrink: 0;
}

.rcs-brand-logo {
  display: block;
  width: auto;
  height: var(--rcs-brand-h, 34px);
  max-width: min(220px, 58vw);
}

.rcs-brand--sm .rcs-brand-logo {
  height: var(--rcs-brand-h, 28px);
  max-width: min(180px, 52vw);
}

.rcs-brand--lg .rcs-brand-logo {
  height: var(--rcs-brand-h, 44px);
  max-width: min(260px, 70vw);
}

/* White pill behind wordmark on dark theme (non-field pilot pages, admin) */
[data-theme="dark"] .rcs-pilot-page:not(.rcs-pilot-field-page) .rcs-brand,
[data-theme="dark"] .admin-shell .rcs-brand {
  background: rgba(255, 255, 255, 0.96);
  border-radius: 8px;
  padding: 6px 10px 5px;
  box-shadow: 0 1px 10px rgba(0, 0, 0, 0.22);
}

[data-theme="dark"] .rcs-pilot-page:not(.rcs-pilot-field-page) .rcs-brand-logo,
[data-theme="dark"] .admin-shell .rcs-brand-logo {
  height: var(--rcs-brand-h, 32px);
}

/* White pill on hangar / map HUD header */
.rcs-brand--on-dark {
  background: rgba(255, 255, 255, 0.96);
  border-radius: 8px;
  padding: 6px 10px 5px;
  box-shadow: 0 2px 14px rgba(0, 0, 0, 0.35);
}

.rcs-brand--on-dark .rcs-brand-logo {
  height: var(--rcs-brand-h, 30px);
}

/* Page header: logo + section title */
.rcs-page-head {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
  min-width: 0;
}

.rcs-page-head--row {
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px 14px;
}

.rcs-page-title {
  margin: 0;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--rcs-muted);
}

.rcs-page-head--on-dark .rcs-page-title {
  color: rgba(245, 240, 232, 0.82);
  text-shadow: 0 2px 10px rgba(0, 0, 0, 0.55);
}

.rcs-page-head--on-dark .rcs-brand--on-dark {
  margin-bottom: 0;
}

/* Admin sidebar wordmark */
.admin-brand-link {
  display: block;
  margin-bottom: 10px;
  line-height: 0;
}

.admin-brand-link .rcs-brand-logo {
  height: 28px;
  max-width: 168px;
}

.admin-brand-badge {
  display: block;
  margin-top: 8px;
  font-size: 15px;
  font-weight: 800;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: var(--rcs-brand-red, #dd0206);
  line-height: 1.25;
}

/* Standalone auth / legal card logo */
.rcs-brand-hero-wrap {
  display: flex;
  justify-content: center;
  margin: 0 auto 20px;
}

.rcs-brand-hero-wrap .rcs-brand--on-dark {
  margin-bottom: 0;
}

.rcs-brand-hero {
  display: block;
  margin: 0 auto 20px;
  max-width: min(280px, 88vw);
  height: auto;
}