/* ═══════════════════════════════════════════════════════════════════════════
   Úvodní stránka – ukázky aplikace jako posouvací souhrn (náhled nového
   vzhledu, ?design=novy). Původní tmavá stránka zůstává, souhrn nahrazuje
   textový blok „Šest věcí“. Všechna pravidla pod html.novy-design.
   ═══════════════════════════════════════════════════════════════════════════ */

.lp-ukazky, .lp-logo-stit { display: none; }
html.novy-design .lp-funkce, html.novy-design .lp-hero-logo { display: none; }

/* Štít z loga v liště vedle názvu (velké logo v hero nahradily ukázky) */
html.novy-design .lp-logo-stit { display: block; height: 30px; width: auto; align-self: center; }
html.novy-design .lp-logo-wordmark { align-items: center; gap: 12px; }

/* Hero: text vlevo, souhrn ukázek vpravo */
html.novy-design .lp-hero { grid-template-columns: minmax(0, 1fr) minmax(0, 1.05fr); align-items: center; }
html.novy-design .lp-ukazky {
  display: block;
  --u-ink: #0f172a;
  --u-ink-2: #475569;
  --u-ink-3: #64748b;
  --u-line: #e6e8ec;
  --u-bg: #f6f7f9;
  --u-red: #dc2626;
  position: relative;
  min-width: 0;
}
/* Jemná modrá záře za ukázkami, ať tmavá plocha není plochá */
html.novy-design .lp-ukazky::before {
  content: ""; position: absolute; inset: -10% -15%; z-index: -1; pointer-events: none;
  background: radial-gradient(50% 50% at 50% 50%, rgba(37, 99, 235, .28), transparent 70%);
}
html.novy-design .lp-hero { position: relative; z-index: 0; }
html.novy-design .lp-ukazky h3, html.novy-design .lp-ukazky p { margin: 0; }

/* ── Záložky ────────────────────────────────────────────────────────────── */
html.novy-design .lpu-zalozky {
  display: flex; justify-content: center; flex-wrap: wrap; gap: 6px;
  margin-bottom: 16px;
}
html.novy-design .lpu-zalozky button {
  padding: 6px 11px; border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, .12); background: transparent;
  color: rgba(255, 255, 255, .7); font: inherit; font-size: 12.5px; font-weight: 500;
  cursor: pointer; transition: background .15s, color .15s, border-color .15s;
}
html.novy-design .lpu-zalozky button:hover { color: #fff; border-color: rgba(255, 255, 255, .3); }
html.novy-design .lpu-zalozky button.aktivni { background: #fff; border-color: #fff; color: var(--u-ink); }

/* ── Pás snímků (posun přes scroll-snap, na mobilu tažením) ─────────────── */
html.novy-design .lpu-pas {
  display: flex; overflow-x: auto; scroll-snap-type: x mandatory;
  scroll-behavior: smooth; scrollbar-width: none;
}
html.novy-design .lpu-pas::-webkit-scrollbar { display: none; }
html.novy-design .lpu-snimek {
  flex: 0 0 100%; scroll-snap-align: center;
  margin: 0; display: flex; flex-direction: column; align-items: center;
}
html.novy-design .lpu-scena {
  display: flex; align-items: center; justify-content: center;
  width: 100%; height: 350px; padding: 4px 12px 20px;
}
html.novy-design .lpu-snimek figcaption { max-width: 460px; text-align: center; padding: 0 16px; }
html.novy-design .lpu-snimek h3 { font-size: 16px; font-weight: 700; color: #fff; }
html.novy-design .lpu-snimek p { margin-top: 4px; font-size: 14px; color: rgba(255, 255, 255, .65); }

/* ── Ovládání ───────────────────────────────────────────────────────────── */
html.novy-design .lpu-ovladani { display: flex; align-items: center; justify-content: center; gap: 16px; margin-top: 16px; }
html.novy-design .lpu-sipka {
  width: 36px; height: 36px; border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, .15); background: transparent; color: #fff;
  font-size: 16px; cursor: pointer;
}
html.novy-design .lpu-sipka:hover { border-color: rgba(255, 255, 255, .4); }
html.novy-design .lpu-tecky { display: flex; gap: 7px; }
html.novy-design .lpu-tecky span { width: 7px; height: 7px; border-radius: 50%; background: rgba(255, 255, 255, .25); transition: width .2s, background .2s; }
html.novy-design .lpu-tecky span.aktivni { width: 20px; border-radius: 4px; background: #fff; }
html.novy-design .lpu-popisek { margin-top: 10px !important; font-size: 12px; color: rgba(255, 255, 255, .3); text-align: center; }

/* ── Štítky – jako v aplikaci, jemné ────────────────────────────────────── */
html.novy-design .lp-ukazky .chip-sankce, html.novy-design .lp-ukazky .chip-7, html.novy-design .lp-ukazky .chip-zeme {
  display: inline-block; padding: 1px 7px; border-radius: 5px;
  font-size: 10.5px; font-weight: 600; white-space: nowrap;
}
html.novy-design .lp-ukazky .chip-sankce { background: #fef2f2; color: #b91c1c; border: 1px solid #fecaca; }
html.novy-design .lp-ukazky .chip-7 { background: #f1f5f9; color: var(--u-ink); border: 1px solid #e2e8f0; }
html.novy-design .lp-ukazky .chip-zeme { background: var(--u-bg); color: var(--u-ink-2); border: 1px solid var(--u-line); }
html.novy-design .lp-ukazky .tecka { display: inline-block; width: 9px; height: 9px; border-radius: 50%; flex: 0 0 auto; }
html.novy-design .lp-ukazky .tecka.cervena { background: var(--u-red); }
html.novy-design .lp-ukazky .tecka.zluta { background: #f59e0b; }

/* ── Okno aplikace ──────────────────────────────────────────────────────── */
html.novy-design .lpu-ukazka { width: 100%; max-width: 480px; }
html.novy-design .lpu-okno, html.novy-design .lpu-email {
  width: 100%; max-width: 480px;
  background: #fff; color: var(--u-ink);
  border-radius: 12px; overflow: hidden;
  box-shadow: 0 20px 44px -20px rgba(0, 0, 0, .55);
  text-align: left;
}
html.novy-design .lpu-okno-uzke { max-width: 440px; }
html.novy-design .lpu-okno-lista { display: flex; gap: 6px; padding: 9px 12px; border-bottom: 1px solid var(--u-line); background: var(--u-bg); }
html.novy-design .lpu-okno-lista span { width: 8px; height: 8px; border-radius: 50%; background: #d7dbe2; }
html.novy-design .lpu-okno-telo { padding: 14px 16px 12px; }
html.novy-design .lpu-app-hlava { display: flex; align-items: baseline; gap: 10px; margin-bottom: 10px; }
html.novy-design .lpu-app-hlava strong { font-size: 13.5px; }
html.novy-design .lpu-app-hlava span { font-size: 11.5px; color: var(--u-ink-3); }
html.novy-design .lpu-app-pilulky { display: flex; gap: 6px; margin-bottom: 8px; flex-wrap: wrap; }
html.novy-design .lpu-app-pilulky span { padding: 3px 9px; border-radius: 999px; border: 1px solid var(--u-line); font-size: 11.5px; color: var(--u-ink-2); }
html.novy-design .lpu-app-pilulky span.aktivni { background: var(--u-ink); border-color: var(--u-ink); color: #fff; }
html.novy-design .lpu-app-radek { padding: 8px 0 8px 10px; border-top: 1px solid var(--u-line); border-left: 2px solid transparent; }
html.novy-design .lpu-app-radek-sankce { border-left-color: #fca5a5; }
html.novy-design .lpu-app-titul { font-size: 12.5px; font-weight: 600; }
html.novy-design .lpu-app-meta { font-size: 11px; color: var(--u-ink-3); margin: 1px 0 5px; }
html.novy-design .lpu-app-chipy { display: flex; gap: 5px; flex-wrap: wrap; }

/* ── E-mail ─────────────────────────────────────────────────────────────── */
html.novy-design .lpu-email-hlava { padding: 10px 16px; border-bottom: 1px solid var(--u-line); background: var(--u-bg); display: grid; gap: 4px; font-size: 12px; }
html.novy-design .lpu-email-hlava span { display: inline-block; width: 56px; color: var(--u-ink-3); }
html.novy-design .lpu-email-telo { padding: 14px 16px; }
html.novy-design .lpu-email-souhrn { display: flex; gap: 16px; flex-wrap: wrap; padding-bottom: 12px; margin-bottom: 2px; border-bottom: 1px solid var(--u-line); }
html.novy-design .lpu-email-souhrn div { display: flex; align-items: center; gap: 8px; }
html.novy-design .lpu-email-souhrn b { font-size: 16px; }
html.novy-design .lpu-email-polozka { padding: 9px 0; border-bottom: 1px solid var(--u-line); }
html.novy-design .lpu-email-polozka strong { display: block; font-size: 12.5px; }
html.novy-design .lpu-email-polozka span { font-size: 11px; color: var(--u-ink-3); }
html.novy-design .lpu-email-btn { display: inline-block; margin-top: 12px; padding: 7px 12px; border-radius: 8px; background: var(--u-ink); color: #fff; font-size: 12px; font-weight: 600; }

/* ── Prověření osoby ────────────────────────────────────────────────────── */
html.novy-design .lpu-osoba { display: flex; align-items: center; gap: 10px; padding: 10px; border-radius: 8px; background: var(--u-bg); }
html.novy-design .lpu-osoba > div { display: grid; font-size: 12.5px; }
html.novy-design .lpu-osoba > div span { font-size: 11px; color: var(--u-ink-3); }
html.novy-design .lpu-mini-avatar { display: grid; place-items: center; width: 32px; height: 32px; border-radius: 50%; background: #e2e8f0; font-size: 11px; font-weight: 700; flex: 0 0 auto; }
html.novy-design .lpu-semafor { margin-left: auto; display: flex; align-items: center; gap: 6px; font-size: 11.5px; font-weight: 600; white-space: nowrap; }
html.novy-design .lpu-afiliace { margin-top: 8px; }
html.novy-design .lpu-afiliace > div { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; padding: 8px 2px; border-top: 1px solid var(--u-line); font-size: 12px; }
html.novy-design .lpu-afiliace > div > span:first-child { width: 72px; color: var(--u-ink-3); font-size: 11px; }

/* ── Report ─────────────────────────────────────────────────────────────── */
html.novy-design .lpu-report-stitek { font-size: 10.5px; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; color: var(--u-ink-3); }
html.novy-design .lpu-report-titul { display: block; margin: 4px 0 10px; font-size: 14px; }
html.novy-design .lpu-report-semafor { display: flex; align-items: center; gap: 7px; flex-wrap: wrap; padding: 8px 10px; border-radius: 8px; background: #fef2f2; font-size: 12.5px; font-weight: 700; color: #991b1b; }
html.novy-design .lpu-report-semafor em { width: 100%; padding-left: 16px; font-style: normal; font-weight: 400; font-size: 11px; color: #b91c1c; }
html.novy-design .lpu-report-radek { display: flex; gap: 8px; padding: 8px 2px; border-bottom: 1px solid var(--u-line); font-size: 12px; }
html.novy-design .lpu-report-radek:last-child { border-bottom: none; }
html.novy-design .lpu-report-radek > span { flex: 0 0 96px; color: var(--u-ink-3); font-size: 11px; }
html.novy-design .lpu-report-radek sup { color: #1d4ed8; font-weight: 600; }

/* ── Mobil ────────────────────────────────── */
@media (max-width: 640px) {
  html.novy-design .lpu-zalozky { flex-wrap: nowrap; justify-content: flex-start; overflow-x: auto; scrollbar-width: none; margin: 0 -16px 14px; padding: 0 16px; }
  html.novy-design .lpu-zalozky button { flex: 0 0 auto; }
  html.novy-design .lpu-scena { height: 360px; padding: 4px 4px 20px; }
}

/* Hero s ukázkami: nadpis o kus menší, ať se vejde vedle souhrnu */
html.novy-design .lp-titulek { font-size: clamp(38px, 3.9vw, 60px); }
@media (max-width: 940px) {
  html.novy-design .lp-hero { grid-template-columns: 1fr; }
}
html.novy-design .lpu-zalozky { flex-wrap: nowrap; }
html.novy-design .lpu-zalozky button { white-space: nowrap; }
html.novy-design .lpu-scena { height: 400px; }
@media (max-width: 640px) { html.novy-design .lpu-scena { height: 380px; } }

/* Lišta: jediné „Vyzkoušet zdarma“ je v hero, přihlášení jako obrysové tlačítko */
html.novy-design .lp-nav-prihlasit { border: 1px solid rgba(255, 255, 255, .22); padding: 11px 18px; }
html.novy-design .lp-nav-prihlasit:hover { border-color: rgba(255, 255, 255, .45); }

/* Úvodní snímek prohlídky: Co UniSKAN umí */
html.novy-design .lpu-prehled { max-width: 420px; padding: 18px 16px 10px; }
html.novy-design .lpu-prehled-hlava { display: flex; align-items: center; gap: 10px; padding: 0 6px 12px; border-bottom: 1px solid var(--u-line); margin-bottom: 6px; }
html.novy-design .lpu-prehled-hlava img { filter: brightness(0) saturate(100%) invert(9%) sepia(19%) saturate(3000%) hue-rotate(200deg); height: 25px; width: auto; }
html.novy-design .lpu-prehled-hlava strong { font-size: 16px; letter-spacing: -.01em; }
html.novy-design .lpu-prehled-bod {
  display: flex; align-items: center; gap: 12px; width: 100%;
  padding: 10px 6px; border: none; border-radius: 8px; background: none;
  font: inherit; color: var(--u-ink); text-align: left; cursor: pointer;
}
html.novy-design .lpu-prehled-bod:hover { background: var(--u-bg); }
html.novy-design .lpu-prehled-bod::after { content: "→"; margin-left: auto; color: #94a3b8; font-size: 14px; }
html.novy-design .lpu-prehled-bod > span:last-child { display: grid; }
html.novy-design .lpu-prehled-bod strong { font-size: 13.5px; }
html.novy-design .lpu-prehled-bod small { font-size: 11.5px; color: var(--u-ink-3); }
html.novy-design .lpu-prehled-ikona {
  display: grid; place-items: center; flex: 0 0 auto;
  width: 34px; height: 34px; border-radius: 9px; background: #eef3ff; color: #1d4ed8;
}

/* Úvodní snímek bez bílé karty – průhledný panel na tmavém pozadí */
html.novy-design .lpu-okno.lpu-prehled {
  background: rgba(255, 255, 255, .04);
  border: 1px solid rgba(255, 255, 255, .1);
  box-shadow: none;
  color: #fff;
  backdrop-filter: blur(6px);
}
html.novy-design .lpu-prehled-hlava { border-bottom-color: rgba(255, 255, 255, .1); }
html.novy-design .lpu-prehled-hlava img { filter: none; }
html.novy-design .lpu-prehled-bod { color: #fff; }
html.novy-design .lpu-prehled-bod:hover { background: rgba(255, 255, 255, .06); }
html.novy-design .lpu-prehled-bod small { color: rgba(255, 255, 255, .55); }
html.novy-design .lpu-prehled-bod::after { color: rgba(255, 255, 255, .35); }
html.novy-design .lpu-prehled-ikona { background: rgba(96, 165, 250, .14); color: #93c5fd; }

/* Úvodní blok světlejší: přechod navy → modrá a záře za ukázkami.
   Dole končí barvou zbytku stránky (--c-navy-mid), aby nevznikla hrana. */
html.novy-design .lp-top {
  background:
    radial-gradient(55% 60% at 78% 42%, rgba(59, 130, 246, .30), transparent 70%),
    radial-gradient(45% 50% at 10% 0%, rgba(99, 102, 241, .16), transparent 70%),
    linear-gradient(180deg, #0e1a33 0%, #16305c 55%, var(--c-navy-mid) 100%);
}
html.novy-design .lp-ukazky::before { display: none; }

/* Text vlevo zarovnaný nahoru se souhrnem vpravo (štítek ↔ záložky) */
html.novy-design .lp-hero { align-items: start; }
/* Nadpis začíná ve výšce panelu ukázek (o 35 px níž než dřív) */
html.novy-design .lp-titulek { margin-top: 59px; }
@media (max-width: 940px) { html.novy-design .lp-titulek { margin-top: 24px; } }

/* ═══ Zbytek stránky v náhledu: pruh důvěry, autor s referencí, výzva ═══ */
.lpd { display: none; }
html.novy-design .lpd { display: block; }
html.novy-design .lp-pod-poklickou,
html.novy-design .lp-autor-bio,
html.novy-design .lp-autor,
html.novy-design .lp-cena { display: none; }

/* Pruh důvěry */
html.novy-design .lpd-duvera {
  display: grid; grid-template-columns: repeat(3, 1fr); gap: 28px;
  padding: 36px 0; margin-top: 8px;
  border-top: 1px solid rgba(255, 255, 255, .08);
  border-bottom: 1px solid rgba(255, 255, 255, .08);
}
html.novy-design .lpd-duvera > div { display: flex; gap: 14px; align-items: flex-start; }
html.novy-design .lpd-ikona {
  display: grid; place-items: center; flex: 0 0 auto;
  width: 40px; height: 40px; border-radius: 10px;
  background: rgba(96, 165, 250, .12); color: #93c5fd;
}
html.novy-design .lpd-duvera p { margin: 0; font-size: 14px; line-height: 1.5; color: rgba(255, 255, 255, .6); }
html.novy-design .lpd-duvera strong { display: block; font-size: 15px; color: #fff; margin-bottom: 2px; }
html.novy-design .lpd-duvera a { color: #93c5fd; }

/* Autor + reference */
html.novy-design .lpd-autor {
  display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr);
  gap: 56px; align-items: center; padding: 96px 0;
}
html.novy-design .lpd-citace { margin: 0; position: relative; padding-left: 28px; border-left: 3px solid #3b82f6; }
html.novy-design .lpd-citace blockquote {
  margin: 0; color: #fff;
  font-size: clamp(20px, 2vw, 26px); line-height: 1.45; letter-spacing: -.01em; font-weight: 500;
}
html.novy-design .lpd-citace figcaption { margin-top: 18px; font-size: 14px; color: rgba(255, 255, 255, .55); }
html.novy-design .lpd-citace figcaption strong { display: block; color: #fff; font-size: 15px; }
html.novy-design .lpd-autor-karta {
  display: flex; gap: 18px; align-items: flex-start;
  padding: 22px; border-radius: 16px;
  background: rgba(255, 255, 255, .04); border: 1px solid rgba(255, 255, 255, .08);
}
html.novy-design .lpd-autor-karta img { width: 76px; height: 76px; border-radius: 50%; object-fit: cover; object-position: center top; flex: 0 0 auto; }
html.novy-design .lpd-autor-karta > div { display: grid; gap: 3px; }
html.novy-design .lpd-autor-karta strong { font-size: 18px; color: #fff; }
html.novy-design .lpd-role { font-size: 13px; color: rgba(255, 255, 255, .55); }
html.novy-design .lpd-autor-karta p { margin: 8px 0 0; font-size: 14.5px; line-height: 1.55; color: rgba(255, 255, 255, .72); }

/* Závěrečná výzva – stejný modrý přechod jako úvodní blok */
html.novy-design .lpd-zaver {
  margin: 0 0 72px; padding: 56px 32px; border-radius: 20px; text-align: center;
  background:
    radial-gradient(60% 80% at 50% 0%, rgba(59, 130, 246, .35), transparent 70%),
    linear-gradient(180deg, #16305c, #0e1a33);
  border: 1px solid rgba(255, 255, 255, .08);
}
html.novy-design .lpd-zaver h2 { margin: 0; font-size: clamp(26px, 3vw, 36px); line-height: 1.15; letter-spacing: -.02em; color: #fff; }
html.novy-design .lpd-zaver p { margin: 12px auto 0; max-width: 34em; color: rgba(255, 255, 255, .65); font-size: 16px; }
html.novy-design .lpd-zaver-akce { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; margin-top: 28px; }
html.novy-design .lpd-btn-obrys {
  display: inline-flex; align-items: center; padding: 0 22px; border-radius: 8px;
  border: 1px solid rgba(255, 255, 255, .25); color: #fff; text-decoration: none; font-weight: 600; font-size: 15px;
}
html.novy-design .lpd-btn-obrys:hover { border-color: rgba(255, 255, 255, .5); }

@media (max-width: 900px) {
  html.novy-design .lpd-duvera { grid-template-columns: 1fr; gap: 18px; }
  html.novy-design .lpd-autor { grid-template-columns: 1fr; gap: 32px; padding: 64px 0; }
  html.novy-design .lpd-zaver { padding: 40px 20px; margin-bottom: 48px; }
  html.novy-design .lpd-btn-obrys { padding: 12px 22px; }
}

/* Závěrečná výzva přes celou šířku okna (border-image přesahuje do stran
   bez vodorovného posuvníku), navazuje na patičku */
html.novy-design .lpd-zaver {
  position: relative;
  margin: 0;
  padding: 72px 0 80px;
  border: none;
  border-radius: 0;
  background: none;
  border-image: linear-gradient(180deg, #16305c, #0e1a33) fill 0 / / 0 100vw;
}
html.novy-design .lpd-zaver::before {
  content: ""; position: absolute; inset: 0; pointer-events: none;
  background: radial-gradient(50% 90% at 50% 0%, rgba(59, 130, 246, .32), transparent 70%);
}
html.novy-design .lpd-zaver > * { position: relative; }

/* ═══ Přihlášení, registrace a obnova hesla ve stylu úvodní stránky:
   horní pás s modrým přechodem a štítem, pod ním světlý formulář. ═══ */
html.novy-design .modal:has(.auth-hlavicka) { background: rgba(8, 15, 32, .55); backdrop-filter: blur(6px); }
html.novy-design .auth-modal-box, html.novy-design .reg-box {
  border: none; border-radius: 18px;
  box-shadow: 0 30px 80px -20px rgba(0, 0, 0, .6);
}
html.novy-design .modal-box .auth-hlavicka {
  position: relative;
  margin: -32px -32px 24px; padding: 30px 32px 26px;
  border-radius: 18px 18px 0 0;
  color: #fff; text-align: left;
  background:
    radial-gradient(70% 120% at 90% 0%, rgba(59, 130, 246, .38), transparent 70%),
    linear-gradient(160deg, #0e1a33 0%, #16305c 100%);
}
html.novy-design .modal-box .auth-logo {
  display: flex; align-items: center; gap: 9px;
  margin-bottom: 22px;
  color: #fff; font-size: 17px; letter-spacing: .08em;
}
html.novy-design .modal-box .auth-logo::before {
  content: ""; width: 20px; height: 23px; flex: 0 0 auto;
  background: url(/static/logo_stit.png) center / contain no-repeat;
}
html.novy-design .modal-box .auth-hlavicka h3 { color: #fff; font-size: 24px; margin-bottom: 4px; }
html.novy-design .modal-box .auth-podtitulek { color: rgba(255, 255, 255, .65); font-size: 14px; margin: 0; }
/* Křížek na tmavém pásu */
html.novy-design .auth-modal-box > .modal-close,
html.novy-design .reg-box > .modal-close {
  z-index: 2; top: 18px; right: 18px;
  background: rgba(255, 255, 255, .1); color: #fff;
}
html.novy-design .auth-modal-box > .modal-close:hover,
html.novy-design .reg-box > .modal-close:hover { background: rgba(255, 255, 255, .2); }
/* Formulář: jemnější pole a tlačítko */
html.novy-design .modal .auth-field input { border-radius: 9px; padding: 11px 13px; font-size: 14.5px; }
html.novy-design .modal .auth-submit {
  border-radius: 9px; padding: 12px; font-size: 15px; font-weight: 600;
  box-shadow: 0 6px 18px -6px rgba(37, 99, 235, .55);
}
html.novy-design .modal .auth-submit:hover { background: #1d4ed8; }
html.novy-design .modal .auth-submit { justify-content: center; text-align: center; }

/* Přepínač jazyka v liště úvodní stránky */
.jazyk-prepinac { display: inline-flex; gap: 2px; padding: 3px; border-radius: 8px; border: 1px solid rgba(255, 255, 255, .16); margin-right: 6px; }
.jazyk-prepinac button {
  background: none; border: none; cursor: pointer; font: inherit;
  font-size: 12.5px; font-weight: 600; letter-spacing: .04em;
  color: rgba(255, 255, 255, .6); padding: 5px 9px; border-radius: 6px;
}
.jazyk-prepinac button:hover { color: #fff; }
html[lang="cs"] .jazyk-prepinac [data-jazyk="cs"],
html[lang="en"] .jazyk-prepinac [data-jazyk="en"] { background: rgba(255, 255, 255, .14); color: #fff; }

/* ═══ Ukázky v tmavém skle jako panel „Co UniSKAN umí“ – bez bílých ploch ═══ */
html.novy-design .lp-ukazky .lpu-okno,
html.novy-design .lp-ukazky .lpu-email {
  background: rgba(255, 255, 255, .05);
  border: 1px solid rgba(255, 255, 255, .1);
  box-shadow: 0 20px 44px -24px rgba(0, 0, 0, .6);
  color: #e2e8f0;
  backdrop-filter: blur(6px);
}
html.novy-design .lp-ukazky .lpu-okno-lista,
html.novy-design .lp-ukazky .lpu-email-hlava { background: rgba(255, 255, 255, .04); border-bottom-color: rgba(255, 255, 255, .08); }
html.novy-design .lp-ukazky .lpu-okno-lista span { background: rgba(255, 255, 255, .2); }
html.novy-design .lp-ukazky .lpu-app-hlava strong,
html.novy-design .lp-ukazky .lpu-app-titul,
html.novy-design .lp-ukazky .lpu-email-polozka strong,
html.novy-design .lp-ukazky .lpu-email-souhrn b,
html.novy-design .lp-ukazky .lpu-report-titul,
html.novy-design .lp-ukazky .lpu-osoba strong { color: #fff; }
html.novy-design .lp-ukazky .lpu-app-hlava span,
html.novy-design .lp-ukazky .lpu-app-meta,
html.novy-design .lp-ukazky .lpu-email-hlava span,
html.novy-design .lp-ukazky .lpu-email-polozka span,
html.novy-design .lp-ukazky .lpu-osoba > div span,
html.novy-design .lp-ukazky .lpu-afiliace > div > span:first-child,
html.novy-design .lp-ukazky .lpu-report-stitek,
html.novy-design .lp-ukazky .lpu-report-radek > span { color: rgba(255, 255, 255, .5); }
html.novy-design .lp-ukazky .lpu-app-pilulky span { border-color: rgba(255, 255, 255, .14); color: rgba(255, 255, 255, .7); }
html.novy-design .lp-ukazky .lpu-app-pilulky span.aktivni { background: #fff; border-color: #fff; color: #0f172a; }
html.novy-design .lp-ukazky .lpu-app-radek,
html.novy-design .lp-ukazky .lpu-email-polozka,
html.novy-design .lp-ukazky .lpu-email-souhrn,
html.novy-design .lp-ukazky .lpu-afiliace > div,
html.novy-design .lp-ukazky .lpu-report-radek { border-color: rgba(255, 255, 255, .08); }
html.novy-design .lp-ukazky .lpu-app-radek-sankce { border-left-color: #f87171; }
/* Štítky tlumeně na tmavém pozadí */
html.novy-design .lp-ukazky .chip-sankce { background: rgba(239, 68, 68, .16); color: #fca5a5; border-color: rgba(248, 113, 113, .35); }
html.novy-design .lp-ukazky .chip-7 { background: rgba(255, 255, 255, .08); color: #e2e8f0; border-color: rgba(255, 255, 255, .16); }
html.novy-design .lp-ukazky .chip-zeme { background: rgba(255, 255, 255, .04); color: rgba(255, 255, 255, .7); border-color: rgba(255, 255, 255, .12); }
/* E-mail, prověření osoby, report */
html.novy-design .lp-ukazky .lpu-email-btn { background: #2563eb; }
html.novy-design .lp-ukazky .lpu-osoba { background: rgba(255, 255, 255, .05); }
html.novy-design .lp-ukazky .lpu-mini-avatar { background: rgba(96, 165, 250, .18); color: #bfdbfe; }
html.novy-design .lp-ukazky .lpu-semafor { color: #fde68a; }
html.novy-design .lp-ukazky .lpu-report-semafor { background: rgba(239, 68, 68, .14); color: #fecaca; }
html.novy-design .lp-ukazky .lpu-report-semafor em { color: #fca5a5; }
html.novy-design .lp-ukazky .lpu-report-radek sup { color: #93c5fd; }