/* Custom Styles beyond Tailwind base */

/* Custom Scrollbar for Textareas */
textarea::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

textarea::-webkit-scrollbar-track {
    background: transparent;
}

textarea::-webkit-scrollbar-thumb {
    background-color: rgba(156, 163, 175, 0.5);
    /* gray-400 halfway */
    border-radius: 4px;
}

.dark textarea::-webkit-scrollbar-thumb {
    background-color: rgba(71, 85, 105, 0.7);
    /* slate-600 */
}

textarea::-webkit-scrollbar-thumb:hover {
    background-color: rgba(107, 114, 128, 0.8);
    /* gray-500 */
}

/* Checkbox specific accent override */
[type="checkbox"]:checked {
    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e");
}