/* PageWorks site overrides */
[x-cloak] { display: none !important; }

.thumbnail-img {
    transition: transform 0.2s;
    cursor: pointer;
}
.thumbnail-img:hover {
    transform: scale(1.05);
}

.drop-zone.dragover {
    border-color: #3b82f6 !important;
    background-color: #eff6ff;
}

html.dark .drop-zone.dragover {
    background-color: #1e3a5f;
}

.scrollbar-thin {
    scrollbar-width: thin;
}

/* Dark mode form controls */
html.dark input,
html.dark select,
html.dark textarea {
    background-color: #1e293b;
    border-color: #475569;
    color: #e2e8f0;
}

html.dark input::placeholder,
html.dark textarea::placeholder {
    color: #64748b;
}

html.dark input[type="range"] {
    accent-color: #3b82f6;
}

/* Dark mode scrollbar */
html.dark * {
    scrollbar-color: #475569 #1e293b;
}

/* Dark mode label */
html.dark .label {
    color: #cbd5e1; /* slate-300 */
}