/* ---- Decentní (výchozí) varianta ---- */
.privoz-panel{
	display:flex;
	flex-direction:column;
	gap:6px;
	border:1px solid #e4e8eb;
	border-left:4px solid #b8bdc2;
	background:#fbfcfd;
	border-radius:10px;
	padding:16px 20px;
	margin:16px 0;
	font-family:inherit;
	line-height:1.5;
}
.privoz-panel.privoz-open{border-left-color:#3a9d63;}
.privoz-panel.privoz-closed{border-left-color:#cf4b46;}
.privoz-status{margin:0;}
.privoz-badge{
	display:inline-flex;
	align-items:center;
	gap:8px;
	font-weight:600;
	font-size:1.1em;
	letter-spacing:.02em;
}
.privoz-badge::before{
	content:"";
	display:inline-block;
	width:10px;
	height:10px;
	border-radius:50%;
	background:currentColor;
}
.privoz-open .privoz-badge{color:#2e7d4f;}
.privoz-closed .privoz-badge{color:#c0392b;}
.privoz-message{color:#3c4043;font-size:1em;}
.privoz-hladina{color:#6b7177;font-size:.9em;}
.privoz-hladina strong{color:#3c4043;}
.privoz-time{color:#9aa0a6;font-size:.9em;margin-left:2px;}

/* Výpis hladin všech stanic v panelu: [privoz_stav stanice="1"] */
.privoz-stanice{
	display:grid;
	gap:3px;
	margin-top:10px;
	padding-top:10px;
	border-top:1px solid #e4e8eb;
	font-size:.92em;
}
.privoz-stanice-row{
	display:flex;
	flex-wrap:wrap;
	gap:6px;
	align-items:baseline;
	justify-content:space-between;
	color:#3c4043;
}
.privoz-stanice-label{color:#6b7177;}
.privoz-stanice-hodnota{font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap;}
.privoz-stanice-calc .privoz-stanice-label,
.privoz-stanice-calc .privoz-stanice-hodnota{color:#175074;}
.privoz-stanice-calc .privoz-stanice-hodnota{font-weight:700;}
.privoz-stanice-znacka{
	font-size:.82em;
	font-weight:700;
	letter-spacing:.04em;
	color:#8a6d2f;
	white-space:nowrap;
}
.privoz-bold .privoz-stanice{border-top-color:rgba(0,0,0,.12);}

/* Čas měření pod výpisem stanic */
.privoz-mereno{
	margin-top:8px;
	font-size:.85em;
	color:#9aa0a6;
}

/* ---- Výrazná varianta: [privoz_stav styl="vyrazny"] ---- */
.privoz-panel.privoz-bold{
	border:2px solid transparent;
	border-radius:12px;
	padding:20px 24px;
	box-shadow:0 1px 4px rgba(0,0,0,.08);
}
.privoz-panel.privoz-bold.privoz-open{background:#e9f7ec;border-color:#3aaf5c;}
.privoz-panel.privoz-bold.privoz-closed{background:#fdeaea;border-color:#d63638;}
.privoz-bold .privoz-badge{
	font-weight:700;
	font-size:1.4em;
	letter-spacing:.04em;
	padding:6px 16px;
	border-radius:999px;
	color:#fff;
}
.privoz-bold .privoz-badge::before{display:none;}
.privoz-bold.privoz-open .privoz-badge{background:#2e9e51;color:#fff;}
.privoz-bold.privoz-closed .privoz-badge{background:#d63638;color:#fff;}
.privoz-bold .privoz-message{font-size:1.05em;}

.privoz-doba{
	margin:16px 0;
	line-height:1.6;
}
.privoz-doba > :first-child{margin-top:0;}
.privoz-doba > :last-child{margin-bottom:0;}
.privoz-doba-nadpis{margin:0 0 8px;}
.privoz-doba-base{margin:0 0 8px;}
.privoz-doba-closed-title{margin:0 0 4px;}
.privoz-doba ul{margin:4px 0 12px 18px;}
.privoz-doba-dnes{
	padding:10px 14px;
	background:#f3f5f7;
	border-radius:8px;
	display:inline-block;
}

/* =========================================================
   TABULKA POSLEDNÍCH MĚŘENÍ  [privoz_historie]
   ========================================================= */
.privoz-hist{margin:16px 0;font-family:inherit;color:#12232E;}
.privoz-hist-nadpis{margin:0 0 10px;font-size:1.05em;}
.privoz-hist-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;}
.privoz-hist-table{
	width:100%;
	border-collapse:collapse;
	font-size:14px;
	font-variant-numeric:tabular-nums;
	background:#fff;
	border:1px solid #DCE7EE;
	border-radius:10px;
	overflow:hidden;
}
.privoz-hist-table th,
.privoz-hist-table td{
	padding:7px 12px;
	text-align:right;
	border-bottom:1px solid #EDF2F6;
	white-space:nowrap;
}
.privoz-hist-table thead th{
	background:#F5F9FB;
	color:#5B6B76;
	font-weight:600;
	font-size:12.5px;
	letter-spacing:.03em;
	text-transform:uppercase;
	border-bottom:1px solid #DCE7EE;
}
.privoz-hist-table tbody tr:last-child td{border-bottom:none;}
.privoz-hist-table tbody tr:nth-child(even) td{background:#FAFCFD;}
.privoz-hist-table .privoz-hist-cas{text-align:left;color:#5B6B76;}
.privoz-hist-table .privoz-hist-zleb{
	background:#EAF2F8;
	font-weight:700;
	color:#12232E;
}
.privoz-hist-table thead th.privoz-hist-zleb{background:#DCEAF4;color:#175074;}
.privoz-hist-table tbody tr:nth-child(even) td.privoz-hist-zleb{background:#E3EDF5;}
.privoz-hist-pozn{margin:8px 0 0;font-size:12.5px;color:#5B6B76;}
@media (max-width: 520px){
	.privoz-hist-table{font-size:13px;}
	.privoz-hist-table th,.privoz-hist-table td{padding:6px 8px;}
	.privoz-hist-table thead th{font-size:11px;}
}

/* =========================================================
   BANNER LABE (Ústí → Děčín → Dolní Žleb → Hřensko)
   Písma se dědí ze šablony webu (žádné Google Fonts).
   ========================================================= */
.labe-banner{
	--lb-ink:#12232E;
	--lb-ink-soft:#5B6B76;
	--lb-river:#1D5F8A;
	--lb-river-lt:#7FB3D3;
	--lb-paper:#F5F9FB;
	--lb-card:#FFFFFF;
	--lb-up:#C2452D;
	--lb-down:#2E7D4F;
	--lb-flat:#6B7A85;
	--lb-calc:#8A6D2F;
	background:var(--lb-paper);
	border:1px solid #D7E3EA;
	border-radius:14px;
	padding:18px 26px 20px;
	max-width:1280px;
	margin:16px auto;
	color:var(--lb-ink);
	font-family:inherit;
	line-height:1.4;
	box-sizing:border-box;
	width:100%;
}
/* Vnější obal pro zmenšení celého banneru: [privoz_banner zoom="0.6"] */
.labe-banner-zoom{width:100%;}

/* Obal měří skutečnou šířku, kterou má banner k dispozici (ne šířku okna). */
.labe-banner-wrap{container-type:inline-size;width:100%;}

/* Vystoupení z úzkého obsahového sloupce šablony:
   [privoz_banner sirka="wide"]  – roztáhne až na 1280 px
   [privoz_banner sirka="full"]  – roztáhne přes celou šířku okna
   Vycentruje se vůči středu rodiče (ten bývá vycentrovaný v okně). */
.labe-banner-wrap.lb-wide,
.labe-banner-wrap.lb-full{
	position:relative;
	margin-left:50%;
	transform:translateX(-50%);
	max-width:none;
}
.labe-banner-wrap.lb-wide{width:min(1280px, calc(100vw - 32px));}
.labe-banner-wrap.lb-full{width:calc(100vw - 32px);}
.labe-banner *{box-sizing:border-box;}
.lb-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:14px;flex-wrap:wrap}
.lb-title{font-weight:700;font-size:17px;letter-spacing:.06em;text-transform:uppercase;color:var(--lb-river)}
.lb-title small{font-weight:500;color:var(--lb-ink-soft);letter-spacing:.04em;margin-left:8px;text-transform:none;font-size:12.5px}
.lb-foot{margin-top:12px;text-align:center;font-size:12px;color:var(--lb-ink-soft)}

.lb-row{display:grid;grid-template-columns:auto minmax(min-content,1fr) auto minmax(min-content,1fr) auto minmax(min-content,1fr) auto;align-items:end}
.lb-seg{display:flex;flex-direction:column;align-items:stretch;gap:3px;padding:0 4px;min-width:0;padding-bottom:11px}
.lb-time{font-size:11.5px;font-weight:600;color:var(--lb-river);white-space:nowrap;font-variant-numeric:tabular-nums;text-align:center;padding:0 4px}
.lb-line{width:100%;height:4px;border-radius:2px;background:linear-gradient(90deg,var(--lb-river),var(--lb-river-lt));position:relative;overflow:hidden}
.lb-line::after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,rgba(255,255,255,.55) 0 7px,transparent 7px 22px);animation:lbFlow 2.6s linear infinite}
@keyframes lbFlow{from{transform:translateX(-22px)}to{transform:translateX(0)}}
.lb-dist{font-size:11px;color:var(--lb-ink-soft);white-space:nowrap;font-variant-numeric:tabular-nums;text-align:center;padding:0 4px}

.lb-node{display:flex;flex-direction:column;align-items:center;gap:2px;padding:0 4px;position:relative}
.lb-name{font-weight:600;font-size:12.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--lb-ink-soft)}
.lb-body{display:flex;align-items:stretch;gap:8px}
.lb-hist{display:flex;flex-direction:column;gap:1px;padding:4px 6px;background:rgba(29,95,138,.07);border-radius:8px}
.lb-hrow{display:flex;align-items:center;gap:4px;font-size:10px;color:var(--lb-ink-soft);font-variant-numeric:tabular-nums;line-height:1.4}
.lb-ht{width:28px;text-align:right;opacity:.85}
.lb-hv{width:24px;text-align:right;font-weight:600;color:var(--lb-ink)}
.lb-ha{width:10px;height:10px;display:inline-flex}
.lb-ha svg{display:block;width:100%;height:100%}
.lb-value{display:flex;align-items:center;justify-content:center;background:var(--lb-card);border:1px solid #DCE7EE;border-radius:10px;padding:6px 9px;box-shadow:0 1px 2px rgba(18,35,46,.06)}
.lb-vrow{display:flex;align-items:baseline;gap:5px}
.lb-cm{font-weight:700;font-size:28px;line-height:1;font-variant-numeric:tabular-nums}
.lb-unit{font-size:12px;color:var(--lb-ink-soft)}
.lb-arrow{width:16px;height:16px;align-self:center}
.lb-arrow svg{display:block;width:100%;height:100%}
.lb-badge{font-size:10px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--lb-calc);margin-top:1px}
.lb-dot{width:11px;height:11px;border-radius:50%;background:var(--lb-river);border:2.5px solid var(--lb-paper);box-shadow:0 0 0 2px var(--lb-river);margin-top:8px}

/* zvýrazněný sloupec Dolní Žleb */
.lb-hero{
	--lb-up:#FF9B7E; --lb-down:#8CE6B0; --lb-flat:#C3D2DC;
	background:linear-gradient(180deg,#175074,#0E3A57);
	border-radius:12px;
	padding:8px 12px 2px;
	margin:0 2px;
	box-shadow:0 4px 14px rgba(14,58,87,.35);
}
.lb-hero .lb-name{color:#CFE3F0;font-size:13.5px}
.lb-hero .lb-hist{background:rgba(255,255,255,.12)}
.lb-hero .lb-hrow{color:#B9CFDE}
.lb-hero .lb-hv{color:#FFFFFF}
.lb-hero .lb-value{background:transparent;border:none;box-shadow:none;padding:4px 6px 2px}
.lb-hero .lb-cm{color:#FFFFFF;font-size:34px}
.lb-hero .lb-unit{color:#A9C4D6}
.lb-hero .lb-badge{color:#F2D28B}
.lb-hero .lb-dot{background:#FFFFFF;border-color:#0E3A57;box-shadow:0 0 0 2px #FFFFFF}

@keyframes lbFlowY{from{transform:translateY(-22px)}to{transform:translateY(0)}}

/* =========================================================
   ROZVRŽENÍ PODLE ŠÍŘKY, KTEROU MÁ BANNER K DISPOZICI
   ≥ 1150 px …… plné vodorovné (široké monitory)
   900–1149 px … kompaktní vodorovné (sloupec šablony na notebooku)
   < 900 px …… svisle pod sebou (tablet na výšku, mobil)
   ========================================================= */

/* --- kompaktní vodorovné --- */
@container (max-width: 1149px){
	.labe-banner{padding:16px 16px 18px}
	.lb-node{padding:0 2px}
	.lb-name{font-size:11.5px;letter-spacing:.06em}
	.lb-hero .lb-name{font-size:12px}
	.lb-body{gap:6px}
	.lb-hist{padding:3px 5px}
	.lb-hrow{font-size:9.5px;gap:3px}
	.lb-ht{width:24px}
	.lb-hv{width:20px}
	.lb-ha{width:9px;height:9px}
	.lb-value{padding:5px 7px}
	.lb-cm{font-size:22px}
	.lb-hero .lb-cm{font-size:26px}
	.lb-unit{font-size:11px}
	.lb-arrow{width:14px;height:14px}
	.lb-hero{padding:6px 8px 2px}
	.lb-seg{padding:0 2px 11px}
	.lb-time{font-size:10.5px;padding:0 2px}
	.lb-dist{font-size:10px;padding:0 2px}
}

/* --- úzký sloupec: vodorovně, malá čísla, těsné mezery, bez historie ---
   Historie (−1 až −6 h) je tu ten největší žrout místa, proto se skryje. */
@container (min-width: 600px) and (max-width: 899px){
	.labe-banner{padding:12px 12px 14px}
	.lb-hist{display:none}
	.lb-body{gap:0}
	.lb-node{padding:0 1px}
	.lb-name{font-size:9.5px;letter-spacing:.03em}
	.lb-hero .lb-name{font-size:10px}
	.lb-value{padding:4px 6px;border-radius:8px}
	.lb-vrow{gap:3px}
	.lb-cm{font-size:18px}
	.lb-hero .lb-cm{font-size:21px}
	.lb-unit{font-size:9.5px}
	.lb-arrow{width:11px;height:11px}
	.lb-badge{font-size:8px;letter-spacing:.03em}
	.lb-hero{padding:5px 7px 2px;border-radius:9px}
	.lb-dot{width:8px;height:8px;border-width:2px;margin-top:5px}
	.lb-seg{padding:0 1px 9px;gap:2px}
	.lb-time{font-size:9.5px;padding:0 1px}
	.lb-dist{font-size:9px;padding:0 1px}
	.lb-line{height:3px}
	.lb-head{margin-bottom:10px}
	.lb-title{font-size:14px}
	.lb-title small{font-size:10.5px;margin-left:6px}
	.lb-foot{font-size:10.5px;margin-top:9px}
}

/* --- svisle: malá zařízení (mobil) --- */
@container (max-width: 599px){
	.labe-banner{padding:16px 14px 18px}
	.lb-row{display:flex;flex-direction:column;align-items:center}
	.lb-hero{padding:10px 16px 8px;margin:4px 0}
	.lb-dot{display:none}
	.lb-seg{flex-direction:row;align-items:center;justify-content:center;gap:10px;padding:8px 0;width:100%}
	.lb-time{order:1;width:110px;text-align:right;font-size:11.5px}
	.lb-line{order:2;width:4px;height:38px;background:linear-gradient(180deg,var(--lb-river),var(--lb-river-lt))}
	.lb-line::after{background:repeating-linear-gradient(180deg,rgba(255,255,255,.55) 0 7px,transparent 7px 22px);animation:lbFlowY 2.6s linear infinite}
	.lb-dist{order:3;width:110px;text-align:left;font-size:11px}
	/* ve svislém režimu je místa dost – vrátíme čitelnou velikost */
	.lb-cm{font-size:28px}
	.lb-hero .lb-cm{font-size:34px}
	.lb-hrow{font-size:10px}
	.lb-ht{width:28px}
	.lb-hv{width:24px}
	.lb-ha{width:10px;height:10px}
	.lb-name{font-size:12.5px}
	.lb-hero .lb-name{font-size:13.5px}
}

/* --- záloha pro prohlížeče bez container queries (řídí se šířkou okna) --- */
@supports not (container-type: inline-size){
	@media (max-width: 1149px){
		.lb-cm{font-size:22px}
		.lb-hero .lb-cm{font-size:26px}
		.lb-hrow{font-size:9.5px}
	}
	@media (max-width: 899px){
		.lb-hist{display:none}
		.lb-cm{font-size:18px}
		.lb-hero .lb-cm{font-size:21px}
	}
	@media (max-width: 599px){
		.lb-hist{display:flex}
		.lb-row{display:flex;flex-direction:column;align-items:center}
		.lb-hero{padding:10px 16px 8px;margin:4px 0}
		.lb-dot{display:none}
		.lb-seg{flex-direction:row;align-items:center;justify-content:center;gap:10px;padding:8px 0;width:100%}
		.lb-time{order:1;width:110px;text-align:right}
		.lb-line{order:2;width:4px;height:38px;background:linear-gradient(180deg,var(--lb-river),var(--lb-river-lt))}
		.lb-line::after{background:repeating-linear-gradient(180deg,rgba(255,255,255,.55) 0 7px,transparent 7px 22px);animation:lbFlowY 2.6s linear infinite}
		.lb-dist{order:3;width:110px;text-align:left}
		.lb-cm{font-size:28px}
		.lb-hero .lb-cm{font-size:34px}
	}
}

/* --- velmi úzké displeje (malé telefony) --- */
@container (max-width: 400px){
	.labe-banner{padding:14px 10px 16px}
	.lb-time,.lb-dist{width:88px;font-size:10.5px}
	.lb-cm{font-size:24px}
	.lb-hero .lb-cm{font-size:29px}
	.lb-title{font-size:15px}
}

@media (prefers-reduced-motion: reduce){.lb-line::after{animation:none}}