*, *::before, *::after {
  box-sizing: border-box;
}

/* Tiptap / ProseMirror editor content */
.tiptap p { margin: 0 0 8px; }
.tiptap p:last-child { margin-bottom: 0; }
.tiptap h2 { font-size: 16px; font-weight: 800; margin: 12px 0 6px; }
.tiptap h3 { font-size: 14px; font-weight: 700; margin: 10px 0 4px; }
.tiptap ul, .tiptap ol { padding-left: 20px; margin: 6px 0; }
.tiptap li { margin: 2px 0; }
.tiptap blockquote { border-left: 3px solid #ccc; margin: 8px 0; padding-left: 12px; color: #666; }
.tiptap strong { font-weight: 800; }
.tiptap em { font-style: italic; }

body {
  margin: 0;
  padding: 0;
}


@keyframes toast-slide-in {
  from { opacity: 0; transform: translateX(24px); }
  to   { opacity: 1; transform: translateX(0);    }
}

@keyframes spin {
  from { transform: rotate(0deg); }
  to   { transform: rotate(360deg); }
}

#root {
  width: 100%;
  height: 100%;
}

.tbl-scroll {
  overflow-x: scroll;
}

.tbl-scroll::-webkit-scrollbar {
  height: 5px;
}

.tbl-scroll::-webkit-scrollbar-track {
  background: #EEF1F8;
}

.tbl-scroll::-webkit-scrollbar-thumb {
  background: #DDE3F0;
  border-radius: 999px;
}

.tbl-scroll::-webkit-scrollbar-thumb:hover {
  background: #C49A28;
}