/* Custom Scrollbar */
.custom-scrollbar::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

.custom-scrollbar::-webkit-scrollbar-track {
    background: transparent;
}

.custom-scrollbar::-webkit-scrollbar-thumb {
    background: #334155;
    border-radius: 4px;
}

.custom-scrollbar::-webkit-scrollbar-thumb:hover {
    background: #475569;
}

/* Diff Table Styles */
#diff-table {
    table-layout: fixed;
    width: 100%;
}

#diff-table.wrap-lines {
    white-space: pre-wrap;
    word-break: break-all;
}

.diff-row {
    line-height: 1.4;
}

.diff-row:hover {
    background-color: rgba(255, 255, 255, 0.02);
}

.diff-num {
    width: 50px;
    min-width: 50px;
    max-width: 50px;
    padding: 0 10px;
    text-align: right;
    color: #64748B;
    /* slate-500 */
    user-select: none;
    background-color: #1E293B;
    /* panel base */
    border-right: 1px solid #334155;
}

.diff-num-sub {
    color: #F87171;
    /* red-400 */
    background-color: rgba(239, 68, 68, 0.1);
}

.diff-num-add {
    color: #34D399;
    /* emerald-400 */
    background-color: rgba(16, 185, 129, 0.1);
}

.diff-code {
    padding: 0 16px;
    width: calc(50% - 50px);
    overflow-x: auto;
    position: relative;
    vertical-align: top;
}

.diff-code.unified {
    width: auto;
}

.diff-code.empty {
    background-color: rgba(15, 23, 42, 0.5);
    /* empty background */
}

/* Row states */
.diff-sub .diff-code.content {
    background-color: rgba(239, 68, 68, 0.15);
    /* subtract Red bg */
    color: #FEE2E2;
    /* text slightly tinted */
}

.diff-add .diff-code.content {
    background-color: rgba(16, 185, 129, 0.15);
    /* add Green bg */
    color: #D1FAE5;
    /* text slightly tinted */
}

/* Subtle intraline diff highlight (if implemented) */
.char-add {
    background-color: rgba(16, 185, 129, 0.4);
    border-radius: 2px;
}

.char-sub {
    background-color: rgba(239, 68, 68, 0.4);
    border-radius: 2px;
}

/* Unified specific styles */
.diff-row.unified-sub {
    background-color: rgba(239, 68, 68, 0.15);
}

.diff-row.unified-add {
    background-color: rgba(16, 185, 129, 0.15);
}

.diff-row.unified-sub .diff-code,
.diff-row.unified-add .diff-code {
    background-color: transparent !important;
}