/* ========================================================
   ICONS.CSS — SVG выравнивание и размеры
   ======================================================== */

/* ========== ИКОНКИ ВНУТРИ ТЕКСТА ========== */
#postProcessMessage svg,
#editModeLabel svg,
.spell-panel-title svg {
    vertical-align: -3px;
    margin-right: 2px;
}
#stats svg {
    vertical-align: -3px;
    margin-right: 2px;
    width: 14px;
    height: 14px;
}
.error svg,
.success svg {
    vertical-align: -4px;
    margin-right: 3px;
}

/* ========== МОДАЛЬНОЕ ОКНО ========== */
#customModalIcon {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 28px;
}
#customModalIcon svg {
    display: block;
}

/* ========== КНОПКИ ========== */
button svg,
.btn svg {
    vertical-align: middle;
    flex-shrink: 0;
}

/* ========== АВАТАРЫ ЧАТА ========== */
.chat-msg-avatar {
    display: flex;
    align-items: center;
    justify-content: center;
}
.chat-msg-avatar svg {
    display: block;
}

/* ========== КНОПКИ ДЕЙСТВИЙ ЧАТА ========== */
.chat-msg-action-btn svg,
.chat-msg-bottom-btn svg {
    width: 14px !important;
    height: 14px !important;
    flex-shrink: 0;
    vertical-align: middle;
}

/* ========== КНОПКА КОПИРОВАНИЯ КОДА ========== */
.code-copy-btn svg {
    vertical-align: middle;
}

/* ========== МЕНЮ ЧАТА ========== */
.chat-item-menu-btn svg {
    vertical-align: middle;
}

/* ========== КНОПКА РАЗВЕРНУТЬ/СВЕРНУТЬ ========== */
.chat-msg-expand-btn svg {
    vertical-align: -2px;
    margin-right: 2px;
}

/* ========== ФАЙЛЫ В ПРЕВЬЮ ========== */
.chat-file-chip svg {
    vertical-align: -2px;
}

/* ========== САЙДБАР ЗАГОЛОВОК ========== */
.sidebar-header h3 svg {
    vertical-align: -4px;
    margin-right: 4px;
}

/* ========== ШАБЛОНЫ ========== */
.templates-block svg {
    vertical-align: -3px;
    margin-right: 2px;
}

/* ========== КНОПКА SEND — ЗЕРКАЛО ========== */
#chatSendBtn svg {
    transform: scaleX(-1);
}

/* ========== РАСШИРЕННЫЕ НАСТРОЙКИ ========== */
.advanced-section label svg,
.advanced-header svg,
.advanced-content .setting-item svg,
.advanced-content .param-group label svg {
    width: 13px;
    height: 13px;
    vertical-align: -2px;
    display: inline-block;
    flex-shrink: 0;
}
.advanced-header > span svg {
    width: 14px;
    height: 14px;
    vertical-align: -2px;
}

/* ========== ИКОНКА ПРИВЕТСТВИЯ ЧАТА ========== */
.chat-welcome-icon svg {
    width: 48px;
    height: 48px;
}

/* ========== ИКОНКИ ВОССТАНОВЛЕНИЯ ========== */
.restore-option svg {
    width: 20px;
    height: 20px;
    vertical-align: -4px;
    margin-right: 4px;
    color: #58a6ff;
}

/* ========== СПИКЕРЫ — КНОПКА ОЧИСТКИ ========== */
#speakerList .input-clear-btn {
    width: 18px !important;
    height: 18px !important;
    min-width: 18px !important;
    max-width: 18px !important;
    min-height: 18px !important;
    max-height: 18px !important;
    padding: 0 !important;
    border-radius: 50% !important;
    aspect-ratio: 1 / 1 !important;
    box-sizing: border-box !important;
}

/* ========================================================
   FLEX-ВЫРАВНИВАНИЕ — ЕДИНОЕ
   ======================================================== */

/* Кнопки */
.btn svg {
    vertical-align: middle;
    flex-shrink: 0;
}

/* Кнопка создания шаблона */
.atm-create-btn {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
}
.atm-create-btn svg {
    flex-shrink: 0;
}

/* Триггер правил */
.trigger-left {
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
}

/* Настройки */
.setting-item {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
}

/* Заголовки box-header */
.box-header {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
}

/* Модалка — заголовок */
.custom-modal-header {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
}

/* Табы */
.tab-btn {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
}

/* Тулбар toggle */
.toggle-item {
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
}

/* Расширенные настройки заголовок */
.advanced-header {
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
}

/* Сайдбар заголовок */
.sidebar-header h3 {
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
}

/* Панель орфографии заголовок */
.spell-panel-title {
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
}

/* Шаблоны чипы */
.template-chip-left {
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
}

/* Статистика */
#stats {
    display: none;
}
#stats.visible {
    display: flex !important;
    align-items: center !important;
    gap: 20px !important;
    flex-wrap: wrap;
}
#stats span {
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
    margin-right: 0 !important;
    white-space: nowrap;
}
#stats span[style*="display:none"],
#stats span:empty {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 0 !important;
    overflow: hidden !important;
}
/* Сообщения об ошибках/успехе */
.error, .success {
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
}

/* postProcessMessage */
#postProcessMessage {
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
}

/* ========================================================
   ЦЕНТРИРОВАНИЕ КНОПОК-ИКОНОК
   ======================================================== */

/* Кнопка ＋ (новый чат) */
.chat-sidebar-header .btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 28px;
    min-height: 28px;
    padding: 0 8px;
}

/* Крестик очистки в поиске чатов */
.chat-sidebar-search .input-clear-btn {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* Три точки — меню чата */
.chat-item-menu-btn {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 22px !important;
    height: 22px !important;
    min-width: 22px !important;
    padding: 0 !important;
    border-radius: 6px !important;
}

/* Карандаш — переименование чата */
.chat-rename-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 28px !important;
    height: 28px !important;
    min-width: 28px !important;
    padding: 0 !important;
}

/* Заголовок чата с карандашом */
.chat-header-left {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
}

/* Элемент чата — выравнивание */
.chat-item {
    display: flex !important;
    align-items: center !important;
}
.chat-item-info {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
}

/* Ввод чата — выравнивание */
.chat-input-wrap {
    align-items: flex-end !important;
}
.chat-input-left {
    align-self: flex-end;
    margin-bottom: 0px;
}
.chat-send-btn,
.chat-stop-btn {
    align-self: flex-end;
    margin-bottom: 6px;
}
/* ═══ Модалка переименования папки — стилизация поля ввода ═══ */
#renameFolderModal input[type="text"],
#renameFolderModal input:not([type]),
.modal input[type="text"],
.modal input:not([type]) {
    width: 100%;
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(139, 92, 246, 0.3);
    border-radius: 10px;
    color: #e6edf3;
    padding: 10px 14px;
    font-size: 14px;
    outline: none;
    transition: border-color 0.2s, box-shadow 0.2s;
}

#renameFolderModal input[type="text"]:focus,
#renameFolderModal input:not([type]):focus,
.modal input[type="text"]:focus,
.modal input:not([type]):focus {
    border-color: rgba(139, 92, 246, 0.6);
    box-shadow: 0 0 0 3px rgba(139, 92, 246, 0.15);
    outline: none;
}