/* Custom minimal utilities beyond Tailwind CSS */

/* Custom scrollbar for textareas and panels */
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

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

::-webkit-scrollbar-thumb {
    background: #cbd5e1;
    border-radius: 4px;
}

.dark ::-webkit-scrollbar-thumb {
    background: #475569;
}

::-webkit-scrollbar-thumb:hover {
    background: #94a3b8;
}

.dark ::-webkit-scrollbar-thumb:hover {
    background: #64748b;
}

/* Modal Animations */
#doi-modal:not(.hidden) {
    opacity: 1;
}

#doi-modal:not(.hidden) > div {
    transform: scale(1);
}

/* Toast Animations */
#toast.show {
    transform: translateY(0);
    opacity: 1;
}

/* Log Panel List Items styling */
#log-list li {
    padding-left: 1rem;
    position: relative;
}

#log-list li::before {
    content: "•";
    position: absolute;
    left: 0;
    color: currentColor;
    opacity: 0.5;
}

.log-error { color: #ef4444; } /* red-500 */
.log-warn { color: #eab308; }  /* yellow-500 */
.log-info { color: #3b82f6; }  /* blue-500 */
.log-success { color: #22c55e; } /* green-500 */