/* 텍스트 비교 도구 스타일 */
.diff-checker-tool textarea {
    font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier, monospace;
    line-height: 1.6;
    tab-size: 4;
}

.diff-checker-tool textarea:focus {
    box-shadow: none;
}

/* Diff 결과 테이블 */
.diff-output-wrap {
    background-color: #fafbfc;
    border: 1px solid #e1e4e8;
}

.diff-table {
    width: 100%;
    border-collapse: collapse;
    font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier, monospace;
    font-size: 0.82rem;
    line-height: 1.5;
}

.diff-table tr {
    border-bottom: 1px solid #f0f0f0;
}

.diff-table td {
    padding: 1px 8px;
    vertical-align: top;
    white-space: pre-wrap;
    word-break: break-all;
}

/* 줄 번호 */
.diff-line-num {
    width: 45px;
    min-width: 45px;
    text-align: right;
    color: #8b949e;
    background-color: #f6f8fa;
    user-select: none;
    font-size: 0.75rem;
    border-right: 1px solid #e1e4e8;
}

/* +/- 마커 */
.diff-marker {
    width: 20px;
    min-width: 20px;
    text-align: center;
    font-weight: bold;
    user-select: none;
}

/* 내용 */
.diff-content {
    width: 100%;
}

.diff-content code {
    font-family: inherit;
    font-size: inherit;
    background: none;
    padding: 0;
    color: inherit;
}

/* 행 색상 */
.diff-row-equal {
    background-color: #ffffff;
}

.diff-row-removed {
    background-color: #ffeef0;
}

.diff-row-removed .diff-line-num {
    background-color: #ffdce0;
    color: #86181d;
}

.diff-row-removed .diff-marker {
    color: #cb2431;
}

.diff-row-added {
    background-color: #e6ffec;
}

.diff-row-added .diff-line-num {
    background-color: #cdffd8;
    color: #165c26;
}

.diff-row-added .diff-marker {
    color: #22863a;
}

/* 문자 단위 인라인 diff 하이라이트 */
.diff-char-removed {
    background-color: #fdb8c0;
    border-radius: 2px;
    padding: 0 1px;
}

.diff-char-added {
    background-color: #acf2bd;
    border-radius: 2px;
    padding: 0 1px;
}

/* 아코디언 스타일 */
.diff-checker-tool .accordion-button:not(.collapsed) {
    background-color: var(--bs-light);
    box-shadow: none;
}

.diff-checker-tool .accordion-button:focus {
    box-shadow: none;
}