/* =========================================================
   SHAHAZ.com — Login / Register page
   All tunable values live in :root so you can adjust exact
   pixel sizes without hunting through the file.

   ✦ 3D UPDATE ✦
   - Primary/secondary buttons now use the pink→magenta
     "add to cart" gradient + a solid extruded edge under
     them (classic app-button 3D). On :active they sink
     down into that edge — press-in feel on every button.
   - The outer card (.shahaz-auth-card) got a 4-layer shadow
     stack so it visually floats above the whole page.
   - Small controls (segment tabs, method tabs, avatar
     button, password-eye button) were shrunk to a
     caption-size footprint and given the same lift/press
     treatment, just scaled down.
   ========================================================= */
:root{
	/* ⚠️ Color Harmonization (২০২৬-০৮-১৮, ব্যবহারকারীর নির্দেশে,
	   "Design → Keep" নীতির আওতায় শুধু রং-টোকেন align করা হলো, কোনো
	   layout/spacing/component পরিবর্তন হয়নি): এই পেজের প্রধান
	   ম্যাজেন্টা টোকেন এখন Luxe Profile পেজের (assets/css/
	   existing site-wide luxury token system) ঠিক একই --magenta মান ব্যবহার করে, যাতে
	   Login → Profile ফ্লোতে (এখন Google/WebAuthn লগইনের পরে এই
	   redirect আরও ঘন ঘন ঘটে) ব্র্যান্ড অ্যাকসেন্ট কালার ধারাবাহিক
	   থাকে। CTA গ্র্যাডিয়েন্ট/গোল্ড/ক্রিম টোকেন ইচ্ছাকৃতভাবে
	   অপরিবর্তিত রাখা হয়েছে (আগে থেকেই যথেষ্ট কাছাকাছি, এবং বাটনের
	   বিদ্যমান 3D গ্র্যাডিয়েন্ট ডিজাইন ভাঙার ঝুঁকি এড়াতে)। */
	--gv-magenta:        #C2185B;
	--gv-magenta-dark:   #7A0F3D;
	--gv-magenta-light:  #E6337F;
	--gv-gold:           #D4AF37;
	--gv-gold-light:     #F3D77A;
	--gv-dark-yellow:    #B8860B;
	--gv-red:            #C0392B;
	--gv-cream:          #FFF7EF;
	--gv-text:           #3A1030;
	--gv-muted:          #8A6E82;

	/* "Add to cart" reference button — pink → magenta gradient,
	   solid maroon edge underneath for the 3D extrusion,
	   soft pink glow shadow further out. Matched to the
	   screenshot's button. */
	--gv-cta-top:        #FF5FA8;
	--gv-cta-mid:        #E6337F;
	--gv-cta-bot:        #C6116B;
	--gv-cta-edge:       #8C0E52;
	--gv-cta-glow:       rgba(198,17,107,.45);

	--gv-gold-edge:      #9C7318;
	--gv-white-edge:     #E3D2AE;

	--gv-radius-card:    32px;
	--gv-radius-field:   18px;
	--gv-radius-pill:    999px;

	--gv-border-w:       1px;      /* "সকল বক্সের বর্ডার হবে ১ পিক্সেল, গোল্ড কালার" */
	--gv-section-gap:    6px;      /* "এক সেকশন থেকে আরেক সেকশনের গ্যাপ হবে ৬ পিক্সেল" */

	/* Requested tab-button box: 50px wide / 17px tall.
	   Kept exactly as specified — used as a min box, with
	   padding auto-expanding so Bengali labels still fit.
	   Tune these two lines if you want the literal 50x17 box. */
	--gv-tab-min-w:      50px;
	--gv-tab-min-h:      17px;

	/* Caption size for the small utility buttons */
	--gv-caption-size:   10.5px;

	/* 3D lift/press amounts — big CTAs vs small chips */
	--gv-lift-lg:        6px;
	--gv-lift-sm:        3px;
}

.shahaz-auth-vault-page{
	min-height:100vh;
	display:flex;
	align-items:center;
	justify-content:center;
	padding:8px 16px;
	background:
		radial-gradient(circle at 15% 10%, rgba(255,255,255,.15) 0, transparent 3%),
		radial-gradient(circle at 85% 20%, rgba(255,255,255,.12) 0, transparent 3%),
		radial-gradient(circle at 10% 90%, rgba(255,255,255,.10) 0, transparent 3%),
		linear-gradient(160deg, #E6127A 0%, #A3105C 55%, #7A0E4E 100%);
	font-family:"Hind Siliguri","Noto Sans Bengali",system-ui,sans-serif;
}

/* ---------- Outer card: 4-layer 3D stack so it reads as the
   top-most surface on the page, per request. ---------- */
.shahaz-auth-card{
	width:100%;
	max-width:460px;
	background:var(--gv-cream);
	border-radius:var(--gv-radius-card);
	border:2px solid #FF1493;
	box-shadow:
		none;          /* layer 4: floating shadow */
	overflow:hidden;
	position:relative;
	z-index:2;
}

/* ---------- Header ---------- */
.shahaz-auth-header{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:12px;
	padding:22px 24px;
	border-bottom:1px solid rgba(212,175,55,.35);
}
.shahaz-auth-brand{display:flex;align-items:center;gap:12px;}

/* ---------- Body / form sections ---------- */
.shahaz-auth-body{padding:8px 24px 28px;}
.shahaz-auth-title{
	font-size:28px;font-weight:700;color:var(--gv-text);
	margin:10px 0 var(--gv-section-gap);
	display:flex;align-items:center;gap:8px;
}
.shahaz-auth-title .spark{color:var(--gv-gold);}

/* ---------- Profile photo upload (register) ---------- */
.shahaz-auth-avatar-field{display:flex;flex-direction:column;align-items:center;}
.shahaz-auth-avatar-upload{display:flex;flex-direction:column;align-items:center;gap:10px;}
.shahaz-auth-avatar-preview{
	width:84px;height:84px;border-radius:50%;
	border:var(--gv-border-w) solid var(--gv-gold);
	background:#fff;
	display:flex;align-items:center;justify-content:center;
	color:var(--gv-muted);
	cursor:pointer;overflow:hidden;
	box-shadow:none;
	transition:transform .12s ease, box-shadow .12s ease;
}
.shahaz-auth-avatar-preview:active{
	transform:translateY(4px);
	box-shadow:0 0 0 var(--gv-white-edge);
}
.shahaz-auth-avatar-preview svg{width:34px;height:34px;}
.shahaz-auth-avatar-preview img{width:100%;height:100%;object-fit:cover;}
.shahaz-auth-avatar-btn{
	font-size:var(--gv-caption-size);font-weight:700;color:#fff;
	border:none;
	border-radius:var(--gv-radius-pill);
	padding:5px 14px;cursor:pointer;
	background:linear-gradient(180deg, var(--gv-cta-top) 0%, var(--gv-cta-mid) 55%, var(--gv-cta-bot) 100%);
	box-shadow:0 var(--gv-lift-sm) 0 var(--gv-cta-edge);
	transition:background .25s ease,color .25s ease,transform .12s ease,box-shadow .12s ease;
	transform:translateY(0);
}
.shahaz-auth-avatar-btn:hover{filter:brightness(1.05);}
.shahaz-auth-avatar-btn:active{
	transform:translateY(var(--gv-lift-sm));
	box-shadow:0 0 0 var(--gv-cta-edge);
}

.shahaz-auth-field{margin-bottom:var(--gv-section-gap);}
.shahaz-auth-field label{
	display:block;font-size:13px;font-weight:600;
	color:var(--gv-text);margin-bottom:8px;
}
.shahaz-auth-input-wrap{position:relative;}
.shahaz-auth-input-wrap input{
	width:100%;
	padding:16px 44px 16px 18px;
	border:var(--gv-border-w) solid var(--gv-gold);
	border-radius:var(--gv-radius-field);
	background:#fff;
	font-size:15px;color:var(--gv-text);
	outline:none;
	box-shadow:none;
	transition:border-color .2s ease, box-shadow .2s ease;
}
.shahaz-auth-input-wrap input::placeholder{color:#B9A6B4;}
.shahaz-auth-input-wrap input:focus{
	border-color:var(--gv-magenta);
	box-shadow:none;
}
.shahaz-auth-input-wrap .icon-left{
	position:absolute;left:14px;top:50%;transform:translateY(-50%);
	color:var(--gv-magenta);
}
.shahaz-auth-input-wrap .icon-left ~ input{padding-left:42px;}

/* Small icon button (show/hide password) — caption-scale 3D chip */
.shahaz-auth-toggle-pass{
	position:absolute;right:10px;top:50%;transform:translateY(-50%);
	background:#fff;
	border:1px solid var(--gv-gold);
	border-radius:50%;
	cursor:pointer;color:var(--gv-muted);
	width:26px;height:26px;
	display:flex;align-items:center;justify-content:center;
	padding:0;
	box-shadow:none;
	transition:transform .12s ease, box-shadow .12s ease, color .2s ease;
}
.shahaz-auth-toggle-pass svg{width:14px;height:14px;}
.shahaz-auth-toggle-pass:active{
	transform:translateY(-50%) translateY(2px);
	box-shadow:0 0 0 var(--gv-white-edge);
}
.shahaz-auth-toggle-pass.is-visible{color:var(--gv-magenta);border-color:var(--gv-magenta);}

.shahaz-auth-row-between{
	display:flex;align-items:center;justify-content:space-between;
	margin-bottom:var(--gv-section-gap);
	font-size:13px;
}
.shahaz-auth-remember{display:flex;align-items:center;gap:8px;color:var(--gv-text);}
.shahaz-auth-remember input[type="checkbox"]{
	appearance:none;width:18px;height:18px;border-radius:50%;
	border:var(--gv-border-w) solid var(--gv-gold);
	display:inline-block;position:relative;cursor:pointer;flex:0 0 18px;
	background:#fff;box-shadow:none;
	transition:background .15s ease,border-color .15s ease,box-shadow .15s ease,transform .12s ease;
}
.shahaz-auth-remember input[type="checkbox"]::after{
	content:'✓';position:absolute;left:50%;top:50%;
	transform:translate(-50%,-54%) scale(0);
	font-size:12px;line-height:1;font-weight:900;color:#fff;
	opacity:0;transition:transform .14s ease,opacity .14s ease;
}
.shahaz-auth-remember input[type="checkbox"]:checked{
	background:var(--gv-magenta);border-color:var(--gv-magenta);
	box-shadow:none;
}
.shahaz-auth-remember input[type="checkbox"]:checked::after{
	transform:translate(-50%,-54%) scale(1);opacity:1;
}
.shahaz-auth-remember input[type="checkbox"]:focus-visible{
	outline:2px solid var(--gv-magenta);outline-offset:2px;
}

/* Password strength meter (register page) */
.shahaz-auth-strength{display:flex;align-items:center;gap:6px;margin:-2px 0 var(--gv-section-gap);}
.shahaz-auth-strength i{flex:1;height:4px;border-radius:2px;background:#EADCE3;}
.shahaz-auth-strength span{font-size:12px;color:var(--gv-muted);}

.shahaz-auth-divider{
	display:flex;align-items:center;gap:12px;
	color:var(--gv-muted);font-size:13px;
	margin:var(--gv-section-gap) 0;
}
.shahaz-auth-divider::before,.shahaz-auth-divider::after{
	content:"";flex:1;height:1px;background:rgba(212,175,55,.4);
}

.shahaz-auth-footnote{
	text-align:center;font-size:11px;color:var(--gv-muted);
	margin-top:var(--gv-section-gap);
	display:flex;align-items:center;justify-content:center;gap:6px;flex-wrap:wrap;
}
.shahaz-auth-footnote svg{width:14px;height:14px;color:var(--gv-gold);}

/* ---------- OTP-only view ---------- */
.shahaz-auth-otp-pad{
	border:var(--gv-border-w) solid var(--gv-gold);
	border-radius:var(--gv-radius-field);
	padding:26px;
	text-align:center;
	margin-bottom:var(--gv-section-gap);
	background:#FFF3F8;
	box-shadow:none;
}
.shahaz-auth-otp-inputs{display:flex;gap:8px;justify-content:center;margin:14px 0;}
.shahaz-auth-otp-inputs input{
	width:42px;height:52px;text-align:center;font-size:20px;
	border:var(--gv-border-w) solid var(--gv-gold);border-radius:10px;
	box-shadow:none;
}
.shahaz-auth-otp-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px;color:var(--gv-muted);margin:0 0 var(--gv-section-gap);}
.shahaz-auth-otp-meta button{background:none;border:0;padding:0;font:inherit;cursor:pointer;}
.shahaz-auth-otp-meta button:disabled{opacity:.5;cursor:not-allowed;}
.shahaz-auth-panel-reset .shahaz-auth-title{margin-bottom:var(--gv-section-gap);}

/* ---------- Biometric-only view ---------- */

/* ---------- Seller → Customer account boundary popup ---------- */
.shahaz-account-boundary-popup{position:fixed;left:50%;top:72px;transform:translateX(-50%) translateY(-8px);width:min(92vw,620px);z-index:120000;opacity:0;pointer-events:none;transition:opacity .18s ease,transform .18s ease;}
.shahaz-account-boundary-popup.is-visible{opacity:1;transform:translateX(-50%) translateY(0);pointer-events:auto;}
.shahaz-account-boundary-popup__glass{display:flex;align-items:center;gap:12px;padding:10px 12px 10px 15px;border:1px solid rgba(33,154,91,.45);border-radius:16px;background:linear-gradient(135deg,rgba(224,255,239,.94),rgba(187,247,215,.88));box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;}
.shahaz-account-boundary-popup__message{min-width:0;display:flex;flex-direction:column;gap:2px;color:#145c38;line-height:1.25;}
.shahaz-account-boundary-popup__message strong{font-size:13px;font-weight:850;}
.shahaz-account-boundary-popup__message span{font-size:11.5px;font-weight:600;}
.shahaz-account-boundary-popup__action{flex:0 0 auto;padding:7px 12px;border-radius:999px;background:linear-gradient(135deg,#27b96a,#0b914b);color:#fff!important;text-decoration:none!important;font-size:11.5px;font-weight:800;box-shadow:none;-webkit-tap-highlight-color:transparent;}
/* Customer/Seller boundary CTA: never expose the browser's blue rectangular focus/tap ring.
 * Keep the intended glossy green capsule appearance in login and register modes. */
.shahaz-account-boundary-popup__action:focus,
.shahaz-account-boundary-popup__action:focus-visible,
.shahaz-account-boundary-popup__action:active{outline:none!important;outline-offset:0!important;box-shadow:none!important;-webkit-tap-highlight-color:transparent;}
.shahaz-account-boundary-popup__close{flex:0 0 25px;width:25px;height:25px;padding:0;border:0;border-radius:50%;background:rgba(255,255,255,.72);color:#157241;font-size:18px;line-height:25px;text-align:center;box-shadow:none;cursor:pointer;-webkit-tap-highlight-color:transparent;}
.shahaz-account-boundary-popup__close:focus,
.shahaz-account-boundary-popup__close:focus-visible,
.shahaz-account-boundary-popup__close:active{outline:none!important;outline-offset:0!important;box-shadow:none!important;-webkit-tap-highlight-color:transparent;}
@media(max-width:560px){.shahaz-account-boundary-popup{top:70px;width:calc(100vw - 20px)}.shahaz-account-boundary-popup__glass{gap:8px;padding:9px 9px 9px 12px}.shahaz-account-boundary-popup__message strong{font-size:12px}.shahaz-account-boundary-popup__message span{font-size:10.5px}.shahaz-account-boundary-popup__action{padding:7px 9px;font-size:10.5px}}

/* ---------- Errors / notices ---------- */
.shahaz-auth-notice{
	border:var(--gv-border-w) solid var(--gv-red);
	background:#FBEAE8;color:var(--gv-red);
	border-radius:var(--gv-radius-field);
	padding:12px 16px;font-size:13px;
	margin-bottom:var(--gv-section-gap);
}

@media (max-width:480px){
	.shahaz-auth-header{padding:18px;}
	.shahaz-auth-body{padding:6px 18px 22px;}
	.shahaz-auth-title{font-size:24px;}
}

/* Register mode: the Password / OTP / Biometric login-method strip is
   intentionally absent. Keep the account title only 3px below the header
   without changing Login mode spacing. */
.shahaz-auth-card.shahaz-auth-mode-register .shahaz-auth-body{
	padding-top:1px;
}
.shahaz-auth-card.shahaz-auth-mode-register .shahaz-auth-title{
	margin-top:2px;
}
@media (max-width:480px){
	.shahaz-auth-card.shahaz-auth-mode-register .shahaz-auth-body{
		padding-top:1px;
	}
	.shahaz-auth-card.shahaz-auth-mode-register .shahaz-auth-title{
		margin-top:2px;
	}
}

/* =========================================================
   BUTTON FINISHING PASS — Login / Create Account
   Visual-only polish. No functionality, markup or spacing
   logic is changed. All controls keep the existing behavior.
   ========================================================= */

/* Shared premium button language */
.shahaz-auth-toggle-pass,
.shahaz-auth-btn-primary,
.shahaz-auth-btn-secondary,
.shahaz-auth-btn-google,
.shahaz-auth-avatar-btn {
	-webkit-tap-highlight-color:transparent;
	user-select:none;
}

.shahaz-auth-avatar-btn:focus-visible{
	outline:2px solid #FF1493;
	outline-offset:3px;
}

/* Password visibility icon: tiny luxury control */
.shahaz-auth-toggle-pass{
	border-width:1.5px;
	border-color:var(--gv-gold);
	background:linear-gradient(180deg,#fff,#FFF9EF);
	box-shadow:
		none;
}
.shahaz-auth-toggle-pass:hover{
	color:var(--gv-magenta);
	border-color:#FF1493;
	transform:translateY(-50%) translateY(-1px);
	box-shadow:
		none;
}
.shahaz-auth-toggle-pass:focus-visible{
	outline:2px solid #FF1493;
	outline-offset:2px;
}

/* Register profile-upload button */
.shahaz-auth-avatar-btn{
	border:1px solid rgba(255,255,255,.35);
	box-shadow:
		0 var(--gv-lift-sm) 0 var(--gv-cta-edge);
}
.shahaz-auth-avatar-btn:hover{
	filter:brightness(1.07) saturate(1.05);
	transform:translateY(-1px);
	box-shadow:
		0 calc(var(--gv-lift-sm) + 1px) 0 var(--gv-cta-edge);
}

@media (prefers-reduced-motion:reduce){
	.shahaz-auth-toggle-pass,
.shahaz-auth-avatar-btn {
		transition:none;
	}
}

/* =========================================================
   FINAL VISUAL REFINEMENT — TOP SWITCH + LOGIN CTA + BRAND
   Only the three requested visual areas are adjusted.
   Existing functionality/markup behavior remains unchanged.
   ========================================================= */

/* 3) Brand: remove subtitle and place SHAHAZ.com lower + centered
      within the brand text area. */
.shahaz-auth-brand > div{
	text-align:center;
}

/* =========================================================
   PHASE 129 — PROFILE LOGIN CONTROL REFINEMENT
   Visual-only refinement requested after PHASE 128.
   No markup, authentication, AJAX/REST, nonce, redirect or
   form behaviour is changed.
   ========================================================= */

@media (max-width:480px){
	.shahaz-auth-header{gap:6px;padding:16px 14px;}
	.shahaz-auth-brand{gap:8px;min-width:0;}
	
	
	
						}

/* =========================================================
   PHASE 157 — AUTH PAGE IDENTITY + MOBILE QA SAFEGUARDS
   Scoped only to the Login & Create Account page.
   ========================================================= */
.shahaz-auth-page-name{
	margin-top:2px;
	font-size:11px;
	font-weight:800;
	line-height:1.15;
	letter-spacing:.01em;
	color:var(--gv-gold);
	text-align:center;
	white-space:nowrap;
}
@media (max-width:480px){
	.shahaz-auth-page-name{font-size:9.5px;line-height:1.1;}
}

/* ========================================================================
   PHASE 164 — Login & Create Account one-layer surface + functional tabs
   Scope: ONLY the dedicated Login & Create Account template.
   ======================================================================== */
body:has(.shahaz-auth-vault-page){
	background:var(--gv-cream) !important;
	margin:0 !important;
}
/* The global header is position:fixed. Reserve exactly its occupied height
 * in normal document flow so the auth page starts directly beneath it. This
 * is an offset, not a visual spacer: there is no gap between header and page. */
.shahaz-auth-vault-page{
	min-height:calc(100vh - 64px);
	margin-top:64px;
	padding:0;
	background:var(--gv-cream);
	align-items:stretch;
}
.shahaz-auth-card{
	width:100%;
	max-width:none;
	min-height:calc(100vh - 58px);
	border:0;
	border-radius:0;
	box-shadow:none;
	background:var(--gv-cream);
}
.shahaz-auth-header{
	background:var(--gv-cream);
}
/* Main-header brand language: SHAHAZ hot magenta + .COM gold, 3D only. */
.shahaz-auth-brand-copy{
	display:flex;
	flex-direction:column;
	align-items:flex-start;
	gap:3px;
}

.shahaz-auth-page-name{
	font-size:12px;
	font-weight:800;
	color:var(--gv-text);
	line-height:1.1;
}

/* Raised password-eye jewel: visibly above the field instead of recessed. */
.shahaz-auth-toggle-pass{
	width:32px;
	height:32px;
	right:8px;
	background:linear-gradient(180deg,#fffdf7 0%,#fff7e7 100%);
	border:2px solid var(--gv-gold);
	box-shadow:none;
	color:var(--gv-magenta);
}
.shahaz-auth-toggle-pass:hover{
	color:var(--gv-magenta);
	transform:translateY(-50%) translateY(-1px);
}
.shahaz-auth-toggle-pass.is-visible{
	background:linear-gradient(180deg,#ff5fa8 0%,#e6337f 60%,#c6116b 100%);
	border-color:var(--gv-gold);
	color:#fff;
	box-shadow:none;
}
.shahaz-auth-toggle-pass .shahaz-eye-icon{display:none;}
.shahaz-auth-toggle-pass .shahaz-eye-off{display:block;}
.shahaz-auth-toggle-pass.is-visible .shahaz-eye-off{display:none;}
.shahaz-auth-toggle-pass.is-visible .shahaz-eye-on{display:block;}

@media(max-width:480px){
	.shahaz-auth-vault-page{
		min-height:calc(100vh - 58px);
		margin-top:58px;
	}
	.shahaz-auth-card{min-height:calc(100vh - 58px);}
	.shahaz-auth-header{padding:16px 18px;}
}

/* ========================================================================
   PHASE 165 — PASSWORD EYE: SINGLE ICON + REAL VISIBILITY TOGGLE
   Scoped only to Login & Create Account. No 3D background/jewel.
   ======================================================================== */
.shahaz-auth-vault-page .shahaz-auth-toggle-pass{
	appearance:none!important;
	-webkit-appearance:none!important;
	position:absolute!important;
	right:10px!important;
	top:50%!important;
	transform:translateY(-50%)!important;
	width:34px!important;
	height:34px!important;
	margin:0!important;
	padding:0!important;
	border:0!important;
	border-radius:0!important;
	background:transparent!important;
	box-shadow:none!important;
	color:var(--gv-muted)!important;
	cursor:pointer!important;
	display:flex!important;
	align-items:center!important;
	justify-content:center!important;
	z-index:5!important;
	touch-action:manipulation!important;
	-webkit-tap-highlight-color:transparent!important;
}
.shahaz-auth-vault-page .shahaz-auth-toggle-pass:hover,
.shahaz-auth-vault-page .shahaz-auth-toggle-pass:active,
.shahaz-auth-vault-page .shahaz-auth-toggle-pass.is-visible{
	background:transparent!important;
	border:0!important;
	box-shadow:none!important;
	color:var(--gv-magenta)!important;
	transform:translateY(-50%)!important;
}
.shahaz-auth-vault-page .shahaz-auth-toggle-pass .shahaz-eye-icon{
	display:block!important;
	width:20px!important;
	height:20px!important;
	pointer-events:none!important;
}
.shahaz-auth-vault-page .shahaz-auth-toggle-pass:focus-visible{
	outline:2px solid var(--gv-magenta)!important;
	outline-offset:2px!important;
	border-radius:6px!important;
}
@media (max-width:480px){
	.shahaz-auth-vault-page .shahaz-auth-toggle-pass{
		right:9px!important;
		width:34px!important;
		height:34px!important;
	}
}
@media (min-width:481px){
	.shahaz-auth-vault-page .shahaz-auth-toggle-pass{
		right:10px!important;
		width:36px!important;
		height:36px!important;
	}
}

/* ========================================================================
   PHASE 166 — LOGIN PRECISION FIX
   Scope: dedicated authentication page only.
   ======================================================================== */
.shahaz-auth-vault-page .shahaz-auth-input-wrap input{
	min-width:0;
}
.shahaz-auth-vault-page .shahaz-auth-toggle-pass .shahaz-eye-icon{
	width:22px!important;
	height:22px!important;
	pointer-events:none!important;
	display:block!important;
}

/* ZIP-130 — functional auth feedback */
.shahaz-auth-password-match{min-height:18px;margin-top:7px;font-size:12px;font-weight:800;line-height:1.3;}
.shahaz-auth-password-match.is-match{color:#2E7D32;}
.shahaz-auth-password-match.is-mismatch{color:#C0392B;}

/* ZIP-132 — final visibility guarantee for password eye controls. */
.shahaz-auth-vault-page .shahaz-auth-input-wrap .shahaz-auth-toggle-pass{
	visibility:visible!important;
	opacity:1!important;
	display:flex!important;
	pointer-events:auto!important;
}
.shahaz-auth-vault-page .shahaz-auth-input-wrap .shahaz-auth-toggle-pass .shahaz-eye-icon{
	display:block!important;
	visibility:visible!important;
	opacity:1!important;
	stroke:currentColor!important;
	fill:none!important;
	overflow:visible!important;
}

/* ZIP-134 — OTP mobile alignment hardening.
 * Six cells always stay inside the OTP pad; no horizontal drift/overflow. */
.shahaz-auth-otp-pad{
	overflow:hidden;
	box-sizing:border-box;
}
.shahaz-auth-otp-inputs{
	display:grid!important;
	grid-template-columns:repeat(6,minmax(0,1fr));
	gap:clamp(4px,2vw,8px);
	width:100%;
	max-width:360px;
	margin:14px auto!important;
	padding:0!important;
	box-sizing:border-box;
}
.shahaz-auth-otp-inputs input{
	display:block!important;
	width:100%!important;
	min-width:0!important;
	max-width:none!important;
	height:52px;
	margin:0!important;
	box-sizing:border-box!important;
	padding:0!important;
	text-align:center;
}
.shahaz-auth-otp-inputs input:focus{
	outline:2px solid var(--gv-magenta,#ff1493);
	outline-offset:1px;
}
@media(max-width:480px){
	.shahaz-auth-otp-pad{padding-left:14px;padding-right:14px}
	.shahaz-auth-otp-inputs{max-width:100%;gap:clamp(4px,1.7vw,7px)}
	.shahaz-auth-otp-inputs input{height:50px}
}

/* ZIP-135 — remove the browser-default blue tap-highlight rectangle on OTP
 * cells and the biometric pad. Size/layout of the OTP boxes is untouched
 * (no width/height/gap/border rule above is modified); this only removes
 * -webkit-tap-highlight-color, which several of the other interactive
 * controls in this file already set but these two never did, and replaces
 * it with the same SHAHAZ focus-visible treatment already used elsewhere
 * (so keyboard accessibility is preserved, not removed). */
.shahaz-auth-otp-inputs input{
	-webkit-tap-highlight-color:transparent;
	touch-action:manipulation;
}
.shahaz-auth-otp-inputs input:focus{outline:none;}
.shahaz-auth-otp-inputs input:focus-visible{
	outline:2px solid var(--gv-magenta,#ff1493);
	outline-offset:1px;
}

.shahaz-auth-login-otp-meta{
	margin:2px 0 10px;
	font-size:11px;
	line-height:1.35;
	color:var(--gv-muted);
}
.shahaz-auth-login-otp-meta span:last-child{white-space:nowrap;}
@media(max-width:480px){
	.shahaz-auth-login-otp-meta{font-size:10px;gap:7px;}
		}

/* Remember-me checkbox: custom-drawn (appearance:none) native <input>, so it
   inherits the browser's default tap-highlight unless explicitly cleared. */

.shahaz-auth-remember input[type="checkbox"]{
	-webkit-tap-highlight-color:transparent;
}

/* ========================================================================
   ZIP-406 — AUTH PAGE STICKY HEADER + COMPACT LOGIN ACTION PAIR
   Scope: ONLY the dedicated Login & Create Account page.
   The global marketplace header stays in normal flow on this page so the
   authentication content scrolls behind neither the header nor its controls.
   ======================================================================== */
body:has(.shahaz-auth-vault-page) #shahaz-global-market-header{
	position:sticky!important;
	top:0!important;
	left:auto!important;
	right:auto!important;
	z-index:1200!important;
}

/* ZIP-529 (owner): the header is in normal flow here (sticky), so the fixed-header spacer that
   assets/js/shahaz-header.js adds after it (ZIP-336) would push the page down a second time —
   that was the empty band under the header. Not needed on this page. */
body:has(.shahaz-auth-vault-page) .shahaz-global-header-flow-spacer{
	display:none!important;
	height:0!important;
}

body:has(.shahaz-auth-vault-page) .shahaz-auth-vault-page{
	margin-top:0!important;
	min-height:calc(100vh - 64px);
}

.shahaz-auth-login-actions{
	display:grid;
	grid-template-columns:minmax(0,1fr) minmax(0,1fr);
	gap:10px;
	width:100%;
	align-items:stretch;
	margin-bottom:var(--gv-section-gap);
}

@media(max-width:480px){
	body:has(.shahaz-auth-vault-page) .shahaz-auth-vault-page{
		min-height:calc(100vh - 58px);
	}
	.shahaz-auth-login-actions{
		gap:7px;
	}
	}

/* =========================================================================
   ZIP-528 — SHAHAZ BUTTON SYSTEM (single source of truth for this page)

   Design language taken from the supplied reference button: a slim glossy
   pill, warm coral → hot-pink → magenta gradient, a thin white edge and a
   soft coloured shadow. No thick extruded bottom edge, no heavy glow.

   Sizes are deliberately different by role:
     large   48px  primary call-to-action (full width)
     medium  44px  stand-alone secondary
             42px  the two buttons that share a row (login pair, OTP pair)
     small   32px  compact utility (resend in the password-reset panel)
   Everything is scoped to .shahaz-auth-vault-page.
   ========================================================================= */
.shahaz-auth-vault-page{
	--sb-grad:linear-gradient(100deg,#ff5b3f 0%,#ff2f74 36%,#f81da0 70%,#d90f86 100%);
	--sb-edge:rgba(255,255,255,.9);
	--sb-ink:#d10f78;
	--sb-line:rgba(232,23,122,.5);
	--sb-shadow:0 8px 16px -9px rgba(216,15,134,.7);
}
.shahaz-auth-vault-page .shahaz-auth-btn-primary,
.shahaz-auth-vault-page .shahaz-auth-btn-secondary{
	position:relative;
	isolation:isolate;
	overflow:hidden;
	display:flex;
	align-items:center;
	justify-content:center;
	gap:8px;
	width:100%;
	height:48px;
	min-height:48px;
	margin:0 0 var(--gv-section-gap);
	padding:0 22px;
	border-radius:999px;
	font-family:inherit;
	font-size:15.5px;
	font-weight:700;
	line-height:1;
	letter-spacing:.1px;
	white-space:nowrap;
	text-decoration:none;
	cursor:pointer;
	-webkit-tap-highlight-color:transparent;
	touch-action:manipulation;
	transition:transform .12s ease,box-shadow .15s ease,filter .15s ease;
}
.shahaz-auth-vault-page .shahaz-auth-btn-primary{
	border:1.5px solid var(--sb-edge);
	background:var(--sb-grad);
	color:#fff;
	box-shadow:none;
}
.shahaz-auth-vault-page .shahaz-auth-btn-secondary{
	height:44px;
	min-height:44px;
	border:1.5px solid var(--sb-line);
	background:linear-gradient(180deg,#fff 0%,#fff1f8 100%);
	color:var(--sb-ink);
	box-shadow:none;
}
/* Soft top gloss (the reference's highlight) */
.shahaz-auth-vault-page .shahaz-auth-btn-primary::before,
.shahaz-auth-vault-page .shahaz-auth-btn-secondary::before{
	content:"";
	position:absolute;
	inset:1px 10px auto;
	height:48%;
	border-radius:999px;
	background:linear-gradient(180deg,rgba(255,255,255,.4),rgba(255,255,255,0));
	pointer-events:none;
	z-index:-1;
}
.shahaz-auth-vault-page .shahaz-auth-btn-secondary::before{background:linear-gradient(180deg,rgba(255,255,255,.9),rgba(255,255,255,0))}
.shahaz-auth-vault-page .shahaz-auth-btn-primary:hover,
.shahaz-auth-vault-page .shahaz-auth-btn-secondary:hover{filter:brightness(1.05) saturate(1.05)}
.shahaz-auth-vault-page .shahaz-auth-btn-primary:active,
.shahaz-auth-vault-page .shahaz-auth-btn-secondary:active{transform:translateY(1px) scale(.988);filter:brightness(.98)}
.shahaz-auth-vault-page .shahaz-auth-btn-primary:disabled,
.shahaz-auth-vault-page .shahaz-auth-btn-secondary:disabled{opacity:.55;filter:saturate(.75);box-shadow:none;transform:none;cursor:not-allowed}
.shahaz-auth-vault-page .shahaz-auth-btn-primary:focus-visible,
.shahaz-auth-vault-page .shahaz-auth-btn-secondary:focus-visible,
.shahaz-auth-vault-page .shahaz-auth-btn-google:focus-visible{outline:2px solid var(--gv-gold);outline-offset:2px}
/* Verify button while the request is in flight */
.shahaz-auth-vault-page .shahaz-auth-btn-primary.is-loading::after{
	content:"";
	width:14px;
	height:14px;
	border:2px solid rgba(255,255,255,.45);
	border-top-color:#fff;
	border-radius:50%;
	animation:shahaz-auth-spin .8s linear infinite;
}
@keyframes shahaz-auth-spin{to{transform:rotate(360deg)}}

/* Medium: two buttons sharing one row (login pair, OTP pair) */
.shahaz-auth-vault-page .shahaz-auth-login-actions .shahaz-auth-btn-primary,
.shahaz-auth-vault-page .shahaz-auth-login-actions .shahaz-auth-btn-secondary,
.shahaz-auth-vault-page .shahaz-auth-otp-actions .shahaz-auth-btn-primary,
.shahaz-auth-vault-page .shahaz-auth-otp-actions .shahaz-auth-btn-secondary{
	height:42px;
	min-height:42px;
	margin:0;
	padding:0 10px;
	font-size:14px;
}
.shahaz-auth-vault-page .shahaz-auth-otp-actions{
	display:grid;
	grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);
	gap:10px;
	width:100%;
	align-items:stretch;
	margin:0 0 var(--gv-section-gap);
}
/* Small: compact utility */
.shahaz-auth-vault-page .shahaz-auth-btn-secondary.shahaz-auth-btn-sm{
	width:auto;
	height:32px;
	min-height:32px;
	margin:0;
	padding:0 14px;
	font-size:12.5px;
	box-shadow:none;
}

/* Google sign-in: same pill family, neutral white face (brand mark stays untouched) */
.shahaz-auth-vault-page .shahaz-auth-btn-google{
	display:flex;
	align-items:center;
	justify-content:center;
	gap:10px;
	width:100%;
	height:42px; /* ZIP-278: slimmer */
	padding:0 20px;
	border:1.5px solid var(--sb-line);
	border-radius:999px;
	background:linear-gradient(180deg,#fff 0%,#fff8fc 100%);
	color:var(--gv-text);
	font-size:15px;
	font-weight:700;
	text-decoration:none;
	box-shadow:none;
	-webkit-tap-highlight-color:transparent;
	transition:transform .12s ease,box-shadow .15s ease,filter .15s ease;
}
.shahaz-auth-vault-page .shahaz-auth-btn-google svg{width:20px;height:20px;flex:none}
.shahaz-auth-vault-page .shahaz-auth-btn-google:hover{filter:brightness(1.02);box-shadow:none}
.shahaz-auth-vault-page .shahaz-auth-btn-google:active{transform:translateY(1px) scale(.99)}

/* OTP notices: success variant (resend / account created) */
.shahaz-auth-notice.is-success{border-color:#1E8E5A;background:#EAF7F0;color:#1E6B45}

@media (max-width:480px){
	.shahaz-auth-vault-page .shahaz-auth-login-actions .shahaz-auth-btn-primary,
	.shahaz-auth-vault-page .shahaz-auth-login-actions .shahaz-auth-btn-secondary,
	.shahaz-auth-vault-page .shahaz-auth-otp-actions .shahaz-auth-btn-primary,
	.shahaz-auth-vault-page .shahaz-auth-otp-actions .shahaz-auth-btn-secondary{padding:0 6px;font-size:13px}
	.shahaz-auth-vault-page .shahaz-auth-otp-actions{gap:8px}
}
@media (prefers-reduced-motion:reduce){
	.shahaz-auth-vault-page .shahaz-auth-btn-primary,
	.shahaz-auth-vault-page .shahaz-auth-btn-secondary,
	.shahaz-auth-vault-page .shahaz-auth-btn-google{transition:none}
	.shahaz-auth-vault-page .shahaz-auth-btn-primary.is-loading::after{animation:none}
}

/* =========================================================================
   ZIP-530 — LOGIN METHOD RAIL · TOP SWITCH · STATE TITLES · BIOMETRIC PANEL
   The single authoritative definition of these components (every earlier
   layer for .shahaz-auth-segment / -method(s) / -fingerprint-btn /
   -biometric-pad was removed). Uses the ZIP-528 button tokens (--sb-*), so
   the active states are the same glossy coral → pink → magenta capsule as
   the primary CTA, just smaller. Scoped to .shahaz-auth-vault-page.
   ========================================================================= */

/* Top-right Login / Register switch: compact glossy capsules.
   Same button language as the active Password / OTP / Biometric rail,
   with a lighter inactive state and a brighter active state. */
.shahaz-auth-vault-page .shahaz-auth-segment{display:flex;align-items:center;gap:7px;flex:none}
.shahaz-auth-vault-page .shahaz-auth-segment a{
	position:relative;
	isolation:isolate;
	overflow:hidden;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	height:36px;
	min-width:82px;
	padding:0 15px;
	border:1.5px solid rgba(232,23,122,.38);
	border-radius:999px;
	background:linear-gradient(180deg,#fffafd 0%,#ffeaf6 100%);
	color:var(--sb-ink);
	font-size:13px;
	font-weight:800;
	line-height:1;
	text-decoration:none;
	white-space:nowrap;
	-webkit-tap-highlight-color:transparent;
	box-shadow:none;
	transition:transform .12s ease,filter .15s ease,box-shadow .15s ease;
}
.shahaz-auth-vault-page .shahaz-auth-segment a::before{
	content:"";
	position:absolute;
	z-index:-1;
	left:8px;
	right:8px;
	top:2px;
	height:42%;
	border-radius:999px;
	background:linear-gradient(180deg,rgba(255,255,255,.8),rgba(255,255,255,0));
	pointer-events:none;
}
.shahaz-auth-vault-page .shahaz-auth-segment a.is-active{
	border-color:rgba(255,255,255,.92);
	background:var(--sb-grad);
	color:#fff;
	box-shadow:none;
}
.shahaz-auth-vault-page .shahaz-auth-segment a.is-active::before{
	background:linear-gradient(180deg,rgba(255,255,255,.5),rgba(255,255,255,0));
}
.shahaz-auth-vault-page .shahaz-auth-segment a:hover{filter:brightness(1.035);box-shadow:none}
.shahaz-auth-vault-page .shahaz-auth-segment a:active{transform:translateY(1px) scale(.98)}
.shahaz-auth-vault-page .shahaz-auth-segment a:focus-visible{outline:2px solid var(--gv-gold);outline-offset:2px}

/* Method rail: Password · OTP · Fingerprint / Face ID in ONE soft-pink capsule */
.shahaz-auth-vault-page .shahaz-auth-methods{
	display:flex;
	align-items:stretch;
	gap:4px;
	margin:12px 24px 0;
	padding:4px;
	border:1px solid rgba(232,23,122,.28);
	border-radius:999px;
	background:linear-gradient(180deg,rgba(255,236,247,.95) 0%,rgba(255,222,241,.7) 100%);
	box-shadow:none;
}
.shahaz-auth-vault-page .shahaz-auth-method{
	position:relative;
	isolation:isolate;
	overflow:hidden;
	display:flex;
	flex:1 1 0;
	align-items:center;
	justify-content:center;
	gap:5px;
	min-width:0;
	height:40px;
	margin:0;
	padding:0 8px;
	border:1px solid rgba(232,23,122,.2);
	border-radius:999px;
	background:linear-gradient(180deg,rgba(255,255,255,.9) 0%,rgba(255,244,250,.75) 100%);
	color:var(--sb-ink);
	font-family:inherit;
	font-size:13px;
	font-weight:700;
	line-height:1.05;
	text-align:center;
	cursor:pointer;
	box-shadow:none;
	-webkit-tap-highlight-color:transparent;
	touch-action:manipulation;
	transition:transform .12s ease,filter .15s ease,box-shadow .15s ease;
}
/* Password and OTP are short; the third label is long and may wrap to two lines. */
.shahaz-auth-vault-page .shahaz-auth-method:nth-child(1){flex-grow:1.15}
.shahaz-auth-vault-page .shahaz-auth-method:nth-child(2){flex-grow:.8}
.shahaz-auth-vault-page .shahaz-auth-method:nth-child(3){flex-grow:1.55}
.shahaz-auth-vault-page .shahaz-auth-method svg{flex:none;width:15px;height:15px}
.shahaz-auth-vault-page .shahaz-auth-method span{min-width:0;text-wrap:balance}
.shahaz-auth-vault-page .shahaz-auth-method.is-active{
	border:1.5px solid var(--sb-edge);
	background:var(--sb-grad);
	color:#fff;
	box-shadow:none;
}
.shahaz-auth-vault-page .shahaz-auth-method.is-active::before{
	content:"";
	position:absolute;
	inset:1px 8px auto;
	height:46%;
	border-radius:999px;
	background:linear-gradient(180deg,rgba(255,255,255,.42),rgba(255,255,255,0));
	pointer-events:none;
	z-index:-1;
}
.shahaz-auth-vault-page .shahaz-auth-method:hover:not(.is-active){filter:brightness(1.02) saturate(1.05)}
.shahaz-auth-vault-page .shahaz-auth-method:active{transform:translateY(1px) scale(.985)}
.shahaz-auth-vault-page .shahaz-auth-method:focus-visible{outline:2px solid var(--gv-gold);outline-offset:1px}

/* State-aware titles.  Login / OTP / Biometric: "Welcome back 💐".
   Password Reset: the Welcome title is not rendered at all (no reserved gap) and the
   panel's own "Password Reset ✦" title begins the page body. */
.shahaz-auth-vault-page .shahaz-auth-flower{display:inline-block;font-size:.92em;line-height:1;transform:rotate(8deg);transform-origin:70% 90%}
.shahaz-auth-vault-page .shahaz-auth-body.is-reset-step #shahaz-auth-login-title{display:none}

/* Biometric panel: real button that starts the WebAuthn ceremony */
.shahaz-auth-vault-page .shahaz-auth-biometric-pad{
	display:flex;
	flex-direction:column;
	align-items:center;
	gap:8px;
	width:100%;
	margin:0 0 var(--gv-section-gap);
	padding:20px 16px 16px;
	border:1.5px solid var(--sb-line);
	border-radius:26px;
	background:linear-gradient(180deg,#fff8fc 0%,#ffeaf5 100%);
	color:var(--gv-text);
	font-family:inherit;
	font-size:15px;
	font-weight:700;
	line-height:1.3;
	text-align:center;
	cursor:pointer;
	box-shadow:none;
	-webkit-tap-highlight-color:transparent;
	touch-action:manipulation;
	user-select:none;
	-webkit-user-select:none;
	transition:transform .12s ease,box-shadow .15s ease;
}
.shahaz-auth-vault-page .shahaz-auth-biometric-pad:active{transform:translateY(1px) scale(.992)}
.shahaz-auth-vault-page .shahaz-auth-biometric-pad:focus-visible{outline:2px solid var(--gv-gold);outline-offset:3px}
.shahaz-auth-vault-page .shahaz-auth-fingerprint-btn{
	position:relative;
	display:grid;
	place-items:center;
	width:78px;
	height:78px;
	border:2px solid var(--sb-edge);
	border-radius:50%;
	background:var(--sb-grad);
	color:#fff;
	box-shadow:none;
}
.shahaz-auth-vault-page .shahaz-auth-fingerprint-btn::before{
	content:"";
	position:absolute;
	inset:3px 12px auto;
	height:42%;
	border-radius:999px;
	background:linear-gradient(180deg,rgba(255,255,255,.4),rgba(255,255,255,0));
}
.shahaz-auth-vault-page .shahaz-auth-fingerprint-btn svg{position:relative;width:38px;height:38px}
/* Waiting for the device: a single soft ring, only while WebAuthn is running */
.shahaz-auth-vault-page .shahaz-auth-fingerprint-btn::after{
	content:"";
	position:absolute;
	inset:-6px;
	border:2px solid rgba(232,23,122,.45);
	border-radius:50%;
	opacity:0;
}
.shahaz-auth-vault-page .shahaz-auth-biometric-pad.is-busy .shahaz-auth-fingerprint-btn::after{animation:shahaz-auth-bio-ring 1.4s ease-out infinite}
@keyframes shahaz-auth-bio-ring{0%{transform:scale(.9);opacity:.8}100%{transform:scale(1.25);opacity:0}}
.shahaz-auth-vault-page .shahaz-auth-biometric-pad.is-busy{cursor:progress}
.shahaz-auth-vault-page .shahaz-auth-biometric-pad.is-success .shahaz-auth-fingerprint-btn{background:linear-gradient(100deg,#2fb673,#1e8e5a)}
.shahaz-auth-vault-page .shahaz-auth-biometric-pad.is-error{border-color:rgba(192,57,43,.55)}
.shahaz-auth-vault-page .shahaz-auth-biometric-pad.is-unavailable{opacity:.7}
.shahaz-auth-vault-page .shahaz-auth-biometric-label{font-size:15px;font-weight:700;color:var(--gv-text)}
.shahaz-auth-vault-page .shahaz-auth-biometric-status{min-height:1.3em;font-size:12.5px;font-weight:600;color:var(--gv-muted)}

@media (max-width:480px){
	.shahaz-auth-vault-page .shahaz-auth-segment a{height:32px;padding:0 11px;font-size:12px}
	.shahaz-auth-vault-page .shahaz-auth-methods{margin:10px 18px 0}
	.shahaz-auth-vault-page .shahaz-auth-method{height:38px;gap:4px;padding:0 6px;font-size:12px}
	.shahaz-auth-vault-page .shahaz-auth-method svg{width:13px;height:13px}
}
@media (max-width:359px){
	.shahaz-auth-vault-page .shahaz-auth-method{font-size:11px;padding:0 4px;gap:3px}
	.shahaz-auth-vault-page .shahaz-auth-method svg{display:none}
}
@media (prefers-reduced-motion:reduce){
	.shahaz-auth-vault-page .shahaz-auth-segment a,
	.shahaz-auth-vault-page .shahaz-auth-method,
	.shahaz-auth-vault-page .shahaz-auth-biometric-pad{transition:none}
	.shahaz-auth-vault-page .shahaz-auth-biometric-pad.is-busy .shahaz-auth-fingerprint-btn::after{animation:none;opacity:.5}
}

/* =========================================================================
   ZIP-532 — REGISTER COPY + TITLE POLISH
   Visual/copy-only refinement for the Create Account state.
   No authentication logic is changed here.
   ========================================================================= */
.shahaz-auth-vault-page .shahaz-auth-register-heading{
	color:#4b123f;
	letter-spacing:-.02em;
	align-items:center;
}
.shahaz-auth-vault-page .shahaz-auth-register-heading .shahaz-register-spark{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	width:30px;
	height:30px;
	margin-left:2px;
	border-radius:50%;
	color:#d89b00;
	background:linear-gradient(180deg,#fff8c9 0%,#ffd95b 100%);
	box-shadow:none;
}
.shahaz-auth-vault-page .shahaz-auth-register-heading .shahaz-register-spark svg{
	width:20px;
	height:20px;
	filter:none;
}
.shahaz-auth-vault-page .shahaz-auth-mode-register .shahaz-auth-field label{
	color:#5a1649;
	font-weight:700;
}
.shahaz-auth-vault-page .shahaz-auth-mode-register .shahaz-auth-field label::first-letter{
	color:#c6116b;
}
.shahaz-auth-vault-page .shahaz-auth-mode-register .shahaz-auth-input-wrap input::placeholder{
	color:#a99aa6;
}
.shahaz-auth-vault-page .shahaz-auth-mode-register .shahaz-auth-row-between .shahaz-auth-remember{
	color:#5a1649;
}
@media (max-width:480px){
	.shahaz-auth-vault-page .shahaz-auth-register-heading{font-size:27px;gap:7px}
	.shahaz-auth-vault-page .shahaz-auth-register-heading .shahaz-register-spark{width:28px;height:28px}
}

/* =========================================================
   ZIP-533 — TOP LOGIN / REGISTER CAPSULE RAIL
   Visual-only refinement. Mirrors the soft-pink capsule rail
   used by the Password / OTP / Biometric method selector.
   No authentication logic or markup behavior is changed.
   ========================================================= */
.shahaz-auth-vault-page .shahaz-auth-segment{
	position:relative;
	isolation:isolate;
	display:flex;
	align-items:center;
	gap:4px;
	padding:4px;
	border:1px solid rgba(232,23,122,.28);
	border-radius:999px;
	background:linear-gradient(180deg,rgba(255,236,247,.96) 0%,rgba(255,222,241,.76) 100%);
	box-shadow:
		none;
	flex:none;
}

.shahaz-auth-vault-page .shahaz-auth-segment::before{
	content:"";
	position:absolute;
	inset:1px;
	border-radius:999px;
	background:linear-gradient(180deg,rgba(255,255,255,.34),rgba(255,255,255,0));
	pointer-events:none;
	z-index:-1;
}

.shahaz-auth-vault-page .shahaz-auth-segment a{
	min-width:82px;
	height:34px;
	padding:0 15px;
	border-radius:999px;
}

@media (max-width:480px){
	.shahaz-auth-vault-page .shahaz-auth-segment{
		gap:4px;
		padding:4px;
	}
	.shahaz-auth-vault-page .shahaz-auth-segment a{
		height:32px;
		min-width:76px;
		padding:0 12px;
		font-size:12px;
	}
}

/* Policy-center integration. */
.shahaz-policy-inline-link{color:#e80070;font-weight:700;text-decoration:none}.shahaz-policy-inline-link:hover{text-decoration:underline}

/* =========================================================================
   FINAL-01 — REGISTER PAGE COMPACT COPY + MOBILE OVERFLOW FIX
   Scope: Create Account state only.
   - Remove the redundant Bengali "করুন" from Create Account title/button.
   - Keep the confirm-password placeholder visually complete on narrow screens
     by using a concise copy plus native input ellipsis behavior.
   - Keep the consent statement on exactly one line with compact wording.
   - Remove the empty password-match spacer and tighten the lower form stack.
   No authentication logic, REST routes, validation, or shared page architecture
   is changed here.
   ========================================================================= */
.shahaz-auth-vault-page .shahaz-auth-mode-register #shahaz-auth-reg-password-confirm{
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow:hidden;
}
.shahaz-auth-vault-page .shahaz-auth-mode-register .shahaz-auth-password-match{
	min-height:0;
	margin-top:2px;
	font-size:11px;
	line-height:1.2;
}
.shahaz-auth-vault-page .shahaz-auth-mode-register .shahaz-auth-confirm-password-field{
	margin-bottom:3px;
}
.shahaz-auth-vault-page .shahaz-auth-mode-register .shahaz-auth-confirm-password-field + .shahaz-auth-field{
	margin-bottom:4px;
}
.shahaz-auth-vault-page .shahaz-auth-mode-register .shahaz-auth-row-between{
	margin-bottom:5px;
	min-width:0;
}
.shahaz-auth-vault-page .shahaz-auth-mode-register .shahaz-auth-row-between .shahaz-auth-remember{
	width:100%;
	min-width:0;
	flex-wrap:nowrap;
	gap:6px;
	font-size:11px;
	line-height:1.2;
	white-space:nowrap;
	overflow:hidden;
}
.shahaz-auth-vault-page .shahaz-auth-mode-register .shahaz-auth-row-between .shahaz-auth-remember > input{
	flex:0 0 18px;
}
.shahaz-auth-vault-page .shahaz-auth-mode-register .shahaz-auth-row-between .shahaz-policy-inline-link{
	white-space:nowrap;
}
@media (max-width:480px){
	.shahaz-auth-vault-page .shahaz-auth-mode-register .shahaz-auth-row-between .shahaz-auth-remember{
		font-size:10.5px;
	}
}


/* ZIP-309 — the SHAHAZ.com logo exactly as in the homepage header (same image, same 3D shadow). */
.shahaz-auth-logo{display:block;line-height:0;-webkit-tap-highlight-color:transparent}
.shahaz-auth-logo:focus,.shahaz-auth-logo:focus-visible{outline:none;box-shadow:none}
.shahaz-auth-logo img{display:block;width:auto;height:44px;max-width:100%;filter:saturate(1.08)}
.shahaz-auth-vault-page .shahaz-auth-brand{flex:1 1 auto;min-width:0}
.shahaz-auth-vault-page .shahaz-auth-brand-copy{min-width:0;max-width:100%}
@media (max-width:480px){
	.shahaz-auth-logo img{height:34px}
	.shahaz-auth-vault-page .shahaz-auth-segment a{min-width:64px;padding:0 10px}
}
@media (max-width:360px){.shahaz-auth-logo img{height:29px}}

/* ZIP-317 (owner) — a bigger SHAHAZ.com logo inside the same header height (less padding, no gap under the logo), and
   "Login & Create Account" starts exactly under the S of the wordmark (the S sits at 19.75% of the logo width =
   0.887 × the logo height). The logo always keeps its proportions (never squeezed). No focus ring on the rail. */
.shahaz-auth-vault-page .shahaz-auth-header{--al-h:58px;padding-top:14px;padding-bottom:14px}
.shahaz-auth-vault-page .shahaz-auth-brand-copy{gap:0;align-items:flex-start}
.shahaz-auth-vault-page .shahaz-auth-logo img{height:var(--al-h);width:auto;max-width:none}
.shahaz-auth-vault-page .shahaz-auth-page-name{margin:-2px 0 0 calc(var(--al-h) * .887);text-align:left}
.shahaz-auth-vault-page .shahaz-auth-segment a:focus,.shahaz-auth-vault-page .shahaz-auth-segment a:focus-visible{outline:none}
@media (max-width:480px){
	.shahaz-auth-vault-page .shahaz-auth-header{--al-h:48px;gap:6px;padding:9px 14px}
	.shahaz-auth-vault-page .shahaz-auth-segment{gap:2px;padding:3px}
	.shahaz-auth-vault-page .shahaz-auth-segment a{height:30px;min-width:0;padding:0 11px;font-size:12px}
}
@media (max-width:380px){
	.shahaz-auth-vault-page .shahaz-auth-header{--al-h:44px;padding-left:12px;padding-right:12px}
	.shahaz-auth-vault-page .shahaz-auth-segment a{padding:0 9px}
}
@media (max-width:340px){
	.shahaz-auth-vault-page .shahaz-auth-header{--al-h:35px;padding-left:10px;padding-right:10px}
	.shahaz-auth-vault-page .shahaz-auth-segment a{padding:0 8px;font-size:11.5px}
}

/* ZIP-539: Confirm Password is a dotted text box (no password-manager popup per letter). */