/* Upozornění (/upozorneni) a zvonek v rozvržení. Jen proměnné z app.css; třídy s předponou upo-. Texty upozornění jsou data: zalamují se a zachovávají odřádkování. */

.upo-prepinac { margin-bottom: 16px; overflow-x: auto; }
.upo-seznam { list-style: none; margin: 0 0 20px; padding: 0; display: grid; gap: 12px; }
.upo-polozka { display: grid; gap: 8px; border-left: 4px solid var(--linka-silna); }
.upo-polozka.upo-low { border-left-color: var(--low); }
.upo-polozka.upo-mid { border-left-color: var(--mid); }
.upo-polozka.upo-neu { border-left-color: var(--neu); }
.upo-polozka.upo-nova { background: var(--plocha-2); }
.upo-hlava { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 10px; }
.upo-titulek { font-size: 15.5px; font-weight: 600; overflow-wrap: anywhere; }
.upo-text { white-space: pre-wrap; overflow-wrap: anywhere; word-break: break-word; max-width: 90ch; color: var(--text-2); }
.upo-pata { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 14px; padding-top: 8px; border-top: 1px solid var(--linka); }
.upo-forma { margin: 0; }
.upo-omezeno { margin: -8px 0 20px; }
.upo-zdroje, .upo-kanaly { margin-top: 20px; }
.upo-souhrn { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 12px; margin-bottom: 12px; }
.upo-tabulka th[scope="row"] { text-align: left; font-weight: 600; }
.upo-tabulka .cislo { text-align: right; font-variant-numeric: tabular-nums; }
.upo-tabulka td:last-child { overflow-wrap: anywhere; min-width: 200px; }
.upo-kanaly-seznam { list-style: none; margin: 0 0 10px; padding: 0; display: grid; gap: 8px; }

/* zvonek v horní liště (mobil): odznak s počtem nepřečtených */
.horni-akce { display: flex; align-items: center; gap: 4px; }
.upo-zvonek { position: relative; }
.upo-odznak { position: absolute; top: -2px; right: -2px; min-width: 17px; height: 17px; padding: 0 4px; border-radius: 999px; background: var(--low); color: var(--plocha); font: 600 10.5px/17px var(--mono); text-align: center; }
@media (pointer: coarse) { .upo-zvonek { min-width: 44px; } }
@media print { .upo-forma, .upo-prepinac, .upo-pata .tlacitko { display: none; } }