/* ============================================================
   H2V GLOBAL DESIGN TOKENS — CANONICAL
============================================================ */
:root {
	--h2v-header-bg:		#336D79;
	--h2v-header-text:		#ffffff;

	--h2v-btn-bg:			#426B79;
	--h2v-btn-hover:		#355863;

	--h2v-panel-bg:			#D2D2D2;
	--h2v-text-dark:		#374151;
	--h2v-border-light:		#d1d5db;
}

/* ============================================================
   HEADER HOME RESULTS PANEL — GOLD STANDARD
============================================================ */
.header-home-results-panel {
	padding: 0;
	max-width: 520px;
	margin: 20px auto;
	background: var(--h2v-panel-bg);
	border-radius: 12px;
	overflow: hidden;
	box-shadow:
		0 15px 20px rgba(0,0,0,0.18),
		15px 0 20px rgba(0,0,0,0.18);
	font-family: Montserrat, Arial, sans-serif;
	box-sizing: border-box;
}

/* ============================================================
   HEADER BAR
============================================================ */
.header-panel-header {
	height: 42px;
	background: var(--h2v-header-bg);
	color: var(--h2v-header-text);
	font-size: 1.18em;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0 14px;
	border-radius: 12px 12px 0 0;
	letter-spacing: 0.01em;
	box-sizing: border-box;
}

.header-panel-title {
	font-weight: 700;
	color: white;
}

.header-panel-status {
	font-weight: 400;
	font-size: 0.9em;
	opacity: 0.95;
	white-space: nowrap;
	text-align: right;
}

/* ============================================================
   H2V BLUE BUTTON — GOLD STANDARD
============================================================ */
button.header-blue-btn {
	background-color: var(--h2v-btn-bg);
	color: var(--h2v-header-text);
	padding: 10px 26px;
	border-radius: 8px;
	font-size: 1em;
	font-weight: 600;
	border: none;
	cursor: pointer;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	transition: background-color 0.25s ease;
	box-sizing: border-box;
	margin-top: 10px;
}

button.header-blue-btn:hover {
	background-color: var(--h2v-btn-hover);
	color: var(--h2v-header-text);
	padding: 10px 26px;
	border-radius: 8px;
	font-size: 1em;
	font-weight: 600;
	border: none;
	cursor: pointer;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	transition: background-color 0.25s ease;
	box-sizing: border-box;
	margin-top: 10px;
}

button.header-blue-btn:disabled {
	opacity: 0.65 !important;
	cursor: not-allowed !important;
}


button.width200 {	width: 200px;	}
button.width250 {	width: 250px;	}
button.width300 {	width: 300px;	}
button.width350 {	width: 350px;	}

button.alignleft {	margin-right: auto;text-align: left;	}
button.alignright {	margin-left: auto;	text-align: right;	}

fieldset legend {
	width: auto;
}