/*
 * Surgemint - account styles (login/register, dashboard, addresses,
 * orders, order timeline, wishlist). Loaded after main.css on My Account,
 * checkout and the wishlist page.
 */

/* ==========================================================================
   1. Account layout
   ========================================================================== */

.woocommerce-account .woocommerce {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: 20px;
	align-items: start;
}

/* Clearfix pseudo-elements would become empty grid cells and push the nav
   into the second column. */
.woocommerce-account .woocommerce::before,
.woocommerce-account .woocommerce::after {
	content: none;
	display: none;
}

.woocommerce-account .woocommerce > .woocommerce-notices-wrapper {
	grid-column: 1 / -1;
}

.pbd-account-out .woocommerce {
	display: block;
}

.woocommerce-MyAccount-content {
	min-width: 0;
}

.woocommerce-MyAccount-content > h2:first-child,
.woocommerce-MyAccount-content > h3:first-child {
	margin-top: 0;
}

/* Navigation: horizontal scroll strip on mobile, sidebar on desktop */
.pbd-account-nav ul {
	display: flex;
	gap: 8px;
	margin: 0;
	padding: 0 0 4px;
	list-style: none;
	overflow-x: auto;
	scrollbar-width: none;
}

.pbd-account-nav ul::-webkit-scrollbar {
	display: none;
}

.pbd-account-nav li {
	flex: 0 0 auto;
	margin: 0;
}

.pbd-account-nav a {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 9px 14px;
	border: 1px solid var(--pbd-line-strong);
	border-radius: 999px;
	background: var(--pbd-surface);
	color: var(--pbd-ink);
	font-size: 0.9375rem;
	font-weight: 600;
	text-decoration: none;
	white-space: nowrap;
}

.pbd-account-nav a:hover {
	border-color: var(--pbd-brand);
	color: var(--pbd-brand);
}

.pbd-account-nav li.is-active a,
.pbd-account-nav a[aria-current="page"] {
	border-color: var(--pbd-brand);
	background: var(--pbd-brand);
	color: var(--pbd-on-brand);
}

.pbd-account-nav li.woocommerce-MyAccount-navigation-link--customer-logout a {
	color: var(--pbd-error);
}

.pbd-account-nav li.woocommerce-MyAccount-navigation-link--customer-logout a:hover {
	border-color: var(--pbd-error);
	background: var(--pbd-error-soft);
}

@media (min-width: 900px) {
	.pbd-account-in .woocommerce {
		grid-template-columns: 250px minmax(0, 1fr);
		gap: 32px;
	}

	.pbd-account-nav {
		position: sticky;
		top: calc(var(--pbd-header-h) + 16px);
		padding: 8px;
		border: 1px solid var(--pbd-line);
		border-radius: var(--pbd-radius-lg);
		background: var(--pbd-surface);
	}

	.pbd-account-nav ul {
		flex-direction: column;
		gap: 2px;
		padding: 0;
		overflow: visible;
	}

	.pbd-account-nav a {
		border: 0;
		border-radius: var(--pbd-radius);
		background: transparent;
	}

	.pbd-account-nav a:hover {
		background: var(--pbd-tint);
	}

	.pbd-account-nav li.is-active a,
	.pbd-account-nav a[aria-current="page"] {
		background: var(--pbd-brand-soft);
		color: var(--pbd-brand);
	}

	.pbd-account-nav li.woocommerce-MyAccount-navigation-link--customer-logout {
		margin-top: 6px;
		padding-top: 6px;
		border-top: 1px solid var(--pbd-line);
	}
}

.woocommerce-MyAccount-content > form,
.woocommerce-EditAccountForm {
	max-width: 640px;
}

.woocommerce-EditAccountForm fieldset {
	margin: 20px 0 0;
	padding: 16px;
	border: 1px solid var(--pbd-line);
	border-radius: var(--pbd-radius);
}

.woocommerce-EditAccountForm legend {
	padding: 0 8px;
	font-weight: 700;
}

.woocommerce-EditAccountForm .form-row-first,
.woocommerce-EditAccountForm .form-row-last {
	width: 100%;
}

@media (min-width: 600px) {
	.woocommerce-EditAccountForm .form-row-first,
	.woocommerce-EditAccountForm .form-row-last {
		float: left;
		width: calc(50% - 8px);
	}

	.woocommerce-EditAccountForm .form-row-last {
		float: right;
	}

	.woocommerce-EditAccountForm .form-row-wide,
	.woocommerce-EditAccountForm fieldset,
	.woocommerce-EditAccountForm .clear {
		clear: both;
	}
}

/* ==========================================================================
   2. Login / register
   ========================================================================== */

.pbd-auth {
	max-width: 480px;
	margin: 8px auto 32px;
	padding: 24px 20px;
	border: 1px solid var(--pbd-line);
	border-radius: var(--pbd-radius-lg);
	background: var(--pbd-surface);
	box-shadow: var(--pbd-shadow);
}

@media (min-width: 600px) {
	.pbd-auth {
		padding: 32px;
	}
}

/* Without JS both panels stack; the tab strip appears once auth.js runs. */
.pbd-auth__tabs {
	display: none;
}

.pbd-auth.is-enhanced .pbd-auth__tabs {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 4px;
	margin: 0 0 24px;
	padding: 4px;
	border-radius: var(--pbd-radius);
	background: var(--pbd-tint);
}

.pbd-auth__tab {
	min-height: 42px;
	padding: 8px 12px;
	border: 0;
	border-radius: var(--pbd-radius-sm);
	background: transparent;
	color: var(--pbd-muted);
	font-weight: 700;
	cursor: pointer;
}

.pbd-auth__tab:hover {
	color: var(--pbd-ink);
}

.pbd-auth__tab[aria-selected="true"] {
	background: var(--pbd-surface);
	box-shadow: var(--pbd-shadow-sm);
	color: var(--pbd-brand);
}

.pbd-auth__panel + .pbd-auth__panel {
	margin-top: 32px;
	padding-top: 32px;
	border-top: 1px solid var(--pbd-line);
}

.pbd-auth.is-enhanced .pbd-auth__panel + .pbd-auth__panel {
	margin-top: 0;
	padding-top: 0;
	border-top: 0;
}

.pbd-auth__panel[hidden] {
	display: none;
}

.pbd-auth__title {
	margin: 0 0 16px;
	font-size: 1.375rem;
}

.pbd-form__row-split {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 8px 16px;
}

.pbd-link {
	font-size: 0.875rem;
	font-weight: 600;
}

.pbd-password__toggle[hidden] {
	display: none;
}

.pbd-password__show[hidden],
.pbd-password__hide[hidden] {
	display: none;
}

/* Password / OTP switch */
.pbd-segmented {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 4px;
	margin: 0 0 20px;
	padding: 4px;
	border-radius: var(--pbd-radius);
	background: var(--pbd-tint);
}

.pbd-segmented[hidden] {
	display: none;
}

.pbd-segmented__btn {
	min-height: 40px;
	padding: 8px 12px;
	border: 0;
	border-radius: var(--pbd-radius-sm);
	background: transparent;
	color: var(--pbd-muted);
	font-weight: 600;
	cursor: pointer;
}

.pbd-segmented__btn.is-active,
.pbd-segmented__btn[aria-pressed="true"] {
	background: var(--pbd-surface);
	box-shadow: var(--pbd-shadow-sm);
	color: var(--pbd-brand);
}

/* OTP */
.pbd-otp-login[hidden],
[data-pbd-otp-code-row][hidden],
[data-pbd-login-password][hidden] {
	display: none;
}

.pbd-otp-login .pbd-btn,
.pbd-mobile-verify .pbd-btn {
	margin-top: 4px;
}

.pbd-otp-input {
	max-width: 240px;
	font-size: 1.375rem;
	font-weight: 700;
	letter-spacing: 0.4em;
	text-align: center;
}

.pbd-otp-timer {
	display: block;
	margin-top: 6px;
	font-size: 0.8125rem;
	color: var(--pbd-muted);
}

.pbd-otp-msg {
	min-height: 1.4em;
	margin: 10px 0 0;
	font-size: 0.875rem;
	color: var(--pbd-muted);
}

.pbd-otp-msg.is-error {
	color: var(--pbd-error);
}

.pbd-otp-msg.is-success {
	color: var(--pbd-success);
}

.pbd-mobile-verify {
	margin: 0 0 16px;
	padding: 14px;
	border: 1px dashed var(--pbd-line-strong);
	border-radius: var(--pbd-radius);
	background: var(--pbd-tint);
}

.pbd-mobile-verify[hidden] {
	display: none;
}

/* ==========================================================================
   3. Dashboard
   ========================================================================== */

.pbd-dashboard__hello {
	margin: 0 0 4px;
	font-size: 1.5rem;
}

.pbd-dashboard__sub {
	margin: 0 0 20px;
	color: var(--pbd-muted);
}

.pbd-dashboard__tiles {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 12px;
	margin: 0 0 28px;
	padding: 0;
	list-style: none;
}

@media (min-width: 768px) {
	.pbd-dashboard__tiles {
		grid-template-columns: repeat(4, 1fr);
	}
}

.pbd-dashboard__tiles li {
	margin: 0;
}

.pbd-dashboard__tile {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 8px;
	min-height: 96px;
	padding: 16px 8px;
	border: 1px solid var(--pbd-line);
	border-radius: var(--pbd-radius);
	background: var(--pbd-surface);
	color: var(--pbd-ink);
	font-weight: 600;
	text-align: center;
	text-decoration: none;
	transition: border-color 0.15s, box-shadow 0.15s, transform 0.15s;
}

.pbd-dashboard__tile svg {
	color: var(--pbd-brand);
}

.pbd-dashboard__tile:hover {
	border-color: var(--pbd-brand);
	box-shadow: var(--pbd-shadow);
	transform: translateY(-2px);
}

.pbd-dashboard__recent-head {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 12px;
	margin-bottom: 10px;
}

.pbd-dashboard__recent-head h3 {
	margin: 0;
	font-size: 1.125rem;
}

.pbd-order-list {
	margin: 0;
	padding: 0;
	border: 1px solid var(--pbd-line);
	border-radius: var(--pbd-radius);
	background: var(--pbd-surface);
	list-style: none;
	overflow: hidden;
}

.pbd-order-list__item {
	margin: 0;
	border-bottom: 1px solid var(--pbd-line);
}

.pbd-order-list__item:last-child {
	border-bottom: 0;
}

.pbd-order-list__link {
	display: grid;
	grid-template-columns: 1fr auto;
	gap: 4px 12px;
	align-items: center;
	padding: 12px 16px;
	color: var(--pbd-ink);
	text-decoration: none;
}

.pbd-order-list__link:hover {
	background: var(--pbd-tint);
}

.pbd-order-list__num {
	font-weight: 700;
}

.pbd-order-list__date {
	grid-column: 1;
	font-size: 0.8125rem;
	color: var(--pbd-muted);
}

.pbd-order-list__link .pbd-status {
	grid-column: 2;
	grid-row: 1;
	justify-self: end;
}

.pbd-order-list__total {
	grid-column: 2;
	grid-row: 2;
	justify-self: end;
	font-weight: 600;
}

@media (min-width: 600px) {
	.pbd-order-list__link {
		grid-template-columns: 1fr 1fr auto auto;
	}

	.pbd-order-list__date,
	.pbd-order-list__link .pbd-status,
	.pbd-order-list__total {
		grid-column: auto;
		grid-row: auto;
	}
}

/* Status pill (also used on the orders table) */
.pbd-status {
	display: inline-block;
	padding: 3px 10px;
	border-radius: 999px;
	background: var(--pbd-tint);
	color: var(--pbd-ink-soft);
	font-size: 0.75rem;
	font-weight: 700;
	line-height: 1.5;
	white-space: nowrap;
}

.pbd-status--processing,
.pbd-status--on-hold {
	background: var(--pbd-warning-soft);
	color: #8a5a00;
}

.pbd-status--completed {
	background: var(--pbd-success-soft);
	color: var(--pbd-success);
}

.pbd-status--pending {
	background: var(--pbd-info-soft);
	color: #1d4f9c;
}

.pbd-status--cancelled,
.pbd-status--failed,
.pbd-status--refunded {
	background: var(--pbd-error-soft);
	color: var(--pbd-error);
}

/* ==========================================================================
   4. Address book
   ========================================================================== */

.pbd-addresses__head {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	margin-bottom: 16px;
}

.pbd-addresses__head p {
	margin: 0;
	color: var(--pbd-muted);
}

.pbd-addresses__list {
	display: grid;
	gap: 16px;
	margin: 0;
	padding: 0;
	list-style: none;
}

@media (min-width: 700px) {
	.pbd-addresses__list {
		grid-template-columns: 1fr 1fr;
	}
}

.pbd-address-card {
	display: flex;
	flex-direction: column;
	margin: 0;
	border: 1px solid var(--pbd-line);
	border-radius: var(--pbd-radius);
	background: var(--pbd-surface);
}

.pbd-address-card__head {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 6px 8px;
	padding: 12px 16px;
	border-bottom: 1px solid var(--pbd-line);
	background: var(--pbd-tint);
	border-radius: var(--pbd-radius) var(--pbd-radius) 0 0;
}

.pbd-address-card__body {
	flex: 1;
	padding: 14px 16px;
	font-style: normal;
	line-height: 1.6;
	overflow-wrap: anywhere;
}

.pbd-address-card__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 6px 16px;
	padding: 10px 16px 14px;
}

.pbd-inline-form {
	display: inline;
	margin: 0;
}

.pbd-address-form {
	max-width: 640px;
}

.pbd-address-form__label {
	margin: 0 0 16px;
	padding: 0;
	border: 0;
}

.pbd-address-form__label legend {
	margin-bottom: 6px;
	padding: 0;
	font-weight: 600;
}

.pbd-chip-radio {
	display: inline-block;
	margin: 0 6px 6px 0;
}

.pbd-chip-radio input {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: 0;
	opacity: 0;
}

.pbd-chip-radio span {
	display: inline-block;
	padding: 8px 18px;
	border: 1.5px solid var(--pbd-line-strong);
	border-radius: 999px;
	background: var(--pbd-surface);
	font-weight: 600;
	cursor: pointer;
}

.pbd-chip-radio input:checked + span {
	border-color: var(--pbd-brand);
	background: var(--pbd-brand-soft);
	color: var(--pbd-brand);
}

.pbd-chip-radio input:focus-visible + span {
	outline: 2px solid var(--pbd-focus);
	outline-offset: 2px;
}

.pbd-form__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-top: 8px;
}

/* ==========================================================================
   5. Orders + timeline
   ========================================================================== */

.woocommerce-orders-table .woocommerce-orders-table__cell-order-actions {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	gap: 6px;
}

.woocommerce-orders-table .button,
.woocommerce-MyAccount-content .woocommerce-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 36px;
	padding: 6px 14px;
	border: 1.5px solid var(--pbd-brand);
	border-radius: var(--pbd-radius);
	background: var(--pbd-surface);
	color: var(--pbd-brand);
	font-size: 0.875rem;
	font-weight: 600;
	text-decoration: none;
}

.woocommerce-orders-table .button:hover,
.woocommerce-MyAccount-content .woocommerce-button:hover {
	background: var(--pbd-brand);
	color: var(--pbd-on-brand);
}

.woocommerce-MyAccount-content mark {
	padding: 1px 6px;
	border-radius: 4px;
	background: var(--pbd-accent-soft);
	color: inherit;
}

.woocommerce-pagination--without-numbers {
	display: flex;
	justify-content: space-between;
	margin-top: 16px;
}

.pbd-timeline {
	display: flex;
	margin: 0 0 20px;
	padding: 0;
	list-style: none;
	counter-reset: pbd-step;
}

.pbd-timeline__step {
	position: relative;
	flex: 1;
	margin: 0;
	padding: 0 4px;
	text-align: center;
}

.pbd-timeline__step::before {
	content: "";
	position: absolute;
	top: 13px;
	right: 50%;
	left: -50%;
	height: 3px;
	background: var(--pbd-line-strong);
}

.pbd-timeline__step:first-child::before {
	content: none;
}

.pbd-timeline__step.is-done::before,
.pbd-timeline__step.is-current::before {
	background: var(--pbd-success);
}

.pbd-timeline__dot {
	position: relative;
	z-index: 1;
	display: grid;
	place-items: center;
	width: 28px;
	height: 28px;
	margin: 0 auto 8px;
	border: 3px solid var(--pbd-line-strong);
	border-radius: 50%;
	background: var(--pbd-surface);
	color: #fff;
}

.pbd-timeline__step.is-done .pbd-timeline__dot {
	border-color: var(--pbd-success);
	background: var(--pbd-success);
}

.pbd-timeline__step.is-current .pbd-timeline__dot {
	border-color: var(--pbd-success);
	box-shadow: 0 0 0 4px var(--pbd-success-soft);
}

.pbd-timeline__label {
	display: block;
	font-size: 0.75rem;
	font-weight: 600;
	line-height: 1.3;
	color: var(--pbd-muted);
}

.pbd-timeline__step.is-done .pbd-timeline__label,
.pbd-timeline__step.is-current .pbd-timeline__label {
	color: var(--pbd-ink);
}

@media (min-width: 600px) {
	.pbd-timeline__label {
		font-size: 0.875rem;
	}
}

.pbd-tracking {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	margin: 0 0 20px;
	padding: 12px 16px;
	border: 1px solid var(--pbd-line);
	border-radius: var(--pbd-radius);
	background: var(--pbd-tint);
	overflow-wrap: anywhere;
}

.pbd-tracking svg {
	flex: 0 0 auto;
	margin-top: 2px;
	color: var(--pbd-brand);
}

.woocommerce-MyAccount-content .woocommerce-order-details,
.woocommerce-MyAccount-content .woocommerce-customer-details {
	margin-top: 24px;
}

/* ==========================================================================
   6. Wishlist
   ========================================================================== */

.pbd-wishlist__head {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	margin-bottom: 16px;
}

.pbd-wishlist__count {
	margin: 0;
	color: var(--pbd-muted);
	font-weight: 600;
}

.pbd-wishlist__grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 12px;
	align-items: stretch;
}

@media (min-width: 600px) {
	.pbd-wishlist__grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
		gap: 16px;
	}
}

@media (min-width: 1100px) {
	.pbd-wishlist__grid {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}

	.woocommerce-account .pbd-wishlist__grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

.pbd-wishlist__grid.is-loading {
	opacity: 0.5;
	pointer-events: none;
}

.pbd-wishlist__grid:empty {
	display: none;
}

.pbd-wishlist__empty {
	max-width: 480px;
	margin: 24px auto;
	padding: 40px 20px;
	border: 1px dashed var(--pbd-line-strong);
	border-radius: var(--pbd-radius-lg);
	background: var(--pbd-tint);
	text-align: center;
}

.pbd-wishlist__empty[hidden] {
	display: none;
}

.pbd-wishlist__empty svg {
	color: var(--pbd-brand);
}

.pbd-wishlist__empty p {
	margin: 0 0 12px;
	color: var(--pbd-muted);
}

.pbd-wishlist__empty-title {
	margin-bottom: 6px !important;
	font-family: var(--pbd-font-display);
	font-size: 1.25rem;
	font-weight: 600;
	color: var(--pbd-ink) !important;
}

/* Neutralise WooCommerce's general-stylesheet form box and its own password toggle */
.pbd-auth form.woocommerce-form-login,
.pbd-auth form.woocommerce-form-register {
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: 0;
}

.pbd-password .password-input {
	display: block;
}

/* One toggle only: hide WooCommerce's own button and the browser's native
   reveal icon (Edge/IE) so the eye is never doubled. */
.woocommerce-account .show-password-input,
.pbd-password .show-password-input {
	display: none !important;
}

.pbd-password input::-ms-reveal,
.pbd-password input::-ms-clear {
	display: none;
}

.pbd-password__toggle:focus-visible {
	outline: 3px solid var(--pbd-focus);
	outline-offset: -3px;
	border-radius: var(--pbd-radius-sm);
}

/* Firebase / social sign-in */
.pbd-social { margin-top: 1rem; }
.pbd-social[hidden] { display: none; }
.pbd-social__divider { display: flex; align-items: center; gap: .75rem; margin: 0 0 1rem; color: var(--pbd-muted, #6b6560); font-size: .875rem; }
.pbd-social__divider::before, .pbd-social__divider::after { content: ""; flex: 1; border-top: 1px solid var(--pbd-line, #e4ddd3); }
.pbd-social__btn { display: inline-flex; align-items: center; justify-content: center; gap: .625rem; }

/* Verification blocks (registration + guest checkout) */
.pbd-verify { margin: 1.25rem 0; padding: 1rem 1.1rem; border: 1px solid var(--pbd-line, #e4ddd3); border-radius: 10px; background: var(--pbd-surface-alt, #faf7f2); }
.pbd-verify__title { margin: 0 0 .25rem; font-size: 1rem; }
.pbd-verify__intro { margin: 0 0 .75rem; color: var(--pbd-muted, #6b6560); font-size: .9rem; }
.pbd-email-verify, .pbd-verify .pbd-mobile-field { margin: .5rem 0 1rem; }
.pbd-email-verify .pbd-otp-verify__row { display: flex; flex-wrap: wrap; gap: .5rem; align-items: center; }
.pbd-verify [hidden], .pbd-email-verify [hidden], .pbd-checkout-login [hidden] { display: none !important; }
.pbd-checkout-login__or { margin: 1.25rem 0 .5rem; font-size: .95rem; }

/* ==========================================================================
   Account tabs, dashboard name form, address extras
   The tab strip and the page share the site container (.pbd-container), so
   the logo, breadcrumbs, tabs, content and footer all start on one edge.
   ========================================================================== */

.woocommerce-account .pbd-content {
	overflow-x: clip;
}

/* 44px touch targets + visible keyboard focus on every tab */
.pbd-account-nav a {
	min-height: 44px;
	box-sizing: border-box;
}

.pbd-account-nav a:focus-visible,
.pbd-link-btn:focus-visible,
.pbd-address-card__rename summary:focus-visible {
	outline: 3px solid var(--pbd-brand);
	outline-offset: 2px;
}

/* Scrollable tab bar on phones: fades hint at more tabs, scrolls with momentum */
@media (max-width: 899px) {
	.pbd-account-nav ul {
		-webkit-overflow-scrolling: touch;
		scroll-snap-type: x proximity;
	}

	.pbd-account-nav li {
		scroll-snap-align: start;
	}
}

/* Desktop: vertical tabs beside the content, filling the shared container */
@media (min-width: 900px) {
	.pbd-account-in .woocommerce {
		grid-template-columns: 260px minmax(0, 1fr);
	}

	.pbd-account-in .woocommerce-MyAccount-navigation,
	.pbd-account-in .woocommerce-MyAccount-content {
		float: none;
		width: auto;
		margin: 0;
	}
}

/* Dashboard name form */
.pbd-dashboard__name {
	max-width: 640px;
	margin: 0 0 24px;
	padding: 16px;
	border: 1px solid var(--pbd-line);
	border-radius: var(--pbd-radius);
	background: var(--pbd-surface);
}

.pbd-dashboard__name h3 {
	margin: 0 0 12px;
}

.pbd-name-form .pbd-form__grid {
	display: grid;
	gap: 0 16px;
}

@media (min-width: 600px) {
	.pbd-name-form .pbd-form__grid {
		grid-template-columns: 1fr 1fr;
	}
}

.pbd-name-form .form-row {
	margin: 0 0 14px;
}

.pbd-name-form label {
	display: block;
	margin-bottom: 4px;
	font-weight: 600;
}

.pbd-name-form .input-text {
	width: 100%;
	min-height: 44px;
	box-sizing: border-box;
}

.pbd-form__hint {
	display: block;
	margin-top: 4px;
	font-size: 0.8125rem;
	color: var(--pbd-muted);
}

/* Address cards: rename disclosure + last-used line */
.pbd-address-card__used {
	margin: 0;
	padding: 0 16px 8px;
	font-size: 0.8125rem;
	color: var(--pbd-muted);
}

.pbd-address-card__rename summary {
	list-style: none;
	cursor: pointer;
}

.pbd-address-card__rename summary::-webkit-details-marker {
	display: none;
}

.pbd-rename-form {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-top: 8px;
}

.pbd-rename-form .input-text {
	flex: 1 1 140px;
	min-width: 0;
	min-height: 44px;
}

.pbd-address-card__actions .pbd-link-btn {
	min-height: 44px;
	display: inline-flex;
	align-items: center;
}

.pbd-address-card__rename {
	display: inline-block;
}

/* Verified / unverified identifiers on Account Details */
.pbd-verified {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	color: var(--pbd-success);
	font-weight: 600;
}

.pbd-unverified {
	color: var(--pbd-muted);
}

.pbd-email-account {
	margin: -6px 0 16px;
}