/* ============================================================================
   Femto Login — full-page Material 3 login screen frame
   Loaded only on the /account/ + /login page (standalone template, no theme).
   Relies on the --md-* tokens declared in femto-auth.css (loaded alongside).
   ============================================================================ */

html{ height:100%; }
body.femlog-page{
	margin:0; min-height:100vh; min-height:100dvh;
	background:var(--md-surface-dim,#090d13); color:var(--md-on-surface,#e6ebf4);
	font-family:var(--md-font,'Roboto',system-ui,sans-serif);
	-webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility;
	display:flex; flex-direction:column; position:relative; overflow-x:hidden;
}

/* Ambient: soft primary glow, restrained */
.femlog-page__bg{
	position:fixed; inset:0; z-index:0; pointer-events:none;
	background:
		radial-gradient(820px 460px at 50% -12%, rgba(94,224,183,.10), transparent 62%),
		radial-gradient(620px 480px at 100% 108%, rgba(94,224,183,.05), transparent 56%),
		linear-gradient(180deg,#090d13 0%, #0b1019 55%, #090d13 100%);
}

.femlog-page__shell{
	position:relative; z-index:1; flex:1 0 auto;
	display:flex; flex-direction:column; align-items:center;
	width:100%; max-width:1080px; margin:0 auto; padding:22px 20px 26px; box-sizing:border-box;
}

/* Branded top bar (logo links home; visible Back-to-site control on the left) */
.femlog-page__top{ position:relative; width:100%; display:flex; align-items:center; justify-content:center; padding:6px 0 2px; min-height:48px; }
.femlog-page__brand{ display:inline-flex; align-items:center; text-decoration:none; line-height:1; }
.femlog-page__back-top{ position:absolute; inset-inline-start:0; top:50%; transform:translateY(-50%);
	display:inline-flex; align-items:center; gap:7px; padding:8px 15px; border-radius:var(--md-shape-full,999px);
	color:var(--md-on-surface,#e6ebf4); background:var(--md-sc-high,#1a2030); border:1px solid var(--md-outline-variant,#2a3142);
	text-decoration:none; font-size:13.5px; font-weight:500; line-height:1; white-space:nowrap;
	transition:border-color var(--md-dur-1,.2s) var(--md-ease-standard,ease), color var(--md-dur-1,.2s) var(--md-ease-standard,ease), background-color var(--md-dur-1,.2s) var(--md-ease-standard,ease); }
.femlog-page__back-top:hover{ border-color:var(--md-primary,#5ee0b7); color:var(--md-primary,#5ee0b7); background:var(--md-sc-highest,#222a3b); }
.femlog-page__back-top svg{ flex:none; }
.femlog-page__top .custom-logo, .femlog-page__brand img{ max-height:40px; width:auto; height:auto; display:block; }
.femlog-page__wordmark{ font-family:var(--md-font,'Roboto',sans-serif); font-weight:700; font-size:22px; letter-spacing:-.3px; color:var(--md-on-surface,#e6ebf4); }
.femlog-page__wordmark b{ color:var(--md-primary,#5ee0b7); font-weight:700; }

/* Centered card area */
.femlog-page__main{ flex:1 1 auto; width:100%; display:flex; align-items:center; justify-content:center; padding:30px 0; }

/* Minimal footer */
.femlog-page__foot{ width:100%; box-sizing:border-box; display:flex; align-items:center; justify-content:space-between; gap:14px; padding-top:16px; border-top:1px solid var(--md-outline-variant,#2a3142); font-size:12.5px; color:var(--md-on-surface-variant,#aeb8c9); }
.femlog-page__back{ color:var(--md-on-surface-variant,#aeb8c9); text-decoration:none; transition:color var(--md-dur-1,.2s) var(--md-ease-standard,ease); }
.femlog-page__back:hover{ color:var(--md-primary,#5ee0b7); }
.femlog-page__copy{ color:var(--md-on-surface-variant,#aeb8c9); opacity:.8; }

@media (max-width:560px){
	.femlog-page__shell{ padding:16px 14px 20px; }
	.femlog-page__main{ padding:22px 0; }
	.femlog-page__foot{ flex-direction:column; gap:8px; text-align:center; }
	.femlog-page__back-top span{ display:none; }
	.femlog-page__back-top{ padding:9px; }
}

/* Safety: never let the WP admin bar appear or push our page down */
html{ margin-top:0!important; }
body.femlog-page{ margin-top:0!important; }
#wpadminbar{ display:none!important; }

/* The Findex News floating account button must never appear on our account page */
.fnrp-acct-launch, .fnrp-acct-overlay{ display:none!important; }