﻿.marketList {
    padding: 0;
    margin: 0;
    list-style: none;
}

/* 기본에선 IDLE 이외 요소 숨기기 */
.marketRow .input-id,
.marketRow .password-wrapper,
.marketRow .btn-loading,
.marketRow .errorText,
.marketRow .resultLabel,
.marketRow .resultAmount,
.marketRow .btn-success,
.marketRow .resultTable,
.marketRow .btn-next {
    display: none;
}

/* IDLE: 아이디/비번 입력 + btn-next 보이기 */
.marketRow[data-state="idle"] .input-id,
.marketRow[data-state="idle"] .password-wrapper,
.marketRow[data-state="idle"] .btn-next {
    display: block;
}

/* LOADING: 아이디/비번 입력 + btn-loading 보이기 */
.marketRow[data-state="loading"] .input-id,
.marketRow[data-state="loading"] .password-wrapper,
.marketRow[data-state="loading"] .btn-loading {
    display: block;
}

/* ERROR: errorText + btn-next (다시 조회하기) 보이기 */
.marketRow[data-state="error"] .errorText,
.marketRow[data-state="error"] .input-id,
.marketRow[data-state="error"] .password-wrapper,
.marketRow[data-state="error"] .btn-next {
    display: block;
}

/* SUCCESS: 결과 관련 요소만 보이기 */
.marketRow[data-state="success"] .resultLabel,
.marketRow[data-state="success"] .resultAmount,
.marketRow[data-state="success"] .btn-success,
.marketRow[data-state="success"] .resultTable {
    display: block;
}

/* SUCCESS: 입력창, 버튼(조회하기/조회중), 에러 메시지 숨기기 */
.marketRow[data-state="success"] .input-id,
.marketRow[data-state="success"] .password-wrapper,
.marketRow[data-state="success"] .btn-next,
.marketRow[data-state="success"] .btn-loading,
.marketRow[data-state="success"] .errorText {
    display: none;
}

/* LOADING: 입력창 readonly 처리 */
.marketRow[data-state="loading"] input {
    pointer-events: none;
    opacity: 0.6;
}

/* ERROR: 입력창 재활성화 */
.marketRow[data-state="error"] input {
    pointer-events: auto;
    opacity: 1;
}
.w100p {
    display:none;
}