/* css/icons.css — Font Awesome иконкаларын біріздендіру
   Барлық эмодзи FA иконкаларына ауыстырылды.
   Эмодзи тек «Кері байланыс» хабарламаларында қалды (пайдаланушы таңдайды). */

/* Батырма ішіндегі иконка мен мәтін аралығы */
.btn i.fa-solid,
.btn i.fa-regular,
.btn i.fa-brands {
  margin-right: 6px;
  font-size: .92em;
}

/* Тек иконкадан тұратын батырмаларда бос орын керек емес */
.btn.btn-icon-only i,
.btn i:only-child {
  margin-right: 0;
}

/* Кестедегі шағын әрекет батырмалары */
.btn-xs i,
.btn-sm i {
  font-size: .9em;
}

/* Бос күй (empty-state) иконкасы */
.empty-state-icon i {
  font-size: 42px;
  color: var(--text-light);
}

/* Жүктеу аймағы мен папка иконкалары */
.upload-zone-icon i {
  font-size: 30px;
  color: var(--primary);
}

.folder-icon i {
  font-size: 34px;
}

/* Тізім/карточка ішіндегі жол басындағы иконка */
.icon-lead {
  display: inline-block;
  width: 18px;
  text-align: center;
  margin-right: 6px;
  color: var(--text-muted);
}

/* Түсті нұсқалар */
.ic-primary { color: var(--primary); }
.ic-green   { color: var(--green);   }
.ic-amber   { color: var(--amber);   }
.ic-red     { color: var(--red);     }
.ic-purple  { color: var(--purple);  }
.ic-teal    { color: var(--teal);    }
.ic-muted   { color: var(--text-muted); }

/* Санат/рөл иконкалары үшін дөңгелек фон */
.icon-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  border-radius: 9px;
  font-size: 15px;
  flex-shrink: 0;
}

/* Ірі иконка (карточка тақырыбында) */
.icon-lg { font-size: 20px; }

/* CDN қолжетімсіз болса — иконкалар орнына бос орын қалмауы үшін */
i[class^="fa-"], i[class*=" fa-"] {
  min-width: 1em;
  line-height: 1;
}

/* Басып шығаруда иконкалар қажет емес */
@media print {
  .btn i, .icon-lead { display: none; }
}