/* TixPro 1.2.57 — final compact heading lock.
   Loaded after app.css and overrides.css so the dashboard headers cannot
   fall back to the oversized production bundle styles. */

.admin-app {
  --tixpro-page-heading-size: clamp(22px, 1.55vw, 28px) !important;
  --tixpro-page-subtitle-size: 13px !important;
}

.admin-app[data-text-size="small"] {
  --tixpro-page-heading-size: clamp(19px, 1.25vw, 24px) !important;
  --tixpro-page-subtitle-size: 12px !important;
}

.admin-app[data-text-size="large"] {
  --tixpro-page-heading-size: clamp(24px, 1.8vw, 32px) !important;
  --tixpro-page-subtitle-size: 14px !important;
}

.admin-app .overview-welcome-card h2,
.admin-app .page-title h1,
.admin-app .page-heading-row h1,
.admin-app .page-heading-row h1.participant-list-title,
.admin-app .page-heading-row h1.campaign-page-title,
.admin-app .campaign-page-title,
.admin-app .report-hero .report-hero-scope,
.admin-app .report-hero-scope,
.admin-app .ticket-dashboard-view > h1,
.admin-app .ticket-dashboard-view .page-title h1 {
  display: inline-block !important;
  width: auto !important;
  max-width: min(100%, 760px) !important;
  margin: 0 !important;
  font-size: var(--tixpro-page-heading-size) !important;
  line-height: 1.15 !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
  white-space: normal !important;
}

.admin-app .overview-welcome-card h2 {
  display: block !important;
  max-width: 100% !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* 1.0.13 — cleaner welcome block without the eyebrow label. */
.admin-app .overview-welcome-card h2 {
  font-size: clamp(33px, 2.6vw, 46px) !important;
  line-height: 1.12 !important;
  margin: 0 0 13px !important;
}

.admin-app .overview-welcome-card p {
  margin-top: 0 !important;
}

.admin-app .page-title h1,
.admin-app .page-heading-row h1,
.admin-app .campaign-page-title,
.admin-app .ticket-dashboard-view > h1,
.admin-app .ticket-dashboard-view .page-title h1,
.admin-app .report-hero .report-hero-scope {
  padding: 7px 13px !important;
  border-radius: 12px !important;
}

.admin-app .overview-welcome-card {
  padding: 24px 30px !important;
}

.admin-app .report-hero .report-hero-scope {
  max-width: 340px !important;
}

/* 1.0.13 — participant page uses a single header glass frame without scope text. */
.admin-app .page-heading-row h1.participant-list-title {
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* 1.0.12 — remove long heading frames and keep compact rounded-square title badges. */
.admin-app .page-heading-row,
.admin-app .page-title,
.admin-app .report-hero {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

.admin-app .page-heading-row > div,
.admin-app .page-title > div,
.admin-app .report-hero-copy {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.admin-app .page-title h1,
.admin-app .page-heading-row h1,
.admin-app .page-heading-row h1.campaign-page-title,
.admin-app .campaign-page-title,
.admin-app .ticket-dashboard-view > h1,
.admin-app .ticket-dashboard-view .page-title h1,
.admin-app .report-hero .report-hero-scope {
  padding: 8px 14px !important;
  border-radius: 12px !important;
}

.admin-app .page-heading-row h1.participant-list-title {
  padding: 0 !important;
}

.admin-app .page-title p,
.admin-app .page-heading-row p,
.admin-app .overview-welcome-card p,
.admin-app .campaign-page-lead,
.admin-app .report-hero-copy p,
.admin-app .ticket-dashboard-view .page-title p {
  font-size: var(--tixpro-page-subtitle-size) !important;
  line-height: 1.45 !important;
}

@media (max-width: 720px) {
  .admin-app {
    --tixpro-page-heading-size: clamp(20px, 6vw, 25px) !important;
  }

  .admin-app .page-title h1,
  .admin-app .page-heading-row h1,
  .admin-app .campaign-page-title,
  .admin-app .ticket-dashboard-view > h1,
  .admin-app .ticket-dashboard-view .page-title h1,
  .admin-app .report-hero .report-hero-scope {
    padding: 6px 10px !important;
    border-radius: 10px !important;
  }
}

/* 1.0.14 — compact glass badges for participant headings and merged reports. */
.admin-app .page-heading-row h1.participant-list-title,
.admin-app .report-hero .report-hero-scope {
  display: inline-block !important;
  width: auto !important;
  max-width: min(100%, 760px) !important;
  padding: 8px 14px !important;
  border: 1px solid rgba(96, 166, 255, 0.42) !important;
  border-radius: 12px !important;
  color: #102018 !important;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.68), rgba(229, 244, 255, 0.42)),
    radial-gradient(circle at 14% 0%, rgba(47, 142, 255, 0.18), transparent 46%) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.68),
    0 16px 42px rgba(24, 86, 160, 0.12) !important;
  -webkit-backdrop-filter: blur(18px) saturate(145%) !important;
  backdrop-filter: blur(18px) saturate(145%) !important;
}

.admin-app[data-theme-mode="night"] .page-heading-row h1.participant-list-title,
.admin-app[data-theme-mode="night"] .report-hero .report-hero-scope {
  color: #f8fbff !important;
  border-color: rgba(102, 169, 255, 0.48) !important;
  background:
    linear-gradient(135deg, rgba(27, 58, 96, 0.74), rgba(16, 45, 78, 0.48)),
    radial-gradient(circle at 14% 0%, rgba(75, 155, 255, 0.22), transparent 48%) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.16),
    0 16px 38px rgba(0, 0, 0, 0.16) !important;
}

@media (max-width: 720px) {
  .admin-app .page-heading-row h1.participant-list-title,
  .admin-app .report-hero .report-hero-scope {
    padding: 6px 10px !important;
    border-radius: 10px !important;
  }
}

/* 1.0.17 — participant report heading uses title + smaller event scope. */
.admin-app .report-hero .report-hero-scope {
  display: inline-flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 4px !important;
  min-width: min(100%, 300px) !important;
}

.admin-app .report-hero .report-hero-scope > span {
  display: block !important;
  font: inherit !important;
  line-height: 1.1 !important;
}

.admin-app .report-hero .report-hero-scope > small {
  display: block !important;
  color: inherit !important;
  font-family: var(--tixpro-font-sans) !important;
  font-size: 0.78em !important;
  line-height: 1.18 !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
  opacity: 0.9 !important;
}

/* 1.0.19 — larger page titles and welcome heading. */
.admin-app {
  --tixpro-page-heading-size: clamp(26px, 1.9vw, 34px) !important;
}

.admin-app[data-text-size="small"] {
  --tixpro-page-heading-size: clamp(23px, 1.65vw, 30px) !important;
}

.admin-app[data-text-size="large"] {
  --tixpro-page-heading-size: clamp(30px, 2.2vw, 40px) !important;
}

.admin-app .overview-welcome-card h2 {
  font-size: clamp(37px, 2.9vw, 52px) !important;
  line-height: 1.1 !important;
}

@media (max-width: 720px) {
  .admin-app {
    --tixpro-page-heading-size: clamp(23px, 6.4vw, 30px) !important;
  }

  .admin-app .overview-welcome-card h2 {
    font-size: clamp(32px, 8vw, 42px) !important;
  }
}

/* 1.0.21 — square off page title glass frames and keep report title white at night. */
.admin-app .page-title h1,
.admin-app .page-heading-row h1,
.admin-app .page-heading-row h1.participant-list-title,
.admin-app .page-heading-row h1.campaign-page-title,
.admin-app .campaign-page-title,
.admin-app .ticket-dashboard-view > h1,
.admin-app .ticket-dashboard-view .page-title h1,
.admin-app .report-hero .report-hero-scope,
.admin-app .report-hero-scope {
  border-radius: 8px !important;
}

.admin-app[data-theme-mode="night"] .report-hero .report-hero-scope,
.admin-app[data-theme-mode="night"] .report-hero .report-hero-scope > span,
.admin-app[data-theme-mode="night"] .report-hero .report-hero-scope > small {
  color: #ffffff !important;
}

@media (max-width: 720px) {
  .admin-app .page-title h1,
  .admin-app .page-heading-row h1,
  .admin-app .page-heading-row h1.participant-list-title,
  .admin-app .page-heading-row h1.campaign-page-title,
  .admin-app .campaign-page-title,
  .admin-app .ticket-dashboard-view > h1,
  .admin-app .ticket-dashboard-view .page-title h1,
  .admin-app .report-hero .report-hero-scope,
  .admin-app .report-hero-scope {
    border-radius: 8px !important;
  }
}