.loader{
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(0, 0, 0, .1);
    border-radius: 0.6rem;
    z-index: 99;
    /* GPU acceleration for better performance */
    will-change: opacity;
    transform: translateZ(0);
}
.spin {
    animation: spin 0.8s linear infinite;
    vertical-align: middle;
    /* GPU acceleration */
    will-change: transform;
    transform: translateZ(0);
}

@keyframes spin {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}
.bg-selected{
    background-color: rgba(65, 150, 250, .2) !important;
}
.table-xs thead th{
    padding: .5rem 1rem !important;
}
.table-xs tbody td{
    padding: 0 1rem !important;
    vertical-align: middle !important;
}
.btn-primary:disabled{
    background-color: #004070 !important;
    border-color: #004070 !important;
    opacity: 0.6;
}
.no-sub:not(.active) a:hover {
    color: #004070 !important;
}
.form-label{
    margin-bottom: .2rem;
}

/* ==================== LOGS CSS ==================== */
/* Activity Log Icon Colors and Backgrounds */

/* Green - CREATE, LOGIN */
.text-green-600 {
    color: #16a34a;
}
.bg-green-50 {
    background-color: #f0fdf4;
}

/* Blue - UPDATE, EMAIL_SENT */
.text-blue-600 {
    color: #2563eb;
}
.bg-blue-50 {
    background-color: #eff6ff;
}

/* Red - DELETE, EMAIL_FAILED */
.text-red-600 {
    color: #dc2626;
}
.bg-red-50 {
    background-color: #fef2f2;
}

/* Gray - LOGOUT, NULL/Unknown */
.text-gray-600 {
    color: #4b5563;
}
.bg-gray-50 {
    background-color: #f9fafb;
}