/* DotsAutoScraper Dashboard - Custom Styles */

/* Log terminal */
.log-terminal {
  background: #0a0a0f;
  scrollbar-width: thin;
  scrollbar-color: #374151 transparent;
}

.log-terminal::-webkit-scrollbar {
  width: 6px;
}

.log-terminal::-webkit-scrollbar-track {
  background: transparent;
}

.log-terminal::-webkit-scrollbar-thumb {
  background: #374151;
  border-radius: 3px;
}

.log-line {
  white-space: pre-wrap;
  word-break: break-all;
}

/* Log level colors */
.log-level-info { color: #d1d5db; }
.log-level-warning { color: #fbbf24; }
.log-level-error { color: #f87171; }
.log-level-debug { color: #9ca3af; }

/* Status badge colors */
.status-pending { background: rgba(107, 114, 128, 0.15); color: #9ca3af; }
.status-running { background: rgba(234, 179, 8, 0.15); color: #facc15; }
.status-completed { background: rgba(34, 197, 94, 0.15); color: #4ade80; }
.status-failed { background: rgba(239, 68, 68, 0.15); color: #f87171; }

/* Smooth scrollbar for main body */
body {
  scrollbar-width: thin;
  scrollbar-color: #1f2937 transparent;
}

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

body::-webkit-scrollbar-track {
  background: transparent;
}

body::-webkit-scrollbar-thumb {
  background: #1f2937;
  border-radius: 4px;
}

/* Toggle switch transition */
button[class*="rounded-full"] span {
  transition: transform 150ms ease-in-out;
}

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

/* Responsive log viewer */
@media (max-width: 640px) {
  .log-terminal {
    font-size: 11px;
  }
}