/* Стили для контента постов форума */
/* Убираем конфликтующие стили с Tailwind Typography */

/* Ограничиваем ширину контента форума */
.forum-content {
    max-width: 95ch !important;
    overflow: hidden !important;
}

/* Простые стили для нумерованных списков */
.forum-content ol {
    padding-left: 0 !important;
    margin: 0.5rem 0 !important;
    list-style-position: inside !important;
    margin-left: 0 !important;
}

.forum-content ol li {
    margin: 0.25rem 0 !important;
    padding-left: 0 !important;
    word-wrap: break-word !important;
    overflow-wrap: break-word !important;
}

/* Маркированные списки */
.forum-content ul {
    padding-left: 1.5rem !important;
    margin: 0.5rem 0 !important;
}

.forum-content ul li {
    margin: 0.25rem 0 !important;
    word-wrap: break-word !important;
    overflow-wrap: break-word !important;
}

/* Стили для выравнивания текста в постах форума */
.forum-content .text-left {
    text-align: left !important;
}

.forum-content .text-center {
    text-align: center !important;
}

.forum-content .text-right {
    text-align: right !important;
}

.forum-content .text-justify {
    text-align: justify !important;
}

/* Переопределение для параграфов и блоков в постах форума */
.forum-content p.text-center,
.forum-content div.text-center,
.forum-content h1.text-center,
.forum-content h2.text-center,
.forum-content h3.text-center {
    text-align: center !important;
}

.forum-content p.text-right,
.forum-content div.text-right,
.forum-content h1.text-right,
.forum-content h2.text-right,
.forum-content h3.text-right {
    text-align: right !important;
}

.forum-content p.text-left,
.forum-content div.text-left,
.forum-content h1.text-left,
.forum-content h2.text-left,
.forum-content h3.text-left {
    text-align: left !important;
}

.forum-content p.text-justify,
.forum-content div.text-justify,
.forum-content h1.text-justify,
.forum-content h2.text-justify,
.forum-content h3.text-justify {
    text-align: justify !important;
}

/* Стили для inline стилей выравнивания */
.forum-content p[style*="text-align: center"],
.forum-content div[style*="text-align: center"],
.forum-content h1[style*="text-align: center"],
.forum-content h2[style*="text-align: center"],
.forum-content h3[style*="text-align: center"] {
    text-align: center !important;
}

.forum-content p[style*="text-align: right"],
.forum-content div[style*="text-align: right"],
.forum-content h1[style*="text-align: right"],
.forum-content h2[style*="text-align: right"],
.forum-content h3[style*="text-align: right"] {
    text-align: right !important;
}

.forum-content p[style*="text-align: left"],
.forum-content div[style*="text-align: left"],
.forum-content h1[style*="text-align: left"],
.forum-content h2[style*="text-align: left"],
.forum-content h3[style*="text-align: left"] {
    text-align: left !important;
}

.forum-content p[style*="text-align: justify"],
.forum-content div[style*="text-align: justify"],
.forum-content h1[style*="text-align: justify"],
.forum-content h2[style*="text-align: justify"],
.forum-content h3[style*="text-align: justify"] {
    text-align: justify !important;
}
.prose :where(tbody tr):not(:where([class~=not-prose],[class~=not-prose] *)) {
    border-bottom-width: 0px;
    border-bottom-color: var(--tw-prose-td-borders);
}

/* Стили для цитат в форуме - только специфичные для форума */
.forum-content blockquote {
    border-left: 4px solid #d1d5db !important;
    padding-left: 1rem !important;
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
    margin: 0.5rem 0 !important;
    font-style: italic !important;
    color: #6b7280 !important;
    background-color: #f9fafb !important;
    border-radius: 0.25rem !important;
}

.dark .forum-content blockquote {
    border-left-color: #4b5563 !important;
    color: #9ca3af !important;
    background-color: #1f2937 !important;
}

.forum-content blockquote .text-xs {
    font-size: 0.75rem !important;
    color: #6b7280 !important;
    margin-bottom: 0.25rem !important;
}

.dark .forum-content blockquote .text-xs {
    color: #9ca3af !important;
}

.forum-content blockquote .quote-text {
    color: #374151 !important;
    font-style: normal !important;
}

.dark .forum-content blockquote .quote-text {
    color: #d1d5db !important;
}

/* Стили для изображений в цитатах */
.forum-content blockquote .quote-text img {
    max-width: 100% !important;
    height: auto !important;
    border-radius: 0.5rem !important;
    margin: 0.5rem 0 !important;
    display: block !important;
}

.dark .forum-content blockquote .quote-text img {
    filter: brightness(0.9) !important;
}

/* Стили для inline изображений в цитатах */
.forum-content blockquote .quote-text img[style*="display: inline-block"] {
    display: inline-block !important;
    margin: 0 0.25rem !important;
    vertical-align: middle !important;
}

/* Стили для изображений в параграфах с выравниванием */
.forum-content p[style*="text-align: center"] img {
    display: inline-block !important;
    margin: 0 auto !important;
}

.forum-content p[style*="text-align: right"] img {
    display: inline-block !important;
    margin-left: auto !important;
    margin-right: 0 !important;
}

.forum-content p[style*="text-align: left"] img {
    display: inline-block !important;
    margin-left: 0 !important;
    margin-right: auto !important;
}

/* Для параграфов с классом выравнивания */
.forum-content p.text-center img {
    display: inline-block !important;
    margin: 0 auto !important;
}

.forum-content p.text-right img {
    display: inline-block !important;
    margin-left: auto !important;
    margin-right: 0 !important;
}

.forum-content p.text-left img {
    display: inline-block !important;
    margin-left: 0 !important;
    margin-right: auto !important;
}

/* Для параграфов с justify */
.forum-content p[style*="text-align: justify"] img {
    display: inline-block !important;
    margin: 0 !important;
}

/* Стили для таблиц (как в топ PvP) - только специфичные для форума */
.forum-content table {
    border-collapse: collapse !important;
    width: 100% !important;
    margin: 0 !important;
    table-layout: auto !important;
    background-color: #ffffff !important;
    border-radius: 0.125rem !important;
    border: none !important; /* Убираем внешнюю границу таблицы */
    overflow: hidden !important;
    min-width: 100% !important; /* Таблица занимает всю ширину контейнера */
    max-width: 100% !important; /* Ограничиваем максимальную ширину */
}

.dark .forum-content table {
    background-color: #1f2937 !important;
    border-color: #374151 !important;
}

.forum-content table th,
.forum-content table td {
    padding: 0.75rem 1rem !important;
    text-align: left !important;
    vertical-align: top !important;
    min-width: 120px !important; /* Минимальная ширина столбца */
    hyphens: auto !important; /* Автоматическая расстановка переносов */
}

.forum-content table th {
    background-color: #f9fafb !important;
    font-weight: 600 !important;
    font-size: 0.875rem !important;
    color: #6b7280 !important;
    border-top: none !important; /* Убираем верхнюю границу */
    border-bottom: none !important; /* Убираем нижнюю границу */
    border-left: none !important; /* Убираем левую границу */
    border-right: 1px solid #e5e7eb !important;
    max-width: none !important; /* Убираем ограничение максимальной ширины */
    word-wrap: break-word !important;
    overflow-wrap: break-word !important;
    margin-bottom: 0.25rem !important; /* Небольшой отступ снизу */
}

.forum-content table td {
    background-color: transparent !important;
    color: #374151 !important;
    border-top: none !important; /* Убираем верхнюю границу */
    border-bottom: 1px solid #e5e7eb !important;
    border-left: none !important; /* Убираем левую границу */
    border-right: 1px solid #e5e7eb !important;
    max-width: none !important; /* Убираем ограничение максимальной ширины */
    word-wrap: break-word !important;
    overflow-wrap: break-word !important;
}

.forum-content table tr:last-child td {
    border-bottom: none !important;
}

/* Убираем правую границу у последних ячеек в строке */
.forum-content table th:last-child,
.forum-content table td:last-child {
    border-right: none !important;
}

/* Закругленные углы для первого и последнего заголовка в строке */
.forum-content table th:first-child {
    border-top-left-radius: 0.5rem !important;
    border-bottom-left-radius: 0.5rem !important;
}

.forum-content table th:last-child {
    border-top-right-radius: 0.5rem !important;
    border-bottom-right-radius: 0.5rem !important;
}

/* Убираем правую границу у последних ячеек в строке для темной темы */
.dark .forum-content table th:last-child,
.dark .forum-content table td:last-child {
    border-right: none !important;
}

/* Закругленные углы для первого и последнего заголовка в строке (темная тема) */
.dark .forum-content table th:first-child {
    border-top-left-radius: 0.5rem !important;
    border-bottom-left-radius: 0.5rem !important;
}

.dark .forum-content table th:last-child {
    border-top-right-radius: 0.5rem !important;
    border-bottom-right-radius: 0.5rem !important;
}

.forum-content table tr:hover td {
    background-color: rgba(243, 244, 246, 0.5) !important;
}

/* Стили таблиц для темной темы (как в топ PvP) */
.dark .forum-content table th {
    background-color: #2b3545 !important;
    color: #d1d5db !important;
    border-top: none !important; /* Убираем верхнюю границу */
    border-bottom: none !important; /* Убираем нижнюю границу */
    border-left: none !important; /* Убираем левую границу */
    border-right-color: #4b5563 !important;
    max-width: none !important; /* Убираем ограничение максимальной ширины */
    word-wrap: break-word !important;
    overflow-wrap: break-word !important;
    margin-bottom: 0.25rem !important; /* Небольшой отступ снизу */
}

.dark .forum-content table td {
    background-color: transparent !important;
    color: #f9fafb !important;
    border-top: none !important; /* Убираем верхнюю границу */
    border-bottom-color: rgba(55, 65, 81, 0.3) !important;
    border-left: none !important; /* Убираем левую границу */
    border-right-color: rgba(55, 65, 81, 0.2) !important;
    max-width: none !important; /* Убираем ограничение максимальной ширины */
    word-wrap: break-word !important;
    overflow-wrap: break-word !important;
}

.dark .forum-content table tr:hover td {
    background-color: rgba(75, 85, 99, 0.3) !important;
}

/* Стили для таблиц с классом forum-table (созданных через нормализацию) */
.forum-content table.forum-table {
    background-color: #ffffff !important;
    border-radius: 0.125rem !important;
    border: none !important; /* Убираем внешнюю границу таблицы */
    overflow: hidden !important;
    min-width: 100% !important; /* Таблица занимает всю ширину контейнера */
}

.dark .forum-content table.forum-table {
    background-color: #1f2937 !important;
    border: none !important; /* Убираем внешнюю границу таблицы */
}

.dark .forum-content table.forum-table caption {
    background-color: #1f2937 !important;
    color: #f9fafb !important;
    border-bottom-color: #374151 !important;
}

.dark .forum-content table.forum-table th {
    background-color: #374151 !important;
    color: #d1d5db !important;
    border-top-color: #4b5563 !important;
    border-bottom-color: #4b5563 !important;
    border-left-color: #4b5563 !important;
    border-right-color: #4b5563 !important;
}

.dark .forum-content table.forum-table td {
    background-color: transparent !important;
    color: #f9fafb !important;
    border-bottom-color: rgba(55, 65, 81, 0.3) !important;
    border-left-color: rgba(55, 65, 81, 0.2) !important;
    border-right-color: rgba(55, 65, 81, 0.2) !important;
}

.dark .forum-content table.forum-table tr:hover td {
    background-color: rgba(75, 85, 99, 0.3) !important;
}

/* Стили для изображений в параграфах с выравниванием (темная тема) */
.dark .forum-content p[style*="text-align: center"] img {
    display: inline-block !important;
    margin: 0 auto !important;
}

.dark .forum-content p[style*="text-align: right"] img {
    display: inline-block !important;
    margin-left: auto !important;
    margin-right: 0 !important;
}

.dark .forum-content p[style*="text-align: left"] img {
    display: inline-block !important;
    margin-left: 0 !important;
    margin-right: auto !important;
}

.dark .forum-content p.text-center img {
    display: inline-block !important;
    margin: 0 auto !important;
}

.dark .forum-content p.text-right img {
    display: inline-block !important;
    margin-left: auto !important;
    margin-right: 0 !important;
}

.dark .forum-content p.text-left img {
    display: inline-block !important;
    margin-left: 0 !important;
    margin-right: auto !important;
}

.dark .forum-content p[style*="text-align: justify"] img {
    display: inline-block !important;
    margin: 0 !important;
}

/* Стили для inline изображений в форуме */
.forum-content img[style*="display: inline-block"] {
    display: inline-block !important;
    vertical-align: middle !important;
    margin: 0 0.25rem !important;
}

.forum-content img[style*="display: block"] {
    display: block !important;
    margin: 1rem 0 !important;
}

/* Стили для выравнивания изображений */
.forum-content .float-left {
    float: left !important;
    margin: 0 1rem 1rem 0 !important;
}

.forum-content .float-right {
    float: right !important;
    margin: 0 0 1rem 1rem !important;
}

.forum-content .mx-auto {
    margin-left: auto !important;
    margin-right: auto !important;
}

/* Общие стили для изображений в форуме */
.forum-content img {
    max-width: 100% !important;
    height: auto !important;
    border-radius: 0.5rem !important;
    transition: all 0.2s ease !important;
    vertical-align: middle !important;
}

/* Стили для изображений в темной теме */
.dark .forum-content img {
    filter: brightness(0.9) !important;
}

/* Стили для группы inline изображений */
.forum-content .inline-image-group {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 0.5rem !important;
    align-items: center !important;
    margin: 0.5rem 0 !important;
}

.forum-content .inline-image-group img {
    margin: 0 !important;
    flex-shrink: 0 !important;
}

/* Стили для выравнивания изображений в группах */
.forum-content .inline-image-group .float-left {
    float: none !important;
    margin: 0 !important;
}

.forum-content .inline-image-group .float-right {
    float: none !important;
    margin: 0 !important;
}

.forum-content .inline-image-group .mx-auto {
    margin: 0 !important;
}

/* Убираем границу у прочитанных тем - более специфичные селекторы */
.forum-entries article[data-is-read="true"],
body .forum-entries article[data-is-read="true"],
html body .forum-entries article[data-is-read="true"],
article[data-is-read="true"] {
    border-left: none !important;
    border-left-color: transparent !important;
    border-left-width: 0 !important;
}

.dark .forum-entries article[data-is-read="true"],
html.dark .forum-entries article[data-is-read="true"],
body.dark .forum-entries article[data-is-read="true"],
html.dark article[data-is-read="true"] {
    border-left: none !important;
    border-left-color: transparent !important;
    border-left-width: 0 !important;
}

/* Убираем границу у прочитанных тем - более специфичные селекторы */
body .forum-entries article[data-is-read="true"] {
    border-left: none !important;
}

body.dark .forum-entries article[data-is-read="true"] {
    border-left: none !important;
}

/* Убираем границу у прочитанных тем - для всех article элементов */
div[class*="forum-entries"] article[data-is-read="true"] {
    border-left: none !important;
}

html.dark div[class*="forum-entries"] article[data-is-read="true"] {
    border-left: none !important;
}

/* Убираем границу у прочитанных тем - для space-y-2 */
.space-y-2 article[data-is-read="true"] {
    border-left: none !important;
}

html.dark .space-y-2 article[data-is-read="true"] {
    border-left: none !important;
}

/* Убираем границу у прочитанных тем - универсально */
article[data-is-read="true"] {
    border-left: none !important;
}

html.dark article[data-is-read="true"] {
    border-left: none !important;
}

/* Стили для заголовков непрочитанных тем */
.forum-entries article:not([data-is-read="true"]) h2 {
    font-weight: 600 !important;
    color: #1f2937 !important;
}

.dark .forum-entries article:not([data-is-read="true"]) h2 {
    color: #f9fafb !important;
}

/* Стили для заголовков прочитанных тем */
.forum-entries article[data-is-read="true"] h2 {
    font-weight: 400 !important;
    color: #6b7280 !important;
}

.dark .forum-entries article[data-is-read="true"] h2 {
    color: #9ca3af !important;
}

/* Обеспечиваем горизонтальный скролл только для контейнеров таблиц */
.forum-content .overflow-x-auto {
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: thin !important;
    scrollbar-color: #d1d5db #f3f4f6 !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
    scroll-behavior: smooth !important;
    scroll-padding: 1rem !important;
    display: block !important;
}

.dark .forum-content .overflow-x-auto {
    scrollbar-color: #4b5563 #374151 !important;
}

/* Стили для скроллбара в WebKit браузерах */
.forum-content .overflow-x-auto::-webkit-scrollbar {
    height: 4px !important; /* Уменьшаем высоту скроллбара */
}

.forum-content .overflow-x-auto::-webkit-scrollbar-track {
    background: rgba(243, 244, 246, 0.3) !important; /* Делаем трек более прозрачным */
    border-radius: 4px !important;
}

.dark .forum-content .overflow-x-auto::-webkit-scrollbar-track {
    background: rgba(55, 65, 81, 0.3) !important; /* Делаем трек более прозрачным для темной темы */
}

.forum-content .overflow-x-auto::-webkit-scrollbar-thumb {
    background: rgba(209, 213, 219, 0.6) !important; /* Делаем скроллбар более прозрачным */
    border-radius: 4px !important;
}

.dark .forum-content .overflow-x-auto::-webkit-scrollbar-thumb {
    background: rgba(75, 85, 99, 0.6) !important; /* Делаем скроллбар более прозрачным для темной темы */
}

.forum-content .overflow-x-auto::-webkit-scrollbar-thumb:hover {
    background: #9ca3af !important;
}

.dark .forum-content .overflow-x-auto::-webkit-scrollbar-thumb:hover {
    background: #6b7280 !important;
}

.forum-content .overflow-x-auto table {
    min-width: 100% !important; /* Таблица занимает всю ширину контейнера */
    width: 100% !important; /* Таблица занимает всю ширину */
}

/* Стили для спойлеров в форуме (стиль аккордеона) */
.forum-content .forum-spoiler-container {
    margin: 1rem 0 !important;
}

.forum-content .forum-spoiler-button {
    width: 100% !important;
    padding: 0.5rem 0.75rem !important;
    border-radius: 0.5rem !important;
    border: 1px solid #e5e7eb !important;
    background-color: transparent !important;
    transition: all 0.2s ease !important;
    cursor: pointer !important;
    user-select: none !important;
    -webkit-user-select: none !important;
    -moz-user-select: none !important;
    -ms-user-select: none !important;
    position: relative !important;
}

/* Стрелка для свернутого спойлера */
.forum-content .forum-spoiler-button::after {
    content: "⤵" !important; /* U+02935 */
    position: absolute !important;
    right: 0.75rem !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    font-size: 1rem !important;
    color: #6b7280 !important;
    pointer-events: none !important;
    transition: all 0.2s ease !important;
}

/* Стрелка для развернутого спойлера */
.forum-content .forum-spoiler-container:has(.forum-spoiler-content.show) .forum-spoiler-button::after {
    content: "⤴" !important; /* U+02934 */
}

.forum-content .forum-spoiler-button:hover {
    background-color: rgba(0, 0, 0, 0.02) !important;
}

.forum-content .forum-spoiler-button [contenteditable="true"] {
    outline: none !important;
    border: none !important;
    background: transparent !important;
    min-height: 1.2em !important;
}

.forum-content .forum-spoiler-button [contenteditable="true"]:focus {
    outline: 2px solid #3b82f6 !important;
    outline-offset: 2px !important;
    border-radius: 4px !important;
}

/* Стили для кликабельного заголовка спойлера */
.forum-content .forum-spoiler-button [contenteditable="true"]:empty,
.forum-content .forum-spoiler-button [contenteditable="true"]:has-text("Спойлер") {
    cursor: pointer !important;
}

.forum-content .forum-spoiler-button [contenteditable="true"]:not(:empty):not(:has-text("Спойлер")) {
    cursor: text !important;
}


.forum-content .forum-spoiler-button .group:hover .text-gray-400 {
    color: #6b7280 !important;
}

.forum-content .forum-spoiler-button .group:hover .dark\\:text-gray-500 {
    color: #9ca3af !important;
}

/* CSS-ONLY подход: скрываем спойлеры по умолчанию БЕЗ JavaScript */
.forum-content .forum-spoiler-content {
    display: none !important;
    max-height: 0 !important;
    overflow: hidden !important;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
    opacity: 0 !important;
    transition: all 0.3s ease !important;
}

/* Показываем спойлер только при наличии класса .show */
.forum-content .forum-spoiler-content.show {
    display: block !important;
    max-height: 1000px !important;
    overflow: visible !important;
    padding: 1rem !important;
    margin: 0 !important;
    background-color: #ffffff !important;
    border: 1px solid #e5e7eb !important;
    border-top: none !important;
    border-radius: 0 0 0.5rem 0.5rem !important;
    opacity: 1 !important;
}

/* Стили для спойлера в редакторе */
.wysiwyg-editor .forum-spoiler-content {
    display: block !important;
    padding: 1rem !important;
    margin: 0 !important;
    background-color: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
    border-top: none !important;
    border-radius: 0 0 0.5rem 0.5rem !important;
}

.dark .wysiwyg-editor .forum-spoiler-content {
    background-color: #1e293b !important;
    border-color: #475569 !important;
}

/* Темная тема для открытых спойлеров */
.dark .forum-content .forum-spoiler-content.show {
    background-color: #1f2937 !important;
    border-color: rgba(75, 85, 99, 0.6) !important;
    color: #f9fafb !important;
}

/* Стили для спойлеров в темной теме */
.dark .forum-content .forum-spoiler-button {
    border-color: rgba(75, 85, 99, 0.6) !important;
    background-color: transparent !important;
}

.dark .forum-content .forum-spoiler-button:hover {
    background-color: rgba(255, 255, 255, 0.02) !important;
}

/* Стрелка для темной темы */
.dark .forum-content .forum-spoiler-button::after {
    color: #9ca3af !important;
}


.dark .forum-content .forum-spoiler-button [contenteditable="true"]:focus {
    outline-color: #60a5fa !important;
}

/* Стили для табов в форуме - новая структура */
.forum-content .forum-tabs-wrapper .flex.items-center.justify-between {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: thin !important;
    scrollbar-color: #d1d5db #f3f4f6 !important;
}

.dark .forum-content .forum-tabs-wrapper .flex.items-center.justify-between {
    scrollbar-color: #4b5563 #374151 !important;
}

/* Стили для скроллбара табов в постах */
.forum-content .forum-tabs-wrapper .flex.items-center.justify-between::-webkit-scrollbar {
    height: 4px !important;
}

.forum-content .forum-tabs-wrapper .flex.items-center.justify-between::-webkit-scrollbar-track {
    background: rgba(243, 244, 246, 0.3) !important;
    border-radius: 4px !important;
}

.dark .forum-content .forum-tabs-wrapper .flex.items-center.justify-between::-webkit-scrollbar-track {
    background: rgba(55, 65, 81, 0.3) !important;
}

.forum-content .forum-tabs-wrapper .flex.items-center.justify-between::-webkit-scrollbar-thumb {
    background: rgba(209, 213, 219, 0.6) !important;
    border-radius: 4px !important;
}

.dark .forum-content .forum-tabs-wrapper .flex.items-center.justify-between::-webkit-scrollbar-thumb {
    background: rgba(75, 85, 99, 0.6) !important;
}

.forum-content .forum-tabs-wrapper .flex.items-center.justify-between::-webkit-scrollbar-thumb:hover {
    background: #9ca3af !important;
}

.dark .forum-content .forum-tabs-wrapper .flex.items-center.justify-between::-webkit-scrollbar-thumb:hover {
    background: #6b7280 !important;
}

/* Обеспечиваем что табы в постах не сжимаются */
.forum-content .forum-tabs-wrapper .flex.items-center.justify-between > div:first-child {
    flex-shrink: 0 !important;
    min-width: max-content !important;
}

/* Скрываем кнопку "+" и кнопки удаления "×" в постах */
.forum-content .forum-tabs-wrapper .flex.items-center.justify-between > div:last-child {
    display: none !important;
}

.forum-content .tab-button span {
    display: none !important;
}

.forum-content .tab-button {
    transition: all 0.2s ease !important;
    border: none !important;
    outline: none !important;
    cursor: pointer !important;
    user-select: none !important;
    -webkit-user-select: none !important;
    -moz-user-select: none !important;
    -ms-user-select: none !important;
    flex-shrink: 0 !important;
    white-space: nowrap !important;
    min-width: max-content !important;
}

.forum-content .tab-button:hover {
    background-color: #f3f4f6 !important;
}

.dark .forum-content .tab-button:hover {
    background-color: #374151 !important;
}

.forum-content .tab-button.active {
    background-color: #ffffff !important;
    border-bottom: 2px solid #6366f1 !important;
    color: #4f46e5 !important;
}

.dark .forum-content .tab-button.active {
    background-color: #111827 !important;
    border-bottom-color: #818cf8 !important;
    color: #818cf8 !important;
}

.forum-content .tab-content {
    min-height: 1.5em !important;
}

.forum-content .tab-content.hidden {
    display: none !important;
    visibility: hidden !important;
}

.forum-content .tab-content.block {
    display: block !important;
    visibility: visible !important;
}

/* Стили для табов в редакторе */
.wysiwyg-editor .forum-tabs-wrapper {
    position: relative !important;
}

.wysiwyg-editor .forum-tabs-wrapper[contenteditable="false"] {
    user-select: none !important;
}

.wysiwyg-editor .forum-tabs-wrapper .flex.items-center.justify-between {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: thin !important;
    scrollbar-color: #d1d5db #f3f4f6 !important;
}

.dark .wysiwyg-editor .forum-tabs-wrapper .flex.items-center.justify-between {
    scrollbar-color: #4b5563 #374151 !important;
}

/* Стили для скроллбара табов в редакторе */
.wysiwyg-editor .forum-tabs-wrapper .flex.items-center.justify-between::-webkit-scrollbar {
    height: 4px !important;
}

.wysiwyg-editor .forum-tabs-wrapper .flex.items-center.justify-between::-webkit-scrollbar-track {
    background: rgba(243, 244, 246, 0.3) !important;
    border-radius: 4px !important;
}

.dark .wysiwyg-editor .forum-tabs-wrapper .flex.items-center.justify-between::-webkit-scrollbar-track {
    background: rgba(55, 65, 81, 0.3) !important;
}

.wysiwyg-editor .forum-tabs-wrapper .flex.items-center.justify-between::-webkit-scrollbar-thumb {
    background: rgba(209, 213, 219, 0.6) !important;
    border-radius: 4px !important;
}

.dark .wysiwyg-editor .forum-tabs-wrapper .flex.items-center.justify-between::-webkit-scrollbar-thumb {
    background: rgba(75, 85, 99, 0.6) !important;
}

.wysiwyg-editor .forum-tabs-wrapper .flex.items-center.justify-between::-webkit-scrollbar-thumb:hover {
    background: #9ca3af !important;
}

.dark .wysiwyg-editor .forum-tabs-wrapper .flex.items-center.justify-between::-webkit-scrollbar-thumb:hover {
    background: #6b7280 !important;
}

/* Обеспечиваем что табы не сжимаются */
.wysiwyg-editor .forum-tabs-wrapper .flex.items-center.justify-between > div:first-child {
    flex-shrink: 0 !important;
    min-width: max-content !important;
}

/* Кнопка добавления таба всегда видна */
.wysiwyg-editor .forum-tabs-wrapper .flex.items-center.justify-between > div:last-child {
    flex-shrink: 0 !important;
    margin-left: auto !important;
}

.wysiwyg-editor .tab-button {
    transition: all 0.2s ease !important;
    border: none !important;
    outline: none !important;
    cursor: pointer !important;
    user-select: none !important;
    -webkit-user-select: none !important;
    -moz-user-select: none !important;
    -ms-user-select: none !important;
    flex-shrink: 0 !important;
    white-space: nowrap !important;
    min-width: max-content !important;
}

.wysiwyg-editor .tab-button:hover {
    background-color: #f3f4f6 !important;
}

.dark .wysiwyg-editor .tab-button:hover {
    background-color: #374151 !important;
}

.wysiwyg-editor .tab-button.active {
    background-color: #ffffff !important;
    border-bottom: 2px solid #6366f1 !important;
    color: #4f46e5 !important;
}

.dark .wysiwyg-editor .tab-button.active {
    background-color: #111827 !important;
    border-bottom-color: #818cf8 !important;
    color: #818cf8 !important;
}

.wysiwyg-editor .tab-content {
    min-height: 1.5em !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 0.5rem !important;
    margin-top: 0.5rem !important;
    outline: none !important;
}

.wysiwyg-editor .tab-content[contenteditable="true"] {
    cursor: text !important;
}

.wysiwyg-editor .tab-content[contenteditable="true"]:focus {
    border-color: #3b82f6 !important;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1) !important;
}

.wysiwyg-editor .tab-content.hidden {
    display: none !important;
    visibility: hidden !important;
}

.wysiwyg-editor .tab-content.block {
    display: block !important;
    visibility: visible !important;
}

.dark .wysiwyg-editor .tab-content {
    border-color: #374151 !important;
}

.dark .wysiwyg-editor .tab-content[contenteditable="true"]:focus {
    border-color: #60a5fa !important;
    box-shadow: 0 0 0 3px rgba(96, 165, 250, 0.1) !important;
}


/* Отключаем только автоматическую подсветку :target, оставляем базовые стили поста */
[id^="post-"]:target {
    /* Убираем только подсветку, оставляем базовые стили поста */
}

/* Подсветка постов теперь управляется через JavaScript (как в ченжлоге) */

/* Предотвращаем расширение постов на мобильных устройствах при переходе по якорю */
@media (max-width: 768px) {
    [id^="post-"]:target {
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 1.25rem !important;
        padding-right: 1.25rem !important;
        width: auto !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }
    
    .dark [id^="post-"]:target {
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 1.25rem !important;
        padding-right: 1.25rem !important;
        width: auto !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }
}

/* Анимация для индикатора загрузки */
@keyframes spin {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

.animate-spin {
    animation: spin 1s linear infinite;
}

/* Стили для содержимого спойлеров */
.forum-content .forum-spoiler-content p {
    margin: 0.5rem 0 !important;
    color: inherit !important;
}

.forum-content .forum-spoiler-content p:first-child {
    margin-top: 0 !important;
}

.forum-content .forum-spoiler-content p:last-child {
    margin-bottom: 0 !important;
}

/* Стили для изображений в спойлерах */
.forum-content .forum-spoiler-content img {
    max-width: 100% !important;
    height: auto !important;
    border-radius: 0.375rem !important;
    margin: 0.5rem 0 !important;
}

/* Стили для ссылок в спойлерах */
.forum-content .forum-spoiler-content a {
    color: #3b82f6 !important;
    text-decoration: underline !important;
}

.forum-content .forum-spoiler-content a:hover {
    color: #1d4ed8 !important;
}

.dark .forum-content .forum-spoiler-content a {
    color: #60a5fa !important;
}

.dark .forum-content .forum-spoiler-content a:hover {
    color: #93c5fd !important;
}

/* Стили для списков в спойлерах */
.forum-content .forum-spoiler-content ul,
.forum-content .forum-spoiler-content ol {
    margin: 0.5rem 0 !important;
    padding-left: 1.5rem !important;
}

.forum-content .forum-spoiler-content li {
    margin: 0.25rem 0 !important;
}

/* Стили для цитат в спойлерах */
.forum-content .forum-spoiler-content blockquote {
    border-left: 4px solid #d1d5db !important;
    padding-left: 1rem !important;
    margin: 0.5rem 0 !important;
    font-style: italic !important;
    color: #6b7280 !important;
    background-color: #f9fafb !important;
    border-radius: 0.25rem !important;
}

.dark .forum-content .forum-spoiler-content blockquote {
    border-left-color: #4b5563 !important;
    color: #9ca3af !important;
    background-color: #1f2937 !important;
}