/* Custom overrides on top of Tailwind — Copilot-style dark theme */

:root {
  --scrollbar-thumb: #313244;
  --scrollbar-track: #1e1e2e;
}

/* Scrollbars */
* {
  scrollbar-width: thin;
  scrollbar-color: var(--scrollbar-thumb) var(--scrollbar-track);
}
*::-webkit-scrollbar { width: 6px; height: 6px; }
*::-webkit-scrollbar-track { background: var(--scrollbar-track); }
*::-webkit-scrollbar-thumb { background: var(--scrollbar-thumb); border-radius: 3px; }
*::-webkit-scrollbar-thumb:hover { background: #45475a; }

/* Smooth selection highlight */
::selection { background: rgba(137, 180, 250, 0.3); }

/* Textarea — no resize handle */
textarea { resize: none; }

/* Pre block in document view */
#doc-content {
  user-select: text;
  cursor: text;
}

/* Inline popup fade-in */
#inline-popup {
  animation: fadeIn 120ms ease;
}
@keyframes fadeIn {
  from { opacity: 0; transform: scale(0.97) translateY(-4px); }
  to   { opacity: 1; transform: scale(1) translateY(0); }
}

/* Chat bubble animations */
#messages > div {
  animation: slideIn 150ms ease;
}
@keyframes slideIn {
  from { opacity: 0; transform: translateY(6px); }
  to   { opacity: 1; transform: translateY(0); }
}

/* Fix Tailwind's accent color for checkboxes */
input[type="checkbox"] {
  cursor: pointer;
  width: 14px;
  height: 14px;
}

/* Sidebar resize handle (visual only) */
#sidebar {
  transition: width 200ms ease;
}

/* Flash messages */
.flash-msg {
  animation: fadeIn 200ms ease, fadeOut 300ms 3700ms ease forwards;
}
@keyframes fadeOut {
  to { opacity: 0; transform: translateY(-8px); }
}

/* Remove default focus outline on editor mount */
#editor-mount:focus { outline: none; }