/* CSS Base para todas as páginas do Painel */

/* Corrige sobreposição com menu de navegação fixo */
.painel-home-page,
.painel-faq-page,
.painel-settings-page,
.painel-downloads-page,
.painel-login-page,
.painel-logout-page,
.painel-doacoes-page,
.painel-galerias-page,
.painel-noticias-page,
.painel-banners-page,
.painel-tutoriais-page {
  /* Espaçamento padrão para evitar sobreposição com menu fixo */
  padding-top: calc(var(--navbar-height, 4.5rem) + var(--spacing-6));
}

@media (width >= 960px) {
  .painel-home-page,
  .painel-faq-page,
  .painel-settings-page,
  .painel-downloads-page,
  .painel-login-page,
  .painel-logout-page,
  .painel-doacoes-page,
  .painel-galerias-page,
  .painel-noticias-page,
  .painel-banners-page,
  .painel-tutoriais-page {
    /* No desktop, o menu tem margem top, então precisa de mais espaço */
    padding-top: calc(var(--navbar-height, 4.5rem) + var(--size-4) + var(--spacing-6));
  }
}

/* Estilo comum para headers do painel */
.painel-header {
  background: linear-gradient(135deg, var(--clr-brand-700) 0%, var(--clr-brand-600) 100%);
  border-radius: var(--radius-3);
  padding: var(--spacing-6) var(--spacing-4);
}

.painel-header__content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: var(--spacing-4);
}

.painel-header__info {
  flex: 1;
}

.painel-header__title {
  font-family: var(--heading-font);
  font-size: var(--heading-lg-size);
  font-weight: var(--heading-lg-weight);
  color: var(--clr-white);
  margin: 0;
}

.painel-header__subtitle {
  color: var(--clr-brand-200);
  margin: var(--spacing-1) 0 0 0;
  font-size: 0.875rem;
}

.painel-header__actions {
  display: flex;
  gap: var(--spacing-3);
  align-items: center;
}

/* Responsividade comum */
@media (width < 768px) {
  .painel-header__content {
    flex-direction: column;
    align-items: flex-start;
  }
}

/* Z-index para modais do painel */
.painel-modal {
  z-index: 50; /* Acima do menu de navegação */
}

/* Classe utilitária para garantir que elementos do painel fiquem acima do menu */
.painel-overlay {
  z-index: 45;
}