/* ============================================
   SVG ИКОНКИ В СТИЛЕ LUCIDE
   Для Baza Asistent
   ============================================ */

/* Базовые стили для иконок */
.icon-svg {
    display: inline-block;
    width: 24px;
    height: 24px;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
    fill: none;
    vertical-align: middle;
}

.icon-svg-sm {
    width: 16px;
    height: 16px;
}

.icon-svg-md {
    width: 20px;
    height: 20px;
}

.icon-svg-lg {
    width: 28px;
    height: 28px;
}

.icon-svg-xl {
    width: 32px;
    height: 32px;
}

/* Специальные стили для аватаров */
.message-avatar .icon-svg {
    width: 24px;
    height: 24px;
}

/* Стили для иконок в заголовке */
.chat-header .icon-svg {
    width: 24px;
    height: 24px;
}

/* Стили для иконок в сайдбаре */
.sidebar .icon-svg {
    width: 20px;
    height: 20px;
}

/* Стили для иконок в кнопках */
.btn-new-chat .icon-svg {
    width: 20px;
    height: 20px;
}

.btn-send .icon-svg {
    width: 26px;
    height: 26px;
}

/* Стили для иконок источников */
.sources-title .icon-svg {
    width: 16px;
    height: 16px;
    stroke: #f59e0b;
}

/* Стили для иконок в истории чатов */
.chat-history-header .icon-svg {
    width: 14px;
    height: 14px;
}

/* Notification bell with fill */
.notification-bell .icon-svg {
    width: 28px;
    height: 28px;
    fill: rgba(245, 158, 11, 0.1);
}

/* Hover effects */
.icon-hover:hover .icon-svg {
    transform: scale(1.1);
    transition: transform 0.2s ease;
}

/* Rotating animation for refresh icon */
@keyframes rotate {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

.icon-rotate {
    animation: rotate 1s linear infinite;
}