/* Custom Styles to work with Bootstrap */

/* Make sidebar sticky on large screens */
@media (min-width: 992px) {
    .page-wrapper {
        height: 100vh;
    }
    .offcanvas-lg {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        height: 100vh;
    }
}

/* Custom sidebar active link color */
.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    background-color: #0d6efd; /* Bootstrap Primary Blue */
}

/* Ping Spinner Animation (we keep this) */
.btn-ping .spinner {
    width: 16px;
    height: 16px;
    border: 2px solid var(--bs-primary);
    border-top-color: transparent;
    border-radius: 50%;
    display: none;
    animation: spin 0.8s linear infinite;
}
.btn-ping.loading .spinner { display: block; }
.btn-ping.loading .bi { display: none; }

@keyframes spin {
    to { transform: rotate(360deg); }
}

/* Login Page specific styles */
.login-body {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 100vh;
}