/*!
 * IKBase Icons - Lightweight icon system for Instant Knowledge Base
 * Uses Unicode symbols and CSS for icons
 */

.ikbase-icon {
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  font-family: "Segoe UI Symbol", "Segoe UI", Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Icon definitions using Unicode symbols */
.ikbase-icon-folder:before { content: "📁"; }
.ikbase-icon-support:before { content: "🆘"; }
.ikbase-icon-help:before { content: "❓"; }
.ikbase-icon-billing:before { content: "💳"; }
.ikbase-icon-payment:before { content: "💰"; }
.ikbase-icon-technical:before { content: "⚙️"; }
.ikbase-icon-tech:before { content: "🔧"; }
.ikbase-icon-account:before { content: "👤"; }
.ikbase-icon-user:before { content: "👤"; }
.ikbase-icon-profile:before { content: "👤"; }
.ikbase-icon-rocket:before { content: "🚀"; }
.ikbase-icon-setup:before { content: "🚀"; }
.ikbase-icon-getting-started:before { content: "🚀"; }
.ikbase-icon-feature:before { content: "⭐"; }
.ikbase-icon-advanced:before { content: "⭐"; }
.ikbase-icon-star:before { content: "⭐"; }
.ikbase-icon-campaign:before { content: "📢"; }
.ikbase-icon-marketing:before { content: "📢"; }
.ikbase-icon-bullhorn:before { content: "📢"; }
.ikbase-icon-content:before { content: "📝"; }
.ikbase-icon-management:before { content: "📝"; }
.ikbase-icon-edit:before { content: "📝"; }
.ikbase-icon-book:before { content: "📚"; }
.ikbase-icon-documentation:before { content: "📚"; }
.ikbase-icon-tools:before { content: "🛠️"; }
.ikbase-icon-settings:before { content: "⚙️"; }
.ikbase-icon-database:before { content: "🗄️"; }
.ikbase-icon-chart:before { content: "📊"; }
.ikbase-icon-analytics:before { content: "📊"; }
.ikbase-icon-security:before { content: "🔒"; }
.ikbase-icon-shield:before { content: "🛡️"; }
.ikbase-icon-graduation:before { content: "🎓"; }
.ikbase-icon-learning:before { content: "🎓"; }
.ikbase-icon-lightbulb:before { content: "💡"; }
.ikbase-icon-idea:before { content: "💡"; }
.ikbase-icon-comments:before { content: "💬"; }
.ikbase-icon-chat:before { content: "💬"; }
.ikbase-icon-file:before { content: "📄"; }
.ikbase-icon-document:before { content: "📄"; }

/* Alternative simple geometric icons using CSS shapes */
.ikbase-icon-simple {
  width: 20px;
  height: 20px;
  display: inline-block;
  position: relative;
  vertical-align: middle;
}

.ikbase-icon-simple.folder {
  background: currentColor;
  border-radius: 2px 2px 0 0;
}

.ikbase-icon-simple.folder:before {
  content: '';
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  height: 12px;
  background: currentColor;
  border-radius: 0 0 2px 2px;
}

.ikbase-icon-simple.circle {
  border-radius: 50%;
  border: 2px solid currentColor;
}

.ikbase-icon-simple.square {
  border: 2px solid currentColor;
  border-radius: 2px;
}

.ikbase-icon-simple.triangle {
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 17px solid currentColor;
}

.ikbase-icon-simple.diamond {
  transform: rotate(45deg);
  border: 2px solid currentColor;
  border-radius: 2px;
}