/* ARX Members Only — Edit Profile form styles.
   Self-contained: doesn't depend on the arx-dashboard-widgets plugin being
   active, even though it deliberately echoes the same card/label visual
   language (white card, blue uppercase section labels) for brand
   consistency when both plugins are active together. */

.arx-members-only {
	--arx-accent: #2563eb;
	--arx-text: #1f2937;
	--arx-muted: #6b7280;
	--arx-border: #e5e7eb;
	--arx-card-bg: #ffffff;
	font-family: inherit;
	color: var( --arx-text );
}

.arx-edit-profile {
	display: block;
	background: var( --arx-card-bg );
	border: 1px solid var( --arx-border );
	border-radius: 12px;
	padding: 20px;
	box-shadow: 0 1px 2px rgba( 16, 24, 40, 0.06 ), 0 1px 3px rgba( 16, 24, 40, 0.1 );
	max-width: 480px;
}

.arx-card-title {
	display: block;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	color: var( --arx-accent );
	margin: 0 0 8px;
}

.arx-edit-profile__row {
	display: flex;
	gap: 16px;
}

.arx-edit-profile__row label {
	flex: 1;
}

.arx-edit-profile label,
.arx-edit-profile__field {
	display: block;
	font-size: 13px;
	font-weight: 600;
	color: var( --arx-text );
	margin-bottom: 16px;
}

.arx-edit-profile input[type='text'],
.arx-edit-profile input[type='email'],
.arx-edit-profile input[type='password'] {
	display: block;
	width: 100%;
	margin-top: 6px;
	padding: 10px 12px;
	font-size: 14px;
	font-weight: 400;
	border: 1px solid var( --arx-border );
	border-radius: 8px;
	background: #fff;
	color: var( --arx-text );
}

.arx-edit-profile__password-section {
	margin-top: 8px;
	padding-top: 16px;
	border-top: 1px solid var( --arx-border );
}

.arx-edit-profile__hint {
	font-size: 12px;
	color: var( --arx-muted );
	margin: 0 0 16px;
}

.arx-edit-profile__submit {
	display: inline-block;
	padding: 10px 20px;
	background: var( --arx-accent );
	color: #fff;
	border: none;
	border-radius: 8px;
	font-weight: 600;
	font-size: 14px;
	cursor: pointer;
}

.arx-members-notice {
	padding: 12px 16px;
	border-radius: 8px;
	font-size: 13px;
	margin-bottom: 16px;
	max-width: 480px;
}

.arx-members-notice--success {
	background: #ecfdf5;
	color: #065f46;
	border: 1px solid #a7f3d0;
}

.arx-members-notice--error {
	background: #fef2f2;
	color: #991b1b;
	border: 1px solid #fecaca;
}

.arx-edit-profile__privacy {
	margin: 24px 0;
}

.arx-edit-profile__checkbox {
	display: flex;
	align-items: center;
	gap: 8px;
	margin: 8px 0;
	font-weight: 600;
}

.arx-edit-profile__checkbox input {
	width: auto;
	margin: 0;
}