body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; }
.nav-item.active { background-color: rgb(67 56 202); color: white; }
.nav-item:hover { background-color: rgb(55 48 163); }
.kanban-card { cursor: grab; }
.kanban-card:active { cursor: grabbing; }
.kanban-card.dragging { opacity: 0.4; }
.kanban-col.drag-over { background-color: rgb(224 231 255); }
.modal-bg { background-color: rgba(15, 23, 42, 0.6); }
.scroll-thin::-webkit-scrollbar { width: 6px; height: 6px; }
.scroll-thin::-webkit-scrollbar-thumb { background: rgb(203 213 225); border-radius: 3px; }
.fade-in { animation: fadeIn 0.2s ease-in; }
@keyframes fadeIn { from { opacity: 0; transform: translateY(4px); } to { opacity: 1; transform: translateY(0); } }
.toggle-btn { background: rgb(241 245 249); color: rgb(71 85 105); }
.toggle-btn.active { background: rgb(67 56 202); color: white; }
.rich-editor { outline: none; line-height: 1.55; }
.rich-editor:focus { box-shadow: 0 0 0 3px rgb(199 210 254 / 0.5); border-color: rgb(99 102 241); }
.rich-editor[data-placeholder]:empty::before {
  content: attr(data-placeholder); color: rgb(148 163 184); pointer-events: none;
}
.rich-editor img { max-width: 100%; border-radius: 0.5rem; border: 1px solid rgb(226 232 240); margin: 0.75rem 0; display: block; }
.rich-editor .embedded-image { position: relative; display: inline-block; max-width: 100%; }
.rich-editor .embedded-image .remove-img {
  position: absolute; top: 0.25rem; right: 0.25rem;
  width: 1.5rem; height: 1.5rem; border-radius: 9999px;
  background: rgb(15 23 42 / 0.7); color: white;
  display: none; align-items: center; justify-content: center;
  cursor: pointer; font-size: 0.875rem; line-height: 1;
}
.rich-editor .embedded-image:hover .remove-img { display: flex; }
.composer-toolbar {
  display: flex; gap: 0.25rem; padding: 0.375rem 0.5rem;
  border-bottom: 1px solid rgb(226 232 240); background: rgb(248 250 252);
  border-top-left-radius: 0.5rem; border-top-right-radius: 0.5rem;
}
.composer-toolbar button {
  padding: 0.375rem 0.625rem; border-radius: 0.25rem;
  color: rgb(71 85 105); font-size: 0.75rem; min-width: 2rem;
}
.composer-toolbar button:hover { background: white; color: rgb(67 56 202); }
.toast-success { background: rgb(16 185 129); color: white; }
.toast-error { background: rgb(244 63 94); color: white; }