/*
 * laytime.css — minimal custom styles for Laytime Calculator
 * Tailwind CDN handles utilities; this file adds only what Tailwind can't.
 */

/* Animate progress bar fill */
#progress-bar {
  transition: width 0.5s ease-in-out;
}

/* Spinning loader for parsing page */
@keyframes spin {
  from { transform: rotate(0deg); }
  to   { transform: rotate(360deg); }
}
.animate-spin {
  animation: spin 1s linear infinite;
}

/* Clause tooltip — ensure it shows above all content */
.clause-hint {
  display: inline;
}

/* Ensure radio peer styles work via JS onclick */
input[type="radio"]:checked + div {
  border-color: #3b82f6;
  background-color: #eff6ff;
  color: #1d4ed8;
}

/* Drag-drop zone active highlight */
.dz-active {
  border-color: #3b82f6 !important;
  background-color: #eff6ff !important;
}

/* File item hover remove button */
.file-item:hover .remove-file {
  opacity: 1;
}
.remove-file {
  opacity: 0;
  transition: opacity 0.15s;
}