/* ===== RTL (арабский, иврит, фарси, урду) =====
   Активируется атрибутом <html dir="rtl">, который ставит applyDocDir() в logic.js.
   На десктопе flex-раскладка переворачивается сама; здесь - физические left/right. */

/* Двунаправленный текст: абзацы сообщений сами выбирают направление по первым буквам
   (арабский текст в русском интерфейсе тоже отображается справа налево). */
.message-content, .message-content p, .message-content li, .message-content blockquote,
.message-content h1, .message-content h2, .message-content h3, .message-content h4 {
    unicode-bidi: plaintext;
}

/* Код всегда слева направо */
html[dir="rtl"] pre, html[dir="rtl"] code, html[dir="rtl"] kbd, html[dir="rtl"] samp,
html[dir="rtl"] .hljs, html[dir="rtl"] .code-block, html[dir="rtl"] .code-header {
    direction: ltr;
    text-align: left;
    unicode-bidi: isolate;
}

/* Боковая панель: граница с другой стороны */
html[dir="rtl"] .sidebar {
    border-right: none !important;
    border-left: 1px solid rgba(212,175,55,0.2) !important;
}
html[dir="rtl"] body.desktop-sidebar-collapsed .sidebar { border-left: none !important; }

/* Мобильная шторка выезжает справа */
@media (max-width: 768px) {
    html[dir="rtl"] .sidebar {
        left: auto;
        right: -290px;
        transition: right 0.3s ease;
        box-shadow: -5px 0 30px rgba(0,0,0,0.5);
    }
    html[dir="rtl"] .sidebar.open { left: auto; right: 0; }
}
@media (min-width: 1024px) and (hover: none), (min-width: 1024px) and (pointer: coarse) {
    html[dir="rtl"] .sidebar {
        left: auto !important;
        right: -290px !important;
        transition: right 0.3s ease !important;
        box-shadow: -5px 0 30px rgba(0,0,0,0.5) !important;
    }
    html[dir="rtl"] .sidebar.open { left: auto !important; right: 0 !important; }
}

/* Кнопки и плавающие элементы */
html[dir="rtl"] .menu-toggle { left: auto; right: 12px; }
html[dir="rtl"] .sidebar-expand-btn { left: auto; right: 14px; }
html[dir="rtl"] .scroll-bottom-btn { right: auto; left: 20px; }
html[dir="rtl"] .topbar-dots-btn { right: auto; left: 16px; }
html[dir="rtl"] .magnifier-fab { right: auto; left: 16px; }
html[dir="rtl"] .ec-fab, html[dir="rtl"] .ec-panel { right: auto; left: 20px; }
html[dir="rtl"] .call-self-video { right: auto; left: 14px; }
html[dir="rtl"] .attached-image-chip .attached-file-chip-remove { right: auto; left: -6px; }
html[dir="rtl"] .agent-console-badge { right: auto; left: -6px; }
html[dir="rtl"] #docFormatCards .pres-style-check { right: auto; left: 8px; }
html[dir="rtl"] .search-chat-icon { left: auto; right: 12px; }
html[dir="rtl"] .pres-topic-icon { left: auto; right: 15px; }
html[dir="rtl"] .search-chat-wrapper .search-chat-input { padding-left: 12px !important; padding-right: 34px !important; }
html[dir="rtl"] .sidebar-collapse-btn { margin-left: 0; margin-right: auto; }
html[dir="rtl"] .sidebar-plan-badge { margin-left: 0; margin-right: 2px; }

/* Реакции на сообщениях */
html[dir="rtl"] .msg-reaction { left: auto; right: -8px; }
html[dir="rtl"] .message.other .msg-reaction { right: auto; left: -8px; }

/* Выпадающие меню */
html[dir="rtl"] .agent-newfile-dropdown { right: auto; left: 0; }
html[dir="rtl"] .agent-newfile-dropdown--bottom { left: auto; right: 0; }

/* Выравнивание текста */
html[dir="rtl"] .attach-sheet-item,
html[dir="rtl"] .user-menu-item,
html[dir="rtl"] .message-content th { text-align: start; }

/* Иконки перед текстом: отступ с нужной стороны */
html[dir="rtl"] button .fas, html[dir="rtl"] button .far, html[dir="rtl"] button .fab,
html[dir="rtl"] .icon-btn .fas, html[dir="rtl"] .icon-btn .far, html[dir="rtl"] .new-chat-btn .fas {
    margin-right: 0;
    margin-left: 6px;
}
html[dir="rtl"] .modal-title i, html[dir="rtl"] .css-modal-title i,
html[dir="rtl"] .modal-title .fas, html[dir="rtl"] .modal-title .far {
    margin-right: 0;
    margin-left: 8px;
}
html[dir="rtl"] .message-content i, html[dir="rtl"] .message-box i, html[dir="rtl"] .rate-limit-warning i {
    margin-right: 0;
    margin-left: 6px;
}
html[dir="rtl"] .speak-ai-msg-btn { margin-left: 0; margin-right: 8px; }
/* Стрелки "вперёд/назад" разворачиваем */
html[dir="rtl"] .fa-chevron-right, html[dir="rtl"] .fa-arrow-right, html[dir="rtl"] .fa-angle-right { transform: scaleX(-1); }