@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap');

body {
  font-family: 'Plus Jakarta Sans', sans-serif;
  background-color: #f1f5f9;
  color: #0f172a;
  -webkit-tap-highlight-color: transparent;
}

.custom-scroll::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}
.custom-scroll::-webkit-scrollbar-track {
  background: transparent;
}
.custom-scroll::-webkit-scrollbar-thumb {
  background: #cbd5e1;
  border-radius: 9999px;
}

.no-scrollbar::-webkit-scrollbar {
  display: none;
}
.no-scrollbar {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.stage-badge-cari { background-color: #eff6ff; color: #1d4ed8; border-color: #bfdbfe; }
.stage-badge-jual { background-color: #f5f3ff; color: #6d28d9; border-color: #ddd6fe; }
.stage-badge-tutup { background-color: #ecfdf5; color: #047857; border-color: #a7f3d0; }

.nav-active {
  background-color: #0f172a;
  color: #ffffff !important;
  font-weight: 700;
}
.nav-active i {
  color: #38bdf8 !important;
}

.bottom-nav-active {
  color: #2563eb;
  font-weight: 700;
}

.pill-active {
  background-color: #0f172a;
  color: #ffffff;
  border-color: #0f172a;
  box-shadow: 0 2px 6px rgba(15, 23, 42, 0.18);
}

.privacy-blur {
  filter: blur(6px);
  user-select: none;
  transition: filter 0.25s ease;
}
.privacy-off .privacy-blur {
  filter: none;
  user-select: auto;
}

/* Smooth Bottom Sheet Animation */
.sheet-enter {
  transform: translateY(0%);
}
.sheet-leave {
  transform: translateY(100%);
}

input, select, textarea {
  font-size: 16px !important; /* Mencegah auto-zoom iOS Safari saat input disentuh */
}

/* ========================================================================== */
/* STANDAR SUDUT LENGKUNGAN MINIMALIS (CLEAN & MODERN ENTERPRISE UI)          */
/* Mengurangi kurvatur berlebih dari default Tailwind (16px-24px -> 6px-10px) */
/* ========================================================================== */

/* Modal & Bottom Sheet: Dari 24px (rounded-3xl) menjadi 12px minimalis */
.rounded-3xl {
  border-radius: 12px !important;
}
.rounded-t-3xl {
  border-top-left-radius: 12px !important;
  border-top-right-radius: 12px !important;
}
.rounded-b-3xl {
  border-bottom-left-radius: 12px !important;
  border-bottom-right-radius: 12px !important;
}

/* Tabel, Kartu, Panel, Container: Dari 16px (rounded-2xl) menjadi 8px minimalis */
.rounded-2xl {
  border-radius: 8px !important;
}
.rounded-t-2xl {
  border-top-left-radius: 8px !important;
  border-top-right-radius: 8px !important;
}
.rounded-b-2xl {
  border-bottom-left-radius: 8px !important;
  border-bottom-right-radius: 8px !important;
}

/* Tombol, Input, Form Field, Inner Table Items: Dari 12px (rounded-xl) menjadi 6px */
.rounded-xl {
  border-radius: 6px !important;
}
.rounded-t-xl {
  border-top-left-radius: 6px !important;
  border-top-right-radius: 6px !important;
}
.rounded-b-xl {
  border-bottom-left-radius: 6px !important;
  border-bottom-right-radius: 6px !important;
}

/* Badge & Indicator: 4px - 6px */
.rounded-lg {
  border-radius: 6px !important;
}
.rounded-md {
  border-radius: 4px !important;
}
.rounded {
  border-radius: 4px !important;
}


/* ANTI-COLLISION BADGE PADDING & MINIMALIST CORNERS */
.badge-anti-collision {
  padding: 4px 12px !important;
  min-width: 56px !important;
  box-sizing: border-box !important;
  white-space: nowrap !important;
  letter-spacing: normal !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* Prevent horizontal scroll on mobile viewports */
html, body {
  overflow-x: hidden !important;
  max-width: 100vw !important;
}