.key-cell {
    padding: 12px 16px;
    font-size: 14px;
    line-height: 1.5;
    color: #1f2937;
    background: white;
    white-space: pre-wrap;
    word-break: break-word;
    width: 300px;
    min-width: 300px;
    max-width: 300px;
    position: sticky;
    left: 0;
    z-index: 20;
}

.comment-cell {
    padding: 12px 16px;
    font-size: 14px;
    line-height: 1.5;
    color: #1f2937;
    background: white;
    white-space: pre-wrap;
    word-break: break-word;
    width: 200px;
    min-width: 200px;
    max-width: 200px;
}

.translation-cell {
    padding: 12px 16px;
    font-size: 14px;
    line-height: 1.5;
    color: #1f2937;
    background: white;
    white-space: pre-wrap;
    word-break: break-word;
    width: 400px;
    min-width: 400px;
    max-width: 400px;
}

.dark .key-cell,
.dark .comment-cell,
.dark .translation-cell {
    color: #f3f4f6;
    background: #1f2937;
}

.cell-content {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.loading-placeholder {
    color: #6b7280;
    font-style: italic;
    font-size: 0.875rem;
}

.dark .loading-placeholder {
    color: #9ca3af;
}

.cell-text {
    white-space: pre-wrap;
    word-break: break-word;
}

.cell-key {
    color: #6b7280;
    font-size: 0.75rem;
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
}

.dark .cell-key {
    color: #9ca3af;
}

/* 源语言单元格样式 */
.source-lang-cell {
    background-color: #eff6ff !important;
    color: #1e40af;
}

.dark .source-lang-cell {
    background-color: #1e3a8a !important;
    color: #93c5fd;
}

/* 失败单元格样式 */
.failed-cell {
    background-color: #fef2f2 !important;
    color: #dc2626;
}

.dark .failed-cell {
    background-color: #7f1d1d !important;
    color: #fca5a5;
}

/* 已翻译单元格样式 */
.translated-cell {
    background-color: #f0fdf4 !important;
    color: #166534;
}

.dark .translated-cell {
    background-color: #064e3b !important;
    color: #6ee7b7;
}

/* 需要审核的单元格样式 */
.needs-review-cell {
    background-color: #fffbeb !important;
    color: #92400e;
}

.dark .needs-review-cell {
    background-color: #78350f !important;
    color: #fcd34d;
}

/* 已重新翻译的单元格样式 */
.retranslated-cell {
    background-color: #ecfdf5 !important;
    color: #065f46;
}

.dark .retranslated-cell {
    background-color: #065f46 !important;
    color: #6ee7b7;
}

/* 空键单元格样式 */
.empty-key-cell {
    background-color: #f3f4f6 !important;
    color: #6b7280;
}

.dark .empty-key-cell {
    background-color: #374151 !important;
    color: #9ca3af;
}

/* 不需要翻译的单元格样式 */
.non-translatable-cell {
    background-color: #f3f4f6 !important;
    color: #6b7280;
    font-style: italic;
}

.dark .non-translatable-cell {
    background-color: #374151 !important;
    color: #9ca3af;
}

.empty-key-label {
    font-style: italic;
    color: #6b7280;
}

.dark .empty-key-label {
    color: #9ca3af;
}

.non-translatable-tag {
    font-size: 0.75rem;
    padding: 2px 6px;
    background-color: #f3f4f6;
    color: #6b7280;
    border-radius: 4px;
    font-style: italic;
}

.dark .non-translatable-tag {
    background-color: #374151;
    color: #9ca3af;
}

.needs-review-tag {
    font-size: 0.75rem;
    padding: 2px 6px;
    background-color: #fef3c7;
    color: #92400e;
    border-radius: 4px;
    white-space: nowrap;
}

.dark .needs-review-tag {
    background-color: #92400e;
    color: #fcd34d;
}

/* 重新翻译标签样式 */
.retranslated-tag {
    font-size: 0.75rem;
    padding: 2px 6px;
    background-color: #d1fae5;
    color: #065f46;
    border-radius: 4px;
    white-space: nowrap;
}

.dark .retranslated-tag {
    background-color: #065f46;
    color: #6ee7b7;
}