/* Custom overrides that complement Tailwind. */
html { -webkit-text-size-adjust: 100%; }
body { font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; }
input, select, textarea, button { font: inherit; }

/* Subtle scroll for chips */
.no-scrollbar::-webkit-scrollbar { display: none; }
.no-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }

/* Status badge palette */
.badge-pending  { background:#fef3c7; color:#92400e; }
.badge-approved { background:#d1fae5; color:#065f46; }
.badge-rejected { background:#fee2e2; color:#991b1b; }

/* Spinner */
.spinner { width: 22px; height: 22px; border: 2.5px solid #e5e7eb; border-top-color:#059669; border-radius:50%; animation: sp 0.8s linear infinite; }
@keyframes sp { to { transform: rotate(360deg); } }

/* Modal dialog */
dialog.dialog { padding: 0; border: 0; background: transparent; max-width: 95vw; }
dialog.dialog::backdrop { background: rgba(15, 23, 42, .55); backdrop-filter: blur(2px); }
dialog.dialog .dialog-panel {
  width: min(420px, 95vw);
  background: #fff;
  border-radius: 18px;
  box-shadow: 0 24px 60px rgba(15, 23, 42, .25);
  overflow: hidden;
  animation: dlgIn .18s ease-out;
}
@keyframes dlgIn { from { transform: translateY(8px) scale(.98); opacity: 0; } to { transform: none; opacity: 1; } }