/* Simple icon replacements using CSS */
.custom-icon {
    display: inline-block;
    width: 1em;
    height: 1em;
    text-align: center;
    line-height: 1;
}

.custom-icon-user::before { content: "👤"; }
.custom-icon-lock::before { content: "🔒"; }
.custom-icon-eye::before { content: "👁"; font-size: 0.9em; }
.custom-icon-signin::before { content: "➡️"; }
.custom-icon-warning::before { content: "⚠️"; }
.custom-icon-info::before { content: "ℹ️"; }
.custom-icon-arrow-left::before { content: "⬅️"; }
.custom-icon-spinner::before { content: "🔄"; }
.custom-icon-google::before { content: "🔵"; color: #db4437 !important; }
.custom-icon-facebook::before { content: "🔵"; color: #4267B2 !important; }
.custom-icon-shield::before { content: "🛡️"; }

/* Alternative text-based icons */
.text-icon-user::before { content: "U"; font-weight: bold; }
.text-icon-lock::before { content: "🔒"; }
.text-icon-eye::before { content: "👁"; }
.text-icon-signin::before { content: "→"; font-weight: bold; }
.text-icon-warning::before { content: "!"; font-weight: bold; color: #ffc107; }
.text-icon-info::before { content: "i"; font-weight: bold; color: #0dcaf0; }
.text-icon-arrow-left::before { content: "←"; font-weight: bold; }
.text-icon-spinner::before { content: "⟳"; animation: spin 1s linear infinite; }

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

/* Font fallback */
.icon-text-fallback {
    font-family: Arial, sans-serif;
    font-weight: bold;
    font-style: normal;
}