/* ---- Layout: profile fields (names) above account details ---- */
		#signup-form .layout-wrap {
			display: flex !important;
			flex-direction: column;
		}
		#signup-form #profile-details-section {
			order: -1;
		}

		/* ---- Name fields: side-by-side with spacing, labels hidden ---- */
		#signup-form #profile-details-section {
			display: flex;
			flex-wrap: wrap;
			gap: 0 24px;
			margin-bottom: 18px;
		}
		#signup-form #profile-details-section > .editfield {
			flex: 1 1 100%;
			margin-bottom: 0;
		}
		#signup-form #profile-details-section > .editfield.field_1 {
			flex: 1 1 calc(50% - 12px);
			min-width: 150px;
		}
				#signup-form #profile-details-section > .editfield.field_108623 {
			flex: 1 1 calc(50% - 12px);
			min-width: 150px;
		}
				/* Reset fieldset styling inside name fields */
		#signup-form #profile-details-section > .editfield.field_1 fieldset,
				#signup-form #profile-details-section > .editfield.field_108623 fieldset,
				.bb-otp-fieldset-reset {
			margin: 0;
			padding: 0;
			border: none;
		}
		#signup-form #profile-details-section > .editfield.field_1 input[type="text"],
				#signup-form #profile-details-section > .editfield.field_108623 input[type="text"],
				.bb-otp-name-input {
			width: 100%;
			box-sizing: border-box;
			padding: 10px 14px;
		}

		/* Hide name-field legends (placeholders used instead) */
		#signup-form .editfield.field_1 legend,
				#signup-form .editfield.field_108623 legend,
				#signup-form .editfield.field_1 .description,
				#signup-form .editfield.field_108623 .description,
				.bb-otp-hide-legend {
			display: none !important;
		}

		/* Hidden profile-field-ids input */
		#signup-form #profile-details-section > input[type="hidden"] {
			position: absolute;
			width: 0;
			height: 0;
			overflow: hidden;
		}

		/* Hide nickname field (auto-generated in Section B) */
				#signup-form .editfield.field_108640 {
			display: none !important;
		}
		
		/* ---- Account fields: label + input on same row (1/3 + 2/3) ---- */
		#signup-form #basic-details-section .bb-signup-field {
			display: flex;
			flex-wrap: wrap;
			align-items: center;
			margin-bottom: 18px;
		}
		#signup-form #basic-details-section .bb-signup-field > label {
			flex: 0 0 33.33%;
			margin: 0;
			padding-right: 12px;
			box-sizing: border-box;
		}
		#signup-form #basic-details-section .bb-signup-field > input,
		#signup-form #basic-details-section .bb-signup-field > .bb-password-wrap {
			flex: 0 0 66.66%;
			box-sizing: border-box;
		}
		/* Make password input fill its wrapper fully */
		#signup-form #basic-details-section .bb-password-wrap input[type="password"] {
			width: 100%;
			box-sizing: border-box;
		}

		/* ---- Password strength meter + our validator: slim, same width as input ---- */
		#signup-form #basic-details-section .bb-signup-field > #pass-strength-result {
			flex: 0 0 66.66%;
			margin: 6px 0 0 33.33%;
			padding: 3px 10px;
			font-size: 11px;
			line-height: 1.4;
			border-radius: 3px;
			box-sizing: border-box;
		}
		/* Validation messages inside account-detail rows: align under the input */
		#signup-form #basic-details-section .bb-signup-field > .bb-otp-field-msg {
			flex: 0 0 66.66%;
			margin-left: 33.33%;
			box-sizing: border-box;
		}

		/* ---- "I agree" checkbox: checkbox + text on one row, centered ---- */
		#signup-form .input-options.checkbox-options {
			text-align: center;
			margin: 20px auto 0;
			max-width: 480px;
		}
		#signup-form .input-options.checkbox-options .bp-checkbox-wrap {
			display: inline-flex;
			align-items: flex-start;
			gap: 8px;
			text-align: left;
		}
		#signup-form .input-options.checkbox-options .bp-checkbox-wrap label.option-label {
			margin: 0;
			flex: 1;
			line-height: 1.4;
		}
		#signup-form .register-privacy-info {
			text-align: center;
			margin: 16px auto 0;
		}

		/* ---- BuddyBoss required-field notices: icon only, no text ---- */
		#signup-form .bb-signup-field .bb-signup-field-error-wrap {
			margin-top: 4px;
		}
		/* Hide "(required)" text in any leftover legend/labels */
		#signup-form legend span,
		#signup-form .editfield .description {
			display: none;
		}
		/* Required-field icons shown by BB after validation failure:
		   hide the text, keep the icon by sizing the container down. */
		#register-page .bp-feedback.bp-template-notice {
			display: flex;
			align-items: center;
			gap: 6px;
			padding: 8px 14px;
			border-radius: 6px;
			font-size: 13px;
			line-height: 1.4;
			margin-bottom: 14px;
		}
		#register-page .bp-feedback.bp-template-notice .bp-icon {
			flex-shrink: 0;
		}
		#register-page .bp-feedback.bp-template-notice p {
			margin: 0;
		}
		/* When BB adds the error class to individual editfields,
		   show a small red-border but no bulky error banner. */
		#signup-form .editfield.error fieldset {
			border: 1px solid #ef5350;
			border-radius: 4px;
		}

		/* ---- Inline field validation messages ---- */
		.bb-otp-field-msg {
			font-size: 12px;
			line-height: 1.4;
			margin-top: 4px;
			padding: 4px 10px;
			border-radius: 4px;
			display: none;
		}
		.bb-otp-field-msg.is-error {
			display: block;
			color: #b71c1c;
			background: #ffebee;
			border-left: 3px solid #ef5350;
		}
		.bb-otp-field-msg.is-success {
			display: block;
			color: #1b5e20;
			background: #e8f5e9;
			border-left: 3px solid #66bb6a;
		}
		.bb-otp-input-error {
			border-color: #ef5350 !important;
		}
		.bb-otp-input-valid {
			border-color: #66bb6a !important;
		}

		/* ---- Submit button disabled state ---- */
		#signup-form #signup_submit[disabled] {
			opacity: 0.5;
			cursor: not-allowed;
			pointer-events: none;
		}

		/* ---- Even vertical spacing for all rows ---- */
		#signup-form #profile-details-section > .editfield {
			margin-bottom: 0;
		}
		#signup-form #basic-details-section .bb-signup-field:last-child {
			margin-bottom: 0;
		}