/* 
 * Scroll Lines Fix CSS - DentalSoft
 * Correcciones para barras de desplazamiento y líneas de scroll
 */

/* Estilo personalizado para barras de scroll */
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 4px;
}

::-webkit-scrollbar-thumb {
    background: linear-gradient(135deg, #007bff, #0056b3);
    border-radius: 4px;
    transition: background 0.3s ease;
}

::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(135deg, #0056b3, #004085);
}

/* Scroll suave para toda la página */
html {
    scroll-behavior: smooth;
}

/* Eliminar líneas de scroll molestas en elementos específicos */
.no-scrollbar {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.no-scrollbar::-webkit-scrollbar {
    display: none;
}

/* Mejorar scroll en modales */
.modal-body {
    scrollbar-width: thin;
    scrollbar-color: #007bff #f1f1f1;
}

/* Scroll en elementos de la aplicación */
.content-area,
.main-content {
    scrollbar-width: thin;
    scrollbar-color: #007bff #f8f9fa;
}

/* Corregir scroll horizontal innecesario */
body {
    overflow-x: hidden;
}

.container,
.container-fluid {
    overflow-x: hidden;
}

/* Evitar scroll horizontal en elementos de login */
.login-wrapper,
.login-panel,
.presentation-panel {
    overflow-x: hidden;
}

/* Scroll personalizado para área de logs */
.log-entry,
.file-list {
    scrollbar-width: thin;
    scrollbar-color: #28a745 #f8f9fa;
}

/* Mejorar scroll en tablas */
.table-responsive {
    scrollbar-width: thin;
    scrollbar-color: #007bff #f1f1f1;
}

.table-responsive::-webkit-scrollbar {
    height: 6px;
}

.table-responsive::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 3px;
}

.table-responsive::-webkit-scrollbar-thumb {
    background: #007bff;
    border-radius: 3px;
}
