@charset "utf-8";
.admin-map {width: 100%; height: 400px; border-radius: var(--fs-10); background-color: var(--grayscale2);}

/* 예약 이용시간 설정 */
.input-item-label > .setting-item {margin-top: 4px;}
.setting-item.disabled {background-color: var(--grayscale1);}
.setting-item.disabled .input-item-label > label,
.setting-item.disabled .input-wrap > span {color: var(--grayscale5);}
.reservation-guide-textarea {height: 120px;}

/* 규칙 그룹 */
.rule-group-list {width: 100%; display: flex; flex-direction: column;}
.rule-group {width: 100%; display: flex; flex-direction: column; row-gap: var(--fs-10);}
.rule-group + .rule-group {padding-top: var(--fs-20); margin-top: var(--fs-20); border-top: 1px solid var(--grayscale2);}
.rule-group .custom-input,
.rule-group .custom-textarea {width: 100%;}
.rule-group-textarea {height: 120px; line-height: 1.7;}

/* FAQ */
.faq-form-box {width: 100%; padding: var(--fs-20); display: flex; flex-direction: column; row-gap: var(--fs-20); border: 1px solid var(--grayscale3); border-radius: var(--fs-14); background-color: var(--color-white);}
.faq-textarea {height: 100px;}
.faq-form-actions,
.faq-edit-actions {justify-content: flex-end;}

.faq-list {width: 100%; display: flex; flex-direction: column; row-gap: var(--fs-12);}
.faq-item {width: 100%; padding: var(--fs-16) var(--fs-20); border: 1px solid var(--grayscale3); border-radius: var(--fs-14); background-color: var(--color-white); transition: border-color 0.2s ease;}
.faq-item.is-editing {border-color: var(--color-main);}
.faq-item-header {width: 100%; display: flex; align-items: center; justify-content: space-between; column-gap: var(--fs-20);}
.faq-item-title {min-width: 0; display: flex; align-items: center; column-gap: var(--fs-12);}
.faq-item-title .faq-number {flex-shrink: 0; font-size: var(--fs-16); font-weight: 500; color: var(--color-main);}
.faq-item-title strong {overflow: hidden; font-size: var(--fs-16); font-weight: 500; line-height: 1.5; color: var(--grayscale10); text-overflow: ellipsis; white-space: nowrap;}

.faq-item-edit {display: none; width: 100%; padding-top: var(--fs-20);}
.faq-item.is-editing .faq-item-edit {display: block;}
.faq-item.is-editing .faq-item-header {padding-bottom: var(--fs-20); border-bottom: 1px solid var(--grayscale2);}
.faq-item.is-editing [data-faq-edit] {border-color: var(--color-main); color: var(--color-main);}
.faq-edit-actions {margin-top: var(--fs-20);}