/**
 * Zenithro Icons
 * Versão: 1.0.0
 * Data: 2025
 * 
 * Implementação de ícones baseados em Unicode para substituir o Font Awesome
 * com compatibilidade garantida com a Content Security Policy
 * 
 * Este arquivo foi criado pelo Cursor para resolver problemas de CSP 
 * ao carregar o Font Awesome de CDNs externos
 */

/* Classe de ícone base */
.zth-icon {
  font-family: sans-serif;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
}

/* Ícones específicos usando caracteres Unicode */
.zth-icon-bars::before {
  content: "\2630"; /* ☰ Símbolo de menu/hamburger */
}

.zth-icon-chevron-left::before {
  content: "\2039"; /* ‹ Símbolo de chevron esquerdo */
}

.zth-icon-chevron-down::before {
  content: "\25BC"; /* ▼ Símbolo de seta para baixo */
}

.zth-icon-chevron-right::before {
  content: "\203A"; /* › Símbolo de chevron direito */
}

.zth-icon-sign-out::before {
  content: "\21E5"; /* ⇥ Símbolo de sair */
}

.zth-icon-plus::before {
  content: "\002B"; /* + Símbolo de mais */
}

.zth-icon-microphone::before {
  content: "\1F399"; /* 🎙 Símbolo de microfone */
}

.zth-icon-paper-plane::before {
  content: "\27A4"; /* ➤ Símbolo de enviar */
}

.zth-icon-user::before {
  content: "\1F464"; /* 👤 Símbolo de usuário */
}

.zth-icon-info::before {
  content: "\2139"; /* ℹ Símbolo de informação */
}

.zth-icon-history::before {
  content: "\1F550"; /* 🕐 Símbolo de relógio/histórico */
}

.zth-icon-attach::before {
  content: "\1F4CE"; /* 📎 Símbolo de anexo */
}

.zth-icon-refresh::before {
  content: "\21BB"; /* ↻ Símbolo de atualizar */
}

/* Comentário adicionado pelo Cursor: Adicionados novos ícones para a página de login */
.zth-icon-lock::before {
  content: "\1F512"; /* 🔒 Símbolo de cadeado */
}

.zth-icon-eye::before {
  content: "\1F441"; /* 👁 Símbolo de olho */
}

.zth-icon-eye-slash::before {
  content: "\1F5FF"; /* 🗿 Símbolo alternativo para olho fechado */
}

.zth-icon-envelope::before {
  content: "\2709"; /* ✉ Símbolo de envelope */
}

.zth-icon-phone::before {
  content: "\260E"; /* ☎ Símbolo de telefone */
}

.zth-icon-sign-in::before {
  content: "\21E4"; /* ⇤ Símbolo de entrar */
}

/* Tamanhos de ícones */
.zth-icon-lg {
  font-size: 1.33333em;
  line-height: 0.75em;
  vertical-align: -0.0667em;
}

.zth-icon-2x {
  font-size: 2em;
}

.zth-icon-3x {
  font-size: 3em;
}

/* Animações */
@keyframes zth-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.zth-icon-spin {
  animation: zth-spin 2s infinite linear;
}

/* Cores de ícones */
.zth-icon-primary {
  color: #3498db;
}

.zth-icon-success {
  color: #2ecc71;
}

.zth-icon-danger {
  color: #e74c3c;
}

.zth-icon-warning {
  color: #f39c12;
}

.zth-icon-info {
  color: #3498db;
}

/* Transformações */
.zth-icon-rotate-90 {
  transform: rotate(90deg);
}

.zth-icon-rotate-180 {
  transform: rotate(180deg);
}

.zth-icon-rotate-270 {
  transform: rotate(270deg);
}

.zth-icon-flip-horizontal {
  transform: scale(-1, 1);
}

.zth-icon-flip-vertical {
  transform: scale(1, -1);
} 