/**
 * SPRINT 수정 모드 공통 스타일
 * Output/Outcome 목록의 인라인 수정 모드 스타일
 */

/* 수정 모드 테이블 테두리 - Output (파란색) */
.table__wr.edit-mode table {
    border: 2px dashed #2196F3;
}

/* 수정 모드 테이블 테두리 - Outcome (보라색) */
.table__wr.edit-mode.outcome table {
    border: 2px dashed #9c27b0;
}

/* 수정 모드 토글 버튼 활성화 상태 */
#toggle-edit-btn.active {
    background: #2196F3;
    color: #fff;
}

/* Outcome 수정 모드 버튼 */
.outcome #toggle-edit-btn.active,
.table__wr.outcome + #toggle-edit-btn.active {
    background: #9c27b0;
}

/* 새로 추가된 행 스타일 */
.output-row.new-row,
.outcome-row.new-row {
    background: #e8f5e9 !important;
}

/* 삭제 표시된 행 스타일 */
.output-row.deleted-row,
.outcome-row.deleted-row {
    opacity: 0.4;
    text-decoration: line-through;
    background: #ffebee !important;
}

/* 수정된 행 스타일 */
.output-row.modified-row,
.outcome-row.modified-row {
    background: #fff3e0 !important;
}

/* 이름 셀 (수정 모드) */
.output-name-cell,
.outcome-name-cell {
    position: relative;
    display: inline-flex;
    align-items: center;
    width: 100%;
}

/* 이름 입력 필드 - Output */
.output-name-input {
    width: 100%;
    padding: 6px 32px 6px 10px;
    border: 1px solid #E5E5EC;
    border-radius: 4px;
    font-size: 14px;
    background: #fff;
}

.output-name-input:focus {
    border-color: #2196F3;
    outline: none;
}

/* 이름 입력 필드 - Outcome */
.outcome-name-input {
    width: 100%;
    padding: 6px 32px 6px 10px;
    border: 1px solid #E5E5EC;
    border-radius: 4px;
    font-size: 14px;
    background: #fff;
}

.outcome-name-input:focus {
    border-color: #9c27b0;
    outline: none;
}

/* 삭제 버튼 (X) */
.delete-row-btn {
    display: none;
    position: absolute;
    right: 6px;
    width: 20px;
    height: 20px;
    border: none;
    background: #f44336;
    color: #fff;
    border-radius: 50%;
    font-size: 14px;
    cursor: pointer;
    align-items: center;
    justify-content: center;
    line-height: 1;
}

.delete-row-btn:hover {
    background: #d32f2f;
}

/* 수정 모드일 때만 삭제 버튼 표시 */
.table__wr.edit-mode .delete-row-btn {
    display: inline-flex;
}

/* 수정 모드에서 행 커서 변경 */
.table__wr.edit-mode .output-row,
.table__wr.edit-mode .outcome-row {
    cursor: grab;
}

.table__wr.edit-mode .output-row:active,
.table__wr.edit-mode .outcome-row:active {
    cursor: grabbing;
}

.table__wr.edit-mode .output-row .output-name-input,
.table__wr.edit-mode .outcome-row .outcome-name-input {
    cursor: text;
}