@import "tailwindcss";

/* Custom Form Validation Styles (is-invalid) */
.is-invalid {
  border-color: #f43f5e !important; /* rose-500 */
  background-color: #fff1f2 !important; /* rose-50 */
  color: #881337 !important;
}

.is-invalid:focus {
  outline: none !important;
  box-shadow: 0 0 0 2px rgba(244, 63, 94, 0.4) !important;
  border-color: #e11d48 !important;
}

.invalid-feedback {
  display: flex;
  items-center: center;
  gap: 0.25rem;
  margin-top: 0.35rem;
  font-size: 0.75rem; /* 12px */
  font-weight: 600;
  color: #e11d48; /* rose-600 */
}

/* Smooth GPU-Accelerated Camera Video Preview */
#product-form-reader video,
#embedded-pos-reader video,
#reader video {
  object-fit: cover !important;
  border-radius: 0.75rem !important;
  will-change: transform;
  transform: translateZ(0);
}

#product-form-reader,
#embedded-pos-reader,
#reader {
  border: none !important;
}

#product-form-reader img,
#embedded-pos-reader img,
#reader img {
  display: none !important;
}