/* DSJ Bills — custom CSS layered on top of Tailwind CDN.
 * Keep this minimal: only utilities that Tailwind doesn't cover by default.
 */

/* Alpine x-cloak hides elements until Alpine has hydrated. */
[x-cloak] { display: none !important; }

/* Status badges — uniform pill style. */
.badge {
  display: inline-block;
  padding: 0.125rem 0.625rem;
  border-radius: 9999px;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.25rem;
  white-space: nowrap;
}
.badge-pending {
  background-color: #fef9c3; /* yellow-100 */
  color: #854d0e;            /* yellow-800 */
}
.badge-success {
  background-color: #dcfce7; /* green-100 */
  color: #166534;            /* green-800 */
}
.badge-error {
  background-color: #fee2e2; /* red-100 */
  color: #991b1b;            /* red-800 */
}
.badge-cancelled {
  background-color: #f3f4f6; /* gray-100 */
  color: #4b5563;            /* gray-600 */
}

/* Drag-zone state for file upload. */
.drag-zone.dragging {
  border-color: #0284c7;
  background-color: #f0f9ff;
}

/* Print: hide nav + actions when printing a report. */
@media print {
  nav, footer, .no-print { display: none !important; }
  body { background: white; }
}