body {
  margin: 0;
  font-family: "Segoe UI", sans-serif;
  background-color: #0e0e0e;
  color: #f1f1f1;
  height: 100vh;
  display: flex;
  flex-direction: column;
}

header {
  background-color: #1e1e1e;
  padding: 16px 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #333;
  margin-left: 60px;
  transition: margin-left 0.3s ease;
}

.sidebar.open ~ header {
  margin-left: 250px;
}

header h2 {
  margin: 0;
  font-size: 1.5rem;
  display: flex;
  align-items: center;
  color: #f1f1f1;
}

header h2 i {
  margin-right: 10px;
}

.botoes-topo {
  display: flex;
  gap: 10px;
}

.btn-voltar {
  background-color: #555;
  color: #fff;
  padding: 8px 14px;
  border-radius: 4px;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-weight: 600;
  font-size: 14px;
  transition: background-color 0.3s ease;
}

.btn-voltar:hover {
  background-color: #0288d1;
}

main {
  flex: 1;
  overflow-y: auto;
  padding: 20px;
  margin-left: 60px;
  transition: margin-left 0.3s ease;
}

.sidebar.open ~ main {
  margin-left: 250px;
}

#poisAprovados, #poisPendentes {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-top: 10px;
}

.poi-card {
  background: linear-gradient(135deg, #1f2937, #111827);
  border-radius: 8px;
  padding: 12px 16px;
  color: #e0e7ff;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  margin-bottom: 10px;
  transition: background-color 0.3s ease;
}

.poi-card:hover {
  background-color: #273549;
}

.poi-info {
  display: flex;
  flex-direction: column;
  gap: 3px;
  max-width: 75%;
}

.poi-info h4 {
  font-size: 1rem;
  font-weight: 700;
  color: #38bdf8;
  margin: 0;
  text-transform: uppercase;
}

.poi-info p {
  font-size: 0.85rem;
  color: #a0aec0;
  margin: 0;
}

.poi-pendente {
  background: linear-gradient(135deg, #6a5c50, #716557);
}

.poi-pendente .poi-info h4 {
  color: #ffe7c3;
}

.poi-card button.ver-detalhes {
  border: none;
  padding: 6px 14px;
  border-radius: 6px;
  font-weight: 700;
  cursor: pointer;
  flex-shrink: 0;
  transition: background-color 0.3s ease;
}

.poi-card:not(.poi-pendente) button.ver-detalhes {
  background-color: #0288d1;
  color: white;
  box-shadow: 0 3px 10px rgba(2, 136, 209, 0.35);
}

.poi-card:not(.poi-pendente) button.ver-detalhes:hover {
  background-color: #0369a1;
  box-shadow: 0 5px 18px rgba(3, 105, 161, 0.6);
}

.poi-pendente button.ver-detalhes {
  background-color: #d18938;
  color: #2c1f00;
  box-shadow: none;
}

.poi-pendente button.ver-detalhes:hover {
  background-color: #b07020;
}

.pendentes-title {
  color: #d18938;
}

.aprovados-title {
  color: #38bdf8;
}