/* =========================================================
   Админка: комментарии — полный текст, без горизонтальной прокрутки
   Меняет только окно "Комментарии по работе портала".
   ========================================================= */

/* Окно комментариев шире примерно на 20% */
#adminPortalCommentsModal .admin-comments-box,
#adminPortalCommentsModal .report-modal-box {
    width: 1104px !important;
    max-width: 96vw !important;
}

/* Убираем горизонтальную прокрутку именно в окне комментариев */
#adminPortalCommentsModal .report-table-wrap,
#adminPortalCommentsModal .table-wrap {
    overflow-x: hidden !important;
    overflow-y: auto !important;
    max-height: calc(100vh - 210px) !important;
}

/* Таблица помещается в заданную ширину */
#adminPortalCommentsModal table {
    width: 100% !important;
    min-width: 0 !important;
    table-layout: fixed !important;
}

/* Компактные ширины колонок без статуса "Прочитано" */
#adminPortalCommentsModal th:nth-child(1),
#adminPortalCommentsModal td:nth-child(1) {
    width: 132px !important;
}

#adminPortalCommentsModal th:nth-child(2),
#adminPortalCommentsModal td:nth-child(2) {
    width: 105px !important;
}

#adminPortalCommentsModal th:nth-child(3),
#adminPortalCommentsModal td:nth-child(3) {
    width: 160px !important;
}

#adminPortalCommentsModal th:nth-child(4),
#adminPortalCommentsModal td:nth-child(4) {
    width: 90px !important;
}

#adminPortalCommentsModal th:nth-child(6),
#adminPortalCommentsModal td:nth-child(6) {
    width: 108px !important;
}

#adminPortalCommentsModal th:nth-child(7),
#adminPortalCommentsModal td:nth-child(7) {
    width: 70px !important;
    text-align: center !important;
}

/* Полный текст комментария внутри окна */
.portal-comment-full-cell {
    white-space: normal !important;
    word-break: break-word !important;
}

.portal-comment-full-text {
    display: block;
    width: 100%;
    max-height: none !important;

    white-space: pre-wrap !important;
    word-break: break-word !important;
    overflow-wrap: anywhere !important;

    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 10px;

    padding: 8px 10px;
    color: #111827;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.38;
}

/* Обработанные комментарии — внизу списка и более тусклые */
#adminPortalCommentsModal tr.portal-comment-done-row td {
    background: #f8fafc !important;
    color: #94a3b8 !important;
}

#adminPortalCommentsModal tr.portal-comment-done-row .portal-comment-full-text {
    background: #f3f4f6 !important;
    color: #94a3b8 !important;
    border-color: #e5e7eb !important;
    font-weight: 600 !important;
}

#adminPortalCommentsModal tr.portal-comment-done-row strong,
#adminPortalCommentsModal tr.portal-comment-done-row .portal-comment-priority {
    opacity: .55 !important;
}

#adminPortalCommentsModal tr.portal-comment-done-row td:first-child {
    border-left: 5px solid #16a34a !important;
}

/* Чекбокс и подпись компактно */
#adminPortalCommentsModal .portal-comment-done-cell {
    text-align: left !important;
}

#adminPortalCommentsModal .portal-comment-done-check {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    white-space: nowrap !important;
}

/* Мобильная версия */
@media (max-width: 950px) {
    #adminPortalCommentsModal .admin-comments-box,
    #adminPortalCommentsModal .report-modal-box {
        width: 100% !important;
        max-width: 100% !important;
    }

    #adminPortalCommentsModal .report-table-wrap,
    #adminPortalCommentsModal .table-wrap {
        overflow-x: hidden !important;
        max-height: calc(100vh - 180px) !important;
    }

    #adminPortalCommentsModal table {
        table-layout: auto !important;
    }

    #adminPortalCommentsModal th,
    #adminPortalCommentsModal td {
        width: auto !important;
    }

    .portal-comment-full-text {
        font-size: 13px !important;
        line-height: 1.4 !important;
    }
}