/* Error page styling */
.empty-img .avatar {
    box-shadow: 0 0 0 4px rgba(var(--tblr-blue-rgb), 0.1);
    animation: pulse-blue 2s infinite;
}

@keyframes pulse-blue {
    0% { box-shadow: 0 0 0 4px rgba(var(--tblr-blue-rgb), 0.1); }
    50% { box-shadow: 0 0 0 8px rgba(var(--tblr-blue-rgb), 0.05); }
    100% { box-shadow: 0 0 0 4px rgba(var(--tblr-blue-rgb), 0.1); }
}

/* 403 Forbidden specific styling */
.empty-img .avatar.forbidden {
    box-shadow: 0 0 0 4px rgba(var(--tblr-red-rgb), 0.1);
    animation: pulse-red 2s infinite;
}

@keyframes pulse-red {
    0% { box-shadow: 0 0 0 4px rgba(var(--tblr-red-rgb), 0.1); }
    50% { box-shadow: 0 0 0 8px rgba(var(--tblr-red-rgb), 0.05); }
    100% { box-shadow: 0 0 0 4px rgba(var(--tblr-red-rgb), 0.1); }
}

.list-group-item {
    transition: all 0.2s ease;
    border: 1px solid var(--tblr-border-color);
}

.list-group-item:hover {
    background-color: var(--tblr-bg-surface-secondary);
    transform: translateX(4px);
}

.avatar.bg-warning-lt {
    background: linear-gradient(135deg, rgba(var(--tblr-warning-rgb), 0.1) 0%, rgba(var(--tblr-warning-rgb), 0.05) 100%);
}

.avatar.bg-info-lt {
    background: linear-gradient(135deg, rgba(var(--tblr-info-rgb), 0.1) 0%, rgba(var(--tblr-info-rgb), 0.05) 100%);
}

.avatar.bg-purple-lt {
    background: linear-gradient(135deg, rgba(var(--tblr-purple-rgb), 0.1) 0%, rgba(var(--tblr-purple-rgb), 0.05) 100%);
}

.card-link-pop {
    transition: all 0.2s ease;
}

.card-link-pop:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 25px rgba(0,0,0,0.1);
}

.card-link-pop .avatar {
    transition: all 0.2s ease;
}

.card-link-pop:hover .avatar {
    transform: scale(1.1);
}

.empty-title {
    font-size: 2rem;
    font-weight: 600;
    color: var(--tblr-body-color);
    margin-bottom: 0.5rem;
}

.empty-subtitle {
    font-size: 1.1rem;
    line-height: 1.5;
    margin-bottom: 2rem;
}

.alert-info {
    background: linear-gradient(135deg, rgba(var(--tblr-info-rgb), 0.1) 0%, rgba(var(--tblr-info-rgb), 0.05) 100%);
    border: 1px solid rgba(var(--tblr-info-rgb), 0.2);
}

.btn-primary {
    background: linear-gradient(135deg, var(--tblr-primary) 0%, #0054a6 100%);
    border: none;
    box-shadow: 0 2px 8px rgba(var(--tblr-primary-rgb), 0.3);
    transition: all 0.2s ease;
}

.btn-primary:hover {
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(var(--tblr-primary-rgb), 0.4);
}

.btn-outline-secondary:hover {
    transform: translateY(-1px);
}