/* Icon font fallbacks */
/* Replace icon font with Unicode symbols or hide problematic icons */

/* Password visibility toggle icons */
.password-show-button:before,
.icon-view:before,
.icon-view-hidden:before {
  content: none !important;
}

/* Checkbox icons */
.penfed-fam-icon:before,
.ping-checkbox-container .icon:before {
  content: "" !important;
  display: inline-block !important;
  width: 22px !important;
  height: 22px !important;
  border: 1px solid #000000 !important;
  background: white !important;
  border-radius: 2px !important;
}

.ping-checkbox-container input:checked + .icon:before {
  content: "✓" !important;
  text-align: center !important;
  line-height: 20px !important;
  color: #037FB0 !important;
  font-weight: bold !important;
  border: 1px solid #037FB0 !important;
}

/* Common icons fallbacks */
.icon-search:before {
  content: "🔍" !important;
  font-family: system-ui, -apple-system, sans-serif !important;
}

.icon-close:before {
  content: "✕" !important;
  font-family: system-ui, -apple-system, sans-serif !important;
}

.icon-success:before,
.icon-check:before {
  content: "✓" !important;
  font-family: system-ui, -apple-system, sans-serif !important;
  color: #35c370 !important;
}

.icon-alert:before {
  content: "⚠" !important;
  font-family: system-ui, -apple-system, sans-serif !important;
  color: #f1ba1c !important;
}

/* General icon fallback */
[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: system-ui, -apple-system, sans-serif !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
}

/* Message styles for different types */
.ping-messages {
  margin-bottom: 20px;
}

.ping-error {
  background-color: #fef2f2;
  border: 1px solid #fecaca;
  color: #dc2626;
  padding: 12px 16px;
  border-radius: 4px;
  margin-bottom: 10px;
  font-size: 14px;
  line-height: 1.4;
}

.ping-warning {
  background-color: #fffbeb;
  border: 1px solid #fed7aa;
  color: #d97706;
  padding: 12px 16px;
  border-radius: 4px;
  margin-bottom: 10px;
  font-size: 14px;
  line-height: 1.4;
}

.ping-info {
  background-color: #eff6ff;
  border: 1px solid #bfdbfe;
  color: #2563eb;
  padding: 12px 16px;
  border-radius: 4px;
  margin-bottom: 10px;
  font-size: 14px;
  line-height: 1.4;
}