.font-xs {
    font-size: 0.5rem;
    vertical-align: middle;
}

.req-met {
    color: #198754 !important;
    font-weight: bold;
    transition: all 0.2s ease-in-out;
}

.req-met i {
    color: #198754 !important;
    animation: pw-check-bounce 0.3s ease-in-out;
}

@keyframes pw-check-bounce {
    0% { transform: scale(1); }
    50% { transform: scale(1.3); }
    100% { transform: scale(1); }
}

/* Fix für bessere Lesbarkeit von disabled Fields im Darkmode */
input:disabled {
    background-color: rgba(0, 0, 0, 0.05);
    cursor: not-allowed;
    opacity: 0.7;
}