.parent-login-card,
.parent-dash {
	max-width: 520px;
	margin: 0 auto 2rem;
	background: #fff;
	border: 1px solid rgba(0, 20, 137, 0.12);
	box-shadow: 0 8px 24px rgba(0, 20, 137, 0.08);
	padding: 1.75rem 1.75rem 1.5rem;
}
.parent-dash { max-width: 960px; }
.parent-upcoming {
	list-style: none;
	padding: 0;
	margin: 0 0 0.75rem;
}
.parent-upcoming li {
	display: grid;
	grid-template-columns: 7.5rem 1fr;
	gap: 0.75rem;
	padding: 0.65rem 0;
	border-top: 1px solid #eee;
	align-items: baseline;
}
.parent-upcoming time {
	font-size: 0.8125rem;
	font-weight: 700;
	color: #ba0c2f;
}
.parent-upcoming span { color: #222; }
.parent-cal-links {
	margin: 0 0 1.25rem;
	font-size: 0.875rem;
}
.parent-cal-links a { color: #001489; font-weight: 600; }
.parent-cal-frame {
	margin: 0 0 1.5rem;
	border: 1px solid #ddd;
	border-radius: 4px;
	overflow: hidden;
	background: #f7f8fb;
}
.parent-cal-frame iframe {
	display: block;
	width: 100%;
	height: 640px;
	border: 0;
}
.parent-kicker {
	color: #ba0c2f;
	font-size: 0.75rem;
	font-weight: 700;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	margin: 0 0 0.4rem;
}
.parent-login-card h2,
.parent-dash h2 {
	margin: 0 0 0.5rem;
	color: #001489;
	font-family: Ubuntu, Helvetica, sans-serif;
}
.parent-login-card p.lead,
.parent-dash p.lead {
	margin: 0 0 1.25rem;
	color: #444;
}
.parent-field { margin-bottom: 1rem; }
.parent-field label {
	display: block;
	font-size: 0.8125rem;
	font-weight: 700;
	color: #001489;
	margin-bottom: 0.35rem;
}
.parent-field input {
	width: 100%;
	box-sizing: border-box;
	border: 1px solid #c5c9d4;
	padding: 0.7rem 0.8rem;
	font-size: 1rem;
	font-family: Ubuntu, Helvetica, sans-serif;
	color: #222;
}
.parent-field input:focus {
	outline: 2px solid #001489;
	border-color: #001489;
}
.parent-error {
	display: none;
	background: #fde8ec;
	color: #8a0a22;
	padding: 0.65rem 0.8rem;
	margin-bottom: 1rem;
	font-size: 0.9rem;
}
.parent-error.show { display: block; }
button.parent-submit,
a.parent-submit {
	display: inline-block;
	width: 100%;
	border: 0;
	background: #ba0c2f;
	color: #fff;
	font-weight: 700;
	font-size: 1rem;
	letter-spacing: 0.03em;
	padding: 0.85rem 1rem;
	cursor: pointer;
	font-family: Ubuntu, Helvetica, sans-serif;
	text-align: center;
	text-decoration: none;
	box-sizing: border-box;
}
button.parent-submit:hover,
a.parent-submit:hover { background: #001489; color: #fff; }
.parent-demo {
	margin-top: 1.1rem;
	background: #f4f6fb;
	border-left: 4px solid #001489;
	padding: 0.75rem 0.9rem;
	font-size: 0.875rem;
	color: #333;
}
.parent-demo code {
	font-size: 0.875rem;
	background: #fff;
	padding: 0.05rem 0.3rem;
}
.parent-actions { display: flex; gap: 0.75rem; flex-wrap: wrap; margin: 1rem 0 0; }
.parent-actions a, .parent-signout {
	display: inline-block;
	padding: 0.55rem 0.9rem;
	font-size: 0.875rem;
	font-weight: 700;
	text-decoration: none;
}
.parent-signout {
	border: 0;
	background: transparent;
	color: #ba0c2f;
	cursor: pointer;
	font-family: Ubuntu, Helvetica, sans-serif;
}
.parent-cadet {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 0.75rem 1.25rem;
	margin: 0 0 1.25rem;
}
.parent-cadet dt { font-size: 0.75rem; text-transform: uppercase; letter-spacing: 0.06em; color: #666; margin: 0; }
.parent-cadet dd { margin: 0.15rem 0 0; font-weight: 600; color: #001489; }
.parent-status {
	display: inline-block;
	background: #e8f5e9;
	color: #1b5e20;
	font-size: 0.8rem;
	font-weight: 700;
	padding: 0.15rem 0.5rem;
}
.parent-docs { list-style: none; padding: 0; margin: 0; }
.parent-docs li { border-top: 1px solid #eee; }
.parent-docs a {
	display: block;
	padding: 0.7rem 0;
	color: #001489;
	font-weight: 600;
	text-decoration: none;
}
.parent-docs a:hover { text-decoration: underline; }
.parent-login-btn {
	display: inline-flex;
	align-items: center;
	margin-right: 0.75rem;
	padding: 0.45rem 0.85rem;
	border: 2px solid #001489;
	color: #001489;
	font-size: 0.8125rem;
	font-weight: 700;
	letter-spacing: 0.04em;
	text-decoration: none;
	text-transform: uppercase;
	white-space: nowrap;
}
.parent-login-btn:hover { background: #001489; color: #fff; }
body:has(.parent-login-card) .left-nav-column,
body:has(.parent-dash) .left-nav-column,
body:has(.parent-login-card) .right-sidebar-column,
body:has(.parent-dash) .right-sidebar-column {
	display: none !important;
}
body:has(.parent-login-card) .main-content-column,
body:has(.parent-dash) .main-content-column {
	width: 100%;
}
@media (max-width: 767px) {
	.parent-cadet { grid-template-columns: 1fr; }
	.parent-login-btn { margin: 0 0 0.5rem; }
	.parent-upcoming li { grid-template-columns: 1fr; gap: 0.2rem; }
	.parent-cal-frame iframe { height: 480px; }
}