/* Společná horní lišta všech místních záložek, přesně podle Koček. */
html.compact-preview header .logo { display: grid; grid-template-columns: 48px minmax(130px,1.1fr) minmax(0,2.5fr) auto auto;
  align-items: center; gap: 12px; width: 100%; }
html.compact-preview header #main-logo { width: 48px; height: 48px; border-radius: 7px; }
html.compact-preview header .logo-text-wrapper { align-items: start; min-width: 0; }
html.compact-preview header .logo .logo-text-wrapper h1 { font-size: calc(23px * var(--fs-scale,1)) !important; font-weight: 700; text-align: left;
  height: auto !important; line-height: 1.2 !important; white-space: normal !important;
  overflow-wrap: anywhere; overflow: visible !important; text-overflow: clip !important; }
html.compact-preview header #stanice-logo { grid-column: 4; grid-row: 1; width: 48px; height: 48px; margin: 0; }
html.compact-preview header #stanice-logo[style*="hidden"] { display: none; }
html.compact-preview header .logo:has(#stanice-logo:not([style*="hidden"])) { grid-template-columns: 48px minmax(130px,1.1fr) minmax(0,2.5fr) 48px auto auto; }
html.compact-preview header .logo:has(#stanice-logo:not([style*="hidden"])) #header-version-tile { grid-column: 5; }
html.compact-preview header .logo:has(#stanice-logo:not([style*="hidden"])) #lang-pill-wrap { grid-column: 6; }
html.compact-preview header .compact-statuses { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 10px; min-width: 0; }
html.compact-preview header .compact-statuses #cloud-badge { display: contents !important; }
html.compact-preview header .compact-statuses #cloud-badge > * { display: grid !important; grid-template-columns: auto minmax(0,1fr); align-content: center;
  gap: 0 6px !important; width: 100% !important; min-width: 0 !important; max-width: none !important; min-height: 46px; padding: 6px 8px !important;
  border-radius: 5px !important; white-space: normal !important; font-weight: 500 !important;
  overflow: visible !important; overflow-wrap: anywhere; }
html.compact-preview header .compact-statuses #cloud-badge svg { grid-row: 1 / 3; align-self: center; width: 19px; height: 19px; }
html.compact-preview header .compact-statuses #cloud-badge span > span { overflow: visible !important; text-overflow: clip !important; }
html.compact-preview header .compact-badge-state { grid-column: 2; display: block; font-size: inherit !important; }
@media (min-width: 1101px) {
html.compact-preview header .compact-statuses #cloud-badge > * { display: flex !important; gap: 5px !important; }
html.compact-preview header .compact-badge-state::before { content: '· '; }
html.compact-preview header #header-backup-tile { flex-direction: row; gap: 5px; }
}
html.compact-preview header #header-backup-tile { min-width: 0; width: auto; height: auto; min-height: 46px; padding: 6px;
  border-radius: 5px; box-shadow: none; gap: 2px; }
html.compact-preview header #header-backup-sub { text-transform: none !important; letter-spacing: 0 !important; }
html.compact-preview header #header-version-tile { width: auto; min-width: 0; max-width: none; background: transparent; border: 0;
  color: var(--text2); box-shadow: none; padding: 0 2px; height: 44px; }
html.compact-preview header #header-version-line1, html.compact-preview header .ver-update-ico { display: none; }
html.compact-preview header #header-version-line2 { font-size: 11px !important; }
html.compact-preview header #lang-pill-wrap { min-width: 64px; z-index: 502; }
html.compact-preview header #lang-pill-btn { width: 100%; height: 44px; border: 1px solid var(--border); border-radius: 5px; background: var(--surface); color: var(--accent); }
@media (max-width: 1100px) {
html.compact-preview header .logo { grid-template-columns: 44px minmax(130px,1fr) auto auto; gap: 9px; }
html.compact-preview header .logo:has(#stanice-logo:not([style*="hidden"])) { grid-template-columns: 44px minmax(130px,1fr) 44px auto auto; }
html.compact-preview header #stanice-logo { grid-column: 3; width: 44px; height: 44px; }
html.compact-preview header .logo:has(#stanice-logo:not([style*="hidden"])) #header-version-tile { grid-column: 4; }
html.compact-preview header .logo:has(#stanice-logo:not([style*="hidden"])) #lang-pill-wrap { grid-column: 5; }
html.compact-preview header .compact-statuses { grid-column: 1 / -1; grid-row: 2; width: 100%; }
}
@media (max-width: 600px) {
html.compact-preview header .logo { grid-template-columns: 40px minmax(0,1fr) 58px; gap: 5px 7px; }
html.compact-preview header .logo:has(#stanice-logo:not([style*="hidden"])) { grid-template-columns: 40px minmax(0,1fr) 58px; }
html.compact-preview header #stanice-logo { grid-column: 2; grid-row: 2; justify-self: end; width: 18px; height: 18px; }
html.compact-preview header .logo:has(#stanice-logo:not([style*="hidden"])) #header-version-tile { grid-column: 2; }
html.compact-preview header .logo:has(#stanice-logo:not([style*="hidden"])) #lang-pill-wrap { grid-column: 3; }
html.compact-preview header #main-logo { width: 40px; height: 40px; grid-row: 1 / 3; }
html.compact-preview header .logo-text-wrapper { grid-column: 2; grid-row: 1; }
html.compact-preview header .logo .logo-text-wrapper h1 { font-size: calc(17px * var(--fs-scale,1)) !important; }
html.compact-preview header #lang-pill-wrap { grid-column: 3; grid-row: 1 / 3; min-width: 0; }
html.compact-preview header #header-version-tile { grid-column: 2; grid-row: 2; justify-self: start; min-height: 18px; height: 18px; }
html.compact-preview header #header-version-line2 { font-size: 9px !important; }
html.compact-preview header .compact-statuses { grid-row: 3; width: 100%; gap: 5px; }
html.compact-preview header .compact-statuses #cloud-badge > * { padding: 5px !important; min-height: var(--compact-touch); gap: 0 4px !important; }
html.compact-preview header #header-backup-tile { min-height: var(--compact-touch); padding: 5px 3px; }
}
html.compact-preview header .logo { grid-auto-rows: 48px; }
html.compact-preview header .logo .logo-text-wrapper { height: 48px; justify-content: center; }
html.compact-preview header .logo .logo-text-wrapper h1 { max-height: 48px; line-height: 1.2 !important; }
html.compact-preview header .compact-statuses { height: 46px; }
html.compact-preview header .compact-statuses #cloud-badge > *, html.compact-preview header #header-backup-tile { height: 46px !important; min-height: 0 !important; max-height: 46px; box-sizing: border-box; }
html.compact-preview header .compact-statuses #cloud-badge * { font-size: inherit !important; }
html.compact-preview header #header-backup-tile span { font-size: inherit !important; line-height: 1.2 !important; }
html.compact-preview header #header-backup-tile::after { inset: 0; width: auto; height: auto; transform: none; }
@media (max-width: 600px) {
html.compact-preview header .logo { grid-auto-rows: auto; grid-template-rows: 24px 18px 44px; }
html.compact-preview header .logo .logo-text-wrapper { height: 24px; }
html.compact-preview header .logo .logo-text-wrapper h1 { max-height: 24px; }
html.compact-preview header .compact-statuses { height: 44px; }
html.compact-preview header .compact-statuses #cloud-badge > *, html.compact-preview header #header-backup-tile { height: 44px !important; max-height: 44px; }
}
html.compact-preview header .logo { margin:0; }
html.compact-preview header .logo .logo-text-wrapper { width:auto; }
html.compact-preview header .compact-statuses :is(#badge-device,#badge-cloud,#header-backup-tile) { transform:none !important; transition-property:background-color,border-color,color,box-shadow !important; }
html.compact-preview header #header-backup-tile { display:flex !important; flex-direction:column; align-items:center; justify-content:center; width:100%; text-overflow:clip; }
html.compact-preview header .compact-statuses #cloud-badge span { overflow:visible !important; text-overflow:clip !important; }
@media (min-width:1101px) { html.compact-preview header #header-backup-tile { flex-direction:row; gap:5px; } }
/* Původní Zásoby/Nastavení používají zoom stránky; hlavička zachová fyzické rozměry. */
html.compact-preview.font-small:not(.compact-home,.compact-litters,.compact-finance,.compact-calendar,.compact-shows,.compact-supplies) header { zoom:calc(1 / .88); }
html.compact-preview.font-large:not(.compact-home,.compact-litters,.compact-finance,.compact-calendar,.compact-shows,.compact-supplies) header { zoom:calc(1 / 1.18); }

html.compact-preview header { position:relative; left:50%; transform:translateX(-50%); width:min(1320px,calc(100vw - 28px)); max-width:none; padding:8px 0 0; margin:0 0 6px; border:0; gap:8px; }
html.compact-preview header #header-version-tile { display:flex !important; }
@media (max-width:600px) { html.compact-preview header { width:calc(100vw - 20px); gap:7px; padding:8px 0 0; margin-bottom:6px; } }

/* Dlouhý stav zálohy se zalomí uvnitř pevné mobilní dlaždice i při minimálním písmu. */
@media (max-width:600px) {
html.compact-preview header #header-backup-tile { padding-block:2px; row-gap:0; }
html.compact-preview header #header-backup-tile > span { min-width:0; max-width:100%; white-space:normal; overflow-wrap:anywhere; }
}

/* Jednoznačné pozice mimo mobil: starší záložky mají vlastní breakpoint 700/740 px. */
@media (min-width:601px) and (max-width:1100px) {
html.compact-preview header .logo,
html.compact-preview header .logo:has(#stanice-logo:not([style*="hidden"])) { grid-template-rows:48px 46px; }
html.compact-preview header #main-logo { grid-column:1; grid-row:1; }
html.compact-preview header .logo-text-wrapper { grid-column:2; grid-row:1; }
html.compact-preview header .compact-statuses { grid-column:1 / -1; grid-row:2; }
html.compact-preview header .compact-statuses #header-backup-tile { height:46px !important; }
html.compact-preview header #stanice-logo { grid-column:3; grid-row:1; }
html.compact-preview header #header-version-tile { grid-column:3; grid-row:1; }
html.compact-preview header #lang-pill-wrap { grid-column:4; grid-row:1; }
html.compact-preview header .logo:has(#stanice-logo:not([style*="hidden"])) #header-version-tile { grid-column:4; }
html.compact-preview header .logo:has(#stanice-logo:not([style*="hidden"])) #lang-pill-wrap { grid-column:5; }
}
@media (min-width:1101px) {
html.compact-preview header .logo,
html.compact-preview header .logo:has(#stanice-logo:not([style*="hidden"])) { grid-template-rows:48px; }
html.compact-preview header #main-logo { grid-column:1; grid-row:1; }
html.compact-preview header .logo-text-wrapper { grid-column:2; grid-row:1; }
html.compact-preview header .compact-statuses { grid-column:3; grid-row:1; }
html.compact-preview header #stanice-logo { grid-column:4; grid-row:1; }
html.compact-preview header #header-version-tile { grid-column:4; grid-row:1; }
html.compact-preview header #lang-pill-wrap { grid-column:5; grid-row:1; }
html.compact-preview header .logo:has(#stanice-logo:not([style*="hidden"])) #header-version-tile { grid-column:5; }
html.compact-preview header .logo:has(#stanice-logo:not([style*="hidden"])) #lang-pill-wrap { grid-column:6; }
}
/* Tři stavové dlaždice (Zařízení, Google, Záloha) mají stejný tvar: rohy, rámeček, výška, písmo. */
html:is(.compact-preview,.compact-home) header .compact-statuses > #cloud-badge > *,
html:is(.compact-preview,.compact-home) header .compact-statuses > #header-backup-tile {
  box-sizing: border-box !important; height: 46px !important; min-height: 46px !important; border-radius: 5px !important;
  border-width: 1.5px !important; border-style: solid !important; font-weight: 600 !important; font-size: 14px !important; line-height: 1.2 !important; }
@media (max-width: 600px) {
html:is(.compact-preview,.compact-home) header .compact-statuses > #cloud-badge > *,
html:is(.compact-preview,.compact-home) header .compact-statuses > #header-backup-tile { height: auto !important; }
}
/* Jednotné zaoblení všech dlaždic a tlačítek na úvodní obrazovce: 6 px. */
html:is(.compact-preview,.compact-home) {
  --compact-radius: 6px; }
html:is(.compact-preview,.compact-home) :is(
  header .compact-statuses > #cloud-badge > *, header #header-backup-tile, header #header-version-tile, header #lang-pill-wrap > *, header #lang-pill-wrap button,
  #header-row2 .header-left-group > *, #header-row2 .h-tile, #header-row2 .filter-btn, #header-row2 #cat-sex-tabs button, #header-row2 #cat-sort-bar button, .top-info-tile,
  #stats > *, #cat-sex-tabs > *, .compact-list > *, .compact-card-actions button, .compact-vaccine, .tab-item, .compact-photo, .compact-summary img) {
  border-radius: var(--compact-radius) !important; }
/* PC: tři stavové dlaždice přesně na středu stránky. */
@media (min-width: 1101px) {
html.compact-preview header .logo .compact-statuses { grid-column: 1 / -1; grid-row: 1; justify-self: center; width: 580px; z-index: 1; }
}
/* PC: celá řada v jednom řádku – 5 počtů, přepínač Dlaždice / Seznam / Kompakt (2 sloupce) a 5 filtrů (Všichni … Archiv), 27. 10. 2026. */
@media (min-width: 1101px) {
html.compact-home .compact-overview { grid-template-columns: repeat(12,minmax(0,1fr)); }
html.compact-home .compact-overview > #stats, html.compact-home .compact-overview > #cat-sex-tabs { display: contents !important; }
html.compact-home .compact-overview > #cat-sex-tabs > * { order: 20; }
}
/* Text „Poznámky" a „Krytí" je přesně na středu dlaždice, ikona se přizpůsobí a stojí vlevo vedle textu. */
html.compact-home .header-left-group .fbtn-notes { text-align: center; }
html.compact-home .fbtn-notes::before { display: inline-block; width: 0; margin: 0; overflow: visible; direction: rtl; white-space: nowrap; transform: translateX(-7px); }
html.compact-home .fbtn-mating .mating-wrap { position: relative; display: inline-flex; width: auto; }
html.compact-home .fbtn-mating .fbtn-mating-icon { position: absolute !important; right: 100%; top: 50%; margin-right: 5px; transform: translateY(-50%) !important; }
@media (max-width: 600px) { html.compact-home .fbtn-notes::before { display: none; } }
/* Spodní lišta záložek: vnitřní okraj a mezery 6 px, rohy 6 px (stejně na všech záložkách i na telefonu). */
html.compact-preview .ios-tab-bar { padding: 6px; gap: 6px; box-sizing: border-box; }
html.compact-preview .ios-tab-bar .tab-item { flex: 1 1 0; min-width: 0; border-radius: 6px !important; }
@media (max-width: 600px) {
html.compact-preview .ios-tab-bar { padding: 6px 3px; gap: 2px; }
html.compact-preview .ios-tab-bar .tab-label { white-space: nowrap; hyphens: none; -webkit-hyphens: none; letter-spacing: -.02em; font-size: .92em !important; }
}
/* Jednotné písmo: „Všichni" jako ostatní filtry; QR u výstav jako sousední tlačítka. */
html.compact-home #stats > .stat[onclick*="navigateToFilter"] .stat-label { font-weight: 600; text-transform: none !important; letter-spacing: 0 !important; height: auto !important; max-height: none !important; width: 100% !important; line-height: 1.2 !important; white-space: nowrap; }
html.compact-shows [class*="shows-qr-pill"], html.compact-shows [class*="shows-qr-pill"] * { font-size: calc(8.2px * var(--fs-scale,1)) !important; font-weight: 600 !important; }
/* Spodní lišta: stejná velikost dlaždic na všech záložkách a každá záložka má svou jemnou barvu. */
html.compact-preview .ios-tab-bar { position: fixed; left: 50%; bottom: 0; transform: translateX(-50%); width: min(1320px, calc(100% - 28px)); max-width: none; box-sizing: border-box;
  display: grid !important; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 6px; padding: 6px; height: calc(76px + env(safe-area-inset-bottom)); }
html.compact-preview .ios-tab-bar .tab-item { width: 100%; max-width: none !important; height: 62px; min-height: 0; margin: 0; box-sizing: border-box; }
@media (max-width: 600px) { html.compact-preview .ios-tab-bar { width: 100%; gap: 2px; padding: 6px 3px; height: calc(68px + env(safe-area-inset-bottom)); border-radius: 0; } html.compact-preview .ios-tab-bar .tab-item { height: 56px; } }
html.compact-preview .ios-tab-bar .tab-item { --t: 130,140,170; --td: 70,80,115;
  background: linear-gradient(135deg, rgba(var(--t),.20), rgba(var(--t),.06)) !important; border: 1px solid rgba(var(--t),.35) !important; box-shadow: none !important; }
html.compact-preview .ios-tab-bar .tab-item:nth-child(1) { --t: 150,110,230; --td: 98,50,214; }
html.compact-preview .ios-tab-bar .tab-item:nth-child(2) { --t: 240,120,160; --td: 170,40,90; }
html.compact-preview .ios-tab-bar .tab-item:nth-child(3) { --t: 70,190,140; --td: 18,110,76; }
html.compact-preview .ios-tab-bar .tab-item:nth-child(4) { --t: 90,150,230; --td: 30,80,170; }
html.compact-preview .ios-tab-bar .tab-item:nth-child(5) { --t: 235,180,60; --td: 140,95,10; }
html.compact-preview .ios-tab-bar .tab-item:nth-child(6) { --t: 240,150,90; --td: 160,70,15; }
html.compact-preview .ios-tab-bar .tab-item:nth-child(7) { --t: 130,140,170; --td: 70,80,115; }
html.compact-preview .ios-tab-bar .tab-item.active { background: linear-gradient(135deg, rgba(var(--t),.46), rgba(var(--t),.24)) !important; border-color: rgba(var(--t),.85) !important; }
html.compact-preview .ios-tab-bar .tab-item.active .tab-label { color: rgb(var(--td)) !important; font-weight: 600; }
html.compact-preview.dark .ios-tab-bar .tab-item.active .tab-label { color: rgb(var(--t)) !important; }
html.compact-preview .ios-tab-bar .tab-item .tab-label { color: rgb(var(--td)) !important; opacity: .82; }
html.compact-preview .ios-tab-bar .tab-item.active .tab-label { opacity: 1; }
html.compact-preview.dark .ios-tab-bar .tab-item .tab-label { color: rgb(var(--t)) !important; }
/* Dotykové displeje: výběry mají 16 px, jinak iOS po klepnutí stránku přiblíží. */
@media (pointer: coarse) { html.compact-preview select { font-size: 16px !important; } }
/* Spodní lišta: ikona a popisek mají vzduch, ikona se nelepí na okraj dlaždice. */
html.compact-preview .ios-tab-bar .tab-item { justify-content: center; align-items: center; gap: 4px; padding: 6px 2px; }
html.compact-preview .ios-tab-bar .tab-item .tab-icon, html.compact-preview .ios-tab-bar .tab-item .tab-icon svg { width: 26px; height: 26px; font-size: 22px; line-height: 26px; margin: 0; }
html.compact-preview .ios-tab-bar .tab-item .tab-label { height: auto; line-height: 1.15 !important; margin: 0; }
@media (max-width: 600px) { html.compact-preview .ios-tab-bar .tab-item { padding: 4px 1px; gap: 3px; } html.compact-preview .ios-tab-bar .tab-item .tab-icon, html.compact-preview .ios-tab-bar .tab-item .tab-icon svg { width: 24px; height: 24px; font-size: 20px; line-height: 24px; } }
html.compact-preview .ios-tab-bar .tab-item .tab-icon, html.compact-preview .ios-tab-bar .tab-item.active .tab-icon { transform: none !important; filter: none !important; width: 30px; height: 30px; }
html.compact-preview .ios-tab-bar .tab-item .tab-icon svg { width: 30px; height: 30px; }
html.compact-preview .ios-tab-bar .tab-item { padding: 5px 2px; gap: 3px; }
@media (max-width: 600px) { html.compact-preview .ios-tab-bar .tab-item .tab-icon, html.compact-preview .ios-tab-bar .tab-item.active .tab-icon, html.compact-preview .ios-tab-bar .tab-item .tab-icon svg { width: 26px; height: 26px; } html.compact-preview .ios-tab-bar .tab-item { padding: 4px 1px; } }
/* Nastavení: tlačítko Hledat tam není potřeba. */
html.compact-preview:has(#tab-nastaveni.active) #global-search-btn { display:none !important; }
/* Nastavení: všude stejná mezera 6 px mezi bloky, štítky a seznamy (PC i telefon). */
html.compact-preview #tab-nastaveni > div > div:first-child { margin-bottom:6px !important; }
html.compact-preview #tab-nastaveni > div > div:nth-child(2) > :nth-child(1) { margin-bottom:6px !important; }
html.compact-preview #tab-nastaveni > div > div:nth-child(2) > :nth-child(2) { margin-bottom:6px !important; }
html.compact-preview #tab-nastaveni > div > div:nth-child(2) > :nth-child(3) { margin:0 !important; gap:6px !important; }
html.compact-preview #tab-nastaveni .set-brand-group { margin:6px 0 0 !important; }
html.compact-preview #tab-nastaveni .set-brand-hdr { margin-bottom:6px !important; gap:6px !important; }
html.compact-preview #tab-nastaveni .set-danger-card { margin:6px 0 0 !important; }
html.compact-preview #tab-nastaveni .set-patka { margin-top:6px !important; }
html.compact-preview #tab-nastaveni .set-patka { margin-top:0 !important; }
html.compact-preview #tab-nastaveni .set-brand-group:last-of-type { margin-bottom:0 !important; }
html.compact-preview #tab-nastaveni > div > div:nth-child(2) > :last-child { margin-top:6px !important; }
html.compact-preview #tab-nastaveni > div > div:nth-child(2) > :last-child > :first-child { margin-top:0 !important; }
/* Nastavení: bez ikonek v nadpisech a štítcích sekcí, nadpisy Nastavení a Podpora stejně velké. */
html.compact-preview #tab-nastaveni > div > div:first-child > span:first-child,
html.compact-preview #tab-nastaveni > div > div:first-child > :first-child:not([data-lang]):not(:last-child),
html.compact-preview #tab-nastaveni > div > div:nth-child(2) > :nth-child(2) > span:first-child,
html.compact-preview #tab-nastaveni .set-brand-hdr > span:first-child { display:none !important; }
html.compact-preview #tab-nastaveni > div > div:first-child,
html.compact-preview #tab-nastaveni > div > div:nth-child(2) > :nth-child(2) { padding-left:0 !important; }
html.compact-preview #tab-nastaveni > div > div:first-child span,
html.compact-preview #tab-nastaveni > div > div:nth-child(2) > :nth-child(2) span { font-size:calc(13px * var(--fs-scale,1)) !important; font-weight:700 !important; }
html.compact-preview #tab-nastaveni .set-brand-hdr { padding-left:0 !important; }
/* Nastavení: nadpis, Podpora, štítky sekcí i obsah začínají na stejném místě zleva. */
html.compact-preview #tab-nastaveni > div > div:first-child { padding-left:17px !important; }
html.compact-preview #tab-nastaveni .set-brand-hdr { margin-left:0 !important; padding-left:0 !important; }
/* Nastavení: mezera nad nadpisem a pod ním je stejná jako všude (6 px). */
html.compact-preview #tab-nastaveni > div { padding-top:0 !important; }
html.compact-preview #tab-nastaveni > div > div:first-child { margin-bottom:6px !important; margin-top:0 !important; line-height:1.2 !important; }
html.compact-preview #tab-nastaveni > div > div:first-child span { line-height:1.2 !important; }
html.compact-preview #tab-nastaveni > div > div:nth-child(2) { padding-top:16px !important; }
html.compact-preview #tab-nastaveni > div > div:nth-child(2) > :nth-child(2) span { line-height:1.2 !important; }
html.compact-preview #tab-nastaveni > div > div:first-child { margin-top:-3px !important; }
html.compact-preview #tab-nastaveni .breedtrack-promo-card { margin-bottom:2px !important; }
html.compact-preview #tab-nastaveni > div > div:nth-child(2) > :nth-child(1) { margin-bottom:2px !important; }
html.compact-preview #tab-nastaveni > div > div:nth-child(2) > :nth-child(2) { margin-bottom:5px !important; }
/* Nastavení: modrý pruh je na středu stránky. */
html.compact-preview:has(#tab-nastaveni.active) #header-row2 { justify-content:center !important; }
html.compact-preview:has(#tab-nastaveni.active) #header-row2 .header-left-group { flex:0 1 auto !important; justify-content:center; }
html.compact-preview:has(#tab-nastaveni.active) #header-row2 .header-right-group { display:none !important; }
/* Název aplikace v hlavičce: Nunito 800, menší písmo. */
html.compact-preview header .logo .logo-text-wrapper h1 { font-family:'Nunito','IBM Plex Sans',sans-serif !important; font-weight:800 !important; letter-spacing:0 !important; }
/* Dnešní plán a Zkušební doba: jemné zlaté lemování (1,5 px) a velmi světlé zlaté pozadí. */
html.compact-home #co-dnes .top-info-tile { border:1.5px solid rgba(214,160,30,.5) !important; border-radius:6px !important;
  background:linear-gradient(135deg,#fffdf4,#fdf5dc) !important; box-shadow:inset 1px 1px 0 #fff, 0 2px 5px #c9a23a18 !important; }
html.compact-home.dark #co-dnes .top-info-tile { border-color:rgba(214,160,30,.55) !important; background:linear-gradient(135deg,#3a3120,#2e2718) !important; box-shadow:inset 1px 1px 0 #ffffff14, 0 2px 5px #00000030 !important; }
html.compact-home #header-row2 #co-dnes .top-info-tile { border:1.5px solid rgba(214,160,30,.5) !important; border-radius:6px !important;
  background:linear-gradient(135deg,#fffdf4,#fdf5dc) !important; box-shadow:inset 1px 1px 0 #fff, 0 2px 5px #c9a23a18 !important; }
html.compact-home.dark #header-row2 #co-dnes .top-info-tile { border-color:rgba(214,160,30,.55) !important; background:linear-gradient(135deg,#3a3120,#2e2718) !important; box-shadow:inset 1px 1px 0 #ffffff14, 0 2px 5px #00000030 !important; }
/* Rámeček s dalším očkováním na kartě kočky: jemné lemování ve stejné barvě jako jeho pozadí a text. */
html.compact-home .compact-vaccine { border:1.5px solid color-mix(in srgb, var(--adult-ink) 30%, transparent) !important; border-radius:6px !important; box-sizing:border-box; }
html.compact-home .compact-vaccine.compact-overdue { border-color:rgba(214,140,30,.5) !important; }
/* Další očkování: obsah (ikonka, popisek, datum) je svisle na středu rámečku. */
html.compact-home .compact-vaccine { padding-top:0 !important; padding-bottom:0 !important; align-content:center !important; align-items:center !important; grid-template-rows:auto auto !important; row-gap:0 !important; }
html.compact-home .compact-vaccine::before { grid-row:1 / 3 !important; align-self:center !important; }
/* QR na kartě kočky: jen text QR bez ikony, přesně na středu tlačítka. */
html.compact-home .compact-qr::before { content:none !important; display:none !important; }
html.compact-home .compact-qr { gap:0 !important; padding:0 !important; justify-content:center; align-items:center; text-align:center; }
/* Dnešní plán a Zkušební doba: text je přesně na středu dlaždice, ikonka stojí vlevo a přizpůsobuje se. */
html.compact-home #header-row2 #co-dnes .top-info-tile { position:relative !important; justify-content:center !important; }
html.compact-home #header-row2 #co-dnes .top-tile-icon { position:absolute; left:10px; top:50%; transform:translateY(-50%); margin:0; }
html.compact-home #header-row2 #co-dnes .top-tile-content { flex:0 1 100% !important; width:100%; text-align:center !important; padding:0 36px !important; box-sizing:border-box; }
html.compact-home #header-row2 #co-dnes .top-tile-content > * { text-align:center !important; }
/* Stavové dlaždice (Zařízení, Google, Záloha): text na středu, ikonka stojí vlevo a přizpůsobuje se. */
html.compact-preview header .compact-statuses #cloud-badge > * { position:relative !important; display:flex !important; flex-direction:column !important; align-items:center !important; justify-content:center !important; text-align:center !important; padding:3px 30px !important; }
html.compact-preview header .compact-statuses #cloud-badge > * > svg { position:absolute !important; left:10px; top:50%; transform:translateY(-50%); }
html.compact-preview header .compact-statuses #cloud-badge > * > span, html.compact-preview header .compact-statuses #cloud-badge > * > small { display:block !important; text-align:center !important; max-width:100%; }
html.compact-preview header #header-backup-tile { text-align:center; align-items:center; justify-content:center; }
html.compact-preview header #header-backup-tile > span { text-align:center; }
html.compact-preview header #header-backup-sub, html.compact-preview header #header-backup-main { font-size:calc(14.5px * var(--fs-scale,1)) !important; font-weight:600 !important; line-height:1.2 !important; letter-spacing:0 !important; }
html.compact-preview header #header-backup-tile #header-backup-sub, html.compact-preview header #header-backup-tile #header-backup-main { font-size:inherit !important; font-weight:600 !important; text-transform:none !important; }
html.compact-preview header #header-backup-tile { font-size:calc(14.5px * var(--fs-scale,1)); }
html.compact-preview header #header-backup-tile { padding-top:2px !important; padding-bottom:2px !important; }
html.compact-preview header #header-backup-tile #header-backup-sub, html.compact-preview header #header-backup-tile #header-backup-main { line-height:1.15 !important; }
/* Ikonka stojí těsně vedle textu, text zůstává přesně na středu dlaždice (třísloupcová mřížka: prázdno | text | prázdno). */
html.compact-preview header .compact-statuses #cloud-badge > * { display:grid !important; grid-template-columns:1fr auto 1fr !important; grid-template-rows:auto auto !important; column-gap:0 !important; padding:3px 6px !important; align-content:center; justify-items:center; }
html.compact-preview header .compact-statuses #cloud-badge > * > svg { position:static !important; transform:none !important; grid-column:1 !important; grid-row:1 / 3 !important; justify-self:end !important; align-self:center !important; margin-right:8px !important; }
html.compact-preview header .compact-statuses #cloud-badge > * > span { grid-column:2 !important; grid-row:1 !important; }
html.compact-preview header .compact-statuses #cloud-badge > * > small { grid-column:2 !important; grid-row:2 !important; }
html.compact-home #header-row2 #co-dnes .top-info-tile { display:grid !important; grid-template-columns:1fr auto 1fr !important; align-items:center; column-gap:0 !important; padding:0 6px !important; }
html.compact-home #header-row2 #co-dnes .top-tile-icon { position:static !important; transform:none !important; grid-column:1 !important; justify-self:end !important; margin:0 8px 0 0 !important; }
html.compact-home #header-row2 #co-dnes .top-tile-content { grid-column:2 !important; width:auto !important; flex:none !important; padding:0 !important; text-align:center !important; }
html.compact-home #header-row2 #co-dnes .top-tile-icon { display:block !important; }
html.compact-home #header-row2 #co-dnes .top-tile-content { min-width:max-content; }
/* Dlaždice licence („Zkušební doba vypršela“) má dlouhý text: smí se zúžit, aby ho fitMany zmenšil, místo aby vylezl z dlaždice (Test 27. 10. 2026) */
html.compact-home #header-row2 #co-dnes .cd-license-tile .top-tile-content { min-width:0; }
/* ===== Stavové dlaždice jako ikony v horní řadě (stejný tvar a velikost jako přepínač jazyka, 68 × 44 px) ===== */
html.compact-preview header .logo .compact-statuses { display:flex !important; align-items:center; gap:6px !important; grid-column:3 !important; grid-row:1 !important; justify-self:end !important; width:auto !important; margin:0 !important; height:44px !important; z-index:1; }
html.compact-preview header .logo .compact-statuses #cloud-badge { display:contents !important; }
html.compact-preview header .logo .compact-statuses :is(#badge-device,#badge-cloud,#header-backup-tile) {
  display:flex !important; flex:none !important; align-items:center !important; justify-content:center !important; width:68px !important; min-width:0 !important; max-width:68px !important; height:44px !important; min-height:0 !important; padding:0 !important; margin:0 !important;
  border-width:1.5px !important; border-radius:6px !important; box-sizing:border-box !important; position:relative !important; grid-template-columns:none !important; }
html.compact-preview header .logo .compact-statuses :is(#badge-device,#badge-cloud,#header-backup-tile) > :is(span,small) { display:none !important; }
html.compact-preview header .logo .compact-statuses :is(#badge-device,#badge-cloud) > svg { position:static !important; transform:none !important; margin:0 !important; width:26px !important; height:26px !important; grid-column:auto !important; grid-row:auto !important; fill:none; stroke:currentColor; stroke-width:2.1; stroke-linecap:round; stroke-linejoin:round; }
html.compact-preview header .logo .compact-statuses #header-backup-tile > svg.cp-stit { position:static !important; width:26px; height:26px; fill:none; stroke:currentColor; stroke-width:2.1; stroke-linecap:round; stroke-linejoin:round; }
html.compact-preview header #header-backup-tile[data-stav="ok"] { display:none !important; }
html.compact-preview header #header-backup-tile[data-stav="warn"] { color:#a5243c !important; background:#fdeeee !important; border-color:#f0a0a0 !important; }
html.compact-preview header #header-backup-tile[data-stav="new"], html.compact-preview header #header-backup-tile[data-stav="sync"] { color:#b45309 !important; background:linear-gradient(135deg,#fffdf4,#fdf5dc) !important; border-color:rgba(214,160,30,.55) !important; }
@media (max-width: 600px) {
  html.compact-preview header .logo, html.compact-preview header .logo:has(#stanice-logo:not([style*="hidden"])) { grid-template-columns:40px minmax(0,1fr) 50px 50px 58px !important; grid-template-rows:24px 18px auto !important; }
  html.compact-preview header .logo .compact-statuses { display:contents !important; }
  html.compact-preview header .logo .compact-statuses :is(#badge-device,#badge-cloud) { width:50px !important; max-width:50px !important; height:44px !important; grid-row:1 / 3 !important; }
  html.compact-preview header .logo .compact-statuses #badge-device { grid-column:3 !important; }
  html.compact-preview header .logo .compact-statuses #badge-cloud { grid-column:4 !important; }
  html.compact-preview header .logo #lang-pill-wrap { grid-column:5 !important; grid-row:1 / 3 !important; }
  html.compact-preview header .logo .compact-statuses #header-backup-tile { grid-column:1 / -1 !important; grid-row:3 !important; width:100% !important; max-width:none !important; height:30px !important; justify-content:center !important; gap:8px; }
  html.compact-preview header .logo .compact-statuses #header-backup-tile > span { display:inline !important; font-size:12px !important; }
  html.compact-preview header .logo .compact-statuses #header-backup-tile > svg.cp-stit { width:18px; height:18px; }
}
@media (min-width: 601px) {
  html.compact-preview header .logo { grid-template-columns:48px minmax(130px,1fr) auto auto auto; }
  html.compact-preview header .logo:not(:has(#stanice-logo:not([style*="hidden"]))) #header-version-tile { grid-column:4 !important; }
  html.compact-preview header .logo:not(:has(#stanice-logo:not([style*="hidden"]))) #lang-pill-wrap { grid-column:5 !important; }
}
/* PC: Version pod názvem aplikace (jako na telefonu); ikony stavů a přepínač jazyka jsou na výšku celé hlavičky. */
@media (min-width: 601px) {
  html.compact-preview header .logo:not(:has(#stanice-logo:not([style*="hidden"]))) { grid-template-columns:48px minmax(130px,1fr) auto auto !important; grid-template-rows:26px 18px !important; grid-auto-rows:auto; row-gap:2px !important; align-items:center; }
  html.compact-preview header .logo:not(:has(#stanice-logo:not([style*="hidden"]))) #main-logo { grid-row:1 / 3 !important; }
  html.compact-preview header .logo:not(:has(#stanice-logo:not([style*="hidden"]))) .logo-text-wrapper { grid-column:2 !important; grid-row:1 !important; height:26px !important; }
  html.compact-preview header .logo:not(:has(#stanice-logo:not([style*="hidden"]))) #header-version-tile { grid-column:2 !important; grid-row:2 !important; justify-self:start !important; height:18px !important; padding:0 !important; }
  html.compact-preview header .logo:not(:has(#stanice-logo:not([style*="hidden"]))) .compact-statuses { grid-column:3 !important; grid-row:1 / 3 !important; }
  html.compact-preview header .logo:not(:has(#stanice-logo:not([style*="hidden"]))) #lang-pill-wrap { grid-column:4 !important; grid-row:1 / 3 !important; }
}
html.compact-preview header .logo .compact-statuses #header-backup-tile[data-stav="ok"] { display:none !important; }
/* Tři stavové dlaždice mají přesně velikost přepínače jazyka (ten se nemění). Velikost se přebírá z něj (viz js/compact-preview.js). */
html.compact-preview header .logo .compact-statuses :is(#badge-device,#badge-cloud,#header-backup-tile) { width:var(--dl-w,53px) !important; max-width:var(--dl-w,53px) !important; height:var(--dl-h,44px) !important; }
@media (max-width: 600px) {
  html.compact-preview header .logo .compact-statuses #header-backup-tile { grid-column:5 !important; grid-row:3 !important; justify-self:end; margin-top:2px !important; }
  html.compact-preview header .logo .compact-statuses #header-backup-tile > span { display:none !important; }
  html.compact-preview header .logo .compact-statuses #header-backup-tile > svg.cp-stit { width:26px; height:26px; }
}
@media (max-width: 600px) {
  html.compact-preview header .logo, html.compact-preview header .logo:has(#stanice-logo:not([style*="hidden"])) { column-gap:6px !important; }
  html.compact-preview header .logo .compact-statuses #header-backup-tile { margin-top:0 !important; }
}
/* Telefon: všechny čtyři dlaždice (tři stavy + přepínač jazyka) mají stejnou malou velikost a jsou na jedné řadě s názvem. */
@media (max-width: 600px) {
  html.compact-preview header .logo { --dl-w:44px; --dl-h:44px; }
  html.compact-preview header .logo, html.compact-preview header .logo:has(#stanice-logo:not([style*="hidden"])) { grid-template-columns:40px minmax(0,1fr) auto auto auto auto !important; grid-template-rows:24px 18px !important; column-gap:5px !important; }
  html.compact-preview header .logo .compact-statuses :is(#badge-device,#badge-cloud,#header-backup-tile) { width:44px !important; max-width:44px !important; height:44px !important; grid-row:1 / 3 !important; }
  html.compact-preview header .logo .compact-statuses #badge-device { grid-column:3 !important; }
  html.compact-preview header .logo .compact-statuses #badge-cloud { grid-column:4 !important; }
  html.compact-preview header .logo .compact-statuses #header-backup-tile { grid-column:5 !important; grid-row:1 / 3 !important; justify-self:center !important; margin:0 !important; }
  html.compact-preview header .logo #lang-pill-wrap { grid-column:6 !important; grid-row:1 / 3 !important; width:44px !important; }
  html.compact-preview header .logo #lang-pill-btn { width:44px !important; padding:0 !important; font-size:11px !important; gap:2px !important; }
  html.compact-preview header .logo .compact-statuses :is(#badge-device,#badge-cloud) > svg, html.compact-preview header .logo .compact-statuses #header-backup-tile > svg.cp-stit { width:24px !important; height:24px !important; }
}
/* Telefon: název se smí zalomit na dva řádky přes celou výšku hlavičky; Version se na telefonu neukazuje (je v Nastavení). */
@media (max-width: 600px) {
  html.compact-preview header .logo .logo-text-wrapper { grid-column:2 !important; grid-row:1 / 3 !important; height:44px !important; align-self:center; justify-content:center; min-width:0; }
  html.compact-preview header .logo .logo-text-wrapper h1 { max-height:44px !important; line-height:1.08 !important; white-space:normal !important; overflow:hidden !important; overflow-wrap:break-word; hyphens:manual; -webkit-hyphens:manual; }
  html.compact-preview header .logo #header-version-tile { display:none !important; }
  html.compact-preview header .logo #main-logo { grid-row:1 / 3 !important; align-self:center; }
}
/* ===== Jedna rozpůlená dlaždice: nahoře Zařízení, dole Google (tečka = stav); po klepnutí nabídka ===== */
html.compact-preview header .logo .compact-statuses { display:flex !important; flex-direction:column !important; justify-content:center !important; gap:1px !important; width:90px !important; height:44px !important; padding:0 8px !important; box-sizing:border-box !important;
  border:1.5px solid var(--pearl-edge, #d9c9f4); border-radius:6px; background:var(--pearl-face, #fff); box-shadow:inset 1px 1px 0 var(--pearl-light,#fff), inset -1px -1px 0 var(--pearl-shade,#0001), 0 2px 5px var(--pearl-shadow,#0001); cursor:pointer; position:relative; }
html.compact-preview header .logo .compact-statuses[data-stav="warn"], html.compact-preview header .logo .compact-statuses[data-stav="new"], html.compact-preview header .logo .compact-statuses[data-stav="sync"] { border-color:#d6a01e; box-shadow:0 0 0 2px rgba(214,160,30,.35); }
html.compact-preview header .logo .compact-statuses #header-backup-tile { display:none !important; }
/* Návrh 3 (26. 10. 2026): na Disku čekají novější data → dlaždice je zlaté tlačítko „⬇ Načíst · přístroj čas“ */
html.compact-preview header .logo .compact-statuses > .cp-nacist { display:none; }
html.compact-preview header .logo .compact-statuses.cp-ma-nova { background:#fff6d9 !important; border-color:#7a5a00 !important; box-shadow:none !important; align-items:center !important; }
html.compact-preview.compact-preview header .logo .compact-statuses.cp-ma-nova > #cloud-badge { display:none !important; }
html.compact-preview header .logo .compact-statuses.cp-ma-nova > .cp-nacist { display:flex; flex-direction:column; align-items:center; justify-content:center; width:100%; min-width:0; line-height:1.15; color:#5c4300; text-align:center; }
html.compact-preview header .logo .compact-statuses.cp-ma-nova > .cp-nacist > b { font-size:12px; font-weight:800; white-space:nowrap; }
html.compact-preview header .logo .compact-statuses.cp-ma-nova > .cp-nacist > small { font-size:11px; font-weight:600; max-width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
html.dark.compact-preview header .logo .compact-statuses.cp-ma-nova { background:#3b3210 !important; border-color:#f0d36a !important; }
html.dark.compact-preview header .logo .compact-statuses.cp-ma-nova > .cp-nacist { color:#f0d36a; }
html.compact-preview.compact-preview header .logo .compact-statuses #cloud-badge > :is(#badge-device,#badge-cloud) { display:flex !important; align-items:center !important; justify-content:flex-start !important; gap:5px !important; width:auto !important; max-width:none !important; height:auto !important; min-height:0 !important; padding:0 !important; margin:0 !important; border:0 !important; background:none !important; box-shadow:none !important; border-radius:0 !important; font-size:11px !important; font-weight:700 !important; line-height:1.3 !important; grid-column:auto !important; grid-row:auto !important; white-space:nowrap !important; overflow:hidden; }
html.compact-preview.compact-preview header .logo .compact-statuses #cloud-badge > :is(#badge-device,#badge-cloud) > svg, html.compact-preview.compact-preview header .logo .compact-statuses #cloud-badge > :is(#badge-device,#badge-cloud) > small { display:none !important; }
html.compact-preview.compact-preview header .logo .compact-statuses #cloud-badge > :is(#badge-device,#badge-cloud) > span { display:inline !important; overflow:hidden; text-overflow:ellipsis; font-size:11px !important; }
html.compact-preview.compact-preview header .logo .compact-statuses #cloud-badge > :is(#badge-device,#badge-cloud)::before { content:''; flex:none; width:8px; height:8px; border-radius:50%; background:#dc2626; }
html.compact-preview.compact-preview header .logo .compact-statuses #cloud-badge > :is(#badge-device,#badge-cloud)[data-stav="on"]::before { background:#16a34a; }
html.compact-preview.compact-preview header .logo .compact-statuses #cloud-badge > #badge-device[data-stav="on"], html.compact-preview.compact-preview header .logo .compact-statuses #cloud-badge > #badge-cloud[data-stav="on"] { color:#1f6a35 !important; }
html.compact-preview.compact-preview header .logo .compact-statuses #cloud-badge > #badge-device[data-stav="off"], html.compact-preview.compact-preview header .logo .compact-statuses #cloud-badge > #badge-cloud[data-stav="off"] { color:#a5243c !important; }
html.compact-preview.compact-preview header .logo .compact-statuses #cloud-badge > :is(#badge-device,#badge-cloud)::after { content:none !important; }
/* nabídka */
.cp-stav-menu { position:fixed; z-index:1700; box-sizing:border-box; padding:6px; background:#fff; border:1.5px solid #d9c9f4; border-radius:10px; box-shadow:0 8px 24px #17134630; }
.cp-stav-menu[hidden] { display:none !important; }
.cp-stav-radek { display:flex; align-items:center; justify-content:space-between; gap:10px; min-height:56px; padding:6px 8px; }
.cp-stav-radek + .cp-stav-radek { border-top:1px solid #d9c9f4; }
.cp-stav-text { display:flex; flex-direction:column; min-width:0; line-height:1.25; }
.cp-stav-text b { font-size:13px; color:#201349; display:flex; align-items:center; }
.cp-stav-text small { color:#62518e; font-size:11.5px; overflow-wrap:anywhere; }
.cp-tecka { display:inline-block; width:9px; height:9px; border-radius:50%; margin-right:6px; flex:none; }
.cp-stav-btn { flex:none; min-height:44px; padding:0 12px; border:1.5px solid rgba(98,50,214,.4); border-radius:6px; background:#fff; color:#6232d6; font:600 12.5px 'IBM Plex Sans',sans-serif; cursor:pointer; }
@media (min-width: 601px) {
  html.compact-preview header .logo:not(:has(#stanice-logo:not([style*="hidden"]))) .compact-statuses { grid-column:3 !important; grid-row:1 / 3 !important; justify-self:end !important; }
}
@media (max-width: 600px) {
  html.compact-preview header .logo, html.compact-preview header .logo:has(#stanice-logo:not([style*="hidden"])) { grid-template-columns:40px minmax(0,1fr) 90px 44px !important; grid-template-rows:24px 18px !important; column-gap:6px !important; }
  html.compact-preview header .logo .compact-statuses { display:flex !important; grid-column:3 !important; grid-row:1 / 3 !important; justify-self:end !important; align-self:center !important; }
  html.compact-preview header .logo #lang-pill-wrap { grid-column:4 !important; grid-row:1 / 3 !important; width:44px !important; }
}
html.compact-preview.compact-preview header .logo .compact-statuses #cloud-badge > :is(#badge-device,#badge-cloud) { flex-direction:row !important; position:static !important; transform:none !important; text-align:left !important; grid-template-columns:none !important; flex:none !important; }
html.compact-preview.compact-preview header .logo .compact-statuses #cloud-badge > :is(#badge-device,#badge-cloud) > span { text-align:left !important; max-width:100% !important; }
html.compact-preview.compact-preview header .logo .compact-statuses { align-items:flex-start !important; padding:0 4px 0 10px !important; }
html.compact-preview.compact-preview header .logo .compact-statuses #cloud-badge > :is(#badge-device,#badge-cloud) { width:100% !important; justify-content:flex-start !important; }
/* Kočky: tlačítka v horních řadách mají každé svůj pastelový odstín jako spodní lišta. */
html.compact-preview.compact-home #header-row2 :is(#add-adult-btn,#global-search-btn,#cat-sort-bar button,.fbtn-notes,.fbtn-mating,.filter-btn:not(.fbtn-notes):not(.fbtn-mating)) {
  background: linear-gradient(135deg, rgba(var(--t),.20), rgba(var(--t),.06)) !important;
  border: 1.5px solid rgba(var(--t),.45) !important; color: rgb(var(--td)) !important; box-shadow: none !important; }
html.compact-preview.compact-home #header-row2 #add-adult-btn { --t:70,190,140; --td:18,110,76; }
html.compact-preview.compact-home #header-row2 #global-search-btn { --t:90,150,230; --td:30,80,170; }
html.compact-preview.compact-home #header-row2 #cat-sort-bar button { --t:150,110,230; --td:98,50,214; }
html.compact-preview.compact-home #header-row2 .fbtn-notes { --t:60,185,185; --td:15,110,115; }
html.compact-preview.compact-home #header-row2 .fbtn-mating { --t:240,150,90; --td:160,70,15; }
html.compact-preview.compact-home #header-row2 .filter-btn:not(.fbtn-notes):not(.fbtn-mating) { --t:240,120,160; --td:170,40,90; }
html.compact-preview.dark.compact-home #header-row2 :is(#add-adult-btn,#global-search-btn,#cat-sort-bar button,.fbtn-notes,.fbtn-mating,.filter-btn) { color: rgb(var(--t)) !important; }
/* Silnější lemování nesmí způsobit, že se písmo prvního řádku zmenší na minimum. */
html.compact-preview.compact-home #header-row2 :is(#add-adult-btn,#global-search-btn,#cat-sort-bar button) { padding-top:0 !important; padding-bottom:0 !important; }
html.compact-preview.compact-home #header-row2 :is(#add-adult-btn,#global-search-btn,#cat-sort-bar button) { border-width:1px !important; }
/* Krytí: text i ikona mají stejnou velikost písma jako ostatní tlačítka. */
html.compact-home .fbtn-mating :is(.mating-wrap,.mt-label,.fbtn-mating-icon) { font-size: inherit !important; }
/* Kočky: všechny mezery mezi bloky a dlaždicemi 4 px. */
html.compact-preview.compact-home :is(#header-row2, #header-row2 .header-left-group, #stats, #cat-sex-tabs, #cats-list-content, .compact-list, #tab-kocky) { gap:4px !important; row-gap:4px !important; column-gap:4px !important; }
html.compact-preview.compact-home header .logo { gap:4px !important; column-gap:4px !important; }
html.compact-preview.compact-home header { margin-bottom:4px !important; }
html.compact-preview.compact-home .compact-overview { margin-bottom:4px !important; }
html.compact-preview.compact-home header { gap:4px !important; }
html.compact-preview.compact-home .compact-overview { gap:4px !important; row-gap:4px !important; }
/* Karty koček: mezery uvnitř i kolem obsahu 4 px. */
html.compact-preview.compact-home .compact-summary { gap:4px !important; padding:4px !important; }
html.compact-preview.compact-home .compact-copy, html.compact-preview.compact-home .compact-card-actions { gap:4px !important; }
@media (min-width:601px) {
  html.compact-preview.compact-home { --compact-card-height: 197px; }
  html.compact-preview.compact-home .compact-copy { height:137px !important; }
  html.compact-preview.compact-home .compact-summary { grid-template-rows:137px auto !important; }
}
@media (max-width:600px) {
  html.compact-preview.compact-home { --compact-card-height: 82px; }
  html.compact-preview.compact-home .compact-copy { height:72px !important; grid-template-rows:46px 20px !important; }
}
/* Fotka kočky sahá od horního po spodní okraj obsahu karty (PC i telefon). */
@media (min-width:601px) {
  html.compact-preview.compact-home .compact-list > [data-compact-preview] .compact-avatar { align-self:stretch !important; display:flex; }
  html.compact-preview.compact-home .compact-list > [data-compact-preview] .compact-avatar > div,
  html.compact-preview.compact-home .compact-list > [data-compact-preview] .compact-avatar .sq-avatar { height:100% !important; aspect-ratio:auto !important; }
}
@media (max-width:600px) {
  html.compact-preview.compact-home .compact-list > [data-compact-preview] .compact-avatar > div,
  html.compact-preview.compact-home .compact-list > [data-compact-preview] .compact-avatar .sq-avatar { height:74px !important; }
}
/* Kočky: u tlačítka Detail bez šipky › (PC i telefon); otevřený stav ⌃ zůstává. */
html.compact-home .compact-disclosure:not([open]) .compact-detail-label::after { display:none !important; }
/* Kočky (telefon): tlačítka QR a Detail nahoře vedle jména, řádek očkování pod jménem, končí u levého okraje tlačítka QR (Petr 21. 10. 2026). */
@media (max-width:600px) {
  html.compact-preview.compact-home .compact-summary { grid-template-columns:54px minmax(0,1fr) auto !important; grid-template-rows:minmax(0,1fr) 20px !important; }
  html.compact-preview.compact-home .compact-summary .compact-copy { display:contents !important; }
  html.compact-preview.compact-home .compact-summary .compact-avatar { grid-column:1 !important; grid-row:1 / 3 !important; }
  html.compact-preview.compact-home .compact-summary .compact-name-button { grid-column:2 !important; grid-row:1 !important; min-width:0; }
  html.compact-preview.compact-home .compact-summary .compact-card-actions { grid-column:3 !important; grid-row:1 !important; align-self:start !important; grid-template-columns:48px 64px !important; }
  html.compact-preview.compact-home .compact-summary .compact-vaccine { grid-column:2 / 3 !important; grid-row:2 !important; min-width:0; }
}

/* Společné měřítko písma pro všechny záložky nového vzhledu: Malé 0,9 / Normální 1 / Velké 1,12 / Extra velké 1,28. Role mají jeden základ ve všech záložkách (popisek lišty 10, číslo dlaždice 20, popisek dlaždice 11, název karty 14, tlačítko 12, štítek 11 px). */
html.compact-preview { --ts: 1; }
html.compact-preview.font-small { --ts: .9; }
html.compact-preview.font-large { --ts: 1.12; }
html.compact-preview.font-xlarge { --ts: 1.28; }

/* Tmavý režim: čitelné barvy v oknech Výstav, tlačítko Zdraví a štítek počtu koťat (kontrast ≥ 4,5:1) */
html.dark [data-cx-date][style*="b45309"], html.dark button[style*="color:#b45309"], html.dark span[style*="font-size:13.5px"][style*="color:#b45309"] { color:#fbbf24 !important; }
html.dark [data-cx-cat-source] { background:var(--surface2,#2a2440) !important; border-color:var(--border,#4b3f6b) !important; }
html.dark .adult-design-card .adult-card-actions > .adult-health-button { background:#0f766e !important; border-color:#0f766e !important; color:#fff !important; }
html.dark .pups-count-badge, html.dark .cat-pups-count-badge { background:#6d28d9 !important; color:#fff !important; }

/* Dotyková plocha 44 px: hlavní tlačítka v oknech (Uložit / Smazat přes celou šířku, patičky oken) */
html.compact-preview .overlay .btn:is([style*="width:100%"],[style*="width: 100%"]), html.compact-preview .overlay .modal-footer .btn { min-height:44px; }
/* Okno vizitky/karty na klec: delší texty (např. němčina, Extra velké) se zalomí místo useknutí */
html.compact-preview .ex-footer-left .ex-footer-btn, html.compact-preview .ex-footer-right .ex-footer-btn { white-space:normal !important; overflow:visible !important; line-height:1.2 !important; min-height:44px !important; flex-wrap:wrap; }

/* Prázdná karta („Zatím žádné …“) má v každé záložce STEJNOU polohu na obrazovce (PC i telefon) nad spodní lištou, takže při přepínání záložek neskáče. */
html.compact-preview :is(#cats-list-content, #tab-vrhy, #tab-platby, #tab-zkousky, #tab-zasoby, #tab-kalendar .cc-board) > .empty-state-card {
  position:fixed !important; top:auto !important; bottom:calc(96px + env(safe-area-inset-bottom, 0px)) !important; left:50% !important; transform:translateX(-50%); margin:0 !important; z-index:1; height:185px !important; min-height:185px !important; box-sizing:border-box; padding:16px 14px !important; display:flex !important; flex-direction:column; align-items:center; justify-content:center !important; gap:0 !important;
}
html.compact-preview :is(#cats-list-content, #tab-vrhy, #tab-platby, #tab-zkousky, #tab-zasoby, #tab-kalendar .cc-board) > .empty-state-card .card-icon-box { margin:0 0 8px !important; }
html.compact-preview :is(#cats-list-content, #tab-vrhy, #tab-platby, #tab-zkousky, #tab-zasoby, #tab-kalendar .cc-board) > .empty-state-card .card-title { margin:0 0 4px !important; }
html.compact-preview :is(#cats-list-content, #tab-vrhy, #tab-platby, #tab-zkousky, #tab-zasoby, #tab-kalendar .cc-board) > .empty-state-card .card-subtitle { margin:0 0 10px !important; }
/* Petr 28. 10. 2026: karta stojí 20 px nad spodní lištou (dřív v půlce obrazovky a v Kočkách zakrývala filtry Kastráti / Archiv). Telefon: lišta 68 px. */
@media (max-width: 600px) { html.compact-preview :is(#cats-list-content, #tab-vrhy, #tab-platby, #tab-zkousky, #tab-zasoby, #tab-kalendar .cc-board) > .empty-state-card { bottom:calc(88px + env(safe-area-inset-bottom, 0px)) !important; } }
/* Nízká obrazovka (malý telefon): bez velké ikonky, ať se karta vejde pod dlaždice. */
@media (max-height: 720px) {
  html.compact-preview :is(#cats-list-content, #tab-vrhy, #tab-platby, #tab-zkousky, #tab-zasoby, #tab-kalendar .cc-board) > .empty-state-card { height:auto !important; min-height:0 !important; }
  html.compact-preview :is(#cats-list-content, #tab-vrhy, #tab-platby, #tab-zkousky, #tab-zasoby, #tab-kalendar .cc-board) > .empty-state-card .card-icon-box { display:none !important; }
}

/* Jazykové tlačítko má stejný rámeček jako ostatní dlaždice horní lišty (1 px, sytší fialový odstín) */
html.compact-preview #lang-pill-btn#lang-pill-btn { border-color:rgba(150,110,230,.55) !important; }

/* Okno „Zásoby vyžadují pozornost“ je vždy nad dlaždicemi horní lišty (ty mají z-index 500–502) */
html.compact-preview #_supply-low-modal { z-index:2400 !important; }

/* Karta bez fotky: místo velké emoji kočky jemná fialová silueta (Kočky, Výstavy) */
html.compact-preview :is(.compact-avatar .sq-avatar, .cx-photo):not(:has(img)) {
  font-size:0 !important; color:transparent !important;
  background:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath fill='%23b9a8ee' d='M10 8l14 12h16L54 8v26c0 13-10 22-22 22S10 47 10 34z'/%3E%3Ccircle cx='24' cy='34' r='3' fill='%23fff'/%3E%3Ccircle cx='40' cy='34' r='3' fill='%23fff'/%3E%3Cpath d='M29 42h6l-3 3z' fill='%23fff'/%3E%3C/svg%3E") center 58% / 52% no-repeat,
    linear-gradient(160deg,#f3eeff,#e7defb) !important;
}

/* Ostré linky (Petr 21. 10. 2026): tenký plný rámeček kolem celé dlaždice/karty, bez stínu, bez lesku a bez přechodu. Platí ve všech záložkách (proměnné perleťového vzhledu). */
html.compact-preview[class]:not(.dark) { --pearl-light:transparent; --pearl-shade:transparent; --pearl-shadow:transparent; --pearl-edge:#a98ae6; --pearl-face:#fff; --pearl-selected:#eadffd; }
html.compact-preview[class].dark { --pearl-light:transparent; --pearl-shade:transparent; --pearl-shadow:transparent; --pearl-edge:#7a63a6; }
/* Ostré linky: barevná tlačítka a žluté dlaždice mají plný (ne průhledný) rámeček 1 px v tmavším odstínu své barvy. */
html.compact-preview.compact-home #header-row2 :is(#add-adult-btn,#global-search-btn,#cat-sort-bar button,.fbtn-notes,.fbtn-mating,.filter-btn:not(.fbtn-notes):not(.fbtn-mating)) { border:1px solid rgb(var(--td)) !important; }
html.compact-preview.compact-home #co-dnes .top-info-tile, html.compact-preview.compact-home #header-row2 #co-dnes .top-info-tile { border:1px solid #d1a02c !important; }
html.compact-preview.compact-home .compact-vaccine { border:1px solid #2f9c8b !important; }
html.compact-preview.compact-home .compact-vaccine.compact-overdue { border-color:#d98b1e !important; }

/* Ostré linky, dotažení (Petr 21. 10. 2026): horní tlačítka, dlaždice, počítadla, karty a spodní lišta mají plný rámeček 1 px v barvě svého textu, bez stínu. Pastelové výplně zůstávají. */
html.compact-preview :is(.h-tile, .filter-btn, .top-info-tile, .cf-stat, .cf-dluh, .cl-year, .cc-stat, .cp-dlazdice, .note-item, .supply-item-card, .tab-item, .settings-tile, .set-brand-card, .set-brand-icon-box, .set-danger-card, .set-danger-icon-box, #settings-motto-banner, .breedtrack-promo-card):not(.tab-item.active) {
  border:1px solid currentColor !important; box-shadow:none !important; }
html.compact-preview .tab-item.active { border:1px solid currentColor !important; box-shadow:none !important; }
/* Horní tlačítka všech záložek: plný rámeček 1 px v tmavším odstínu své barvy (přebíjí průhledné rámečky jednotlivých záložek). */
html.compact-preview[class] #header-row2#header-row2 :is(.h-tile, .filter-btn, select.cl-year, #supply-sort-wrap > button, #cat-sort-bar button) { border:1px solid rgb(var(--td, 98,50,214)) !important; box-shadow:none !important; }
html.compact-preview .ios-tab-bar .tab-item:not(.active) { border-color: color-mix(in srgb, currentColor 55%, #fff) !important; }
html.compact-preview .ios-tab-bar .tab-item.active { border-color: currentColor !important; }

/* Číslo verze v hlavičce: jeden řádek „Build 115 · Version 1.45.2“, bez rámečku, pozadí a stínu (Petr 21. 10. 2026). */
html.compact-preview[class] header #header-version-tile { border:0 !important; background:none !important; box-shadow:none !important; border-radius:0 !important; flex-direction:row !important; align-items:center !important; gap:0 !important; padding:0 !important; }
html.compact-preview[class] header #header-version-tile #header-version-line1 { display:inline !important; font-weight:400 !important; opacity:.85; font-size:inherit !important; }
html.compact-preview[class] header #header-version-tile #header-version-line1::after { content:" · "; white-space:pre; }
html.compact-preview[class] header #header-version-tile #header-version-line2 { display:inline !important; font-weight:400 !important; opacity:.85; white-space:nowrap; }
html.compact-preview[class] header #header-version-tile#header-version-tile { border-style:none !important; border-width:0 !important; border-color:transparent !important; outline:0 !important; }

/* Červená dlaždice UPDATE (nová verze): vedle stavových dlaždic Zařízení / Google, na PC i telefonu. Ukáže se jen s třídou .je-update (viz _aktualizujHeaderVerzi v app.js). */
#header-update-tile { display:none; }
html.compact-preview header .logo #header-update-tile.je-update { display:flex !important; align-items:center; justify-content:center; box-sizing:border-box; height:44px; min-width:0; width:auto; padding:0 14px; background:#dc2626; color:#fff; border:1px solid #b91c1c; border-radius:5px; box-shadow:none; font-weight:800; font-size:17px; letter-spacing:1px; line-height:1; white-space:nowrap; cursor:pointer; grid-row:1; }
@media (min-width: 601px) {
  html.compact-preview header .logo:not(:has(#stanice-logo:not([style*="hidden"]))):has(#header-update-tile.je-update) { grid-template-columns:48px minmax(130px,1fr) auto auto auto !important; }
  html.compact-preview header .logo:not(:has(#stanice-logo:not([style*="hidden"]))):has(#header-update-tile.je-update) #header-update-tile { grid-column:3 !important; grid-row:1 / 3 !important; }
  html.compact-preview header .logo:not(:has(#stanice-logo:not([style*="hidden"]))):has(#header-update-tile.je-update) .compact-statuses { grid-column:4 !important; }
  html.compact-preview header .logo:not(:has(#stanice-logo:not([style*="hidden"]))):has(#header-update-tile.je-update) #lang-pill-wrap { grid-column:5 !important; }
}
@media (max-width: 600px) {
  html.compact-preview header .logo:has(#header-update-tile.je-update), html.compact-preview header .logo:has(#stanice-logo:not([style*="hidden"])):has(#header-update-tile.je-update) { grid-template-columns:40px minmax(0,1fr) auto 90px 44px !important; }
  html.compact-preview header .logo:has(#header-update-tile.je-update) #header-update-tile { grid-column:3 !important; grid-row:1 / 3 !important; padding:0 8px; font-size:13px; letter-spacing:.5px; }
  html.compact-preview header .logo:has(#header-update-tile.je-update) .compact-statuses { grid-column:4 !important; }
  html.compact-preview header .logo:has(#header-update-tile.je-update) #lang-pill-wrap { grid-column:5 !important; }
}
/* Úzký telefon (do 350 px): UPDATE jako červený pruh přes celou šířku pod hlavičkou, ať se název nezúží. */
@media (max-width: 350px) {
  html.compact-preview header .logo:has(#header-update-tile.je-update), html.compact-preview header .logo:has(#stanice-logo:not([style*="hidden"])):has(#header-update-tile.je-update) { grid-template-columns:40px minmax(0,1fr) 90px 44px !important; grid-template-rows:24px 18px auto !important; }
  html.compact-preview header .logo:has(#header-update-tile.je-update) #header-update-tile { grid-column:1 / -1 !important; grid-row:3 !important; height:34px; font-size:15px; margin-top:2px; }
  html.compact-preview header .logo:has(#header-update-tile.je-update) .compact-statuses { grid-column:3 !important; }
  html.compact-preview header .logo:has(#header-update-tile.je-update) #lang-pill-wrap { grid-column:4 !important; }
}