html {
  scroll-behavior: smooth;
}

[x-cloak] {
  display: none !important;
}

input,
select,
textarea {
  transition-property: color, background-color, border-color, box-shadow;
  transition-duration: 150ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

body {
  font-family: 'Poppins', ui-sans-serif, system-ui, sans-serif;
}

/* Mirror the live camera preview so it feels like a mirror, not a recording. */
.camera-mirror {
  transform: scaleX(-1);
}

.signature-pad-canvas {
  touch-action: none;
  background-image: linear-gradient(#f8fafc, #f8fafc), repeating-linear-gradient(#e2e8f0 0 1px, transparent 1px 100%);
}

::-webkit-scrollbar {
  height: 8px;
  width: 8px;
}
::-webkit-scrollbar-thumb {
  background-color: #cbd5e1;
  border-radius: 9999px;
}

@media print {
  .no-print {
    display: none !important;
  }
  body {
    background: #fff !important;
  }
  .print-area {
    box-shadow: none !important;
    margin: 0 !important;
  }
}