/**
 * Account View — Mi Mundo hub layout.
 *
 * @package PasionGift_App
 */

.pg-account-view {
	display: flex;
	flex-direction: column;
	gap: var(--pg-section-gap);
	width: 100%;
	min-width: 0;
	padding-bottom: var(--pg-space-xl);
	background:
		radial-gradient(120% 80% at 100% 0%, color-mix(in srgb, var(--pg-color-brand-rose) 35%, transparent) 0%, transparent 55%),
		radial-gradient(90% 60% at 0% 10%, color-mix(in srgb, var(--pg-color-brand-beige) 28%, transparent) 0%, transparent 50%),
		var(--pg-color-surface);
}

.pg-account-hero {
	display: flex;
	flex-direction: column;
	gap: var(--pg-space-sm);
	width: 100%;
	min-width: 0;
	padding: var(--pg-space-xl) var(--pg-shell-padding-x) 0;
}

.pg-account-hero__brand {
	margin: 0;
	font-family: var(--pg-font-family);
	font-size: var(--pg-font-size-sm);
	font-weight: var(--pg-font-weight-semibold);
	line-height: var(--pg-line-height-tight);
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: var(--pg-color-brand-wine);
}

.pg-account-hero__title {
	margin: 0;
	font-family: var(--pg-font-family);
	font-size: var(--pg-type-hero-title);
	font-weight: var(--pg-font-weight-semibold);
	line-height: var(--pg-line-height-tight);
	color: var(--pg-color-text);
	letter-spacing: var(--pg-letter-spacing-tight, -0.02em);
}

.pg-account-hero__subtitle {
	margin: 0;
	max-width: 22rem;
	font-family: var(--pg-font-family);
	font-size: var(--pg-type-hero-subtitle);
	font-weight: var(--pg-font-weight-medium);
	line-height: var(--pg-line-height-normal);
	color: var(--pg-color-text-muted);
}

.pg-account-trust {
	margin: 0;
	padding: 0 var(--pg-shell-padding-x);
	max-width: 24rem;
	font-family: var(--pg-font-family);
	font-size: var(--pg-font-size-sm);
	line-height: var(--pg-line-height-normal);
	color: var(--pg-color-text-muted);
}

.pg-account-hero--hub {
	padding-bottom: var(--pg-space-xs);
}

.pg-account-hub {
	display: flex;
	flex-direction: column;
	gap: var(--pg-space-sm);
	width: 100%;
	min-width: 0;
	padding: 0 var(--pg-shell-padding-x);
}

.pg-account-hub__label {
	margin: 0;
	font-family: var(--pg-font-family);
	font-size: var(--pg-font-size-xs);
	font-weight: var(--pg-font-weight-semibold);
	line-height: var(--pg-line-height-tight);
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: var(--pg-color-text-placeholder);
}

.pg-account-hub__grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: var(--pg-space-sm);
	margin: 0;
	padding: 0;
	list-style: none;
}

.pg-account-hub__grid--footer {
	grid-template-columns: 1fr;
}

.pg-account-hub-card {
	min-width: 0;
}

.pg-account-hub-card__link {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: space-between;
	gap: var(--pg-space-md);
	min-height: 7.25rem;
	height: 100%;
	padding: var(--pg-space-md);
	font-family: var(--pg-font-family);
	color: var(--pg-color-text);
	text-decoration: none;
	background:
		linear-gradient(
			160deg,
			color-mix(in srgb, var(--pg-color-brand-rose) 22%, var(--pg-color-surface)) 0%,
			var(--pg-color-surface) 55%
		);
	border: 1px solid color-mix(in srgb, var(--pg-color-brand-beige) 55%, var(--pg-color-border-subtle));
	border-radius: var(--pg-radius-lg);
	box-shadow: 0 1px 0 color-mix(in srgb, var(--pg-color-brand-beige) 35%, transparent);
	transition: transform 160ms ease, border-color 160ms ease, box-shadow 160ms ease;
}

.pg-account-hub-card.is-primary .pg-account-hub-card__link {
	background:
		linear-gradient(
			155deg,
			color-mix(in srgb, var(--pg-color-brand-wine) 12%, var(--pg-color-surface)) 0%,
			color-mix(in srgb, var(--pg-color-brand-rose) 28%, var(--pg-color-surface)) 100%
		);
	border-color: color-mix(in srgb, var(--pg-color-brand-wine) 28%, var(--pg-color-border-subtle));
}

.pg-account-hub-card.is-soon .pg-account-hub-card__link {
	opacity: 0.72;
	cursor: default;
	background: var(--pg-color-interactive-bg);
	border-color: var(--pg-color-border-subtle);
	box-shadow: none;
}

.pg-account-hub-card.is-logout .pg-account-hub-card__link {
	min-height: 3.25rem;
	flex-direction: row;
	align-items: center;
	gap: var(--pg-space-sm);
	padding: 0.85rem var(--pg-space-md);
	background: transparent;
	border-style: dashed;
	box-shadow: none;
}

a.pg-account-hub-card__link:hover {
	transform: translateY(-2px);
	border-color: color-mix(in srgb, var(--pg-color-brand-wine) 40%, var(--pg-color-border));
	box-shadow: 0 8px 20px color-mix(in srgb, var(--pg-color-brand-wine) 10%, transparent);
}

a.pg-account-hub-card__link:focus-visible,
button.pg-account-hub-card__link:focus-visible {
	outline: 2px solid var(--pg-color-brand-wine);
	outline-offset: 2px;
}

.pg-account-hub-card__link--button {
	width: 100%;
	appearance: none;
	cursor: pointer;
	text-align: left;
}

.pg-account-hub-card__icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 2.35rem;
	height: 2.35rem;
	color: var(--pg-color-brand-wine);
	background: color-mix(in srgb, var(--pg-color-brand-rose) 55%, var(--pg-color-surface));
	border-radius: var(--pg-radius-md);
}

.pg-account-hub-card.is-soon .pg-account-hub-card__icon {
	color: var(--pg-color-text-muted);
	background: color-mix(in srgb, var(--pg-color-border-subtle) 70%, var(--pg-color-surface));
}

.pg-account-hub-card__icon svg {
	display: block;
}

.pg-account-hub-card__text {
	display: block;
	max-width: 100%;
	font-size: var(--pg-font-size-sm);
	font-weight: var(--pg-font-weight-semibold);
	line-height: var(--pg-line-height-tight);
	letter-spacing: -0.01em;
}

.pg-account-hub-card.is-primary .pg-account-hub-card__text {
	color: var(--pg-color-brand-wine);
}

.pg-account-hub-card__chevron {
	align-self: flex-end;
	width: 0.45rem;
	height: 0.45rem;
	margin-top: auto;
	border-right: 2px solid currentColor;
	border-bottom: 2px solid currentColor;
	transform: rotate(-45deg);
	opacity: 0.4;
	color: var(--pg-color-brand-wine);
}

.pg-account-hub-card__badge {
	align-self: flex-start;
	margin-top: auto;
	padding: 0.2rem 0.55rem;
	font-size: 0.6875rem;
	font-weight: var(--pg-font-weight-medium);
	line-height: 1.2;
	letter-spacing: 0.02em;
	color: var(--pg-color-text-muted);
	background: var(--pg-color-surface);
	border: 1px solid var(--pg-color-border-subtle);
	border-radius: var(--pg-radius-sm);
}

.pg-account-hub--auth,
.pg-account-hub--upcoming {
	padding-top: var(--pg-space-xs);
}

.pg-account-hub-footer {
	padding: var(--pg-space-sm) var(--pg-shell-padding-x) 0;
}

.pg-account-hub-card.is-logout .pg-account-hub-card__text {
	font-weight: var(--pg-font-weight-medium);
	color: var(--pg-color-text-muted);
}

.pg-account-hub-card.is-logout .pg-account-hub-card__icon {
	width: 1.85rem;
	height: 1.85rem;
	color: var(--pg-color-text-muted);
	background: transparent;
}

.pg-account-back {
	padding: var(--pg-space-md) var(--pg-shell-padding-x) 0;
}

.pg-account-back__link {
	display: inline-flex;
	align-items: center;
	gap: var(--pg-space-sm);
	min-height: 2.5rem;
	font-family: var(--pg-font-family);
	font-size: var(--pg-font-size-sm);
	font-weight: var(--pg-font-weight-medium);
	color: var(--pg-color-text-muted);
	text-decoration: none;
}

.pg-account-back__link:hover {
	color: var(--pg-color-brand-wine);
}

.pg-account-back__link:focus-visible {
	outline: 2px solid var(--pg-color-brand-wine);
	outline-offset: 2px;
}

.pg-account-back__chevron {
	display: inline-block;
	width: 0.45rem;
	height: 0.45rem;
	border-left: 2px solid currentColor;
	border-bottom: 2px solid currentColor;
	transform: rotate(45deg);
}

.pg-account-hero--tracking {
	padding-top: var(--pg-space-md);
}

.pg-account-track {
	padding: 0 var(--pg-shell-padding-x);
	width: 100%;
	min-width: 0;
}

.pg-account-track__shell {
	display: flex;
	flex-direction: column;
	gap: var(--pg-space-md);
	width: 100%;
	min-width: 0;
	padding: var(--pg-space-lg) 0;
	border-top: 1px solid var(--pg-color-border-subtle);
}

.pg-account-track-form {
	display: flex;
	flex-direction: column;
	gap: var(--pg-space-md);
	width: 100%;
	min-width: 0;
}

.pg-account-track-form__title {
	margin: 0;
	font-family: var(--pg-font-family);
	font-size: var(--pg-font-size-md);
	font-weight: var(--pg-font-weight-semibold);
	line-height: var(--pg-line-height-tight);
	color: var(--pg-color-text);
}

.pg-account-track-form__legend,
.pg-account-track-form__label {
	margin: 0 0 var(--pg-space-sm);
	font-family: var(--pg-font-family);
	font-size: var(--pg-font-size-sm);
	font-weight: var(--pg-font-weight-medium);
	color: var(--pg-color-text);
}

.pg-account-track-form__methods {
	display: flex;
	flex-direction: column;
	gap: var(--pg-space-sm);
	margin: 0;
	padding: 0;
	border: 0;
}

.pg-account-track-form__method {
	display: flex;
	align-items: center;
	gap: var(--pg-space-sm);
	min-height: 2.5rem;
	font-family: var(--pg-font-family);
	font-size: var(--pg-font-size-sm);
	color: var(--pg-color-text);
	cursor: pointer;
}

.pg-account-track-form__method input {
	width: 1.1rem;
	height: 1.1rem;
	accent-color: var(--pg-color-brand-wine);
}

.pg-account-track-form__field,
.pg-account-track-form__secondary {
	display: flex;
	flex-direction: column;
	gap: var(--pg-space-sm);
}

.pg-account-track-form__hint {
	margin: 0;
	font-family: var(--pg-font-family);
	font-size: var(--pg-font-size-sm);
	line-height: var(--pg-line-height-normal);
	color: var(--pg-color-text-muted);
}

.pg-account-track-form__input {
	width: 100%;
	min-height: 3rem;
	padding: 0.75rem var(--pg-space-md);
	font-family: var(--pg-font-family);
	font-size: var(--pg-font-size-base);
	color: var(--pg-color-text);
	background: var(--pg-color-surface);
	border: 1px solid var(--pg-color-border);
	border-radius: var(--pg-radius-md);
}

.pg-account-track-form__input:focus {
	outline: 2px solid var(--pg-color-brand-wine);
	outline-offset: 1px;
	border-color: var(--pg-color-brand-wine);
}

.pg-account-track-form__submit {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 3rem;
	padding: 0 var(--pg-space-lg);
	font-family: var(--pg-font-family);
	font-size: var(--pg-font-size-sm);
	font-weight: var(--pg-font-weight-semibold);
	color: var(--pg-color-surface);
	background: var(--pg-color-brand-wine);
	border: 0;
	border-radius: var(--pg-radius-md);
	cursor: pointer;
}

.pg-account-track-form__submit:hover {
	opacity: 0.92;
}

.pg-account-track-form__submit:disabled {
	opacity: 0.65;
	cursor: wait;
}

.pg-account-track-form__submit:focus-visible {
	outline: 2px solid var(--pg-color-brand-wine);
	outline-offset: 2px;
}

.pg-account-track-status {
	margin: 0;
	font-family: var(--pg-font-family);
	font-size: var(--pg-font-size-sm);
	line-height: var(--pg-line-height-normal);
	color: var(--pg-color-text-muted);
}

.pg-account-track-status[data-tone='error'],
.pg-account-track-status[data-tone='empty'] {
	color: var(--pg-color-text);
}

.pg-account-track__another {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	align-self: center;
	min-height: 2.5rem;
	padding: 0 var(--pg-space-md);
	margin: 0;
	font-family: var(--pg-font-family);
	font-size: var(--pg-font-size-sm);
	font-weight: var(--pg-font-weight-medium);
	color: var(--pg-color-brand-wine);
	background: transparent;
	border: 0;
	text-decoration: underline;
	text-underline-offset: 0.16em;
	cursor: pointer;
}

.pg-account-track__another:hover,
.pg-account-track__another:focus-visible {
	opacity: 0.85;
}

.pg-account-track__another:focus-visible {
	outline: 2px solid var(--pg-color-brand-wine);
	outline-offset: 2px;
}

.pg-account-track[data-account-track-state='found'] .pg-account-track-result {
	display: block;
}

.pg-account-track-result__card {
	display: flex;
	flex-direction: column;
	gap: var(--pg-space-md);
	padding: var(--pg-space-md) 0 0;
	border-top: 1px solid var(--pg-color-border-subtle);
}

.pg-account-track-result__eyebrow {
	margin: 0;
	font-family: var(--pg-font-family);
	font-size: var(--pg-font-size-sm);
	font-weight: var(--pg-font-weight-semibold);
	color: var(--pg-color-brand-wine);
}

.pg-account-track-result__list {
	display: flex;
	flex-direction: column;
	gap: var(--pg-space-sm);
	margin: 0;
}

.pg-account-track-result__row {
	display: grid;
	grid-template-columns: 6.5rem minmax(0, 1fr);
	gap: var(--pg-space-sm);
	align-items: baseline;
}

.pg-account-track-result__row dt {
	margin: 0;
	font-family: var(--pg-font-family);
	font-size: var(--pg-font-size-xs);
	font-weight: var(--pg-font-weight-medium);
	color: var(--pg-color-text-placeholder);
	text-transform: uppercase;
	letter-spacing: 0.04em;
}

.pg-account-track-result__row dd {
	margin: 0;
	font-family: var(--pg-font-family);
	font-size: var(--pg-font-size-sm);
	font-weight: var(--pg-font-weight-medium);
	color: var(--pg-color-text);
}

.pg-account-view .screen-reader-text {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

.pg-account-hero--auth {
	padding-top: var(--pg-space-md);
}

.pg-account-auth {
	padding: 0 var(--pg-shell-padding-x);
	width: 100%;
	min-width: 0;
}

.pg-account-auth__shell {
	display: flex;
	flex-direction: column;
	gap: var(--pg-space-md);
	width: 100%;
	min-width: 0;
	padding: var(--pg-space-lg) 0;
	border-top: 1px solid var(--pg-color-border-subtle);
}

.pg-account-auth-form {
	display: flex;
	flex-direction: column;
	gap: var(--pg-space-md);
	width: 100%;
	min-width: 0;
}

.pg-account-auth-form__label {
	margin: 0;
	font-family: var(--pg-font-family);
	font-size: var(--pg-font-size-sm);
	font-weight: var(--pg-font-weight-medium);
	color: var(--pg-color-text);
}

.pg-account-auth-form__sent {
	margin: 0;
	font-family: var(--pg-font-family);
	font-size: var(--pg-font-size-md);
	font-weight: var(--pg-font-weight-semibold);
	line-height: var(--pg-line-height-tight);
	color: var(--pg-color-brand-wine);
}

.pg-account-auth-form__hint {
	margin: 0;
	font-family: var(--pg-font-family);
	font-size: var(--pg-font-size-sm);
	line-height: var(--pg-line-height-normal);
	color: var(--pg-color-text-muted);
}

.pg-account-auth-form__input {
	width: 100%;
	min-height: 3rem;
	padding: 0.75rem var(--pg-space-md);
	font-family: var(--pg-font-family);
	font-size: var(--pg-font-size-base);
	color: var(--pg-color-text);
	background: var(--pg-color-surface);
	border: 1px solid var(--pg-color-border);
	border-radius: var(--pg-radius-md);
}

.pg-account-auth-form__input--code {
	letter-spacing: 0.28em;
	font-variant-numeric: tabular-nums;
	text-align: center;
}

.pg-account-auth-form__input:focus {
	outline: 2px solid var(--pg-color-brand-wine);
	outline-offset: 1px;
	border-color: var(--pg-color-brand-wine);
}

.pg-account-auth-form__submit {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 3rem;
	padding: 0 var(--pg-space-lg);
	font-family: var(--pg-font-family);
	font-size: var(--pg-font-size-sm);
	font-weight: var(--pg-font-weight-semibold);
	color: var(--pg-color-surface);
	background: var(--pg-color-brand-wine);
	border: 0;
	border-radius: var(--pg-radius-md);
	cursor: pointer;
}

.pg-account-auth-form__submit:hover {
	opacity: 0.92;
}

.pg-account-auth-form__submit:disabled {
	opacity: 0.65;
	cursor: wait;
}

.pg-account-auth-form__submit:focus-visible {
	outline: 2px solid var(--pg-color-brand-wine);
	outline-offset: 2px;
}

.pg-account-auth-form__secondary {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 2.5rem;
	padding: 0;
	font-family: var(--pg-font-family);
	font-size: var(--pg-font-size-sm);
	font-weight: var(--pg-font-weight-medium);
	color: var(--pg-color-text-muted);
	background: transparent;
	border: 0;
	cursor: pointer;
	text-decoration: underline;
	text-underline-offset: 0.15em;
}

.pg-account-auth-form__secondary:hover {
	color: var(--pg-color-brand-wine);
}

.pg-account-auth-form__secondary:focus-visible {
	outline: 2px solid var(--pg-color-brand-wine);
	outline-offset: 2px;
}

.pg-account-auth-status {
	margin: 0;
	font-family: var(--pg-font-family);
	font-size: var(--pg-font-size-sm);
	line-height: var(--pg-line-height-normal);
	color: var(--pg-color-text-muted);
}

.pg-account-auth-status[data-tone='error'],
.pg-account-auth[data-account-auth-state='invalid_email'] .pg-account-auth-status,
.pg-account-auth[data-account-auth-state='expired'] .pg-account-auth-status,
.pg-account-auth[data-account-auth-state='rate_limited'] .pg-account-auth-status {
	color: var(--pg-color-text);
}

.pg-account-auth-status[data-tone='success'] {
	color: var(--pg-color-brand-wine);
}

.pg-account-hero--profile {
	padding-top: var(--pg-space-md);
}

.pg-account-profile {
	padding: 0 var(--pg-shell-padding-x);
	width: 100%;
	min-width: 0;
}

.pg-account-profile__shell {
	display: flex;
	flex-direction: column;
	gap: var(--pg-space-md);
	width: 100%;
	min-width: 0;
	padding: var(--pg-space-lg) 0;
	border-top: 1px solid var(--pg-color-border-subtle);
}

.pg-account-profile__list {
	display: flex;
	flex-direction: column;
	gap: var(--pg-space-md);
	margin: 0;
}

.pg-account-profile__row {
	display: grid;
	grid-template-columns: 8.5rem minmax(0, 1fr);
	gap: var(--pg-space-sm);
	align-items: baseline;
	padding-bottom: var(--pg-space-sm);
	border-bottom: 1px solid var(--pg-color-border-subtle);
}

.pg-account-profile__row dt {
	margin: 0;
	font-family: var(--pg-font-family);
	font-size: var(--pg-font-size-xs);
	font-weight: var(--pg-font-weight-medium);
	color: var(--pg-color-text-placeholder);
	text-transform: uppercase;
	letter-spacing: 0.04em;
}

.pg-account-profile__row dd {
	margin: 0;
	font-family: var(--pg-font-family);
	font-size: var(--pg-font-size-sm);
	font-weight: var(--pg-font-weight-medium);
	color: var(--pg-color-text);
	word-break: break-word;
}

.pg-account-profile-form {
	display: flex;
	flex-direction: column;
	gap: var(--pg-space-md);
	width: 100%;
	min-width: 0;
}

.pg-account-profile-form__field {
	display: flex;
	flex-direction: column;
	gap: var(--pg-space-sm);
}

.pg-account-profile-form__label {
	margin: 0;
	font-family: var(--pg-font-family);
	font-size: var(--pg-font-size-sm);
	font-weight: var(--pg-font-weight-medium);
	color: var(--pg-color-text);
}

.pg-account-profile-form__hint {
	margin: 0;
	font-family: var(--pg-font-family);
	font-size: var(--pg-font-size-xs);
	line-height: var(--pg-line-height-normal);
	color: var(--pg-color-text-muted);
}

.pg-account-profile-form__input {
	width: 100%;
	min-height: 3rem;
	padding: 0.75rem var(--pg-space-md);
	font-family: var(--pg-font-family);
	font-size: var(--pg-font-size-base);
	color: var(--pg-color-text);
	background: var(--pg-color-surface);
	border: 1px solid var(--pg-color-border);
	border-radius: var(--pg-radius-md);
}

.pg-account-profile-form__input:focus {
	outline: 2px solid var(--pg-color-brand-wine);
	outline-offset: 1px;
	border-color: var(--pg-color-brand-wine);
}

.pg-account-profile-form__input:disabled,
.pg-account-profile-form__input[readonly] {
	color: var(--pg-color-text-muted);
	background: var(--pg-color-interactive-bg);
	cursor: not-allowed;
}

.pg-account-profile-form__actions {
	display: flex;
	flex-direction: column;
	gap: var(--pg-space-sm);
}

.pg-account-profile__submit {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 3rem;
	padding: 0 var(--pg-space-lg);
	font-family: var(--pg-font-family);
	font-size: var(--pg-font-size-sm);
	font-weight: var(--pg-font-weight-semibold);
	color: var(--pg-color-surface);
	background: var(--pg-color-brand-wine);
	border: 0;
	border-radius: var(--pg-radius-md);
	cursor: pointer;
}

.pg-account-profile__submit:hover {
	opacity: 0.92;
}

.pg-account-profile__submit:disabled {
	opacity: 0.65;
	cursor: wait;
}

.pg-account-profile__submit:focus-visible {
	outline: 2px solid var(--pg-color-brand-wine);
	outline-offset: 2px;
}

.pg-account-profile__secondary {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 2.5rem;
	padding: 0;
	font-family: var(--pg-font-family);
	font-size: var(--pg-font-size-sm);
	font-weight: var(--pg-font-weight-medium);
	color: var(--pg-color-text-muted);
	background: transparent;
	border: 0;
	cursor: pointer;
	text-decoration: underline;
	text-underline-offset: 0.15em;
}

.pg-account-profile__secondary:hover {
	color: var(--pg-color-brand-wine);
}

.pg-account-profile-status {
	margin: 0;
	font-family: var(--pg-font-family);
	font-size: var(--pg-font-size-sm);
	line-height: var(--pg-line-height-normal);
	color: var(--pg-color-text-muted);
}

.pg-account-profile-status[data-tone='error'] {
	color: var(--pg-color-text);
}

.pg-account-profile-status[data-tone='success'] {
	color: var(--pg-color-brand-wine);
}

.pg-account-hero--addresses {
	padding-top: var(--pg-space-md);
}

.pg-account-addresses {
	padding: 0 var(--pg-shell-padding-x);
	width: 100%;
	min-width: 0;
}

.pg-account-addresses__shell {
	display: flex;
	flex-direction: column;
	gap: var(--pg-space-md);
	width: 100%;
	min-width: 0;
	padding: var(--pg-space-lg) 0;
	border-top: 1px solid var(--pg-color-border-subtle);
}

.pg-account-addresses__empty-copy {
	margin: 0;
	font-family: var(--pg-font-family);
	font-size: var(--pg-font-size-sm);
	line-height: var(--pg-line-height-normal);
	color: var(--pg-color-text-muted);
}

.pg-account-addresses__list {
	display: flex;
	flex-direction: column;
	gap: var(--pg-space-md);
	margin: 0;
	padding: 0;
	list-style: none;
}

.pg-account-addresses__item {
	display: flex;
	flex-direction: column;
	gap: var(--pg-space-sm);
	padding-bottom: var(--pg-space-md);
	border-bottom: 1px solid var(--pg-color-border-subtle);
}

.pg-account-addresses__item-title {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	gap: var(--pg-space-sm);
	margin: 0;
	font-family: var(--pg-font-family);
	font-size: var(--pg-font-size-base);
	font-weight: var(--pg-font-weight-semibold);
	color: var(--pg-color-text);
}

.pg-account-addresses__item-meta {
	font-size: var(--pg-font-size-sm);
	font-weight: var(--pg-font-weight-medium);
	color: var(--pg-color-text-muted);
}

.pg-account-addresses__item-detail {
	margin: 0;
	font-family: var(--pg-font-family);
	font-size: var(--pg-font-size-sm);
	line-height: var(--pg-line-height-normal);
	color: var(--pg-color-text-muted);
}

.pg-account-addresses__item-actions {
	display: flex;
	gap: var(--pg-space-md);
}

.pg-account-addresses__link-btn {
	padding: 0;
	font-family: var(--pg-font-family);
	font-size: var(--pg-font-size-sm);
	font-weight: var(--pg-font-weight-medium);
	color: var(--pg-color-brand-wine);
	background: transparent;
	border: 0;
	cursor: pointer;
	text-decoration: underline;
	text-underline-offset: 0.15em;
}

.pg-account-addresses__link-btn:focus-visible {
	outline: 2px solid var(--pg-color-brand-wine);
	outline-offset: 2px;
}

.pg-account-addresses-form {
	display: flex;
	flex-direction: column;
	gap: var(--pg-space-md);
	width: 100%;
	min-width: 0;
}

.pg-account-addresses-form__field {
	display: flex;
	flex-direction: column;
	gap: var(--pg-space-sm);
}

.pg-account-addresses-form__label {
	margin: 0;
	font-family: var(--pg-font-family);
	font-size: var(--pg-font-size-sm);
	font-weight: var(--pg-font-weight-medium);
	color: var(--pg-color-text);
}

.pg-account-addresses-form__input {
	width: 100%;
	min-height: 3rem;
	padding: 0.75rem var(--pg-space-md);
	font-family: var(--pg-font-family);
	font-size: var(--pg-font-size-base);
	color: var(--pg-color-text);
	background: var(--pg-color-surface);
	border: 1px solid var(--pg-color-border);
	border-radius: var(--pg-radius-md);
}

.pg-account-addresses-form__textarea {
	min-height: 5rem;
	resize: vertical;
}

.pg-account-addresses-form__input:focus {
	outline: 2px solid var(--pg-color-brand-wine);
	outline-offset: 1px;
	border-color: var(--pg-color-brand-wine);
}

.pg-account-addresses-form__actions {
	display: flex;
	flex-direction: column;
	gap: var(--pg-space-sm);
}

.pg-account-addresses__submit {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 3rem;
	padding: 0 var(--pg-space-lg);
	font-family: var(--pg-font-family);
	font-size: var(--pg-font-size-sm);
	font-weight: var(--pg-font-weight-semibold);
	color: var(--pg-color-surface);
	background: var(--pg-color-brand-wine);
	border: 0;
	border-radius: var(--pg-radius-md);
	cursor: pointer;
}

.pg-account-addresses__submit:hover {
	opacity: 0.92;
}

.pg-account-addresses__submit:disabled {
	opacity: 0.65;
	cursor: wait;
}

.pg-account-addresses__submit:focus-visible {
	outline: 2px solid var(--pg-color-brand-wine);
	outline-offset: 2px;
}

.pg-account-addresses__secondary {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 2.5rem;
	padding: 0;
	font-family: var(--pg-font-family);
	font-size: var(--pg-font-size-sm);
	font-weight: var(--pg-font-weight-medium);
	color: var(--pg-color-text-muted);
	background: transparent;
	border: 0;
	cursor: pointer;
	text-decoration: underline;
	text-underline-offset: 0.15em;
}

.pg-account-addresses__secondary:hover {
	color: var(--pg-color-brand-wine);
}

.pg-account-addresses-status {
	margin: 0;
	font-family: var(--pg-font-family);
	font-size: var(--pg-font-size-sm);
	line-height: var(--pg-line-height-normal);
	color: var(--pg-color-text-muted);
}

.pg-account-addresses-status[data-tone='error'] {
	color: var(--pg-color-text);
}

.pg-account-addresses-status[data-tone='success'] {
	color: var(--pg-color-brand-wine);
}

@media (min-width: 768px) {
	.pg-account-view {
		gap: var(--pg-space-xl);
	}

	.pg-account-hero__title {
		font-size: var(--pg-font-size-xl);
	}

	.pg-account-hub__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: var(--pg-space-md);
	}

	.pg-account-hub-card__link {
		min-height: 8rem;
		padding: var(--pg-space-lg);
	}

	.pg-account-hub-card__text {
		font-size: var(--pg-font-size-base);
	}
}