/* Garantia extra: mesmo que o Tailwind (CDN) demore para carregar, elementos
   marcados como "hidden" não aparecem piscando na tela. */
.hidden {
  display: none !important;
}

body {
  font-family: "Poppins", sans-serif;
}

h1, h2, h3, .font-heading {
  font-family: "Quicksand", sans-serif;
}

/* Tela de login: gradiente na cor de marca "Confiança" (#222E40) */
.login-bg {
  background: linear-gradient(160deg, #2c3a50 0%, #222e40 45%, #19212e 100%);
}

/* Cabeçalho do app: mesmo gradiente da tela de login, para reforçar a identidade */
.app-header {
  background: linear-gradient(135deg, #263449 0%, #222e40 60%, #1b2431 100%);
}

.card {
  background: #ffffff;
  border-radius: 1rem;
  padding: 1.5rem;
  box-shadow: 0 1px 2px rgba(34, 46, 64, 0.06), 0 4px 12px rgba(34, 46, 64, 0.05);
  border: 1px solid #E7EBF0;
}

.btn-primary {
  background-color: #222E40;
  color: #fff;
  font-size: 0.875rem;
  font-weight: 500;
  padding: 0.6rem 1.25rem;
  border-radius: 999px;
  transition: background-color 0.15s;
}

.btn-primary:hover {
  background-color: #51606F;
}

.tab-btn {
  padding: 0.75rem 1rem;
  font-size: 0.875rem;
  font-weight: 500;
  color: #9498A5;
  border-bottom: 2px solid transparent;
  white-space: nowrap;
  background: transparent;
  transition: color 0.15s, border-color 0.15s;
}

.tab-btn:hover {
  color: #ffffff;
}

.tab-btn.active {
  color: #ffffff;
  border-bottom-color: #9498A5;
}

.day-toggle {
  padding: 0.5rem 1.1rem;
  border-radius: 999px;
  border: 1px solid #d7dce2;
  font-size: 0.875rem;
  cursor: pointer;
  user-select: none;
  color: #51606F;
  background: #fff;
  transition: background-color 0.15s, color 0.15s, border-color 0.15s;
}

.day-toggle:hover {
  border-color: #9498A5;
}

.day-toggle.active {
  background-color: #222E40;
  color: white;
  border-color: #222E40;
}