/* Wochenbericht Wassermanagement (site/report.php). Bildschirm: Karte im
   Seiten-Theme; Druck: eine A4-Seite quer im Stil des bisherigen PDF-Berichts
   (ohne Kopf-/Fusszeile der Website). */

.gedo-report-controls {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px;
	margin: 24px 0 16px;
}
.gedo-report-nav { font-weight: 600; }
.gedo-report-pick select {
	padding: 7px 10px;
	border: 1px solid var(--gedo-border);
	border-radius: 6px;
	font: inherit;
	background: var(--gedo-surface);
}
.gedo-report-print {
	margin-left: auto;
	padding: 8px 16px;
	border: none;
	border-radius: 6px;
	background: var(--gedo-navy);
	color: #fff;
	font: inherit;
	font-weight: 600;
	cursor: pointer;
}
.gedo-report-print:hover { background: var(--gedo-navy-dark); }

.gedo-report {
	background: var(--gedo-surface);
	border: 1px solid var(--gedo-border);
	border-radius: var(--gedo-radius);
	box-shadow: var(--gedo-shadow);
	padding: 28px 32px;
	color: #111;
}
.gedo-report-head { position: relative; text-align: center; margin-bottom: 22px; }
.gedo-report-head h1 { margin: 0 0 8px; font-size: 1.5rem; color: #111; }
.gedo-report-head p { margin: 0; color: #333; }
.gedo-report-crest { position: absolute; top: 0; right: 0; width: 44px; }

.gedo-report-body {
	display: grid;
	grid-template-columns: minmax(0, 3fr) minmax(0, 2fr);
	gap: 32px;
	align-items: start;
}
.gedo-report table { border-collapse: collapse; width: 100%; font-size: 0.95rem; }
.gedo-report th, .gedo-report td { padding: 2px 6px; text-align: left; white-space: nowrap; }
.gedo-report .num { text-align: right; font-variant-numeric: tabular-nums; }
.gedo-report .alias { color: #555; font-size: 0.85em; }
.gedo-report-table thead th { font-weight: 700; }
.gedo-report-group th { padding-top: 14px; font-weight: 700; }
.gedo-report-group th span { font-weight: 700; }
.gedo-report-unknown td { color: #999; }
.gedo-report .trend { width: 1.4em; padding: 0; text-align: center; }

/* Werte farbig wie im bisherigen Bericht (Textfarbe, nicht Hintergrund) */
.gedo-report .level-low { color: #d4a800; }
.gedo-report .level-normal { color: #16a34a; }
.gedo-report .level-prewarn { color: #e46c0a; }
.gedo-report .level-warn { color: #e62eb8; }
.gedo-report .level-alarm { color: #e00000; }
.gedo-report .level-none { color: #111; }

.gedo-report-swatch { display: inline-block; width: 72px; height: 20px; vertical-align: middle; }
.level-bg-low { background: #ffcc00; }
.level-bg-normal { background: #00b050; }
.level-bg-prewarn { background: #e46c0a; }
.level-bg-warn { background: #ff33cc; }
.level-bg-alarm { background: #ff0000; }
.level-bg-none { background: #000; }
.gedo-report-legend .hint { font-size: 0.7rem; color: #333; }
.gedo-report-note { margin: 8px 0 22px; font-size: 0.8rem; color: #555; white-space: normal; }

/* Trendpfeile als CSS-Dreieck + Schaft, grau wie im bisherigen Bericht */
.gedo-trend {
	display: inline-block;
	width: 0;
	height: 0;
	border: 7px solid transparent;
	vertical-align: middle;
}
.gedo-trend-up { border-bottom: 11px solid #8a8a8a; border-top-width: 0; }
.gedo-trend-down { border-top: 11px solid #8a8a8a; border-bottom-width: 0; }
.gedo-trend-flat { border-left: 11px solid #8a8a8a; border-right-width: 0; }

.gedo-report-rain thead th { padding-bottom: 4px; }
.gedo-report-foot {
	margin-top: 28px;
	text-align: center;
	font-size: 0.78rem;
	color: #333;
}
.gedo-report-foot p { margin: 6px 0; }

/* Nur Bildschirm: beim Drucken im Hochformat ist die Seite ebenfalls
   schmaler als 900px - dort soll das Zwei-Spalten-Layout bleiben. */
@media screen and (max-width: 900px) {
	.gedo-report { padding: 20px 16px; }
	.gedo-report-body { grid-template-columns: 1fr; }
	.gedo-report-table { display: block; overflow-x: auto; }
	.gedo-report-crest { position: static; display: block; margin: 0 auto 8px; }
}

@media print {
	/* Querformat vorgegeben; Browser ohne @page-size-Unterstuetzung oder mit
	   Hochformat-Auswahl bekommen dasselbe Layout kleiner - passt so in
	   beiden Ausrichtungen auf eine Seite. */
	@page { size: A4 landscape; margin: 10mm 12mm; }
	.site-header, .site-footer, .gedo-report-controls, .skip-link, .hero { display: none !important; }
	body, main { background: #fff !important; padding: 0 !important; }
	main .container { max-width: none !important; padding: 0 !important; }
	.gedo-report { border: none; box-shadow: none; border-radius: 0; padding: 0; font-size: 9pt; }
	.gedo-report-body { grid-template-columns: minmax(0, 3fr) minmax(0, 2fr); gap: 6mm; }
	.gedo-report table { font-size: 9pt; }
	.gedo-report th, .gedo-report td { padding: 0.4mm 1.5mm; }
	.gedo-report-group th { padding-top: 3mm; }
	.gedo-report-head { margin-bottom: 4mm; padding: 0 15mm; }
	.gedo-report-head h1 { font-size: 15pt; margin-bottom: 2mm; }
	.gedo-report-head p { font-size: 9pt; }
	.gedo-report-crest { width: 12mm; }
	.gedo-report-swatch { width: 14mm; height: 3.5mm; }
	.gedo-report-note { margin: 2mm 0 5mm; font-size: 7pt; }
	.gedo-report-foot { margin-top: 4mm; font-size: 7pt; }
	.gedo-report-foot p { margin: 1mm 0; }
	.gedo-report { break-inside: avoid; }
	/* Farben (Werte, Legende) auch beim Drucken */
	.gedo-report, .gedo-report * { -webkit-print-color-adjust: exact; print-color-adjust: exact; }
}

/* Querformat hat mehr Breite als Hoehe noetig - dort etwas groesser. */
@media print and (orientation: landscape) {
	.gedo-report, .gedo-report table { font-size: 10.5pt; }
	.gedo-report-head h1 { font-size: 17pt; }
	.gedo-report-head p { font-size: 10.5pt; }
	.gedo-report th, .gedo-report td { padding: 0.5mm 2mm; }
	.gedo-report-note { font-size: 8pt; }
	.gedo-report-foot { font-size: 8pt; }
}