/* Custom CSS for the entire application */
body {
    background-color: #f8f9fa;
}

.page {
    padding-top: 20px;
    padding-bottom: 20px;
}

.shadow-sm {
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
}

/* Sidebar Styles */
#sidebar-placeholder {
    width: 280px;
    flex-shrink: 0;
    position: sticky;
    top: 0;
    height: 100vh;
    background-color: #e9ecef;
    border-right: 1px solid #dee2e6;
}

.nav-link.active {
    background-color: #0d6efd;
    color: white !important;
}

/* Offcanvas custom styles for mobile */
.offcanvas-custom-width {
    width: 280px !important; 
}
@media (min-width: 992px) {
    .offcanvas-custom-width {
        width: 0 !important;
    }
}