/* ── Custom Styles for Nerot Platform ── */

/* Smooth scrolling */
html { scroll-behavior: smooth; }

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

/* Custom scrollbar */
::-webkit-scrollbar { width: 6px; height: 6px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: rgba(255,255,255,0.1); border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: rgba(255,255,255,0.2); }

/* Selection */
::selection { background: rgba(99,102,241,0.3); color: #fff; }

/* Focus visible */
*:focus-visible {
  outline: 2px solid rgba(99,102,241,0.5);
  outline-offset: 2px;
}

/* Fade in animation */
@keyframes fadeIn {
  from { opacity: 0; transform: translateY(8px); }
  to { opacity: 1; transform: translateY(0); }
}

.fade-in {
  animation: fadeIn 0.4s ease-out;
}

/* Flash message animation */
@keyframes slideDown {
  from { opacity: 0; transform: translateY(-10px); }
  to { opacity: 1; transform: translateY(0); }
}

.flash-msg {
  animation: slideDown 0.3s ease-out;
}

/* Table responsive helper */
.overflow-x-auto { -webkit-overflow-scrolling: touch; }

/* Form focus transitions */
input, textarea, select {
  transition: border-color 0.2s, box-shadow 0.2s;
}

/* Code blocks */
pre code {
  font-family: 'JetBrains Mono', 'Fira Code', monospace;
}