/**
 * SCAA — Sign in / Join the Network (Figma page 04 "Auth").
 * Standalone split-panel shell: teal mission panel + white form panel.
 */

.scaad-auth {
	margin: 0;
	font-family: 'Open Sans', -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;
	font-size: 15px;
	color: #131b19;
	background: #fff;
}

.scaad-auth * { box-sizing: border-box; }

.scaad-auth__split {
	display: grid;
	grid-template-columns: minmax(340px, 44%) 1fr;
	min-height: 100vh;
}

/* ---- brand panel ---- */

.scaad-auth__brand {
	background: #117261;
	color: #fff;
	display: flex;
	flex-direction: column;
	padding: 44px 52px;
}

.scaad-auth__logo img { height: 58px; width: auto; filter: brightness(0) invert(1); }

.scaad-auth__pitch { margin: auto 0; max-width: 430px; }

.scaad-auth__pitch h1 {
	font-size: 30px;
	line-height: 1.25;
	margin: 0 0 14px;
	font-weight: 700;
}

.scaad-auth__pitch p { margin: 0; font-size: 15px; line-height: 1.6; color: rgba(255, 255, 255, 0.85); }

.scaad-auth__note {
	margin: 28px 0 0;
	padding-top: 18px;
	border-top: 1px solid rgba(255, 255, 255, 0.22);
	font-size: 12.5px;
	line-height: 1.55;
	color: rgba(255, 255, 255, 0.75);
	max-width: 430px;
}

/* ---- form panel ---- */

.scaad-auth__main {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 72px 32px 48px;
}

.scaad-auth__back {
	position: absolute;
	top: 26px;
	right: 34px;
	font-size: 12.5px;
	color: #5a655f;
	text-decoration: none;
}

.scaad-auth__back:hover { color: #117261; }

.scaad-auth__card { width: 100%; max-width: 380px; }
.scaad-auth__card--wide { max-width: 560px; }

.scaad-auth__card h2 { font-size: 24px; margin: 0 0 6px; }
.scaad-auth__sub { margin: 0 0 22px; color: #5a655f; font-size: 13.5px; line-height: 1.55; }

.scaad-auth__error {
	background: #feefec;
	color: #bd4a2d;
	border-radius: 8px;
	padding: 10px 14px;
	font-size: 13px;
	margin: 0 0 16px;
}

.scaad-auth label { display: block; font-size: 13px; font-weight: 600; margin-bottom: 5px; }

.scaad-auth input[type="text"],
.scaad-auth input[type="password"],
.scaad-auth input[type="email"],
.scaad-auth input[type="url"],
.scaad-auth select,
.scaad-auth textarea {
	width: 100%;
	border: 1px solid #d5ddd9;
	border-radius: 8px;
	padding: 10px 13px;
	font: inherit;
	font-size: 14px;
	background: #fff;
}

.scaad-auth input:focus,
.scaad-auth select:focus,
.scaad-auth textarea:focus { outline: 2px solid rgba(17, 114, 97, 0.35); border-color: #117261; }

.scaad-auth .login-username,
.scaad-auth .login-password { margin: 0 0 14px; }

.scaad-auth .login-remember {
	display: inline-block;
	margin: 2px 0 16px;
	font-size: 13px;
}

.scaad-auth .login-remember label { display: inline-flex; align-items: center; gap: 7px; font-weight: 400; margin: 0; }
.scaad-auth .login-remember input { width: auto; accent-color: #117261; }

.scaad-auth .login-submit { margin: 0; }

.scaad-auth .login-submit .button-primary,
.scaad-auth__submit {
	display: block;
	width: 100%;
	background: #117261;
	color: #fff;
	border: 0;
	border-radius: 8px;
	padding: 12px 18px;
	font-size: 15px;
	font-weight: 700;
	cursor: pointer;
}

.scaad-auth .login-submit .button-primary:hover,
.scaad-auth__submit:hover { background: #0d5c4e; }

.scaad-auth__forgot { margin: 12px 0 0; text-align: right; }
.scaad-auth__forgot a { font-size: 12.5px; color: #117261; font-weight: 600; text-decoration: none; }
.scaad-auth__forgot a:hover { text-decoration: underline; }

.scaad-auth__divider {
	display: flex;
	align-items: center;
	gap: 12px;
	margin: 22px 0 14px;
	color: #8a948f;
	font-size: 12px;
}

.scaad-auth__divider::before,
.scaad-auth__divider::after { content: ''; flex: 1; border-top: 1px solid #e3e9e6; }

.scaad-auth__join {
	display: block;
	text-align: center;
	border: 1px solid #117261;
	border-radius: 8px;
	color: #117261;
	font-weight: 700;
	padding: 11px 18px;
	text-decoration: none;
}

.scaad-auth__join:hover { background: #e9f3f0; }

/* ---- join form ---- */

.scaad-auth__grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 14px 16px;
	margin-bottom: 18px;
}

.scaad-auth__field { margin: 0; }
.scaad-auth__field--full { grid-column: 1 / -1; }
.scaad-auth__field label span { color: #bd4a2d; }

.scaad-auth__hp { position: absolute; left: -9999px; top: -9999px; }

.scaad-auth__fineprint { margin: 14px 0 0; font-size: 13px; color: #5a655f; text-align: center; }
.scaad-auth__fineprint a { color: #117261; font-weight: 600; text-decoration: none; }

.scaad-auth__card--done { text-align: center; }

.scaad-auth__check {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 54px;
	height: 54px;
	border-radius: 50%;
	background: #e9f3f0;
	color: #117261;
	font-size: 26px;
	font-weight: 700;
	margin-bottom: 14px;
}

@media (max-width: 860px) {
	.scaad-auth__split { grid-template-columns: 1fr; }
	.scaad-auth__brand { padding: 30px 24px; }
	.scaad-auth__pitch { margin: 18px 0; }
	.scaad-auth__pitch h1 { font-size: 24px; }
	.scaad-auth__main { padding: 40px 20px; }
	.scaad-auth__back { position: static; display: inline-block; margin-bottom: 18px; }
	.scaad-auth__grid { grid-template-columns: 1fr; }
}

/* Claim page additions (v0.8.0) */
.scaad-auth__hint { display: block; margin-top: 6px; font-size: 13px; color: var(--muted, #6b7280); }
.scaad-auth__field input[disabled] { background: #f3f4f6; color: #6b7280; }
.scaad-auth--claim .scaad-auth__card p.scaad-auth__hint { text-align: center; }