/* Signal-Client — Minimal custom styles
   Most styling is handled via Tailwind CSS utility classes.
   This file is for edge cases and overrides only. */

/* Smooth scrolling on the main content area */
html {
    scroll-behavior: smooth;
}

/* Remove default focus outline, Tailwind focus:ring handles it */
*:focus {
    outline: none;
}

/* Custom scrollbar for sidebar and content */
::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

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

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

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

/* HTMX loading indicator */
.htmx-indicator {
    display: none;
}

.htmx-request .htmx-indicator {
    display: inline-flex;
}

.htmx-request.htmx-indicator {
    display: inline-flex;
}

/* Upload button: swap label ↔ spinner during HTMX request */
.upload-btn.htmx-request .upload-label {
    display: none;
}

.upload-btn.htmx-request .upload-spinner {
    display: inline-flex;
}

/* Disabled state for buttons during HTMX requests */
.upload-btn.htmx-request {
    opacity: 0.75;
    cursor: wait;
}