/* Custom styles that Tailwind cannot handle */

/* Thai font */
body { font-family: 'Noto Sans Thai', 'Inter', system-ui, sans-serif; }

/* Workflow connector line */
.step-line { position: absolute; left: 15px; top: 32px; bottom: -8px; width: 2px; background: #e2e8f0; }
.step-line.done { background: #bbf7d0; }

/* Status pill dot */
.status-dot::before {
  content: '';
  display: inline-block;
  width: 6px; height: 6px;
  border-radius: 50%;
  background: currentColor;
  margin-right: 5px;
  opacity: 0.7;
  vertical-align: middle;
}

/* Toast animation */
@keyframes slideUp {
  from { transform: translateY(16px); opacity: 0; }
  to   { transform: translateY(0); opacity: 1; }
}
.toast-anim { animation: slideUp 0.2s ease; }

/* Table row hover */
.job-row:hover { background: #f5f3ff; cursor: pointer; }

/* Scrollbar */
::-webkit-scrollbar { width: 6px; height: 6px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 3px; }

/* Modal animation */
.modal.fade .modal-dialog { transform: translateY(-12px); }
.modal.show .modal-dialog  { transform: translateY(0); }