/* Comments Dark Mode Styles */

/* Comment table styles */
#commentsTable {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 20px;
}

#commentsTable th {
    padding: 10px 0;
    color: #2d3a4a;
    border-bottom: 1px solid #ddd;
}

.comment-row td {
    padding: 12px 0 5px 0;
}

.comment-content-row td {
    padding: 0 0 5px 0;
    border-bottom: 1px solid #eee;
}

.comment-content {
    padding: 10px 0;
    line-height: 1.6;
}

/* Dark mode table styles */
body.dark-mode #commentsTable th {
    color: #b3c6e0;
    border-bottom: 1px solid #3e4e63;
}

body.dark-mode .comment-content-row td {
    border-bottom: 1px solid #3e4e63;
}

body.dark-mode .comment-content {
    color: #b3c6e0;
}

/* Comment author/date styles */
.comment-author {
    font-weight: 600;
    color: #2d3a4a;
}

.comment-date {
    color: #888;
    font-size: 0.9rem;
}

body.dark-mode .comment-author {
    color: #b3c6e0;
}

body.dark-mode .comment-date {
    color: #8a9cb8;
}

/* Comment form styles */
body.dark-mode #commentsForm input, 
body.dark-mode #commentInput {
    background: #23272f;
    color: #e0e6ef;
    border: 1px solid #3e4e63;
}

/* Status message styles */
.message-success {
    background-color: #e8f5e9;
    color: #2e7d32;
}

.message-error {
    background-color: #ffebee;
    color: #c62828;
}

body.dark-mode .message-success {
    background-color: #1b3329;
    color: #81c784;
}

body.dark-mode .message-error {
    background-color: #3b1a1a;
    color: #ef5350;
}