/*Write your custom css in this file.*/

/* CA CRM Custom Styles - Overflow Scrolling */

/* Sidebar scrolling */
.sidebar-scroll {
    overflow-y: auto;
    overflow-x: hidden;
    height: calc(100vh - 60px);
    max-height: calc(100vh - 60px);
}

.form-signin .card-header {
padding: 12px 50px;
}

/* Main content area scrolling */
.scrollable-page,
.main-scrollable-page {
    overflow-y: auto;
    overflow-x: hidden;
    height: calc(100vh - 60px);
    max-height: calc(100vh - 60px);
}

/* Page container scrolling */
.page-container {
    overflow-y: auto;
    overflow-x: hidden;
    height: 100vh;
    max-height: 100vh;
}

/* Data table scrolling */
.dataTables_wrapper {
    overflow-x: auto;
}

/* Modal content scrolling */
.modal-body {
    max-height: 70vh;
    overflow-y: auto;
}

/* Card content scrolling */
.card-body {
    max-height: 60vh;
    overflow-y: auto;
}

/* Form scrolling */
.form-container {
    max-height: 80vh;
    overflow-y: auto;
}

/* List scrolling */
.list-container {
    max-height: 50vh;
    overflow-y: auto;
}

/* Perfect scrollbar styling */
.ps__rail-y {
    background-color: #f1f1f1;
    border-radius: 4px;
}

.ps__thumb-y {
    background-color: #c1c1c1;
    border-radius: 4px;
}

.ps__thumb-y:hover {
    background-color: #a8a8a8;
}

/* CA CRM specific scrolling */
.ca-compliance-deadlines {
    max-height: 60vh;
    overflow-y: auto;
}

.ca-service-categories {
    max-height: 50vh;
    overflow-y: auto;
}

.client-list-container {
    max-height: 70vh;
    overflow-y: auto;
}

.project-tasks-container {
    max-height: 60vh;
    overflow-y: auto;
}

.invoice-items-container {
    max-height: 50vh;
    overflow-y: auto;
}

/* Responsive scrolling */
@media (max-width: 768px) {
    .sidebar-scroll {
        height: calc(100vh - 50px);
        max-height: calc(100vh - 50px);
    }
    
    .scrollable-page,
    .main-scrollable-page {
        height: calc(100vh - 50px);
        max-height: calc(100vh - 50px);
    }
    
    .page-container {
        height: calc(100vh - 50px);
        max-height: calc(100vh - 50px);
    }
}