/* Ocultar visualizações */
.hidden-view { 
    display: none !important; 
}

/* Timeline UI */ 
.timeline-line::before {
    content: '';
    position: absolute;
    /* Ajuste responsivo feito usando calc() para manter no centro da bolinha */
    left: 1.25rem; /* Centralizado para bolinha de 40px no mobile */
    top: 3.5rem;
    bottom: -1rem;
    width: 3px;
    background: #e2e8f0;
    border-radius: 4px;
    z-index: 0;
}

.timeline-item:last-child .timeline-line::before {
    display: none;
}

/* Scrollbar */
::-webkit-scrollbar { width: 8px; }
::-webkit-scrollbar-track { background: #150136; }
::-webkit-scrollbar-thumb { 
    background: #4A2B99; 
    border-radius: 8px; 
}
::-webkit-scrollbar-thumb:hover { background: #ffaa00; }

button:focus-visible, input:focus-visible {
    outline: 2px solid #ffdd00;
    outline-offset: 2px;
}

@media (min-width: 768px) {
    .timeline-line::before {
        left: 1.5rem; /* Centralizado para bolinha de 48px no desktop */
    }
}