/* 机构注册页补充样式（基于 register_person.css） */
.rp-section {
	margin-bottom: 28px;
	padding-bottom: 8px;
	border-bottom: 1px solid rgba(212, 168, 75, 0.12);
}
.rp-section-last {
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: 0;
}
.rp-section .rp-card-head {
	margin-bottom: 20px;
}
.rp-section + .rp-section {
	padding-top: 8px;
}

.rp-field-row {
	display: flex;
	gap: 14px;
}
.rp-field-half {
	flex: 1;
	min-width: 0;
}

.rp-select-wrap {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px;
}
.rp-select-wrap select,
.rp-page-store select {
	min-width: 140px;
	height: 46px;
	padding: 0 12px;
	border: 1px solid rgba(212, 168, 75, 0.28);
	border-radius: 10px;
	background: rgba(0, 0, 0, 0.28);
	color: #fff8e8;
	font-size: 14px;
	outline: none;
	appearance: none;
	-webkit-appearance: none;
	background-image:
		linear-gradient(45deg, transparent 50%, #d4a84b 50%),
		linear-gradient(135deg, #d4a84b 50%, transparent 50%);
	background-position:
		calc(100% - 18px) calc(50% - 2px),
		calc(100% - 12px) calc(50% - 2px);
	background-size: 6px 6px, 6px 6px;
	background-repeat: no-repeat;
	padding-right: 32px;
	transition: border-color 0.25s ease, box-shadow 0.25s ease;
}
.rp-select-wrap select:focus,
.rp-page-store select:focus {
	border-color: #d4a84b;
	box-shadow: 0 0 0 3px rgba(212, 168, 75, 0.15);
}
.rp-select-wrap select option,
.rp-page-store select option {
	background: #1a160f;
	color: #fff8e8;
}
.rp-select-wrap.catid {
	flex-direction: column;
	align-items: stretch;
}
.rp-select-wrap.catid select {
	width: 100%;
}

.rp-textarea {
	display: block;
	width: 100%;
	min-height: 110px;
	padding: 12px 14px;
	border: 1px solid rgba(212, 168, 75, 0.28);
	border-radius: 10px;
	background: rgba(0, 0, 0, 0.28);
	color: #fff8e8;
	font-size: 14px;
	line-height: 1.7;
	outline: none;
	resize: vertical;
	font-family: inherit;
	transition: border-color 0.25s ease, box-shadow 0.25s ease;
}
.rp-textarea::placeholder {
	color: rgba(243, 231, 199, 0.35);
}
.rp-textarea:focus {
	border-color: #d4a84b;
	box-shadow: 0 0 0 3px rgba(212, 168, 75, 0.15);
}

@media screen and (max-width: 560px) {
	.rp-field-row {
		flex-direction: column;
		gap: 0;
	}
}