/* Arsela Time custom styles */
html {
  scroll-behavior: smooth;
}

body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Hide scrollbar but keep functionality */
.no-scrollbar::-webkit-scrollbar { display: none; }
.no-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }

/* Line clamp utilities */
.line-clamp-2 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* Table hover */
table tbody tr { transition: background-color 120ms ease; }

/* Toast */
#toast-container {
  position: fixed;
  top: 16px;
  right: 16px;
  z-index: 100;
  display: flex;
  flex-direction: column;
  gap: 8px;
  pointer-events: none;
}
.toast {
  pointer-events: auto;
  background: white;
  border: 1px solid #E2E8F0;
  border-left: 4px solid #00A4A6;
  border-radius: 6px;
  padding: 10px 14px;
  box-shadow: 0 10px 25px rgba(0,0,0,0.08);
  font-size: 14px;
  min-width: 240px;
  max-width: 380px;
  animation: toast-in 200ms ease;
}
.toast.error { border-left-color: #DC2626; }
.toast.success { border-left-color: #16A34A; }
.toast.warning { border-left-color: #F59E0B; }
@keyframes toast-in {
  from { opacity: 0; transform: translateX(20px); }
  to { opacity: 1; transform: translateX(0); }
}

/* Modal animation */
.modal-enter {
  animation: fade-in 150ms ease;
}
@keyframes fade-in {
  from { opacity: 0; }
  to { opacity: 1; }
}

/* Custom focus rings (Tailwind compat) */
input:focus, select:focus, textarea:focus {
  outline: none;
}

/* Print */
@media print {
  .no-print { display: none !important; }
}