/* Стили для иконок вместо эмодзи */

.icon {
    display: inline-block;
    width: 24px;
    height: 24px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    vertical-align: middle;
    flex-shrink: 0;
}

/* Навигационные иконки */
.icon-profile {
    background-image: url('/static/icons/icon-profile.png');
}

.icon-stats {
    background-image: url('/static/icons/icon-stats.png');
}

.icon-bots {
    background-image: url('/static/icons/icon-bots.png');
}

.icon-logs {
    background-image: url('/static/icons/icon-logs.png');
}

.icon-payouts {
    background-image: url('/static/icons/icon-payouts.png');
}

.icon-otstuk {
    background-image: url('/static/icons/icon-otstuk.png');
}

.icon-admin {
    background-image: url('/static/icons/icon-admin.png');
}

/* Статусы */
.icon-success {
    background-image: url('/static/icons/icon-success.png');
    width: 20px;
    height: 20px;
}

.icon-error {
    background-image: url('/static/icons/icon-error.png');
    width: 20px;
    height: 20px;
}

.icon-pending {
    background-image: url('/static/icons/icon-pending.png');
    width: 20px;
    height: 20px;
}

.icon-warning {
    background-image: url('/static/icons/icon-warning.png');
    width: 20px;
    height: 20px;
}

/* Действия */
.icon-filter {
    background-image: url('/static/icons/icon-filter.png');
    width: 18px;
    height: 18px;
}

.icon-search {
    background-image: url('/static/icons/icon-search.png');
    width: 18px;
    height: 18px;
}

.icon-close {
    background-image: url('/static/icons/icon-close.png');
    width: 20px;
    height: 20px;
}

/* Информация */
.icon-info {
    background-image: url('/static/icons/icon-info.png');
    width: 20px;
    height: 20px;
}

.icon-calendar {
    background-image: url('/static/icons/icon-calendar.png');
    width: 18px;
    height: 18px;
}

.icon-bot {
    background-image: url('/static/icons/icon-bot.png');
    width: 20px;
    height: 20px;
}

.icon-money {
    background-image: url('/static/icons/icon-money.png');
    width: 20px;
    height: 20px;
}

.icon-user {
    background-image: url('/static/icons/icon-user.png');
    width: 20px;
    height: 20px;
}

.icon-chart {
    background-image: url('/static/icons/icon-chart.png');
    width: 20px;
    height: 20px;
}

.icon-arrow-left {
    background-image: url('/static/icons/icon-arrow-left.png');
    width: 16px;
    height: 16px;
}

.icon-arrow-right {
    background-image: url('/static/icons/icon-arrow-right.png');
    width: 16px;
    height: 16px;
}

.icon-add {
    background-image: url('/static/icons/icon-add.png');
    width: 20px;
    height: 20px;
}

.icon-broadcast {
    background-image: url('/static/icons/icon-broadcast.png');
    width: 20px;
    height: 20px;
}

.icon-phone {
    background-image: url('/static/icons/icon-phone.png');
    width: 20px;
    height: 20px;
}

.icon-star {
    background-image: url('/static/icons/icon-star.png');
    width: 20px;
    height: 20px;
}

.icon-shield {
    background-image: url('/static/icons/icon-shield.png');
    width: 20px;
    height: 20px;
}

.icon-theme {
    background-image: url('/static/icons/icon-theme.png');
    width: 20px;
    height: 20px;
}

.icon-link {
    background-image: url('/static/icons/icon-link.png');
    width: 20px;
    height: 20px;
}

.icon-copy {
    background-image: url('/static/icons/icon-copy.png');
    width: 20px;
    height: 20px;
}

.icon-refresh {
    background-image: url('/static/icons/icon-refresh.png');
    width: 20px;
    height: 20px;
}

/* Пустые состояния */
.empty-state-icon {
    width: 64px;
    height: 64px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin: 0 auto 1rem;
    opacity: 0.6;
}

.empty-state-icon.logs {
    background-image: url('/static/icons/icon-empty-logs.png');
}

.empty-state-icon.bots {
    background-image: url('/static/icons/icon-empty-bots.png');
}

.empty-state-icon.payouts {
    background-image: url('/static/icons/icon-empty-payouts.png');
}

/* Fallback для отсутствующих иконок - отключен, так как все иконки должны быть доступны */
/* Если иконка не загрузилась, она просто не отобразится */
.icon[data-emoji]::after {
    display: none !important;
}