body { 
    font-family: 'Sarabun', sans-serif; 
    -webkit-font-smoothing: antialiased; 
}
.has-tooltip { position: relative; }
.has-tooltip .tooltip-content {
    visibility: hidden; position: absolute; top: 130%; left: 50%;
    transform: translateX(-50%); background-color: #000; color: #fff;
    padding: 4px 8px; border-radius: 4px; font-size: 10px; white-space: nowrap;
    opacity: 0; transition: opacity 0.2s; z-index: 1000;
}
.has-tooltip:hover .tooltip-content { visibility: visible; opacity: 1; }

.dragging { opacity: 0.5; background-color: #f3f4f6; border: 1px dashed #9ca3af; }
.dark .dragging { background-color: #374151; border-color: #6b7280; }

[contenteditable]:empty:before {
    content: attr(placeholder);
    color: #9ca3af;
    pointer-events: none;
    display: block; 
}

/* Custom Scrollbar */
::-webkit-scrollbar { width: 6px; height: 6px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: #d1d5db; border-radius: 10px; }
.dark ::-webkit-scrollbar-thumb { background: #4b5563; }
::-webkit-scrollbar-thumb:hover { background: #9ca3af; }