/**
 * Brandina WooCommerce account — stable desktop layout.
 * Version 1.20.0
 */

body.brandina-account-page {
	background: var(--ba-page, #f5f7fb);
	color: var(--ba-text, #1b2440);
}

body.brandina-account-page .site-main,
body.brandina-account-page main#content,
body.brandina-account-page .page-content,
body.brandina-account-page .entry-content,
body.brandina-account-page .woocommerce {
	width: 100% !important;
	max-width: none !important;
	margin: 0 !important;
}

.brandina-account-page-wrap *,
.brandina-auth-page * {
	box-sizing: border-box;
}

.brandina-account-icon {
	width: 22px;
	height: 22px;
	flex: 0 0 auto;
}

.brandina-account-page-wrap {
	width: min(calc(100% - 32px), var(--ba-container, 1320px));
	margin-inline: auto;
	padding-block: var(--ba-top, 34px) var(--ba-bottom, 80px);
	font-size: var(--ba-body, 14px);
	direction: rtl;
}

.brandina-account-page-header {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 28px;
	margin-bottom: 22px;
	padding: 28px 32px;
	overflow: hidden;
	color: #fff;
	background:
		radial-gradient(circle at 14% 18%, rgba(255,255,255,.18), transparent 23%),
		radial-gradient(circle at 84% 92%, rgba(255,255,255,.12), transparent 26%),
		linear-gradient(135deg, var(--ba-visual-start, #34218a), var(--ba-visual-end, #7a55f7));
	border-radius: calc(var(--ba-radius, 22px) + 4px);
	box-shadow: 0 22px 55px rgba(52,33,138,.17);
}

.brandina-account-page-header::after {
	content: "";
	position: absolute;
	inset-inline-start: -70px;
	bottom: -120px;
	width: 250px;
	height: 250px;
	border: 44px solid rgba(255,255,255,.07);
	border-radius: 50%;
}

.brandina-account-page-header > * {
	position: relative;
	z-index: 1;
}

.brandina-account-eyebrow {
	display: inline-flex;
	align-items: center;
	min-height: 27px;
	padding-inline: 11px;
	margin-bottom: 6px;
	color: #fff;
	background: rgba(255,255,255,.14);
	border: 1px solid rgba(255,255,255,.19);
	border-radius: 999px;
	font-size: 11px;
	font-weight: 750;
}

.brandina-account-page-header h1 {
	margin: 0;
	color: #fff;
	font-size: clamp(25px, 2.4vw, 37px);
	font-weight: 850;
	line-height: 1.35;
	letter-spacing: -.02em;
}

.brandina-account-page-header p {
	max-width: 680px;
	margin: 7px 0 0;
	color: rgba(255,255,255,.8);
	font-size: 13px;
	line-height: 1.9;
}

.brandina-account-shop-link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	min-height: 48px;
	padding-inline: 18px;
	color: var(--ba-visual-start, #34218a) !important;
	background: #fff;
	border-radius: 14px;
	box-shadow: 0 12px 30px rgba(22,14,65,.18);
	font-size: 12px;
	font-weight: 800;
	text-decoration: none !important;
	white-space: nowrap;
	transition: transform .2s ease, box-shadow .2s ease;
}

.brandina-account-shop-link:hover {
	transform: translateY(-2px);
	box-shadow: 0 17px 35px rgba(22,14,65,.24);
}

.brandina-account-shell {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(290px, var(--ba-sidebar, 300px));
	align-items: start;
	gap: var(--ba-gap, 24px);
	direction: ltr;
}

.brandina-account-sidebar {
	grid-column: 2;
	width: 100%;
	min-width: 0;
	position: sticky;
	top: calc(var(--brandina-header-height, 0px) + 18px);
	direction: rtl;
}

.brandina-account-content {
	grid-column: 1;
	float: none !important;
	width: 100% !important;
	min-width: 0;
	padding: var(--ba-card-padding, 24px);
	direction: rtl;
}

.brandina-account-profile-card,
.brandina-account-navigation,
.brandina-account-content,
.brandina-account-section-card,
.brandina-account-welcome-card,
.brandina-account-stat-card {
	background: var(--ba-card, #fff);
	border: 1px solid var(--ba-border, #e7eaf2);
	border-radius: var(--ba-radius, 22px);
	box-shadow: 0 14px 40px rgba(35,43,77,.055);
}

.brandina-account-profile-card {
	position: relative;
	display: grid;
	justify-items: center;
	padding: 25px 20px 20px;
	margin-bottom: 14px;
	overflow: hidden;
	text-align: center;
}

.brandina-account-profile-card::before {
	content: "";
	position: absolute;
	inset: 0 0 auto;
	height: 84px;
	background: linear-gradient(135deg, rgba(114,87,245,.12), rgba(255,102,141,.11));
}

.brandina-account-avatar {
	position: relative;
	z-index: 1;
	width: 92px;
	height: 92px;
	margin-bottom: 13px;
}

.brandina-account-avatar img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border: 5px solid #fff;
	border-radius: 50%;
	box-shadow: 0 10px 26px rgba(62,47,140,.16);
}

.brandina-account-avatar i {
	position: absolute;
	inset-inline-start: 0;
	bottom: 1px;
	display: grid;
	place-items: center;
	width: 26px;
	height: 26px;
	color: #fff;
	background: var(--ba-success, #16a36a);
	border: 3px solid #fff;
	border-radius: 50%;
}

.brandina-account-avatar i .brandina-account-icon { width: 12px; height: 12px; }

.brandina-account-profile-copy {
	position: relative;
	z-index: 1;
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 100%;
	min-width: 0;
}

.brandina-account-profile-copy small {
	color: var(--ba-muted, #7c8499);
	font-size: 11px;
}

.brandina-account-profile-copy strong,
.brandina-account-profile-copy span {
	max-width: 100%;
	white-space: normal;
	overflow-wrap: anywhere;
	word-break: normal;
	text-align: center;
}

.brandina-account-profile-copy strong {
	margin-top: 3px;
	color: var(--ba-text, #1b2440);
	font-size: 18px;
	font-weight: 850;
	line-height: 1.55;
}

.brandina-account-profile-copy span {
	margin-top: 4px;
	color: var(--ba-muted, #7c8499);
	font-size: 12px;
	line-height: 1.7;
	font-variant-numeric: tabular-nums;
}

.brandina-account-status {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	min-height: 30px;
	padding-inline: 11px;
	margin-top: 13px;
	color: var(--ba-success, #16a36a);
	background: rgba(22,163,106,.09);
	border-radius: 999px;
	font-size: 10px;
	font-weight: 800;
}

.brandina-account-status i {
	width: 7px;
	height: 7px;
	background: currentColor;
	border-radius: 50%;
	box-shadow: 0 0 0 4px rgba(22,163,106,.13);
}

.brandina-account-navigation,
.brandina-account-navigation.woocommerce-MyAccount-navigation {
	float: none !important;
	width: 100% !important;
	padding: 10px;
	overflow: visible;
}

.brandina-account-navigation ul {
	display: grid;
	gap: 8px;
	width: 100%;
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
}

.brandina-account-navigation li {
	width: 100%;
	margin: 0 !important;
	padding: 0 !important;
}

.brandina-account-navigation a {
	display: grid !important;
	grid-template-columns: 42px minmax(0,1fr) 18px;
	align-items: center;
	gap: 10px;
	width: 100%;
	min-height: 62px;
	padding: 10px 12px;
	color: var(--ba-text, #1b2440) !important;
	background: linear-gradient(180deg, #fff, #fafbfe);
	border: 1px solid #edf0f6;
	border-radius: 15px;
	text-decoration: none !important;
	transition: color .2s ease, border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}

.brandina-account-navigation a:hover {
	color: var(--ba-primary, #7257f5) !important;
	border-color: rgba(114,87,245,.25);
	box-shadow: 0 10px 25px rgba(67,72,110,.08);
	transform: translateX(-2px);
}

.brandina-account-navigation .is-active > a,
.brandina-account-navigation a[aria-current="page"] {
	color: var(--ba-primary, #7257f5) !important;
	background: rgba(114,87,245,.07);
	border-color: rgba(114,87,245,.18);
	box-shadow: 0 10px 24px rgba(114,87,245,.08);
}

.brandina-account-nav-icon {
	display: grid;
	place-items: center;
	width: 40px;
	height: 40px;
	color: var(--ba-muted, #7c8499);
	background: #f5f7fb;
	border: 1px solid #ebedf4;
	border-radius: 13px;
}

.brandina-account-navigation .is-active .brandina-account-nav-icon,
.brandina-account-navigation a:hover .brandina-account-nav-icon {
	color: #fff;
	background: var(--ba-primary, #7257f5);
	border-color: transparent;
}

.brandina-account-nav-icon .brandina-account-icon { width: 19px; height: 19px; }
.brandina-account-navigation b {
	display: block;
	min-width: 0;
	color: inherit;
	font-size: 13px;
	font-weight: 700;
	line-height: 1.7;
	white-space: normal;
	overflow-wrap: anywhere;
}
.brandina-account-nav-arrow {
	display: grid;
	place-items: center;
	color: #b7bcc9;
	transform: rotate(180deg);
}
.brandina-account-nav-arrow .brandina-account-icon { width: 14px; height: 14px; }
.brandina-account-navigation .woocommerce-MyAccount-navigation-link--customer-logout a { color: var(--ba-danger, #e84462) !important; }
.brandina-account-navigation .woocommerce-MyAccount-navigation-link--customer-logout .brandina-account-nav-icon { color: var(--ba-danger, #e84462); background: rgba(232,68,98,.07); }

.brandina-account-content-heading {
	display: flex;
	align-items: center;
	gap: 12px;
	margin-bottom: 20px;
	padding-bottom: 17px;
	border-bottom: 1px solid var(--ba-border, #e7eaf2);
}

.brandina-account-content-heading > span {
	display: grid;
	place-items: center;
	width: 48px;
	height: 48px;
	color: var(--ba-primary, #7257f5);
	background: rgba(114,87,245,.08);
	border-radius: 15px;
}

.brandina-account-content-heading small { display: block; color: var(--ba-muted, #7c8499); font-size: 10px; }
.brandina-account-content-heading h2 { margin: 2px 0 0; color: var(--ba-text, #1b2440); font-size: var(--ba-heading, 24px); line-height: 1.35; }

.brandina-account-dashboard { display: grid; gap: 18px; }

.brandina-account-welcome-card {
	position: relative;
	display: grid;
	grid-template-columns: 56px minmax(0,1fr) auto;
	align-items: center;
	gap: 16px;
	padding: 23px;
	overflow: hidden;
	background:
		radial-gradient(circle at 10% 16%, rgba(114,87,245,.08), transparent 28%),
		linear-gradient(180deg, #fff, #fbfcff);
}

.brandina-account-welcome-card::after {
	content: "";
	position: absolute;
	inset-inline-start: -65px;
	bottom: -90px;
	width: 180px;
	height: 180px;
	background: rgba(114,87,245,.05);
	border-radius: 50%;
}

.brandina-account-welcome-icon {
	position: relative;
	z-index: 1;
	display: grid;
	place-items: center;
	width: 56px;
	height: 56px;
	color: #fff;
	background: linear-gradient(135deg, var(--ba-primary, #7257f5), var(--ba-accent, #ff668d));
	border-radius: 18px;
	box-shadow: 0 12px 24px rgba(114,87,245,.22);
}

.brandina-account-welcome-card > div:nth-child(2) { position: relative; z-index: 1; min-width: 0; }
.brandina-account-welcome-card > div > span { color: var(--ba-primary, #7257f5); font-size: 10px; font-weight: 800; }
.brandina-account-welcome-card h2 {
	margin: 2px 0 3px;
	color: var(--ba-text, #1b2440);
	font-size: clamp(19px,2vw,26px);
	line-height: 1.55;
	overflow-wrap: anywhere;
}
.brandina-account-welcome-card p { margin: 0; color: var(--ba-muted, #7c8499); font-size: 12px; line-height: 1.9; }
.brandina-account-welcome-card > a {
	position: relative;
	z-index: 1;
	display: inline-flex;
	align-items: center;
	gap: 5px;
	min-height: 41px;
	padding-inline: 14px;
	color: var(--ba-primary, #7257f5) !important;
	background: rgba(114,87,245,.07);
	border-radius: 12px;
	font-size: 11px;
	font-weight: 800;
	text-decoration: none !important;
	white-space: nowrap;
}
.brandina-account-welcome-card > a .brandina-account-icon { width: 13px; height: 13px; transform: rotate(180deg); }

.brandina-account-stat-grid {
	display: grid;
	grid-template-columns: repeat(3,minmax(0,1fr));
	gap: 13px;
}

.brandina-account-stat-card {
	display: flex;
	align-items: center;
	gap: 13px;
	min-height: 94px;
	padding: 16px;
	color: var(--ba-text, #1b2440) !important;
	text-decoration: none !important;
	transition: transform .2s ease, box-shadow .2s ease;
}
.brandina-account-stat-card:hover { transform: translateY(-3px); box-shadow: 0 17px 36px rgba(35,43,77,.09); }
.brandina-account-stat-card > span { display: grid; place-items: center; width: 48px; height: 48px; border-radius: 15px; }
.brandina-account-stat-card.is-all > span { color: var(--ba-primary, #7257f5); background: rgba(114,87,245,.09); }
.brandina-account-stat-card.is-open > span { color: #ea8b19; background: #fff5e6; }
.brandina-account-stat-card.is-done > span { color: var(--ba-success, #16a36a); background: rgba(22,163,106,.09); }
.brandina-account-stat-card strong { display: block; color: var(--ba-text, #1b2440); font-size: 23px; font-weight: 850; line-height: 1; }
.brandina-account-stat-card small { display: block; margin-top: 6px; color: var(--ba-muted, #7c8499); font-size: 10px; }

.brandina-account-section-card { padding: 22px; }
.brandina-account-section-header { display: flex; align-items: center; justify-content: space-between; gap: 14px; margin-bottom: 15px; }
.brandina-account-section-header span { color: var(--ba-primary, #7257f5); font-size: 10px; font-weight: 800; }
.brandina-account-section-header h3 { margin: 2px 0 0; color: var(--ba-text, #1b2440); font-size: 18px; }
.brandina-account-section-header > a { display: inline-flex; align-items: center; gap: 4px; color: var(--ba-primary, #7257f5) !important; font-size: 10px; font-weight: 750; text-decoration: none !important; }

.brandina-account-quick-grid {
	display: grid;
	grid-template-columns: repeat(2,minmax(0,1fr));
	gap: 10px;
}
.brandina-account-quick-grid > a {
	display: grid;
	grid-template-columns: 45px minmax(0,1fr) 18px;
	align-items: center;
	gap: 11px;
	min-height: 78px;
	padding: 12px;
	color: var(--ba-text, #1b2440) !important;
	background: linear-gradient(180deg,#fff,#f9fbff);
	border: 1px solid #edf0f6;
	border-radius: 15px;
	text-decoration: none !important;
	transition: border-color .2s ease, transform .2s ease, box-shadow .2s ease;
}
.brandina-account-quick-grid > a:hover { border-color: rgba(114,87,245,.25); transform: translateY(-2px); box-shadow: 0 12px 25px rgba(70,77,115,.07); }
.brandina-account-quick-grid > a > span { display: grid; place-items: center; width: 45px; height: 45px; color: var(--ba-primary, #7257f5); background: rgba(114,87,245,.08); border-radius: 14px; }
.brandina-account-quick-grid strong { display: block; font-size: 12px; }
.brandina-account-quick-grid small { display: block; margin-top: 3px; color: var(--ba-muted, #7c8499); font-size: 9px; line-height: 1.6; white-space: normal; }
.brandina-account-quick-grid > a > i { display: grid; color: #b8bdca; transform: rotate(180deg); }

.brandina-recent-order-list { display: grid; gap: 8px; }
.brandina-recent-order-item {
	display: grid;
	grid-template-columns: 72px minmax(0,1fr) auto 18px;
	align-items: center;
	gap: 12px;
	min-height: 64px;
	padding: 9px 12px;
	color: var(--ba-text, #1b2440) !important;
	background: linear-gradient(180deg,#fff,#f9fbff);
	border: 1px solid #edf0f6;
	border-radius: 14px;
	text-decoration: none !important;
}
.brandina-order-number { display: inline-flex; justify-content: center; min-height: 30px; padding: 5px 8px; color: var(--ba-primary, #7257f5); background: rgba(114,87,245,.08); border-radius: 9px; font-size: 10px; font-weight: 850; direction: ltr; }
.brandina-recent-order-item strong { display: block; font-size: 11px; }
.brandina-recent-order-item small { display: block; margin-top: 2px; color: var(--ba-muted, #7c8499); font-size: 9px; }
.brandina-recent-order-item > b { font-size: 11px; }
.brandina-recent-order-item > i { color: #b8bdca; transform: rotate(180deg); }

.brandina-account-empty {
	display: grid;
	justify-items: center;
	padding: 34px 20px;
	text-align: center;
	color: var(--ba-muted, #7c8499);
	background: linear-gradient(180deg,#fff,#f8faff);
	border: 1px dashed var(--ba-border, #e7eaf2);
	border-radius: 16px;
}
.brandina-account-empty > span { display: grid; place-items: center; width: 60px; height: 60px; color: var(--ba-primary, #7257f5); background: rgba(114,87,245,.08); border-radius: 19px; }
.brandina-account-empty h4 { margin: 12px 0; color: var(--ba-text, #1b2440); font-size: 14px; }
.brandina-account-empty a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 142px;
	min-height: 42px;
	padding-inline: 16px;
	color: #fff !important;
	background: var(--ba-primary, #7257f5);
	border-radius: 12px;
	font-size: 11px !important;
	font-weight: 800;
	text-decoration: none !important;
}

/* Authentication */
.brandina-auth-page {
	width: min(calc(100% - 32px), 1180px);
	margin: max(28px,var(--ba-top,34px)) auto var(--ba-bottom,80px);
	direction: rtl;
}

.brandina-auth-card {
	display: grid;
	grid-template-columns: minmax(0,1fr) minmax(360px,42%);
	align-items: stretch;
	overflow: hidden;
	background: var(--ba-card,#fff);
	border: 1px solid var(--ba-border,#e7eaf2);
	border-radius: calc(var(--ba-radius,22px) + 8px);
	box-shadow: 0 30px 80px rgba(31,37,70,.1);
	direction: ltr;
}

.brandina-auth-card.no-visual {
	display: block;
	width: min(100%,680px);
	margin-inline: auto;
	direction: rtl;
}

.brandina-auth-visual {
	grid-column: 2;
	position: relative;
	display: flex;
	align-items: center;
	min-width: 0;
	min-height: 690px;
	padding: 44px;
	overflow: hidden;
	color: #fff;
	background:
		radial-gradient(circle at 14% 20%, rgba(255,255,255,.2), transparent 27%),
		linear-gradient(155deg,var(--ba-visual-start,#34218a),var(--ba-visual-end,#7a55f7));
	direction: rtl;
}

.brandina-auth-visual::before {
	content: "";
	position: absolute;
	inset: 0;
	background-image: linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);
	background-size: 30px 30px;
	mask-image: linear-gradient(to bottom,#000,transparent);
}
.brandina-auth-visual-orb { position: absolute; border: 1px solid rgba(255,255,255,.14); border-radius: 50%; }
.brandina-auth-visual-orb.is-one { width: 300px; height: 300px; inset-inline-end: -130px; top: -100px; box-shadow: inset 0 0 0 44px rgba(255,255,255,.035); }
.brandina-auth-visual-orb.is-two { width: 210px; height: 210px; inset-inline-start: -90px; bottom: -70px; box-shadow: inset 0 0 0 30px rgba(255,255,255,.04); }
.brandina-auth-visual-content { position: relative; z-index: 1; width: 100%; max-width: 430px; }
.brandina-auth-spark { display: grid; place-items: center; width: 68px; height: 68px; margin-bottom: 24px; color: var(--ba-visual-start,#34218a); background: #fff; border-radius: 21px; box-shadow: 0 18px 38px rgba(16,8,55,.2); transform: rotate(-4deg); }
.brandina-auth-spark .brandina-account-icon { width: 31px; height: 31px; }
.brandina-auth-visual h2 { margin: 0; color: #fff; font-size: clamp(28px,3vw,42px); line-height: 1.4; }
.brandina-auth-visual p { margin: 14px 0 26px; color: rgba(255,255,255,.78); font-size: 14px; line-height: 2; }
.brandina-auth-visual ul { display: grid; gap: 10px; margin: 0; padding: 0; list-style: none; }
.brandina-auth-visual li { display: flex; align-items: center; gap: 10px; padding: 12px 14px; color: rgba(255,255,255,.9); background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.1); border-radius: 15px; font-size: 12px; }
.brandina-auth-visual li .brandina-account-icon { width: 18px; height: 18px; }

.brandina-auth-form-panel {
	grid-column: 1;
	display: flex;
	flex-direction: column;
	justify-content: center;
	min-width: 0;
	padding: 42px clamp(28px,4vw,58px);
	background:
		radial-gradient(circle at 100% 0,rgba(114,87,245,.055),transparent 22%),
		linear-gradient(180deg,#fff,#fcfdff);
	direction: rtl;
}

.brandina-auth-brand { display: flex; justify-content: center; min-height: 40px; margin-bottom: 18px; }
.brandina-auth-brand .custom-logo-link { display: inline-flex; max-width: 170px; max-height: 56px; }
.brandina-auth-brand img { width: auto; max-height: 56px; object-fit: contain; }
.brandina-auth-brand .brandina-fallback-logo { color: var(--ba-text,#1b2440); text-decoration: none; font-size: 22px; font-weight: 850; }
.brandina-auth-heading { margin-bottom: 20px; text-align: center; }
.brandina-auth-heading h1 { margin: 0; color: var(--ba-text,#1b2440); font-size: clamp(23px,2.3vw,31px); font-weight: 850; line-height: 1.45; }
.brandina-auth-heading p { max-width: 520px; margin: 8px auto 0; color: var(--ba-muted,#7c8499); font-size: 12px; line-height: 1.9; }
.brandina-recovery-icon { display: grid; place-items: center; width: 60px; height: 60px; margin: 0 auto 13px; color: #fff; background: linear-gradient(135deg,var(--ba-primary,#7257f5),var(--ba-accent,#ff668d)); border-radius: 19px; }

.brandina-auth-tabs {
	display: grid;
	grid-template-columns: repeat(var(--brandina-auth-tabs,2),minmax(0,1fr));
	gap: 5px;
	margin-bottom: 22px;
	padding: 5px;
	background: #f3f5fa;
	border: 1px solid #e8ecf4;
	border-radius: 16px;
}
.brandina-auth-tabs button {
	min-width: 0;
	min-height: 46px;
	padding: 8px 9px;
	color: var(--ba-muted,#7c8499);
	background: transparent;
	border: 0;
	border-radius: 12px;
	font-family: inherit;
	font-size: 12px;
	font-weight: 800;
	cursor: pointer;
	transition: color .2s ease, background .2s ease, box-shadow .2s ease;
}
.brandina-auth-tabs button[aria-selected="true"] { color: var(--ba-primary,#7257f5); background: #fff; box-shadow: 0 8px 20px rgba(54,62,98,.1); }
.brandina-auth-pane[hidden] { display: none !important; }

.brandina-account-form,
.brandina-account-page .woocommerce-form-login,
.brandina-account-page .woocommerce-form-register,
.brandina-account-page .woocommerce-ResetPassword {
	width: 100%;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
}

.brandina-account-form .form-row,
.brandina-account-form .form-row-first,
.brandina-account-form .form-row-last,
.brandina-account-content form .form-row,
.brandina-account-content form .form-row-first,
.brandina-account-content form .form-row-last {
	float: none !important;
	width: 100% !important;
	max-width: 100% !important;
	margin: 0 0 14px !important;
	padding: 0 !important;
}

.brandina-account-form label,
.brandina-account-content form label,
.brandina-otp-flow label {
	display: block;
	margin-bottom: 7px;
	color: var(--ba-text,#1b2440);
	font-size: 12px;
	font-weight: 750;
}
.brandina-account-form .required,
.brandina-account-content .required,
.brandina-otp-flow .required { color: var(--ba-danger,#e84462); }

.brandina-field-wrap {
	display: flex;
	align-items: center;
	width: 100%;
	min-height: var(--ba-field-height,54px);
	padding-inline: 14px;
	color: #9da4b5;
	background: var(--ba-input,#fff);
	border: 1px solid var(--ba-border,#e7eaf2);
	border-radius: var(--ba-field-radius,13px);
	transition: color .2s ease,border-color .2s ease,box-shadow .2s ease;
}
.brandina-field-wrap:focus-within { color: var(--ba-primary,#7257f5); border-color: var(--ba-primary,#7257f5); box-shadow: 0 0 0 4px rgba(114,87,245,.1); }
.brandina-field-wrap > .brandina-account-icon { width: 18px; height: 18px; margin-inline-end: 10px; }
.brandina-field-wrap input {
	flex: 1;
	width: 100% !important;
	min-width: 0;
	height: calc(var(--ba-field-height,54px) - 2px) !important;
	padding: 0 !important;
	color: var(--ba-text,#1b2440) !important;
	background: transparent !important;
	border: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	outline: 0 !important;
	font-family: inherit !important;
	font-size: 14px !important;
}
.brandina-field-wrap input::placeholder { color: #b5bbc9; }
.brandina-password-toggle { display: grid; place-items: center; flex: 0 0 34px; width: 34px; height: 34px; margin-inline-start: 6px; padding: 0; color: #a5abb9; background: transparent; border: 0; border-radius: 9px; cursor: pointer; }
.brandina-password-toggle:hover,.brandina-password-toggle.is-visible { color: var(--ba-primary,#7257f5); background: rgba(114,87,245,.07); }
.brandina-password-toggle .brandina-account-icon { width: 18px; height: 18px; }

.brandina-form-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }
.brandina-auth-meta { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin: 2px 0 17px; }
.brandina-auth-meta label { display: inline-flex; align-items: center; gap: 7px; margin: 0; color: var(--ba-muted,#7c8499); font-size: 11px; font-weight: 600; cursor: pointer; }
.brandina-auth-meta input[type="checkbox"] { width: 16px; height: 16px; margin: 0; accent-color: var(--ba-primary,#7257f5); }
.brandina-lost-password { color: var(--ba-primary,#7257f5) !important; font-size: 11px; font-weight: 750; text-decoration: none !important; }

.brandina-account-primary-button,
.brandina-account-page .woocommerce .button,
.brandina-account-content .button {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	gap: 8px;
	min-height: var(--ba-button-height,54px);
	padding: 10px 20px !important;
	color: #fff !important;
	background: linear-gradient(135deg,var(--ba-primary,#7257f5),#8a65f7) !important;
	border: 0 !important;
	border-radius: var(--ba-button-radius,13px) !important;
	box-shadow: 0 12px 25px rgba(114,87,245,.22) !important;
	font-family: inherit !important;
	font-size: 12px !important;
	font-weight: 800 !important;
	text-decoration: none !important;
	cursor: pointer;
	transition: transform .2s ease,box-shadow .2s ease,filter .2s ease;
}
.brandina-account-primary-button { width: 100%; }
.brandina-account-primary-button:hover,.brandina-account-page .woocommerce .button:hover,.brandina-account-content .button:hover { filter: saturate(1.08); transform: translateY(-2px); box-shadow: 0 16px 30px rgba(114,87,245,.28) !important; }
.brandina-account-primary-button:disabled,.brandina-account-page .woocommerce .button:disabled { cursor: wait; opacity: .65; transform: none; }
.brandina-account-primary-button.is-loading::before { content: ""; width: 16px; height: 16px; border: 2px solid rgba(255,255,255,.45); border-top-color: #fff; border-radius: 50%; animation: brandina-spin .7s linear infinite; }
.brandina-account-primary-button span { display: grid; transform: rotate(180deg); }
.brandina-account-primary-button .brandina-account-icon { width: 15px; height: 15px; }
@keyframes brandina-spin { to { transform: rotate(360deg); } }

.brandina-auth-hint,.brandina-auth-privacy { margin: 0 0 14px; padding: 11px 13px; color: var(--ba-muted,#7c8499); background: #f8f9fc; border: 1px solid #eceff5; border-radius: 12px; font-size: 10px; line-height: 1.9; }
.brandina-auth-privacy p { margin: 0; }
.brandina-auth-privacy a { color: var(--ba-primary,#7257f5) !important; }
.brandina-auth-back { display: block; margin-top: 14px; color: var(--ba-muted,#7c8499) !important; font-size: 11px; font-weight: 700; text-align: center; text-decoration: none !important; }

/* OTP */
.brandina-otp-flow { display: grid; gap: 14px; }
.brandina-otp-step { display: grid; gap: 12px; }
.brandina-otp-step[hidden] { display: none !important; }
.brandina-otp-intro { margin: 0 0 2px; padding: 11px 13px; color: var(--ba-muted,#7c8499); background: #f8f9fc; border: 1px solid #edf0f5; border-radius: 12px; font-size: 11px; line-height: 1.9; }
.brandina-otp-code { width: 100%; min-height: 58px; padding: 8px 14px; color: var(--ba-text,#1b2440); background: #fff; border: 1px solid var(--ba-border,#e7eaf2); border-radius: var(--ba-field-radius,13px); box-shadow: none; outline: 0; direction: ltr; text-align: center; font-size: 24px; font-weight: 850; letter-spacing: .35em; }
.brandina-otp-code:focus { border-color: var(--ba-primary,#7257f5); box-shadow: 0 0 0 4px rgba(114,87,245,.1); }
.brandina-otp-actions { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.brandina-otp-actions button { padding: 0; color: var(--ba-primary,#7257f5); background: transparent; border: 0; font-family: inherit; font-size: 10px; font-weight: 750; cursor: pointer; }
.brandina-otp-actions button:disabled { color: #a7adba; cursor: not-allowed; }
.brandina-otp-status { padding: 11px 13px; border-radius: 12px; font-size: 11px; line-height: 1.8; }
.brandina-otp-status.is-success { color: #0f7c52; background: #ecf9f3; border: 1px solid #cdeedf; }
.brandina-otp-status.is-error { color: #b52d4b; background: #fff1f4; border: 1px solid #ffd4de; }
.brandina-otp-status.is-info { color: #4c3eb0; background: #f2f0ff; border: 1px solid #dfd9ff; }

/* WooCommerce endpoints */
.brandina-account-content > p:first-child { margin-top: 0; }
.brandina-account-content p { color: var(--ba-muted,#7c8499); line-height: 1.9; }
.brandina-account-content a { color: var(--ba-primary,#7257f5); }
.brandina-account-content form:not(.woocommerce-ResetPassword) { display: grid; gap: 12px; }
.brandina-account-content form input.input-text,
.brandina-account-content form select,
.brandina-account-content form textarea,
.brandina-account-content .select2-container .select2-selection {
	width: 100%;
	min-height: var(--ba-field-height,54px);
	padding: 10px 14px;
	color: var(--ba-text,#1b2440);
	background: var(--ba-input,#fff);
	border: 1px solid var(--ba-border,#e7eaf2);
	border-radius: var(--ba-field-radius,13px);
	box-shadow: none;
	outline: 0;
	font-family: inherit;
	font-size: 13px;
}
.brandina-account-content form textarea { min-height: 125px; resize: vertical; }
.brandina-account-content form input.input-text:focus,.brandina-account-content form select:focus,.brandina-account-content form textarea:focus { border-color: var(--ba-primary,#7257f5); box-shadow: 0 0 0 4px rgba(114,87,245,.09); }
.brandina-account-content fieldset { margin: 8px 0 0; padding: 18px; border: 1px solid var(--ba-border,#e7eaf2); border-radius: 15px; }
.brandina-account-content legend { padding-inline: 8px; color: var(--ba-text,#1b2440); font-size: 13px; font-weight: 800; }
.brandina-account-content em { color: var(--ba-muted,#7c8499); font-size: 9px; }
.brandina-account-content .clear { display: none; }
.brandina-account-phone-row { order: 5; }

.brandina-account-content .woocommerce-Addresses { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px; }
.brandina-account-content .woocommerce-Address { float: none !important; width: auto !important; padding: 18px; background: #fafbfe; border: 1px solid var(--ba-border,#e7eaf2); border-radius: 16px; }
.brandina-account-content .woocommerce-Address-title { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.brandina-account-content .woocommerce-Address-title h2 { margin: 0; color: var(--ba-text,#1b2440); font-size: 15px; }
.brandina-account-content .woocommerce-Address-title a { float: none !important; min-height: 34px; padding: 7px 11px; background: rgba(114,87,245,.08); border-radius: 9px; font-size: 10px; font-weight: 700; text-decoration: none; }
.brandina-account-content address { margin-top: 14px; color: var(--ba-muted,#7c8499); font-style: normal; font-size: 11px; line-height: 2; }

.brandina-account-content table.shop_table,.brandina-account-content table.woocommerce-table { width: 100%; margin: 0; border-collapse: separate; border-spacing: 0 8px; border: 0; }
.brandina-account-content table thead th { padding: 8px 12px; color: var(--ba-muted,#7c8499); background: transparent; border: 0; font-size: 10px; font-weight: 700; }
.brandina-account-content table tbody tr { background: #fafbfe; }
.brandina-account-content table tbody td { padding: 13px 12px; color: var(--ba-text,#1b2440); border-top: 1px solid var(--ba-border,#e7eaf2); border-bottom: 1px solid var(--ba-border,#e7eaf2); font-size: 11px; }
.brandina-account-content table tbody td:first-child { border-right: 1px solid var(--ba-border,#e7eaf2); border-radius: 0 12px 12px 0; }
.brandina-account-content table tbody td:last-child { border-left: 1px solid var(--ba-border,#e7eaf2); border-radius: 12px 0 0 12px; }
.brandina-account-content table .woocommerce-button { min-height: 34px !important; padding: 7px 11px !important; font-size: 9px !important; box-shadow: none !important; }

.brandina-account-page .woocommerce-message,.brandina-account-page .woocommerce-info,.brandina-account-page .woocommerce-error { margin: 0 0 16px; padding: 13px 48px 13px 16px !important; color: var(--ba-text,#1b2440); background: #fff; border: 1px solid var(--ba-border,#e7eaf2); border-top: 0; border-radius: 13px; box-shadow: 0 8px 22px rgba(35,43,77,.05); font-size: 11px; line-height: 1.8; }
.brandina-account-page .woocommerce-message::before,.brandina-account-page .woocommerce-info::before,.brandina-account-page .woocommerce-error::before { top: 13px; right: 16px; left: auto; color: var(--ba-primary,#7257f5); }
.brandina-account-page .woocommerce-error { border-right: 3px solid var(--ba-danger,#e84462); }
.brandina-account-page .woocommerce-message { border-right: 3px solid var(--ba-success,#16a36a); }
.brandina-account-page .woocommerce-info { border-right: 3px solid var(--ba-primary,#7257f5); }

.brandina-account-content .woocommerce-pagination { margin-top: 16px; }
.brandina-account-content .woocommerce-pagination a,.brandina-account-content .woocommerce-pagination span { display: inline-grid; place-items: center; min-width: 38px; height: 38px; margin: 2px; border: 1px solid var(--ba-border,#e7eaf2); border-radius: 10px; text-decoration: none; }
.brandina-account-content .woocommerce-pagination .current { color: #fff; background: var(--ba-primary,#7257f5); border-color: var(--ba-primary,#7257f5); }

@media (prefers-reduced-motion: reduce) {
	.brandina-account-page *, .brandina-auth-page * { scroll-behavior: auto !important; transition: none !important; animation: none !important; }
}

/* ===== Brandina account 1.21.0 — OTP-only and grid stability ===== */
.brandina-account-shell > .brandina-account-sidebar {
	grid-column: 2;
	grid-row: 1;
}

.brandina-account-shell > .brandina-account-content {
	grid-column: 1;
	grid-row: 1;
}

.brandina-auth-card > .brandina-auth-visual {
	grid-column: 2;
	grid-row: 1;
}

.brandina-auth-card > .brandina-auth-form-panel {
	grid-column: 1;
	grid-row: 1;
}

.brandina-account-page-wrap {
	padding-top: clamp(14px, var(--ba-top, 18px), 30px);
	padding-bottom: clamp(34px, var(--ba-bottom, 50px), 70px);
}

.brandina-auth-page {
	margin-top: clamp(14px, var(--ba-top, 18px), 28px);
	margin-bottom: clamp(34px, var(--ba-bottom, 50px), 70px);
}

.brandina-auth-card {
	grid-template-columns: minmax(0, 1fr) minmax(360px, 42%);
	min-height: 560px;
}

.brandina-auth-visual {
	min-height: 560px;
	padding: 38px;
}

.brandina-auth-form-panel {
	justify-content: center;
	padding: 36px clamp(26px, 4vw, 54px);
}

.brandina-auth-kicker {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 28px;
	padding-inline: 12px;
	margin-bottom: 8px;
	color: var(--ba-primary, #7257f5);
	background: rgba(114,87,245,.08);
	border: 1px solid rgba(114,87,245,.12);
	border-radius: 999px;
	font-size: 10px;
	font-weight: 800;
}

.brandina-auth-progress {
	display:grid;
	grid-template-columns:auto minmax(40px,1fr) auto;
	align-items:center;
	gap:10px;
	margin:0 0 22px;
	padding:12px 14px;
	background:#f7f8fc;
	border:1px solid #e9edf5;
	border-radius:15px;
}

.brandina-auth-progress span {
	display:flex;
	align-items:center;
	gap:7px;
	color:var(--ba-muted,#7c8499);
	font-size:10px;
	font-weight:750;
	white-space:nowrap;
}

.brandina-auth-progress span b {
	display:grid;
	place-items:center;
	width:26px;
	height:26px;
	color:#8790a4;
	background:#fff;
	border:1px solid #e1e5ee;
	border-radius:9px;
	font-size:10px;
}

.brandina-auth-progress span.is-active { color:var(--ba-primary,#7257f5); }
.brandina-auth-progress span.is-active b { color:#fff; background:var(--ba-primary,#7257f5); border-color:var(--ba-primary,#7257f5); }
.brandina-auth-progress i { height:1px; background:#dde2ec; }
.brandina-auth-progress.is-code span:first-child { color:var(--ba-success,#16a36a); }
.brandina-auth-progress.is-code span:first-child b { color:#fff; background:var(--ba-success,#16a36a); border-color:var(--ba-success,#16a36a); }
.brandina-auth-progress.is-code span:last-child { color:var(--ba-primary,#7257f5); }
.brandina-auth-progress.is-code span:last-child b { color:#fff; background:var(--ba-primary,#7257f5); border-color:var(--ba-primary,#7257f5); }

.brandina-field-help {
	display:block;
	margin:7px 2px 14px;
	color:var(--ba-muted,#7c8499);
	font-size:10px;
	line-height:1.8;
}

.brandina-otp-step .brandina-account-primary-button {
	margin-top:14px;
}

.brandina-otp-unavailable {
	display:grid;
	grid-template-columns:48px minmax(0,1fr);
	align-items:start;
	gap:12px;
	padding:16px;
	color:#8b5b00;
	background:#fff8e9;
	border:1px solid #f0ddb0;
	border-radius:16px;
}
.brandina-otp-unavailable > span { display:grid; place-items:center; width:46px; height:46px; color:#b77900; background:#fff; border-radius:14px; }
.brandina-otp-unavailable strong { display:block; margin-bottom:4px; color:#6d4800; font-size:13px; }
.brandina-otp-unavailable p { margin:0; color:#8b6b2f; font-size:11px; line-height:1.9; }

.brandina-auth-footnote {
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:14px;
	margin-top:20px;
	padding-top:16px;
	border-top:1px solid var(--ba-border,#e7eaf2);
	color:var(--ba-muted,#7c8499);
	font-size:10px;
	line-height:1.8;
}
.brandina-auth-footnote a { color:var(--ba-primary,#7257f5)!important; font-weight:750; text-decoration:none!important; white-space:nowrap; }

.brandina-account-empty a {
	dis:inline-flex;
	align-items:center;
	justify-content:center;
	min-width:138px;
	min-height:42px;
	padding:8px 16px;
	color:#fff!important;
	background:var(--ba-primary,#7257f5);
	border-radius:12px;
	font-size:11px;
	font-weight:800;
	text-decoration:none!important;
}


/* ===== Brandina 1.22.0 minimal OTP login ===== */
.brandina-auth-page.brandina-auth-minimal {
	width:min(calc(100% - 28px),560px);
	margin:34px auto 64px;
	padding:0;
}
.brandina-otp-login-card {
	padding:34px 36px 30px;
	background:#fff;
	border:1px solid var(--ba-border,#e7eaf2);
	border-radius:28px;
	box-shadow:0 24px 70px rgba(35,43,77,.07);
}
.brandina-otp-login-header {
	display:flex;
	align-items:center;
	gap:13px;
	margin-bottom:36px;
}
.brandina-otp-login-icon {
	display:grid;
	place-items:center;
	flex:0 0 44px;
	width:44px;
	height:44px;
	color:#fff;
	background:linear-gradient(135deg,var(--ba-primary,#7257f5),var(--ba-accent,#ff668d));
	border-radius:14px;
	box-shadow:0 10px 24px color-mix(in srgb,var(--ba-primary,#7257f5) 24%,transparent);
}
.brandina-otp-login-icon .brandina-account-icon { width:21px;height:21px; }
.brandina-otp-login-header h1 { margin:0;color:var(--ba-text,#1b2440);font-size:20px;font-weight:850;line-height:1.45; }
.brandina-otp-login-header p { margin:3px 0 0;color:var(--ba-muted,#7c8499);font-size:11px;line-height:1.7; }
.brandina-otp-flow-minimal { display:grid;gap:16px; }
.brandina-otp-flow-minimal .brandina-otp-step { gap:12px; }
.brandina-otp-flow-minimal label { margin:0 0 2px;color:var(--ba-text,#1b2440);font-size:12px;font-weight:800; }
.brandina-otp-phone-field {
	display:flex;
	align-items:center;
	gap:11px;
	min-height:64px;
	padding:0 18px;
	color:var(--ba-primary,#7257f5);
	background:#fff;
	border:1px solid var(--ba-border,#e7eaf2);
	border-radius:18px;
	transition:border-color .2s ease,box-shadow .2s ease;
}
.brandina-otp-phone-field:focus-within { border-color:var(--ba-primary,#7257f5);box-shadow:0 0 0 4px color-mix(in srgb,var(--ba-primary,#7257f5) 10%,transparent); }
.brandina-otp-phone-field .brandina-account-icon { width:19px;height:19px; }
.brandina-otp-phone-field input {
	flex:1;
	min-width:0;
	height:62px!important;
	padding:0!important;
	color:var(--ba-text,#1b2440)!important;
	background:transparent!important;
	border:0!important;
	box-shadow:none!important;
	outline:0!important;
	direction:ltr;
	text-align:right;
	font-family:inherit!important;
	font-size:17px!important;
	font-weight:650;
	letter-spacing:.08em;
}
.brandina-otp-phone-field input::placeholder { color:#bcc3d2;opacity:1; }
.brandina-otp-flow-minimal small { color:var(--ba-muted,#7c8499);font-size:10px;line-height:1.7; }
.brandina-otp-continue-button {
	display:inline-flex;
	align-items:center;
	justify-content:center;
	gap:10px;
	width:176px;
	min-height:58px;
	margin-right:auto;
	padding:0 24px;
	color:#fff;
	background:linear-gradient(135deg,var(--ba-primary,#7257f5),color-mix(in srgb,var(--ba-primary,#7257f5) 70%,var(--ba-accent,#ff668d)));
	border:0;
	border-radius:18px;
	box-shadow:0 14px 28px color-mix(in srgb,var(--ba-primary,#7257f5) 24%,transparent);
	font-family:inherit;
	font-size:14px;
	font-weight:850;
	cursor:pointer;
	transition:transform .2s ease,box-shadow .2s ease,opacity .2s ease;
}
.brandina-otp-continue-button:hover { transform:translateY(-2px);box-shadow:0 18px 32px color-mix(in srgb,var(--ba-primary,#7257f5) 30%,transparent); }
.brandina-otp-continue-button:disabled { opacity:.55;cursor:not-allowed;transform:none; }
.brandina-otp-continue-button .brandina-account-icon { width:17px;height:17px;transform:rotate(180deg); }
.brandina-otp-code-heading { display:grid;gap:4px; }
.brandina-otp-code-heading strong { color:var(--ba-text,#1b2440);font-size:13px; }
.brandina-otp-code-heading span { color:var(--ba-muted,#7c8499);font-size:10px; }
.brandina-otp-code-minimal { min-height:64px;border-radius:18px;font-size:27px;letter-spacing:.42em; }
.brandina-otp-test-note {
	dis:grid;
	gap:3px;
	margin:-14px 0 24px;
	padding:11px 14px;
	color:#7a5200;
	background:#fff8e7;
	border:1px solid #f3dfad;
	border-radius:14px;
	font-size:10px;
	line-height:1.75;
}
.brandina-otp-test-note strong { font-size:11px; }
.brandina-otp-test-note b { color:#9b6200;font-size:12px; }
.brandina-otp-login-footer {
	dis:flex;
	align-items:center;
	justify-content:space-between;
	gap:12px;
	margin-top:24px;
	padding-top:18px;
	border-top:1px solid var(--ba-border,#e7eaf2);
	color:var(--ba-muted,#7c8499);
	font-size:9.5px;
	line-height:1.7;
}
.brandina-otp-login-footer a { color:var(--ba-primary,#7257f5)!important;font-weight:800;text-decoration:none!important;white-space:nowrap; }
.brandina-otp-unavailable-minimal { display:grid;gap:6px;padding:17px;color:#7a5200;background:#fff8e7;border:1px solid #f3dfad;border-radius:16px;text-align:center; }
.brandina-otp-unavailable-minimal strong { font-size:13px; }
.brandina-otp-unavailable-minimal p { margin:0;font-size:10px;line-height:1.8; }
@media(max-width:640px){
	.brandina-auth-page.brandina-auth-minimal{width:calc(100% - 18px);margin:14px auto 80px}
	.brandina-otp-login-card{padding:24px 18px 22px;border-radius:22px}
	.brandina-otp-login-header{margin-bottom:28px}
	.brandina-otp-login-header h1{font-size:18px}
	.brandina-otp-phone-field{min-height:58px;padding-inline:15px;border-radius:16px}
	.brandina-otp-phone-field input{height:56px!important;font-size:16px!important}
	.brandina-otp-continue-button{width:100%;min-height:54px;border-radius:16px}
	.brandina-otp-login-footer{align-items:flex-start;flex-direction:column}
	.brandina-otp-code-minimal{min-height:58px;font-size:23px}
}

/* ===== Brandina Verify minimal reference design v1.23.0 ===== */
.brandina-auth-reference {
	width: 100%;
	min-height: min(760px, calc(100vh - var(--brandina-header-height, 0px)));
	margin: 0;
	padding: 54px 16px 34px;
	background: #fff;
}

.brandina-verify-shell {
	width: min(100%, 500px);
	margin-inline: auto;
	display: grid;
	justify-items: center;
	gap: 24px;
}

.brandina-verify-logo {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 72px;
}

.brandina-verify-logo .custom-logo-link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	max-width: 190px;
	max-height: 72px;
}

.brandina-verify-logo img {
	display: block;
	width: auto;
	max-width: 190px;
	max-height: 72px;
	object-fit: contain;
}

.brandina-verify-logo .brandina-fallback-logo {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	color: var(--ba-text,#172036);
	font-size: 22px;
	font-weight: 850;
	text-decoration: none;
}

.brandina-verify-card {
	width: 100%;
	padding: 44px 50px 42px;
	background: #fff;
	border: 1px solid #f0f2f6;
	border-radius: 42px;
	box-shadow: 0 24px 64px rgba(22,31,56,.08);
}

.brandina-verify-header {
	margin-bottom: 34px;
	text-align: center;
}

.brandina-verify-header h1 {
	margin: 0;
	color: var(--ba-text,#172036);
	font-size: 30px;
	font-weight: 900;
	line-height: 1.35;
	letter-spacing: -.03em;
}

.brandina-verify-header p {
	margin: 9px 0 0;
	color: var(--ba-muted,#7c8499);
	font-size: 14px;
	line-height: 1.9;
}

.brandina-otp-flow-reference {
	display: grid;
	gap: 18px;
}

.brandina-otp-flow-reference .brandina-otp-step {
	display: grid;
	gap: 14px;
}

.brandina-otp-flow-reference label {
	margin: 0;
	color: var(--ba-text,#172036);
	font-size: 14px;
	font-weight: 800;
}

.brandina-verify-field {
	display: flex;
	align-items: center;
	gap: 12px;
	width: 100%;
	min-height: 70px;
	padding-inline: 20px;
	color: #9aa7bd;
	background: #f8fafc;
	border: 1px solid #dfe5ee;
	border-radius: 18px;
	transition: border-color .2s ease, box-shadow .2s ease, background .2s ease;
}

.brandina-verify-field:focus-within {
	color: var(--ba-primary,#ef3356);
	background: #fff;
	border-color: var(--ba-primary,#ef3356);
	box-shadow: 0 0 0 4px color-mix(in srgb,var(--ba-primary,#ef3356) 10%,transparent);
}

.brandina-verify-field .brandina-account-icon {
	width: 24px;
	height: 24px;
	flex: 0 0 auto;
}

.brandina-verify-field input {
	flex: 1;
	min-width: 0;
	height: 68px!important;
	padding: 0!important;
	color: var(--ba-text,#172036)!important;
	background: transparent!important;
	border: 0!important;
	border-radius: 0!important;
	box-shadow: none!important;
	outline: 0!important;
	direction: ltr;
	text-align: left;
	font-family: inherit;
	font-size: 17px!important;
	font-weight: 700;
	letter-spacing: .02em;
}

.brandina-verify-field input::placeholder {
	color: #aeb9ca;
	opacity: 1;
}

.brandina-verify-button {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 14px;
	width: 100%;
	min-height: 70px;
	padding: 12px 22px;
	color: #fff;
	background: #111a2f;
	border: 0;
	border-radius: 18px;
	box-shadow: 0 14px 28px rgba(17,26,47,.15);
	font-family: inherit;
	font-size: 17px;
	font-weight: 850;
	cursor: pointer;
	transition: transform .2s ease, box-shadow .2s ease, opacity .2s ease;
}

.brandina-verify-button:hover {
	transform: translateY(-2px);
	box-shadow: 0 18px 34px rgba(17,26,47,.2);
}

.brandina-verify-button:disabled {
	opacity: .55;
	cursor: not-allowed;
	transform: none;
}

.brandina-verify-button .brandina-account-icon {
	width: 19px;
	height: 19px;
	transform: rotate(180deg);
}

.brandina-verify-security {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 7px;
	justify-self: center;
	min-height: 34px;
	padding: 6px 14px;
	color: #179a6b;
	background: #eafaf3;
	border-radius: 999px;
	font-size: 11px;
	font-weight: 700;
}

.brandina-verify-security .brandina-account-icon {
	width: 16px;
	height: 16px;
}

.brandina-verify-code-copy {
	display: grid;
	gap: 5px;
	text-align: center;
}

.brandina-verify-code-copy strong {
	color: var(--ba-text,#172036);
	font-size: 17px;
	font-weight: 850;
}

.brandina-verify-code-copy span {
	color: var(--ba-muted,#7c8499);
	font-size: 12px;
}

.brandina-verify-code-input {
	width: 100%;
	min-height: 70px;
	padding: 10px 18px!important;
	color: var(--ba-text,#172036)!important;
	background: #f8fafc!important;
	border: 1px solid #dfe5ee!important;
	border-radius: 18px!important;
	box-shadow: none!important;
	outline: 0!important;
	direction: ltr;
	text-align: center;
	font-family: inherit;
	font-size: 27px!important;
	font-weight: 900!important;
	letter-spacing: .45em!important;
}

.brandina-verify-code-input:focus {
	background: #fff!important;
	border-color: var(--ba-primary,#ef3356)!important;
	box-shadow: 0 0 0 4px color-mix(in srgb,var(--ba-primary,#ef3356) 10%,transparent)!important;
}

.brandina-verify-actions {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
}

.brandina-verify-actions button {
	padding: 0;
	color: var(--ba-primary,#ef3356);
	background: transparent;
	border: 0;
	font-family: inherit;
	font-size: 11px;
	font-weight: 750;
	cursor: pointer;
}

.brandina-verify-status {
	margin-top: 2px;
	padding: 11px 14px;
	border-radius: 13px;
	font-size: 11px;
	line-height: 1.8;
	text-align: center;
}

.brandina-verify-test-note {
	padding: 8px 13px;
	color: #8a6200;
	background: #fff7d8;
	border: 1px solid #f2df9b;
	border-radius: 999px;
	font-size: 11px;
	font-weight: 700;
}

.brandina-verify-legal {
	margin: 0;
	color: #97a0b2;
	font-size: 11px;
	line-height: 1.9;
	text-align: center;
}

.brandina-verify-legal a {
	color: #6e7890!important;
	font-weight: 750;
	text-decoration: underline!important;
	text-underline-offset: 3px;
}

.brandina-verify-unavailable {
	padding: 18px;
	text-align: center;
	background: #fff8e8;
	border: 1px solid #f3dfaa;
	border-radius: 16px;
}

.brandina-verify-unavailable strong {
	display: block;
	margin-bottom: 5px;
	color: #7c5700;
	font-size: 14px;
}

.brandina-verify-unavailable p {
	margin: 0;
	color: #96763c;
	font-size: 11px;
	line-height: 1.8;
}

@media (max-width: 640px) {
	.brandina-auth-reference {
		min-height: calc(100vh - var(--brandina-header-height, 0px));
		padding: 30px 12px 24px;
	}

	.brandina-verify-shell {
		gap: 18px;
	}

	.brandina-verify-logo {
		min-height: 56px;
	}

	.brandina-verify-logo .custom-logo-link,
	.brandina-verify-logo img {
		max-width: 155px;
		max-height: 56px;
	}

	.brandina-verify-card {
		padding: 34px 22px 30px;
		border-radius: 30px;
	}

	.brandina-verify-header {
		margin-bottom: 26px;
	}

	.brandina-verify-header h1 {
		font-size: 25px;
	}

	.brandina-verify-header p {
		font-size: 12px;
	}

	.brandina-verify-field,
	.brandina-verify-button,
	.brandina-verify-code-input {
		min-height: 60px;
		border-radius: 16px!important;
	}

	.brandina-verify-field input {
		height: 58px!important;
		font-size: 16px!important;
	}

	.brandina-verify-button {
		font-size: 15px;
	}
}