/* Membatasi lebar aplikasi agar terlihat seperti HP di layar monitor */
.mobile-container {
  max-width: 480px;
  margin: 0 auto;
  background-color: #f8fafc;
  min-height: 100vh;
  position: relative;
  box-shadow: 0 0 15px rgba(0,0,0,0.1);
}

/* Area konten utama yang bisa discroll */
.content-area {
  padding-top: 70px; /* Ruang untuk Header */
  padding-bottom: 90px; /* Ruang untuk Bottom Tab */
  height: 100vh;
  overflow-y: auto;
}

/* Warna hijau khusus sesuai desain */
.text-custom-green {
  color: #047857;
}
.bg-custom-green {
  background-color: #047857;
}

/* Style untuk Item Navigasi Bottom Tab */
.nav-item-custom {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: 12px;
  color: #9ca3af;
  text-decoration: none;
}
.nav-item-custom.active {
  color: #047857;
  font-weight: 600;
}

/* Floating Button Kamera di Tengah */
.floating-btn {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background-color: #047857;
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 4px 6px rgba(0,0,0,0.1);
  position: relative;
  top: -25px; /* Menarik tombol ke atas agar menonjol */
  border: 4px solid #f8fafc; /* Border tebal sewarna background agar terlihat memotong tab */
}