/**
 * Fortress login — Google button + native form, login page only.
 * No JavaScript: with the auth broker doing the OAuth dance, the button is a
 * plain link, so the site never loads Google's SDK or needs to be a registered
 * Google origin.
 */

.fkf-google-wrap {
	/* Sits above #loginform (login_message hook), so it is a standalone panel
	   with its own bottom edge — not a lid butted onto the form box. */
	margin: 24px 0 0;
	padding: 24px;
	background: #fff;
	border: 1px solid #c3c4c7;
	box-shadow: 0 1px 3px rgba( 0, 0, 0, 0.04 );
}

.fkf-google-btn {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	box-sizing: border-box;
	width: 100%;
	min-height: 42px;
	padding: 0 16px;
	background: #fff;
	border: 1px solid #747775;
	border-radius: 4px;
	color: #1f1f1f;
	font-size: 14px;
	font-weight: 600;
	text-decoration: none;
}

.fkf-google-btn:hover,
.fkf-google-btn:focus {
	background: #f7f8f8;
	border-color: #747775;
	color: #1f1f1f;
	box-shadow: 0 1px 2px rgba( 60, 64, 67, 0.3 );
}

.fkf-google-btn .fkf-g {
	font-family: Arial, sans-serif;
	font-size: 18px;
	font-weight: 700;
	line-height: 1;
	color: #4285f4;
}

.fkf-hint {
	margin: 10px 0 0;
	font-size: 12px;
	line-height: 1.5;
	color: #646970;
	text-align: center;
}

.fkf-msg {
	margin: 0 0 12px;
	padding: 8px 10px;
	background: #fcf0f1;
	border-left: 4px solid #d63638;
	font-size: 13px;
	line-height: 1.5;
	color: #1d2327;
}

.fkf-divider {
	display: flex;
	align-items: center;
	gap: 12px;
	margin: 20px 0 0;
	font-size: 12px;
	text-transform: uppercase;
	color: #8c8f94;
}

.fkf-divider span {
	flex: 1;
	height: 1px;
	background: #dcdcde;
}

/* Core gives #loginform its own top margin; keep the two panels visually paired. */
.fkf-google-wrap + #loginform,
.fkf-google-wrap + .message + #loginform {
	margin-top: 12px;
}