@import "tailwindcss";

:root {
  color-scheme: light;
}

* {
  box-sizing: border-box;
}

body {
  margin: 0;
  min-height: 100vh;
  color: #0f172a;
  font-family: "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

body.modal-open {
  overflow: hidden;
}

.page-tab[data-active="true"] {
  border-color: #2563eb;
  background-color: #2563eb;
  color: #ffffff;
}

.page-tab[data-active="false"] {
  border-color: #d1d5db;
  background-color: #ffffff;
  color: #374151;
}

.page-tab[data-active="false"]:hover {
  background-color: #f9fafb;
}

.setup-step {
  border-color: #e5e7eb;
  background-color: #f9fafb;
  color: #6b7280;
}

.setup-step[data-state="active"] {
  border-color: #93c5fd;
  background-color: #eff6ff;
  color: #1d4ed8;
}

.setup-step[data-state="done"] {
  border-color: #86efac;
  background-color: #f0fdf4;
  color: #15803d;
}

.drop-zone {
  transition: border-color 0.18s ease, background-color 0.18s ease, transform 0.18s ease;
}

.drop-zone.dragover {
  border-color: #3b82f6;
  background-color: #eff6ff;
  transform: translateY(-2px);
}

.trust-modal.open {
  display: flex;
}

pre.log::-webkit-scrollbar {
  width: 10px;
}

pre.log::-webkit-scrollbar-thumb {
  border: 2px solid #f9fafb;
  border-radius: 999px;
  background: #9ca3af;
}
