/* ── WhatBot — custom styles ────────────────────────────────────────── */

/* Dropzone overrides */
.dropzone {
    background: #f9fafb;
    min-height: 180px;
    border-radius: 0.75rem;
    transition: border-color 0.2s, background 0.2s;
}

.dropzone:hover,
.dropzone.dz-drag-hover {
    border-color: #3b82f6;
    background: #eff6ff;
}

.dropzone .dz-preview {
    margin: 12px;
}

.dropzone .dz-preview .dz-image {
    border-radius: 8px;
}

.dropzone .dz-preview .dz-error-message {
    font-size: 12px;
}

.dropzone .dz-preview .dz-success-mark svg,
.dropzone .dz-preview .dz-error-mark svg {
    width: 36px;
    height: 36px;
}

/* Query response area — preserve whitespace */
#query-response {
    white-space: pre-wrap;
    word-break: break-word;
    font-size: 0.9rem;
    line-height: 1.6;
}

/* Source list micro-interactions */
#sources-list li {
    border-left: 2px solid #e5e7eb;
    padding-left: 10px;
    transition: border-color 0.2s;
}

#sources-list li:hover {
    border-left-color: #3b82f6;
}

/* Status badge transitions */
#status-badge {
    transition: all 0.3s;
}

/* Scrollbar styling */
::-webkit-scrollbar {
    width: 6px;
}

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

::-webkit-scrollbar-thumb {
    background: #d1d5db;
    border-radius: 3px;
}

::-webkit-scrollbar-thumb:hover {
    background: #9ca3af;
}