/* Moderator-dashboard (moderator.pages.class.php) en het zelfservice-
   beheerformulier (hwamaintenance.class.php) -- allebei achter een login
   (hwa_moderate resp. station-eigenaar), dus geen publieke SEO-impact, maar
   wel dagelijks gebruikt. Zelfde kleur-tokens (--chrome-*, site-breed via
   hwa-chrome.css) als de rest van de restyle. */

/* ---------- Moderator-overzichtstabel ---------- */
/* De tabel matcht toevallig al table.overview uit hwa-overview.css (zelfde
   class), maar zonder de .hwa-overview-wrapper resolven de --ov-* kleuren
   niet -- vandaar de "hwa-overview"-class die nu op de wrapper staat. De
   sticky header van hwa-overview.css botst met de bestaande JS-sticky
   (floatThead, zie hwa-moderator.js) -- hier expliciet uitgezet, JS blijft
   de sticky header regelen. */
.hwa-moderator-overview table.overview thead th {
	position: static;
}
.hwa-moderator-overview {
	margin-bottom: 20px;
}
.hwa-moderator-overview table.overview td {
	white-space: nowrap;
}

.black { color: var(--chrome-ink, #182430); }
.grey { color: #8798a8; }
.red { color: #cf4638; font-weight: 700; }

.hwa-moderator-overview .status_image {
	width: 16px;
	height: 16px;
	vertical-align: middle;
	/* hwa-overview.css zet box-sizing:border-box op alles binnen .hwa-overview
	   (deze tabel heeft die class voor de kleurvariabelen, zie boven) -- de
	   generieke padding-right:5px uit hwa.css (.status_image, .progressbar)
	   ging daardoor van deze vaste 16px afgetrokken worden, wat het icoon
	   zelf versmalde/vervormde. Padding hier expliciet resetten en de ruimte
	   met margin regelen in plaats van padding. */
	padding: 0;
	margin-right: 4px;
}

/* ---------- "Weerstation toevoegen"-formulier ---------- */
.hwaform {
	background: #ffffff;
	border: 1px solid #e1e8f0;
	border-radius: 10px;
	box-shadow: 0 1px 2px rgba(20,40,60,.06), 0 6px 16px -10px rgba(20,40,60,.18);
	padding: 20px 24px;
	max-width: 640px;
	font-family: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
}
.hwaform .column-full {
	margin-bottom: 16px;
}
.hwaform .column-full p { margin: 0 0 6px; }
.hwaform .column-full strong { color: var(--chrome-ink, #182430); }
.hwaform input[type="text"],
.hwaform select {
	width: 100%;
	max-width: 360px;
	padding: 8px 10px;
	border: 1px solid #d7e1ea;
	border-radius: 6px;
	font-size: .92rem;
	box-sizing: border-box;
}
.hwaform .column-latitude,
.hwaform .column-longitude {
	display: inline-block;
	width: 48%;
	box-sizing: border-box;
}
.hwaform .column-longitude { margin-left: 4%; }
.hwaform input[type="radio"] { margin-right: 4px; }
.hwaform label { margin-right: 16px; }
.hwaform .validation_error {
	color: #cf4638;
	font-size: .82rem;
	margin-top: 4px;
}
.hwaform .validation_error.invalid { font-weight: 600; }

/* ---------- Beheerformulier (station-eigenaar zelfservice) ---------- */
.info {
	font-family: ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;
	font-size: .85rem;
	line-height: 1.7;
	border-radius: 8px;
}
.info a { color: var(--chrome-accent, #2569c9); }

.hwa-form-card {
	background: #ffffff;
	border: 1px solid #e1e8f0;
	border-radius: 10px;
	box-shadow: 0 1px 2px rgba(20,40,60,.06), 0 6px 16px -10px rgba(20,40,60,.18);
	padding: 20px 24px;
	max-width: 700px;
	font-family: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
	line-height: 1.6;
}
.hwa-form-card strong {
	display: block;
	margin-top: 18px;
	margin-bottom: 6px;
	color: var(--chrome-ink, #182430);
}
.hwa-form-card strong:first-of-type { margin-top: 0; }
.hwa-form-card input[type="text"],
.hwa-form-card select,
.hwa-form-card textarea {
	padding: 7px 10px;
	border: 1px solid #d7e1ea;
	border-radius: 6px;
	font-size: .92rem;
	font-family: inherit;
	box-sizing: border-box;
}
.hwa-form-card textarea { max-width: 100%; }

.toggle_link { text-decoration: underline dotted; }
.hwa-form-card .uitleg {
	background: var(--chrome-accent-soft, #e5edf9);
	border-radius: 8px;
	padding: 10px 14px;
	margin: 8px 0;
	font-size: .85rem;
	color: #5b6b7c;
}