/* Ajuste final dos cabecalhos cartoon, carregado depois dos temas auxiliares. */
#page-revisao > .page-header,
#page-revisao .rev-page-header,
#page-tempo > .page-header,
#page-cronograma > .page-header,
#page-config > .page-header,
#page-feedback > .page-header,
#page-admin > .page-header,
#page-banco > .page-header {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 18px !important;
  min-height: 126px !important;
  margin: 0 0 28px !important;
  padding: 22px 24px !important;
  overflow: hidden !important;
  color: var(--egg-ink) !important;
  background:
    radial-gradient(circle at 2px 2px, rgba(17, 17, 17, .10) 1px, transparent 1.6px) 0 0 / 14px 14px,
    linear-gradient(135deg, var(--egg-paper) 0%, #fff1ad 100%) !important;
  border: 5px solid var(--egg-line) !important;
  border-radius: 24px !important;
  box-shadow: 8px 8px 0 var(--egg-line) !important;
}

#page-revisao > .page-header::after,
#page-revisao .rev-page-header::after,
#page-tempo > .page-header::after,
#page-cronograma > .page-header::after,
#page-config > .page-header::after,
#page-feedback > .page-header::after,
#page-admin > .page-header::after,
#page-banco > .page-header::after {
  content: "" !important;
  position: absolute !important;
  right: -34px !important;
  bottom: -42px !important;
  width: 132px !important;
  height: 132px !important;
  background: var(--egg-yellow) !important;
  border: 5px solid var(--egg-line) !important;
  border-radius: 42% 58% 45% 55% / 58% 40% 60% 42% !important;
  transform: rotate(-12deg) !important;
  opacity: .55 !important;
  pointer-events: none !important;
}

#page-revisao > .page-header > *,
#page-revisao .rev-page-header > *,
#page-tempo > .page-header > *,
#page-cronograma > .page-header > *,
#page-config > .page-header > *,
#page-feedback > .page-header > *,
#page-admin > .page-header > *,
#page-banco > .page-header > * {
  position: relative !important;
  z-index: 1 !important;
}

#page-revisao :is(.page-title, .rev-page-header h1),
#page-tempo .page-title,
#page-cronograma .page-title,
#page-config .page-title,
#page-feedback .page-title,
#page-admin .page-title,
#page-banco .page-title {
  color: var(--egg-ink) !important;
  line-height: .95 !important;
  text-shadow: 3px 3px 0 #fff3b4, 5px 5px 0 rgba(17, 17, 17, .12) !important;
}

#page-revisao :is(.page-subtitle, .rev-page-header p),
#page-tempo .page-subtitle,
#page-cronograma .page-subtitle,
#page-config .page-subtitle,
#page-feedback .page-subtitle,
#page-admin .page-subtitle,
#page-banco .page-subtitle {
  color: var(--egg-muted) !important;
  font-weight: 900 !important;
}

html[data-palette="noite"] :is(
  #page-revisao > .page-header,
  #page-revisao .rev-page-header,
  #page-tempo > .page-header,
  #page-cronograma > .page-header,
  #page-config > .page-header,
  #page-feedback > .page-header,
  #page-admin > .page-header,
  #page-banco > .page-header
) {
  background:
    radial-gradient(circle at 2px 2px, rgba(255, 213, 74, .15) 1px, transparent 1.6px) 0 0 / 14px 14px,
    linear-gradient(135deg, #21170f 0%, #2d2115 100%) !important;
}

html[data-palette="noite"] :is(
  #page-revisao,
  #page-tempo,
  #page-cronograma,
  #page-config,
  #page-feedback,
  #page-admin,
  #page-banco
) .page-title {
  color: #fff7d6 !important;
  text-shadow: 2px 2px 0 #050505, 4px 4px 0 rgba(255, 213, 74, .16) !important;
}

@media (max-width: 760px) {
  #page-revisao > .page-header,
  #page-revisao .rev-page-header,
  #page-tempo > .page-header,
  #page-cronograma > .page-header,
  #page-config > .page-header,
  #page-feedback > .page-header,
  #page-admin > .page-header,
  #page-banco > .page-header {
    min-height: 112px !important;
    padding: 18px !important;
    flex-direction: column !important;
    align-items: stretch !important;
  }
}