/* estilo.css - Complementos ao Tailwind */

::-webkit-scrollbar { width: 8px; height: 8px; }
::-webkit-scrollbar-track { background: #f1f5f9; }
::-webkit-scrollbar-thumb { background: #93c5fd; border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background: #60a5fa; }

#sidebar { transition: transform 0.2s ease-in-out; }

.conta-paga { background-color: #f0fdf4 !important; }
.conta-paga:hover { background-color: #dcfce7 !important; }

.conta-vencida { background-color: #fef2f2 !important; }
.conta-vencida:hover { background-color: #fee2e2 !important; }

.modal-backdrop { background: rgba(15, 23, 42, 0.55); }

table input, table select { max-width: 100%; }

.spinner {
    border: 3px solid #dbeafe;
    border-top-color: #2563eb;
    border-radius: 50%;
    width: 28px; height: 28px;
    animation: spin 0.7s linear infinite;
}
@keyframes spin { to { transform: rotate(360deg); } }