/* ChangeBox Manager - Custom Styles */

[x-cloak] { display: none !important; }

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

/* Smooth transitions */
* { scroll-behavior: smooth; }

/* Table header sticky */
thead th { position: sticky; top: 0; z-index: 1; }

/* Code blocks direction */
code, .font-mono, [dir="ltr"] { direction: ltr; text-align: left; }

/* Input focus animation */
input:focus, textarea:focus, select:focus {
  outline: none;
  transition: border-color 0.2s, box-shadow 0.2s;
}

/* Card hover effect */
.group:hover { transform: translateY(-1px); transition: transform 0.2s ease; }

/* Checkbox custom */
input[type="checkbox"] {
  cursor: pointer;
}

/* Toast animation */
@keyframes slideIn {
  from { transform: translateX(-100%); opacity: 0; }
  to { transform: translateX(0); opacity: 1; }
}

/* Spinner */
@keyframes spin { to { transform: rotate(360deg); } }
.animate-spin { animation: spin 1s linear infinite; }

/* Selection */
::selection { background: #3b82f680; color: white; }

/* Print styles */
@media print {
  aside, header, button { display: none !important; }
  main { margin: 0 !important; }
}