/* ==========================================================================
   Rustconfig Admin Panel - Custom Styles
   Most styling is handled by Tailwind CSS via CDN.
   This file covers scrollbars, terminal output, and transitions.
   ========================================================================== */

/* --- Custom Scrollbar (light theme) --- */

::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

::-webkit-scrollbar-track {
  background: #f9fafb;
}

::-webkit-scrollbar-thumb {
  background: #d1d5db;
  border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
  background: #9ca3af;
}

/* Firefox scrollbar */
* {
  scrollbar-width: thin;
  scrollbar-color: #d1d5db #f9fafb;
}

/* --- Terminal / Log Output --- */

.terminal-output {
  font-family: 'JetBrains Mono', 'Fira Code', 'Cascadia Code', monospace;
  font-size: 0.8125rem;
  line-height: 1.6;
  background: #1e1e2e;
  color: #a6adc8;
  padding: 1rem;
  border-radius: 0.5rem;
  overflow-x: auto;
  white-space: pre-wrap;
  word-break: break-all;
}

.terminal-output .log-info {
  color: #89dceb;
}

.terminal-output .log-warn {
  color: #f9e2af;
}

.terminal-output .log-error {
  color: #f38ba8;
}

.terminal-output .log-success {
  color: #a6e3a1;
}

/* --- Sidebar Transitions --- */

.sidebar-link {
  transition: background-color 0.2s ease, color 0.2s ease, padding-left 0.2s ease;
}

.sidebar-link:hover {
  padding-left: 1.25rem;
  background-color: rgba(79, 70, 229, 0.06);
  color: #4338ca;
}

.sidebar-link.active {
  background-color: rgba(79, 70, 229, 0.08);
  color: #4338ca;
  border-left: 3px solid #4f46e5;
}

/* --- Misc Utilities --- */

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

@keyframes fadeIn {
  from { opacity: 0; transform: translateY(4px); }
  to   { opacity: 1; transform: translateY(0); }
}