/* tools/settle/css/settle_modals_forms.css */
.modal-content.large {
	max-width: 750px;
}

/* 참여자 분담 버블 그룹 스타일 */
.participant-bubble-group {
	display: flex;
	flex-wrap: wrap;
	gap: 8px; /* 버블 사이 간격 */
	padding: 10px;
	border: 1px solid var(--border-light-color);
	border-radius: var(--border-radius-small);
	margin-bottom: 5px;
	min-height: 50px; /* 최소 높이 설정 */
	max-height: 150px; /* 최대 높이 및 스크롤 */
	overflow-y: auto;
}

.participant-bubble-item {
	padding: 6px 12px;
	border-radius: 20px;
	background-color: var(--content-light-bg-color);
	border: 1px solid var(--border-color);
	cursor: pointer;
	font-size: 0.9em;
	white-space: nowrap;
	transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
	color: var(--text-light-color);
	user-select: none;
}

.participant-bubble-item.selected {
	background-color: var(--primary-color);
	border-color: var(--primary-color);
	color: white;
	font-weight: 500;
}

.participant-bubble-group p {
	width: 100%; /* 메시지가 전체 너비를 차지하도록 */
	color: var(--text-light-color);
	font-size: 0.9em;
	text-align: center;
	padding: 1em 0;
}

.checkbox-controls {
	margin-bottom: 1em;
}

/* 분담 방법/상세 */
.split-method-options {
	display: flex;
	flex-wrap: wrap; /* 작은 화면에서 줄바꿈 허용 */
	gap: 15px; /* 옵션 사이 간격 */
	align-items: center;
}
.split-method-options.horizontal {
	flex-wrap: nowrap; /* 한 줄에 표시 강제 */
	gap: 25px;
}
.split-method-options .radio-option {
	display: flex;
	align-items: center;
}
.split-method-options input[type="radio"] {
	margin-right: 6px; /* 라디오 버튼과 라벨 사이 간격 */
	vertical-align: middle;
}
.split-method-options label {
	margin-right: 0; /* 개별 라벨 오른쪽 마진 제거 */
	cursor: pointer;
	vertical-align: middle;
}

.split-details-section {
	margin-top: 1em;
	padding-top: 1em;
	border-top: 1px dashed var(--border-light-color);
}
#amount-split-inputs .participant-split-input {
	display: flex;
	align-items: center;
	margin-bottom: 8px;
}
#amount-split-inputs .participant-split-input label {
	width: 100px;
	margin-right: 10px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
#amount-split-inputs .participant-split-input input[type="number"] {
	flex-grow: 1;
	padding: 6px 8px;
}
.split-summary {
	margin-top: 10px;
	font-size: 0.9em;
	color: #333;
	text-align: right;
}
.split-summary span {
	margin-left: 15px;
}
.split-summary strong {
	font-weight: 500;
}
.split-summary strong.mismatch,
.payer-controls .input-summary strong.mismatch {
	color: var(--danger-color);
}
.split-summary strong.match,
.payer-controls .input-summary strong.match {
    color: var(--success-color);
}

/* 다중 지불자 UI */
.multi-input-list .payer-input-item {
	display: flex;
	align-items: center;
	gap: 8px;
	margin-bottom: 8px;
}

.multi-input-list .payer-input-item select {
	flex: 1;
	min-width: 150px;
}

.multi-input-list .payer-input-item input[type="number"] {
	flex: 1;
	min-width: 100px;
}

.multi-input-list .payer-input-item .remove-payer-btn {
	padding: 4px 8px;
	font-size: 0.8em;
	line-height: 1;
	height: auto;
	min-width: auto;
	background-color: #eee;
	border: 1px solid #ccc;
	color: #555;
	flex-shrink: 0;
}

.payer-controls {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 10px;
}

.payer-controls .input-summary {
	font-size: 0.9em;
	color: #555;
}

.payer-controls .input-summary strong {
	font-weight: 500;
}

@media (max-width: 768px) {
	.split-method-options.horizontal {
		flex-wrap: wrap; /* 작은 화면에서는 줄바꿈 허용 */
		gap: 15px; /* 작은 화면 간격 */
	}
}