/* pin */
.modal-bottom-sheet .modal-dialog {
  position: fixed;
  bottom: 0;
  margin: 0;
  width: 100%;
}

.modal-bottom-sheet .modal-content {
  border-radius: 16px 16px 0 0;
}

.drag-indicator {
  width: 40px;
  height: 4px;
  background: #ccc;
  border-radius: 2px;
}

.pin-dot {
  display: flex;
  justify-content: center;
  gap: 12px;
}

.pin-dot span {
  width: 12px;
  height: 12px;
  background: #dee2e6;
  border-radius: 50%;
}

.pin-dot span.active {
  background: #28a745;
}

.pin-keypad {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
}

.pin-keypad button {
  height: 55px;
  font-size: 18px;
  border-radius: 10px;
  border: none;
  background: #f8f9fa;
}

.pin-keypad button:active {
  background: #e2e6ea;
}

#btnBiometrik.empty {
  visibility: hidden;
  /* tetap ambil space */
  pointer-events: none;
}