﻿.ofsa-auth {
	margin: 0;
	min-height: 100vh;
	display: flex;
	flex-direction: column;
	font-family: var(--ofsa-font-body);
	color: var(--ofsa-ink);
	background-color: var(--ofsa-parchment);
	background-image: var(--ofsa-paper-noise);
}

/* ---------- Page frame ---------- */

.ofsa-auth-main {
	flex: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 56px 0 88px;
	position: relative;
	overflow: hidden;
	background:
		radial-gradient(640px 460px at 10% 6%, rgba(198, 154, 51, 0.14), transparent 65%),
		radial-gradient(560px 480px at 90% 94%, rgba(70, 70, 28, 0.10), transparent 65%),
		radial-gradient(520px 440px at 82% 6%, rgba(198, 154, 51, 0.08), transparent 65%),
		var(--ofsa-paper-noise);
}

.ofsa-auth-wrap {
	width: 100%;
	max-width: 460px;
	position: relative;
	z-index: 1;
	animation: ofsa-auth-rise 0.55s cubic-bezier(0.22, 1, 0.36, 1) both;
}

.ofsa-auth-wrap:has(.um-register) {
	max-width: 640px;
}

.ofsa-auth-empty {
	text-align: center;
	color: var(--ofsa-ink-soft);
	font-size: 18px;
	background-color: var(--ofsa-white);
	background-image: var(--ofsa-paper-noise);
	border: 1px solid var(--ofsa-line-strong);
	border-radius: var(--ofsa-radius);
	padding: 40px 32px;
	box-shadow: var(--ofsa-shadow);
}

@keyframes ofsa-auth-rise {
	from {
		opacity: 0;
		transform: translateY(18px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

/* ---------- UM card ---------- */

.ofsa-auth .um {
	width: 100%;
	max-width: 100%;
	margin: 0;
	box-sizing: border-box;
	background-color: var(--ofsa-white);
	background-image: var(--ofsa-paper-noise);
	border: 1px solid var(--ofsa-line-strong);
	border-radius: var(--ofsa-radius);
	padding: 40px 36px 32px;
	box-shadow: var(--ofsa-shadow);
}

.ofsa-auth .um-form {
	margin: 0;
}

/* ---------- Fields ---------- */

.ofsa-auth .um-field {
	margin: 0 0 18px;
	padding: 0;
	border: 0;
}

.ofsa-auth .um-field-label {
	display: block;
	margin: 0 0 8px;
}

.ofsa-auth .um-field-label label {
	font-size: 16px;
	font-weight: 600;
	color: var(--ofsa-ink);
	margin: 0;
	cursor: pointer;
}

.ofsa-auth .um-form-field {
	width: 100% !important;
	max-width: 100% !important;
	min-height: 50px;
	box-sizing: border-box;
	padding: 12px 16px;
	border: 1.5px solid var(--ofsa-line-strong);
	border-radius: 6px;
	background: var(--ofsa-cream-2);
	font-family: inherit;
	font-size: 16px;
	color: var(--ofsa-ink);
	box-shadow: none;
	transition: border-color 0.15s ease, box-shadow 0.15s ease, background 0.15s ease;
}

.ofsa-auth .um-form-field::placeholder {
	color: rgba(74, 52, 35, 0.55);
}

.ofsa-auth .um-form-field:focus {
	border-color: var(--ofsa-gold);
	background: var(--ofsa-white);
	outline: none;
	box-shadow: 0 0 0 4px rgba(198, 154, 51, 0.28);
}

.ofsa-auth textarea.um-form-field {
	min-height: 120px;
	resize: vertical;
	line-height: 1.6;
}

.ofsa-auth select.um-form-field {
	appearance: none;
	-webkit-appearance: none;
	padding-right: 44px;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23b8912f' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: right 16px center;
}

/* ---------- Buttons ---------- */

.ofsa-auth .um-button,
.ofsa-auth input.um-button,
.ofsa-auth .um a.um-button {
	width: 100%;
	min-height: 52px;
	box-sizing: border-box;
	padding: 12px 28px;
	border: 1px solid var(--ofsa-accent) !important;
	border-radius: 4px;
	background: var(--ofsa-accent) !important;
	color: var(--ofsa-cream) !important;
	font-family: inherit;
	font-size: 16px;
	font-weight: 600 !important;
	letter-spacing: 0.01em;
	line-height: 1.3;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
	box-shadow: 0 1px 2px rgba(51, 32, 15, 0.14);
	transition: box-shadow 0.18s ease, background-color 0.18s ease, color 0.18s ease;
}

.ofsa-auth .um-button:hover,
.ofsa-auth input.um-button:hover,
.ofsa-auth .um a.um-button:hover {
	background: var(--ofsa-accent-hover) !important;
	color: var(--ofsa-cream) !important;
	box-shadow: 0 3px 10px rgba(78, 21, 22, 0.3);
}

.ofsa-auth .um-button:focus-visible,
.ofsa-auth input.um-button:focus-visible {
	outline: none;
	box-shadow: var(--ofsa-focus);
}

.ofsa-auth .um-button.um-alt {
	background: transparent !important;
	border: 1px solid var(--ofsa-line-strong) !important;
	color: var(--ofsa-oak) !important;
	box-shadow: none;
}

.ofsa-auth .um-button.um-alt:hover {
	background: var(--ofsa-oak) !important;
	border-color: var(--ofsa-oak) !important;
	color: var(--ofsa-cream) !important;
	box-shadow: 0 3px 10px rgba(51, 32, 15, 0.2);
}

/* ---------- Cross-page auth buttons (login on register, register on login) ---------- */

.ofsa-auth .um-register .um-col-alt,
.ofsa-auth .um-login .um-col-alt {
	flex-direction: column;
	gap: 12px;
}

.ofsa-auth .um-register .um-col-alt .um-left.um-half,
.ofsa-auth .um-register .um-col-alt .um-right.um-half,
.ofsa-auth .um-login .um-col-alt .um-left.um-half,
.ofsa-auth .um-login .um-col-alt .um-right.um-half {
	flex: 1 1 auto;
	width: 100%;
	text-align: center;
}

.ofsa-auth .um-register .um-button.um-alt,
.ofsa-auth .um-login .um-button.um-alt {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	width: 100% !important;
	min-height: 46px;
	box-sizing: border-box;
	padding: 8px 22px !important;
	font-family: inherit;
	font-size: 15px;
	font-weight: 600 !important;
	letter-spacing: 0.01em;
	line-height: 1.3 !important;
	background: transparent !important;
	border: 1px solid var(--ofsa-olive-soft) !important;
	border-radius: 6px !important;
	color: var(--ofsa-green-deep) !important;
	box-shadow: none !important;
	text-shadow: none !important;
	transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

.ofsa-auth .um-register .um-button.um-alt:hover,
.ofsa-auth .um-login .um-button.um-alt:hover {
	background: var(--ofsa-olive) !important;
	border-color: var(--ofsa-olive) !important;
	color: var(--ofsa-cream) !important;
	box-shadow: none !important;
	transform: none;
}

.ofsa-auth .um-request-button {
	display: inline-block;
	padding: 10px 18px;
	border: 1px solid var(--ofsa-olive-soft);
	border-radius: 6px;
	background: transparent;
	color: var(--ofsa-green-deep);
	font-size: 15px;
	font-weight: 600;
	text-decoration: none;
	transition: border-color 0.15s ease, background 0.15s ease, color 0.15s ease;
}

.ofsa-auth .um-request-button:hover {
	background: var(--ofsa-olive);
	border-color: var(--ofsa-olive);
	color: var(--ofsa-cream);
}

/* ---------- Button row / secondary links ---------- */

.ofsa-auth .um-col-alt {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	margin: 24px 0 0;
}

.ofsa-auth .um-col-alt > .um-field {
	flex: 1 1 100%;
}

.ofsa-auth .um-col-alt .um-left.um-half,
.ofsa-auth .um-col-alt .um-right.um-half {
	float: none;
	width: auto;
	flex: 1 1 0;
	padding: 0;
	margin: 0;
}

.ofsa-auth .um-center {
	text-align: center;
}

.ofsa-auth .um-col-alt-b {
	margin: 18px 0 0;
	text-align: center;
}

.ofsa-auth .um-link-alt {
	color: var(--ofsa-olive);
	font-size: 15px;
	font-weight: 600;
	text-decoration: none;
	transition: color 0.15s ease;
}

.ofsa-auth .um-link-alt:hover {
	color: var(--ofsa-accent);
	text-decoration: underline;
	text-underline-offset: 3px;
}

.ofsa-auth .um a {
	color: var(--ofsa-olive);
}

.ofsa-auth .um a:hover {
	color: var(--ofsa-accent);
}

.ofsa-auth .um-clear {
	clear: both;
}

.ofsa-auth .um-form::after {
	content: "";
	display: table;
	clear: both;
}

/* ---------- Notices & errors ---------- */

.ofsa-auth .um-notice.err,
.ofsa-auth .um-notice.success {
	position: static;
	box-sizing: border-box;
	border-radius: 6px;
	padding: 12px 40px 12px 16px;
	margin: 0 0 20px;
	font-size: 16px;
	line-height: 1.5;
	border: 1px solid transparent;
}

.ofsa-auth .um-notice.err {
	background: var(--ofsa-tint-red);
	color: var(--ofsa-red-deep);
	border-color: rgba(196, 41, 31, 0.45);
}

.ofsa-auth .um-notice.success {
	background: var(--ofsa-tint-green);
	color: var(--ofsa-green-deep);
	border-color: rgba(14, 122, 73, 0.4);
}

.ofsa-auth .um-notice i {
	position: absolute;
	cursor: pointer;
}

.ofsa-auth .um-field-error {
	position: static;
	background: var(--ofsa-tint-red);
	color: var(--ofsa-red-deep);
	border-radius: 6px;
	padding: 8px 12px;
	margin: 8px 0 0;
	font-size: 15px;
	line-height: 1.45;
}

.ofsa-auth .um-field-notice {
	position: static;
	background: var(--ofsa-cream-2);
	color: var(--ofsa-ink-muted);
	border-radius: 6px;
	padding: 8px 12px;
	margin: 8px 0 0;
	font-size: 15px;
	line-height: 1.45;
}

.ofsa-auth .um-field-error .um-field-arrow,
.ofsa-auth .um-field-notice .um-field-arrow {
	display: none;
}

/* ---------- Password rules checklist ---------- */

.ofsa-auth .ofsa-pass-rules {
	display: none;
	box-sizing: border-box;
	margin: 10px 0 0;
	padding: 10px 14px 11px;
	list-style: none;
	background: var(--ofsa-tint-gold);
	border: 1px solid var(--ofsa-gold-soft);
	border-radius: 6px;
}

.ofsa-auth .ofsa-pass-rules.is-visible {
	display: block;
	animation: ofsa-pass-rules-in 0.22s ease both;
}

.ofsa-auth .ofsa-pass-rules.is-severe {
	background: var(--ofsa-tint-red);
	border-color: rgba(196, 41, 31, 0.45);
}

.ofsa-auth .ofsa-pass-rule {
	display: none;
	align-items: flex-start;
	gap: 9px;
	margin: 0;
	padding: 3px 0;
	font-size: 14.5px;
	line-height: 1.5;
	color: var(--ofsa-gold-deep);
}

.ofsa-auth .ofsa-pass-rule.is-fail {
	display: flex;
}

.ofsa-auth .ofsa-pass-rule::before {
	content: '!';
	flex-shrink: 0;
	box-sizing: border-box;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 17px;
	height: 17px;
	margin-top: 2px;
	border-radius: 50%;
	background: var(--ofsa-gold);
	color: var(--ofsa-cream);
	font-size: 11px;
	font-weight: 800;
	line-height: 1;
}

.ofsa-auth .ofsa-pass-rules.is-severe .ofsa-pass-rule {
	color: var(--ofsa-red-deep);
}

.ofsa-auth .ofsa-pass-rules.is-severe .ofsa-pass-rule::before {
	background: var(--ofsa-accent);
}

.ofsa-auth .ofsa-pass-match {
	display: none;
	margin: 8px 0 0;
	font-size: 15px;
	font-weight: 600;
	line-height: 1.45;
	color: var(--ofsa-red-deep);
}

.ofsa-auth .ofsa-pass-match.is-visible {
	display: block;
}

.ofsa-auth .ofsa-pass-error {
	display: none;
	background: var(--ofsa-tint-red);
	color: var(--ofsa-red-deep);
	border-radius: 6px;
	padding: 8px 12px;
	margin: 8px 0 0;
	font-size: 15px;
	line-height: 1.45;
}

.ofsa-auth .ofsa-pass-error.is-visible {
	display: block;
}

.ofsa-auth .ofsa-pass-error .ofsa-pass-error-line {
	display: block;
}

.ofsa-auth .ofsa-pass-error .ofsa-pass-error-line:first-child {
	font-weight: 600;
}

@keyframes ofsa-pass-rules-in {
	from {
		opacity: 0;
		transform: translateY(-4px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

@media (prefers-reduced-motion: reduce) {
	.ofsa-auth .ofsa-pass-rules.is-visible {
		animation: none;
	}
}

/* ---------- Checkboxes & extras ---------- */

.ofsa-auth .um-field-checkbox,
.ofsa-auth .um-field-radio {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	margin: 4px 0 0;
	color: var(--ofsa-ink-soft);
	font-size: 16px;
}

.ofsa-auth .um-field-checkbox-state i,
.ofsa-auth .um-field-radio-state i {
	color: var(--ofsa-line-strong);
	transition: color 0.15s ease;
}

.ofsa-auth .um-field-checkbox.active .um-field-checkbox-state i,
.ofsa-auth .um-field-radio.active .um-field-radio-state i {
	color: var(--ofsa-olive);
}

.ofsa-auth .um-toggle-password {
	cursor: pointer;
	color: rgba(74, 52, 35, 0.55);
	transition: color 0.15s ease;
}

.ofsa-auth .um-toggle-password:hover {
	color: var(--ofsa-olive);
}

.ofsa-auth .um-field-divider-text span {
	color: var(--ofsa-ink-muted);
	font-size: 15px;
}

/* ---------- Account page (Blocksy layout) ---------- */

.ofsa-auth .entry-header {
	text-align: center;
	margin-bottom: 32px;
}

.ofsa-auth .entry-header .page-title,
.ofsa-auth .entry-header .entry-title {
	color: var(--ofsa-ink);
	font-family: var(--ofsa-font-display);
	font-weight: 600;
}

.ofsa-auth .entry-content .um {
	max-width: 960px;
	margin: 0 auto;
	padding: 36px 32px;
	border-radius: var(--ofsa-radius);
	box-shadow: var(--ofsa-shadow);
}

.ofsa-auth .um-account-side {
	float: left;
	width: 264px;
	box-sizing: border-box;
}

.ofsa-auth .um-account-main {
	float: right;
	width: calc(100% - 264px - 36px);
	box-sizing: border-box;
}

/* Sidebar: profile card */

.ofsa-auth .um-account-meta {
	text-align: center;
	padding-bottom: 20px;
	margin-bottom: 18px;
	border-bottom: 1px solid var(--ofsa-line);
}

.ofsa-auth .um-account-meta-img img,
.ofsa-auth .um-account-meta-img-b img {
	border-radius: 50%;
	border: 3px solid var(--ofsa-gold);
	box-shadow: 0 6px 16px rgba(58, 40, 26, 0.2);
}

.ofsa-auth .um-account-name {
	margin-top: 14px;
}

.ofsa-auth .um-account-name a {
	color: var(--ofsa-ink);
	font-size: 18px;
	font-weight: 700;
	text-decoration: none;
}

.ofsa-auth .um-account-name strong {
	color: var(--ofsa-ink);
}

.ofsa-auth .um-account-profile-link {
	margin-top: 4px;
}

.ofsa-auth .um-account-profile-link .um-link {
	color: var(--ofsa-olive);
	font-size: 15px;
	font-weight: 600;
	text-decoration: none;
}

.ofsa-auth .um-account-profile-link .um-link:hover {
	color: var(--ofsa-accent);
	text-decoration: underline;
}

/* Sidebar: tab navigation */

.ofsa-auth .um-account-side ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.ofsa-auth .um-account-side li {
	list-style: none;
	background: transparent !important;
	border: 0 !important;
	margin: 0 0 6px !important;
	padding: 0 !important;
}

.ofsa-auth .um-account-side .um-account-link {
	display: flex;
	align-items: center;
	gap: 12px;
	height: auto;
	min-height: 46px;
	box-sizing: border-box;
	padding: 10px 40px 10px 10px;
	border-radius: 6px;
	color: var(--ofsa-ink-soft);
	font-size: 16px;
	font-weight: 600;
	line-height: 1.35;
	text-decoration: none;
	transition: background 0.15s ease, color 0.15s ease;
}

.ofsa-auth .um-account-side .um-account-link:hover {
	background: var(--ofsa-cream-2);
	color: var(--ofsa-accent);
	text-decoration: none;
}

.ofsa-auth .um-account-side .um-account-link.current,
.ofsa-auth .um-account-side .um-account-link.current:hover {
	background: var(--ofsa-gold-soft);
	color: var(--ofsa-oak);
}

.ofsa-auth .um-account-side .um-account-icon,
.ofsa-auth .um-account-side .um-account-link.current .um-account-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	float: none;
	width: 32px;
	height: 32px;
	padding: 0;
	border: 0;
	border-radius: 6px;
	background: var(--ofsa-cream-2);
	color: var(--ofsa-ink-muted);
	font-weight: normal;
	transition: background 0.15s ease, color 0.15s ease;
}

.ofsa-auth .um-account-side .um-account-icon i {
	display: block;
	height: auto;
	line-height: 1;
	font-size: 15px;
}

.ofsa-auth .um-account-side .um-account-link:hover .um-account-icon {
	background: var(--ofsa-gold-soft);
	color: var(--ofsa-oak);
}

.ofsa-auth .um-account-side .um-account-link.current .um-account-icon,
.ofsa-auth .um-account-side .um-account-link.current:hover .um-account-icon {
	background: var(--ofsa-accent);
	color: var(--ofsa-cream);
}

.ofsa-auth .um-account-side .um-account-title {
	float: none;
	flex: 1 1 auto;
	min-width: 0;
	height: auto;
	padding: 0;
	line-height: 1.35;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	text-align: left;
	color: inherit;
}

.ofsa-auth .um-account-side .um-account-arrow {
	right: 14px;
	top: 50%;
	transform: translateY(-50%);
	margin-top: 0;
	font-size: 16px;
	line-height: 1;
	color: var(--ofsa-ink-muted);
	opacity: 1;
}

.ofsa-auth .um-account-side .um-account-link:hover .um-account-arrow,
.ofsa-auth .um-account-side .um-account-link.current .um-account-arrow {
	color: var(--ofsa-accent);
}

/* Main column */

.ofsa-auth .um-account-main div.um-account-heading {
	display: flex;
	align-items: center;
	gap: 10px;
	margin: 0 0 24px !important;
	padding: 0 0 14px;
	border-bottom: 1px solid var(--ofsa-line);
	color: var(--ofsa-ink);
	font-family: var(--ofsa-font-display);
	font-size: 22px;
	font-weight: 600;
	line-height: 1.3;
}

.ofsa-auth .um-account-main div.um-account-heading i {
	color: var(--ofsa-gold-deep);
	font-size: 18px;
	margin: 0;
	top: 0;
}

/* Breathing room between fields (UM only pads the top of .um-field) */

.ofsa-auth .um-form .um-field {
	padding: 4px 0 18px;
}

.ofsa-auth .um-account-main p {
	margin-bottom: 18px !important;
}

.ofsa-auth .um-form-field[disabled],
.ofsa-auth .um-form-field:disabled {
	background: var(--ofsa-cream-2);
	color: rgba(74, 52, 35, 0.55);
	cursor: not-allowed;
}

.ofsa-auth .um-account-main .um-button,
.ofsa-auth .um-account-main input.um-button {
	width: auto;
	min-width: 200px;
}

/* Mobile accordion nav */

.ofsa-auth .um-account-nav {
	background: var(--ofsa-cream-2);
	border-radius: 6px;
	overflow: hidden;
}

.ofsa-auth .um-account-nav a {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	padding: 14px 16px;
	color: var(--ofsa-ink);
	font-size: 16px;
	font-weight: 700;
	text-decoration: none;
}

.ofsa-auth .um-account-nav a.current {
	color: var(--ofsa-accent);
}

.ofsa-auth .um-account-nav a .ico {
	order: -1;
	color: var(--ofsa-gold-deep);
}

.ofsa-auth .um-account-nav a .arr {
	color: var(--ofsa-ink-muted);
}

@media (max-width: 800px) {
	.ofsa-auth .um-account-side {
		float: none;
		width: 100%;
	}

	.ofsa-auth .um-account-main {
		float: none;
		width: 100%;
		margin-top: 24px;
	}
}

/* ---------- Staggered reveal ---------- */

.ofsa-auth .um-form .um-field {
	animation: ofsa-auth-field 0.4s ease both;
}

.ofsa-auth .um-form .um-field:nth-of-type(1) { animation-delay: 0.08s; }
.ofsa-auth .um-form .um-field:nth-of-type(2) { animation-delay: 0.14s; }
.ofsa-auth .um-form .um-field:nth-of-type(3) { animation-delay: 0.20s; }
.ofsa-auth .um-form .um-field:nth-of-type(4) { animation-delay: 0.26s; }
.ofsa-auth .um-form .um-field:nth-of-type(5) { animation-delay: 0.32s; }
.ofsa-auth .um-form .um-field:nth-of-type(6) { animation-delay: 0.38s; }
.ofsa-auth .um-form .um-field:nth-of-type(7) { animation-delay: 0.44s; }
.ofsa-auth .um-form .um-field:nth-of-type(n + 8) { animation-delay: 0.50s; }

@keyframes ofsa-auth-field {
	from {
		opacity: 0;
		transform: translateY(10px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

@media (prefers-reduced-motion: reduce) {
	.ofsa-auth-wrap,
	.ofsa-auth .um-form .um-field {
		animation: none;
	}
}

/* ---------- Patient info card (account page) ---------- */

.ofsa-auth .um-account-tab-patient-info .um-col-alt-b {
	display: none;
}

.ofsa-account-patient {
	margin: 0 0 24px;
}

.ofsa-account-patient-row {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 16px;
	padding: 13px 0;
	border-bottom: 1px solid var(--ofsa-line);
	font-size: 16px;
	line-height: 1.5;
}

.ofsa-account-patient-row:last-of-type {
	border-bottom: 0;
}

.ofsa-account-patient-label {
	color: var(--ofsa-ink-muted);
	flex-shrink: 0;
}

.ofsa-account-patient-value {
	color: var(--ofsa-ink);
	font-weight: 600;
	text-align: right;
	word-break: break-word;
}

.ofsa-account-patient-empty {
	margin: 0 0 16px;
	color: var(--ofsa-ink-muted);
	font-size: 16px;
}

.ofsa-account-patient-edit {
	display: inline-block;
	width: auto;
	min-width: 200px;
	min-height: 52px;
	box-sizing: border-box;
	padding: 12px 28px;
	font-size: 16px;
	text-decoration: none;
}

/* ---------- Responsive ---------- */

@media (max-width: 520px) {
	.ofsa-auth-main {
		padding: 40px 0 64px;
	}

	.ofsa-auth .um {
		padding: 28px 20px 24px;
		border-radius: var(--ofsa-radius);
	}

	.ofsa-auth .entry-content .um {
		padding: 24px 18px;
	}

	.ofsa-auth .um-col-alt {
		flex-direction: column;
	}

	.ofsa-auth .um-col-alt .um-left.um-half,
	.ofsa-auth .um-col-alt .um-right.um-half {
		flex: 1 1 auto;
		width: 100%;
	}

	.ofsa-auth .um-account-side,
	.ofsa-auth .um-account-main {
		float: none;
		width: 100%;
	}

	.ofsa-account-patient-row {
		flex-direction: column;
		gap: 2px;
	}

	.ofsa-account-patient-value {
		text-align: left;
	}
}
