/* --- VERIFICATION CARD STATES --- */
/* This soft green signals a successful "Knowledge Check" */
.bg-success-soft {
    background-color: #f0fff4 !important;
    border: 2px solid #c6f6d5 !important;
}

/* --- TEXT EFFECTS --- */
/* Adds depth to the Voter's name against your blue gradient background */
#displayName {
    text-shadow: 0 2px 4px rgba(0,0,0,0.2);
}

/* --- PAGE SPECIFIC LAYOUT --- */
/* Ensures the verification cards have consistent internal spacing */
#statusSection .card {
    transition: all 0.3s ease;
}

/* Optional: Subtle pulse for the "Action Required" badges */
.badge.bg-warning {
    box-shadow: 0 0 0 0 rgba(241, 196, 15, 0.4);
    animation: pulse-warning 2s infinite;
}

@keyframes pulse-warning {
    0% { transform: scale(0.95); }
    70% { transform: scale(1); box-shadow: 0 0 0 10px rgba(241, 196, 15, 0); }
    100% { transform: scale(0.95); }
}