/* Paleta neutra para FEL Flash wireframes */

:root {
  /* Fundo e textos */
  --bg-page: #EFEFEF;
  --text-main: #111827;
  --text-muted: #6B7280;

  /* Botões principais (CTA) */
  --btn-primary-bg: #111827;
  --btn-primary-bg-hover: #1F2937;
  --btn-primary-fg: #FFFFFF;

  /* Botões secundários / neutros */
  --btn-secondary-bg: #E5E7EB;
  --btn-secondary-bg-hover: #D1D5DB;
  --btn-secondary-fg: #111827;
}

body {
  font-family: 'Montserrat', sans-serif;
  background-color: var(--bg-page);
  color: var(--text-main);
}

/* Botão primário genérico (usar em CTAs principais) */
.btn-primary {
  background-color: transparent;
  color: var(--btn-primary-bg);
  border-radius: 9999px;
  border: 1px solid var(--btn-primary-bg);
  padding: 0.6rem 1.4rem;
  font-weight: 600;
  font-size: 0.9rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
}

.btn-primary:hover {
  background-color: var(--btn-primary-bg);
  color: #FFFFFF;
}

/* Botão neutro (Filtrar, Limpar, ações secundárias) */
.btn-secondary {
  background-color: transparent;
  color: var(--btn-secondary-fg);
  border-radius: 9999px;
  border: 1px solid var(--btn-secondary-bg-hover);
  padding: 0.6rem 1.4rem;
  font-weight: 500;
  font-size: 0.9rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
}

.btn-secondary:hover {
  background-color: var(--btn-secondary-bg);
}

/* Override das cores amarelas/azuis antigas para algo neutro escuro */
.bg-secpower-primary,
.bg-secpower-primary-dark {
  background-color: transparent !important;
  color: var(--btn-primary-bg) !important;
  border-radius: 9999px !important;
  border: 1px solid var(--btn-primary-bg) !important;
}

.bg-secpower-primary:hover,
.bg-secpower-primary-dark:hover {
  background-color: var(--btn-primary-bg) !important;
  color: #FFFFFF !important;
}

/* Chips como Load Shifting em tom neutro claro */
.chip-neutral {
  background-color: #E5E7EB;
  color: #374151;
  border-radius: 9999px;
  padding: 0.25rem 0.75rem;
  font-size: 0.7rem;
  font-weight: 600;
}

/* Etapas do wizard (nova simulação) */
.wizard-step {
  width: 2rem;
  height: 2rem;
  border-radius: 9999px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  font-size: 0.8rem;
}

.wizard-step-current {
  background-color: var(--btn-primary-bg);
  color: #FFFFFF;
}

.wizard-step-done {
  background-color: transparent;
  color: var(--btn-primary-bg);
  border: 2px solid var(--btn-primary-bg);
}

.wizard-step-pending {
  background-color: #E5E7EB;
  color: var(--text-muted);
}

/* Topbar — CSS partilhado entre todas as páginas (injetado por topbar.js) */
body { font-family: 'Inter', system-ui, sans-serif; background-color: #efefef; }

.nav-scroll {
  -webkit-overflow-scrolling: touch;
  scrollbar-width: thin;
  scrollbar-color: rgba(255,255,255,0.3) transparent;
}
.nav-scroll::-webkit-scrollbar { height: 4px; }
.nav-scroll::-webkit-scrollbar-thumb { background: rgba(255,255,255,0.35); border-radius: 9999px; }

.nav-scroll-dark::-webkit-scrollbar { height: 4px; }
.nav-scroll-dark::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 9999px; }

.sidebar-nav-scroll { max-height: min(70vh, 32rem); }

details.user-menu > summary { list-style: none; }
details.user-menu > summary::-webkit-details-marker { display: none; }
details.user-menu[open] summary .chevron-user { transform: rotate(180deg); }

.breadcrumb-sep { color: #9ca3af; -webkit-user-select: none; user-select: none; }

/* Topbar padrão entre telas */
.sp-top-link {
  padding: 0.375rem 0.75rem;
  border-radius: 9999px;
  color: #ffffff;
  transition: background-color .2s ease, color .2s ease;
}

.sp-top-link:hover {
  background: rgba(255, 255, 255, 0.12);
  color: #ffffff;
}

.sp-top-link-active {
  background: #ffffff;
  color: #111827;
  font-weight: 600;
}

.sp-top-link-active:hover {
  background: #ffffff;
  color: #111827;
}

.sp-top-link-logout {
  border: 1px solid rgba(255, 255, 255, 0.4);
}

.sp-top-link-logout:hover {
  background: #ffffff;
  color: #111827;
}