:root {
  --jardim-primary: #32627d;
  --jardim-primary-light: #4a8ba8;
  --jardim-primary-dark: #1f4356;
  --jardim-bg: #f5f8fa;
  --jardim-bloqueante: #c0392b;
  --jardim-atencao: #e67e22;
  --jardim-liberado: #27ae60;
}

body {
  background-color: var(--jardim-bg);
}

.navbar-jardim {
  background-color: var(--jardim-primary-dark);
}

.navbar-jardim .navbar-brand,
.navbar-jardim .nav-link {
  color: #fff;
}

.navbar-jardim .nav-link.active,
.navbar-jardim .nav-link:hover {
  color: var(--jardim-primary-light);
}

.btn-jardim,
.btn-jardim:hover,
.btn-jardim:focus {
  background-color: var(--jardim-primary);
  border-color: var(--jardim-primary);
  color: #fff;
}

.btn-jardim:hover {
  background-color: var(--jardim-primary-dark);
  border-color: var(--jardim-primary-dark);
}

a {
  color: var(--jardim-primary);
}

.badge-bloqueante {
  background-color: var(--jardim-bloqueante);
  color: #fff;
}

.badge-atencao {
  background-color: var(--jardim-atencao);
  color: #fff;
}

.badge-liberado {
  background-color: var(--jardim-liberado);
  color: #fff;
}

.card-jardim-header {
  background-color: var(--jardim-primary);
  color: #fff;
}

/* Portal do paciente — mobile-first */
.portal-paciente {
  font-size: 17px;
}

.portal-paciente .btn,
.portal-paciente .form-control,
.portal-paciente .form-select,
.portal-paciente .form-check-input {
  min-height: 44px;
}

.portal-paciente .form-check-input {
  min-width: 24px;
  min-height: 24px;
}

.portal-paciente .cartao-pergunta {
  border: none;
  border-radius: 0.75rem;
  box-shadow: 0 1px 4px rgba(31, 67, 86, 0.15);
}

.portal-paciente .badge-criticidade-bloqueante {
  border-left: 4px solid var(--jardim-bloqueante);
}

.portal-paciente .badge-criticidade-atencao {
  border-left: 4px solid var(--jardim-atencao);
}

.whatsapp-bolha {
  background: #d9fdd3;
  border-radius: 0.75rem;
  padding: 0.75rem 1rem;
  white-space: pre-wrap;
  max-width: 420px;
  font-size: 0.95rem;
  position: relative;
}