/* 
 * Klinikheld Icon System - Saubere Implementation 
 * Verwendet moderne Unicode Symbole für beste Kompatibilität
 */

/* Icon Base Styles */
.icon {
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  font-size: 1.2em;
  vertical-align: -0.125em;
  width: 1.25em;
  text-align: center;
}

/* Icon Mappings - Unicode Emojis */
.icon-hospital {
  content: "🏥";
}
.icon-doctor {
  content: "👨‍⚕️";
}
.icon-clock {
  content: "⏰";
}
.icon-shield {
  content: "🛡️";
}
.icon-logout {
  content: "🚪";
}
.icon-chart {
  content: "📈";
}
.icon-plus {
  content: "➕";
}
.icon-edit {
  content: "✏️";
}
.icon-trash {
  content: "🗑️";
}
.icon-calendar {
  content: "📅";
}
.icon-check {
  content: "✅";
}
.icon-times {
  content: "❌";
}
.icon-eye {
  content: "👁️";
}
.icon-inbox {
  content: "📥";
}
.icon-envelope {
  content: "✉️";
}
.icon-lock {
  content: "🔒";
}

/* Als Pseudo-Element */
.icon:before {
  font-family: "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji",
    sans-serif;
}

.icon-hospital:before {
  content: "🏥";
}
.icon-doctor:before {
  content: "👨‍⚕️";
}
.icon-clock:before {
  content: "⏰";
}
.icon-shield:before {
  content: "🛡️";
}
.icon-logout:before {
  content: "🚪";
}
.icon-chart:before {
  content: "📈";
}
.icon-plus:before {
  content: "➕";
}
.icon-edit:before {
  content: "✏️";
}
.icon-trash:before {
  content: "🗑️";
}
.icon-calendar:before {
  content: "📅";
}
.icon-check:before {
  content: "✅";
}
.icon-times:before {
  content: "❌";
}
.icon-eye:before {
  content: "👁️";
}
.icon-inbox:before {
  content: "📥";
}
.icon-envelope:before {
  content: "✉️";
}
.icon-lock:before {
  content: "🔒";
}

/* Größen */
.icon-sm {
  font-size: 0.9em;
}
.icon-lg {
  font-size: 1.5em;
}
.icon-xl {
  font-size: 2em;
}

/* Abstände */
.icon-mr {
  margin-right: 0.5em;
}
.icon-ml {
  margin-left: 0.5em;
}

/* Spezielle Kontexte */
.stat-icon .icon,
.stat-icon .icon:before {
  font-size: 1.5em;
}

.btn .icon {
  margin-right: 0.5em;
}

.nav-btn .icon {
  margin-right: 0.75em;
}