/* Výhradně místní záložka Vrhy: schválená předloha 1. */
html.compact-litters { zoom:1 !important; --cl-scale:1; --fs-scale:var(--cl-scale); }
html.compact-litters.font-small { --cl-scale:.9; }
html.compact-litters.font-large { --cl-scale:1.12; }
html.compact-litters.font-xlarge { --cl-scale:1.28; }
html.compact-litters:not(.dark) { --bg:#f6f9fc; --surface:#fff; --surface2:#fafffc; --text:#134624; --text2:#5c9d72; --text3:#79ac8d; --accent:#2D6A4F; --accent-light:#f0eaff; --border:#caffe4; }
html.compact-litters body { padding-left:max(14px,env(safe-area-inset-left)); padding-right:max(14px,env(safe-area-inset-right)); background:linear-gradient(145deg,var(--bg),var(--surface)); }
html.compact-litters .app { max-width:1320px; }
html.compact-litters header { padding:12px 0; margin:0 0 12px; border:0; gap:14px; }
html.compact-litters .logo { display:grid; grid-template-columns:48px minmax(130px,1.1fr) minmax(0,2.5fr) auto auto; grid-auto-rows:48px; gap:12px; align-items:center; width:100%; }
html.compact-litters #main-logo { width:48px; height:48px; border-radius:6px; }
html.compact-litters .logo-text-wrapper { min-width:0; height:48px; align-items:start; justify-content:center; }
html.compact-litters header h1 { max-height:48px; height:auto !important; text-align:left; line-height:1.4 !important; white-space:normal !important; overflow:visible !important; overflow-wrap:anywhere; }
html.compact-litters #stanice-logo[style*="hidden"] { display:none; }
html.compact-litters #stanice-logo { grid-column:4; width:40px; height:40px; }
html.compact-litters .logo:has(#stanice-logo:not([style*="hidden"])) { grid-template-columns:48px minmax(130px,1.1fr) minmax(0,2.5fr) 40px auto auto; }
html.compact-litters .compact-statuses { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; height:46px; min-width:0; }
html.compact-litters #cloud-badge { display:contents !important; }
html.compact-litters #cloud-badge > * { display:grid !important; grid-template-columns:auto minmax(0,1fr); align-content:center; gap:0 5px !important; width:100% !important; min-width:0 !important; max-width:none !important; height:46px !important; min-height:0 !important; padding:5px !important; border-radius:5px !important; box-sizing:border-box; white-space:normal !important; overflow:visible !important; }
html.compact-litters #cloud-badge svg { grid-row:1 / 3; align-self:center; width:18px; height:18px; }
html.compact-litters #cloud-badge span { font-size:inherit !important; overflow:visible !important; text-overflow:clip !important; }
html.compact-litters .compact-badge-state { grid-column:2; font-size:inherit; }
html.compact-litters #header-backup-tile { display:flex !important; flex-direction:column; align-items:center; justify-content:center; height:46px !important; min-height:0; width:100%; padding:4px; border-radius:5px; box-shadow:none; box-sizing:border-box; }
html.compact-litters #header-backup-tile span { font-size:inherit !important; line-height:1.2; text-transform:none !important; letter-spacing:0 !important; }
html.compact-litters #header-backup-tile::after { inset:0; width:auto; height:auto; transform:none; }
html.compact-litters #header-version-tile { width:auto; min-width:0; padding:0; background:transparent; border:0; box-shadow:none; height:44px; }
html.compact-litters #header-version-line1, html.compact-litters .ver-update-ico { display:none; }
html.compact-litters #header-version-line2 { font-size:10px !important; }
html.compact-litters #lang-pill-wrap { min-width:62px; z-index:502; }
html.compact-litters #lang-pill { height:44px; width:100%; border:1px solid var(--border); border-radius:5px; background:var(--surface); color:var(--accent); }
html.compact-litters #header-row2 { display:block !important; width:100%; }
html.compact-litters .header-right-group { display:contents; }
html.compact-litters #header-row2 .header-left-group { display:grid !important; grid-template-columns:repeat(5,minmax(0,1fr)); gap:6px; width:100%; align-items:center; }
html.compact-litters #header-row2 .header-left-group > * { width:100% !important; max-width:none !important; min-width:0 !important; }
html.compact-litters .cl-heading { order:0; margin:0; height:44px; display:flex; align-items:center; font-weight:700; }
html.compact-litters #add-litter-btn { order:1; }
html.compact-litters #global-search-btn { order:2; }
html.compact-litters #litter-sort-bar { order:3; }
html.compact-litters #litter-parent-filter-wrap { order:4; }
html.compact-litters .cl-year { order:5; }
html.compact-litters #header-row2 :is(.h-tile,.cl-year) { width:100% !important; min-width:0 !important; max-width:none !important; height:44px !important; min-height:44px; padding:4px 6px; box-sizing:border-box; border:1px solid #74C69D !important; border-radius:5px; background:var(--surface); color:var(--accent); box-shadow:none; white-space:normal !important; overflow-wrap:anywhere; font-family:inherit; font-weight:600; line-height:1.2; transform:none !important; transition-property:background-color,border-color,color !important; }
html.compact-litters #header-row2 .cl-year { text-align:center; }
html.compact-litters :is(#litter-sort-dd,#litter-parent-filter-dd) { max-width:calc(100vw - 28px); }
html.compact-litters #litter-parent-filter-dd { left:auto !important; right:0; }
html.compact-litters .cl-overview { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; margin:0 0 12px; }
html.compact-litters .cl-stat { height:60px; display:grid; grid-template-rows:24px 16px; align-content:center; text-align:center; gap:2px; border:1px solid var(--border); border-radius:5px; background:var(--surface); min-width:0; }
html.compact-litters .cl-stat strong { font-size:21px; line-height:24px; }
html.compact-litters .cl-stat span { color:var(--text2); text-transform:uppercase; font-weight:600; line-height:16px; }
html.compact-litters #litters-sortable-container { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; align-items:start; }
html.compact-litters #litters-sortable-container > .litter-card:not([data-compact-litter]) { grid-column:1 / -1; }
html.compact-litters #litters-sortable-container > [data-compact-litter] { position:relative; min-width:0; width:100%; height:300px; margin:0 !important; border:1px solid var(--border) !important; border-radius:6px !important; box-shadow:none; background:var(--surface); overflow:visible; contain:none; will-change:auto; transform:none !important; filter:none !important; opacity:1 !important; }
html.compact-litters .cl-summary { height:100%; padding:10px; box-sizing:border-box; display:grid; grid-template-columns:42% minmax(0,1fr); grid-template-rows:30px 140px 44px 44px; gap:6px 10px; min-width:0; }
html.compact-litters .cl-title { grid-column:1; grid-row:1; min-width:0; width:100%; padding:0; border:0; background:none; text-align:left; color:var(--text); font-weight:700; font-family:inherit; overflow:hidden; line-height:1.2; overflow-wrap:anywhere; cursor:pointer; }
html.compact-litters .cl-title { display:flex; align-items:center; gap:6px; }
html.compact-litters .cl-letter { flex:0 0 28px; height:28px; border:1px solid #74C69D; border-radius:4px; background:var(--surface2); color:var(--accent); font-size:13px; display:flex; align-items:center; justify-content:center; }
html.compact-litters .cl-empty { color:var(--text2); padding:16px; text-align:center; }
html.compact-litters .cl-date { grid-column:2; grid-row:1; align-self:center; text-align:right; color:var(--text2); min-width:0; line-height:1.2; }
html.compact-litters .cl-portraits { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:5px; align-self:start; height:116px; }
html.compact-litters .cl-portrait { overflow:hidden; min-width:0; border-radius:4px; background:var(--surface2); border:1px solid var(--border); display:flex; align-items:center; justify-content:center; font-size:30px; color:var(--text2); }
html.compact-litters .cl-portrait img { width:100%; height:100%; object-fit:cover; }
html.compact-litters .cl-parents { min-width:0; display:grid; grid-template-rows:repeat(2,67px); gap:6px; }
html.compact-litters .cl-parent { display:grid; grid-template-rows:14px 36px 15px; min-width:0; width:100%; height:67px; padding:0; border:0; background:none; text-align:left; font-family:inherit; cursor:pointer; }
html.compact-litters .cl-parent-label { color:var(--text2); font-size:11px; line-height:14px; }
html.compact-litters .cl-parent-name { width:100%; min-width:0; padding:0; background:none; border:0; text-align:left; color:var(--text); font:600 13px/18px 'IBM Plex Sans',sans-serif; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; overflow-wrap:anywhere; cursor:pointer; }
html.compact-litters .cl-fullname { pointer-events:none; color:var(--accent); font-size:10px; line-height:15px; }
html.compact-litters .cl-facts { grid-column:1 / -1; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:4px; border:1px solid var(--border); border-radius:4px; background:var(--surface2); }
html.compact-litters .cl-fact { display:flex; flex-direction:column; justify-content:center; align-items:center; min-width:0; gap:1px; padding:2px; }
html.compact-litters .cl-fact-value { width:100%; height:19px; font-size:14px; line-height:19px; text-align:center; }
html.compact-litters .cl-fact-label { width:100%; height:14px; font-size:11px; line-height:14px; text-align:center; color:var(--text2); }
html.compact-litters .cl-controls { grid-column:1 / -1; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:5px; min-width:0; }
html.compact-litters .cl-controls :is(button,.litter-roleta-btn) { box-sizing:border-box; width:100%; min-width:0; min-height:44px; height:44px; padding:3px; border:1px solid var(--border); border-radius:4px; background:var(--surface2); color:var(--accent); font:600 12px/1.2 'IBM Plex Sans',sans-serif; box-shadow:none; cursor:pointer; }
html.compact-litters .cl-action-home, html.compact-litters .cl-action-home > div { min-width:0; width:100%; }
html.compact-litters .cl-phone-detail { display:none; }
html.compact-litters .litter-roleta-dropdown { position:fixed !important; top:50% !important; left:50% !important; right:auto !important; transform:translate(-50%,-50%); width:min(360px,calc(100vw - 32px)); max-height:75dvh; overflow:auto; z-index:1800; }
html.compact-litters .litter-roleta-item { min-height:44px; box-sizing:border-box; overflow-wrap:anywhere; }
html.compact-litters .cl-overlay[hidden] { display:none !important; }
html.compact-litters .cl-overlay { position:fixed; inset:0; z-index:1500; display:flex; align-items:center; justify-content:center; background:#13462470; padding:16px 10px; box-sizing:border-box; }
html.compact-litters .cl-panel { width:min(850px,100%); max-height:calc(100dvh - 32px); overflow:auto; overscroll-behavior:contain; border:1px solid var(--border); border-radius:7px; background:var(--surface); color:var(--text); box-shadow:0 12px 44px #13462430; }
html.compact-litters .cl-panel-heading { display:flex; align-items:start; gap:12px; justify-content:space-between; padding:12px; }
html.compact-litters .cl-panel-heading h2 { margin:0; font-size:18px; min-width:0; overflow-wrap:anywhere; }
html.compact-litters .cl-close { min-width:76px; min-height:44px; padding:5px; flex-shrink:0; border:1px solid var(--border); border-radius:4px; color:var(--accent); background:var(--surface2); font-family:inherit; cursor:pointer; }
html.compact-litters .cl-panel-actions { display:flex; justify-content:end; padding:0 12px 8px; }
html.compact-litters .cl-panel-actions .litter-roleta-btn { min-height:44px; }
html.compact-litters.compact-litter-open body { overflow:hidden !important; }
html.compact-litters .cl-original :is(.dog-header,.litter-card-body,.litter-card-pups) { border-radius:0 !important; }
html.compact-litters .cl-original strong { overflow-wrap:anywhere; }
html.compact-litters .cl-name-dialog { width:min(440px,calc(100% - 28px)); box-sizing:border-box; max-height:calc(100dvh - 36px); overflow:auto; margin:auto; padding:18px; border:1px solid var(--border); border-radius:6px; color:var(--text); background:var(--surface); }
html.compact-litters .cl-name-dialog::backdrop { background:#13462470; }
html.compact-litters .cl-name-dialog h2 { margin:0 0 14px; font-size:20px; }
html.compact-litters .cl-name-dialog p { font-size:17px; line-height:1.5; white-space:pre-wrap; overflow-wrap:anywhere; }
html.compact-litters .cl-name-dialog button { width:100%; min-height:44px; border:1px solid var(--border); border-radius:4px; color:var(--accent); background:var(--surface2); }
html.compact-litters .ios-tab-bar { width:min(1320px,calc(100% - 28px)); max-width:1320px; left:50%; bottom:0; transform:translateX(-50%); padding:5px max(4px,env(safe-area-inset-right)) max(5px,env(safe-area-inset-bottom)) max(4px,env(safe-area-inset-left)); height:calc(76px + env(safe-area-inset-bottom)); box-sizing:border-box; border:1px solid var(--border); border-radius:6px 6px 0 0; background:var(--surface); box-shadow:0 -2px 8px #13462408; display:grid; grid-template-columns:repeat(7,minmax(0,1fr)); }
html.compact-litters .tab-item { height:62px; min-height:0; border:1px solid transparent; border-radius:4px; }
html.compact-litters .tab-item.active { background:#eee2f8; border-color:#a876c9; }
html.compact-litters .tab-icon, html.compact-litters .tab-icon svg { width:30px; height:30px; }
html.compact-litters .tab-icon svg > rect { fill:transparent; stroke:none; }
html.compact-litters .tab-icon svg > text { font-size:36px !important; }
html.compact-litters .tab-item.active .tab-icon { transform:none; filter:none; }
html.compact-litters .tab-label { height:24px; line-height:1.2 !important; color:var(--text2) !important; font-weight:500; transition:none !important; overflow:visible; text-overflow:clip; }
html.compact-litters .tab-item.active .tab-label { color:#491266 !important; }
@media (max-width:1100px) {
  html.compact-litters .logo { grid-template-columns:44px minmax(130px,1fr) auto auto; gap:8px; }
  html.compact-litters .compact-statuses { grid-column:1 / -1; grid-row:2; width:100%; }
  html.compact-litters #litters-sortable-container { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:600px) {
  html.compact-litters body { padding-inline:10px; }
  html.compact-litters header { gap:6px; padding:10px 0 6px; margin-bottom:6px; }
  html.compact-litters .logo, html.compact-litters .logo:has(#stanice-logo:not([style*="hidden"])) { grid-template-columns:40px minmax(0,1fr) 58px; grid-template-rows:24px 18px 44px; grid-auto-rows:auto; gap:3px 6px; }
  html.compact-litters #main-logo { width:40px; height:40px; grid-row:1 / 3; }
  html.compact-litters .logo-text-wrapper { grid-column:2; grid-row:1; height:24px; }
  html.compact-litters header h1 { max-height:24px; }
  html.compact-litters #stanice-logo { grid-column:2; grid-row:2; width:18px; height:18px; justify-self:end; }
  html.compact-litters #header-version-tile { grid-column:2; grid-row:2; height:18px; justify-self:start; }
  html.compact-litters #lang-pill-wrap { grid-column:3; grid-row:1 / 3; min-width:0; }
  html.compact-litters .compact-statuses { grid-row:3; height:44px; gap:5px; }
  html.compact-litters :is(#cloud-badge > *,#header-backup-tile) { height:44px !important; }
  html.compact-litters #cloud-badge svg { width:14px; height:14px; }
  html.compact-litters #header-row2 .header-left-group { grid-template-columns:repeat(6,minmax(0,1fr)); gap:5px; }
  html.compact-litters .cl-heading { grid-column:1 / -1; height:26px; }
  html.compact-litters #header-row2 .header-left-group > :is(#add-litter-btn,#global-search-btn,#litter-sort-bar) { grid-column:span 2; }
  html.compact-litters #header-row2 .header-left-group > :is(#litter-parent-filter-wrap,.cl-year) { grid-column:span 3; }
  html.compact-litters .cl-overview { margin-bottom:8px; gap:5px; }
  html.compact-litters .cl-stat { height:52px; }
  html.compact-litters #litters-sortable-container { grid-template-columns:minmax(0,1fr); gap:6px; }
  html.compact-litters #litters-sortable-container > [data-compact-litter] { height:104px; }
  html.compact-litters .cl-summary { grid-template-columns:76px minmax(0,1fr) 44px; grid-template-rows:24px 54px; gap:6px; padding:8px; }
  html.compact-litters .cl-title { grid-column:1 / 3; grid-row:1; padding-right:92px; }
  html.compact-litters .cl-letter { flex-basis:22px; height:22px; font-size:12px; }
  html.compact-litters .cl-date { grid-column:2 / 4; grid-row:1; width:100px; justify-self:end; }
  html.compact-litters .cl-portraits { grid-column:1; grid-row:2; height:54px; gap:4px; }
  html.compact-litters .cl-portrait { font-size:21px; }
  html.compact-litters .cl-parents, html.compact-litters .cl-controls { display:none; }
  html.compact-litters .cl-facts { grid-column:2; grid-row:2; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); grid-template-rows:26px 26px; border:0; background:none; gap:2px 4px; }
  html.compact-litters .cl-fact { display:flex; flex-direction:row; gap:3px; padding:0; justify-content:start; }
  html.compact-litters .cl-fact:first-child { grid-column:1 / -1; }
  html.compact-litters .cl-fact:first-child .cl-fact-label { display:none; }
  html.compact-litters .cl-fact-value { width:auto; height:auto; font-size:12px; line-height:1.2; text-align:left; }
  html.compact-litters .cl-fact-label { width:auto; height:auto; font-size:10px; line-height:1.2; }
  html.compact-litters .cl-phone-detail { grid-column:3; grid-row:2; display:block; width:44px; height:54px; min-height:44px; padding:0; border:0; background:none; color:var(--accent); font-size:28px; cursor:pointer; }
  html.compact-litters .ios-tab-bar { width:100%; height:calc(68px + env(safe-area-inset-bottom)); border-radius:0; }
  html.compact-litters .tab-item { height:56px; }
  html.compact-litters .tab-icon, html.compact-litters .tab-icon svg { width:25px; height:25px; }
}
/* Menší mezery (PC): hlavička, přehled, karty vrhů. */
html.compact-litters header { padding:8px 0 0; margin:0 0 6px; gap:8px; }
html.compact-litters .cl-overview { margin:0 0 6px; }
html.compact-litters .cl-stat { height:52px; }
html.compact-litters #litters-sortable-container { gap:8px; }
html.compact-litters #litters-sortable-container > [data-compact-litter] { height:284px; }
html.compact-litters .cl-summary { grid-template-rows:28px 126px 44px 44px; gap:5px 10px; padding:8px 10px; }
html.compact-litters .cl-portraits { height:126px; }
html.compact-litters .cl-parents { grid-template-rows:repeat(2,61px); gap:4px; }
html.compact-litters .cl-parent { height:61px; grid-template-rows:14px 32px 15px; }
@media (max-width:1100px) { html.compact-litters #litters-sortable-container { gap:8px; } }
/* Menší mezery (telefon). */
@media (max-width:600px) {
  html.compact-litters header { gap:5px; padding:8px 0 0; margin-bottom:4px; }
  html.compact-litters .cl-overview { margin-bottom:6px; gap:5px; }
  html.compact-litters .cl-stat { height:46px; }
  html.compact-litters #litters-sortable-container { gap:5px; }
  html.compact-litters #litters-sortable-container > [data-compact-litter] { height:90px; }
  html.compact-litters .cl-summary { grid-template-rows:22px 48px; gap:4px 6px; padding:6px 8px; }
  html.compact-litters .cl-portraits { height:48px; }
  html.compact-litters .cl-facts { grid-template-rows:24px 24px; }
  html.compact-litters .cl-phone-detail { height:48px; }
}
/* Všechny dlaždice a tlačítka na Vrzích: stejné rohy 6 px a obsah na středu. */
html.compact-litters :is(#header-row2 .h-tile, #header-row2 .cl-year, #header-row2 button, .cl-stat, .cl-controls :is(button,.litter-roleta-btn), .cl-facts, .cl-letter, .cl-portrait, .cl-phone-detail, #litters-sortable-container > [data-compact-litter], #lang-pill, #cloud-badge > *, #header-backup-tile, .ios-tab-bar .tab-item, .cl-action-home) { border-radius:6px !important; }
html.compact-litters :is(#header-row2 .h-tile, #header-row2 button, .cl-controls :is(button,.litter-roleta-btn)) { display:flex; align-items:center; justify-content:center; text-align:center; }
html.compact-litters .cl-year { text-align:center; text-align-last:center; }
html.compact-litters .cl-stat { justify-items:center; text-align:center; }
/* PC: řada „Vrhy + dlaždice" je souměrná, vlevo nadpis, vpravo stejně široká mezera, dlaždice jsou na středu stránky. */
@media (min-width:1101px) {
  html.compact-litters #header-row2 .header-left-group { grid-template-columns:110px repeat(5,minmax(0,1fr)) 110px; }
}
/* PC: výška karty vrhu podle obsahu, dole stejný okraj jako nahoře. */
@media (min-width:601px) {
  html.compact-litters #litters-sortable-container > [data-compact-litter] { height:auto; }
  html.compact-litters .cl-summary { height:auto; }
}
/* Jemné perleťové přechody jako na úvodní obrazovce (barvy a povrchy, geometrie beze změny). */
html.compact-litters:not(.dark) {
  --bg: #f2edfc; --surface: #fff; --surface2: #f7f2ff; --text: #13492d; --text2: #518e71; --text3: #589379;
  --accent: #2D6A4F; --accent-light: #eee3ff; --border: #d9c9f4;
  --pearl-face: linear-gradient(135deg, #fffffff5, #fcfaffdf 52%, #eee6fcbd);
  --pearl-edge: #d9c9f4; --pearl-light: #ffffffed; --pearl-shade: #92d9bb29; --pearl-shadow: #519e8312;
  --pearl-selected: linear-gradient(135deg, #e4fff5f5, #d1f7e9e8);
}
html.compact-litters.dark {
  --pearl-face: linear-gradient(135deg, #274337f5, #21352def 52%, #264139e8);
  --pearl-edge: #517f72; --pearl-light: #8cb3af2b; --pearl-shade: #0d241a2e; --pearl-shadow: #00000024;
  --pearl-selected: linear-gradient(135deg, #365f54, #2c5144);
}
html.compact-litters:not(.dark) body {
  background: radial-gradient(ellipse at 9% 4%, #dcfaee99, transparent 48%),
    radial-gradient(ellipse at 94% 36%, #ddf5f655, transparent 52%),
    linear-gradient(135deg, #f8fffc, #f2edfc 60%, #fafffd);
  background-attachment: fixed;
}
html.compact-litters :is(#header-row2 .h-tile, #header-row2 .cl-year, .cl-stat, .cl-controls :is(button,.litter-roleta-btn), .cl-facts, #lang-pill) {
  border-color: var(--pearl-edge) !important; background: var(--pearl-face) !important;
  box-shadow: inset 1px 1px 0 var(--pearl-light), inset -1px -1px 0 var(--pearl-shade), 0 2px 5px var(--pearl-shadow) !important;
}
html.compact-litters #litters-sortable-container > [data-compact-litter] {
  border-color: var(--pearl-edge) !important; background: var(--pearl-face) !important;
  box-shadow: inset 1px 1px 0 var(--pearl-light), inset -1px -1px 0 var(--pearl-shade), 0 3px 8px var(--pearl-shadow) !important;
}
html.compact-litters #header-row2 .cl-year { background-color: var(--surface) !important; }
html.compact-litters :is(.cl-letter, .cl-portrait) { border-color: var(--pearl-edge); background: var(--pearl-face); }
html.compact-litters header :is(#badge-device, #badge-cloud, #header-backup-tile) {
  background-image: linear-gradient(135deg, #ffffff35, #ffffff08 58%, #a0cfc110) !important;
  box-shadow: inset 1px 1px 0 var(--pearl-light), inset -1px -1px 0 var(--pearl-shade), 0 1px 3px var(--pearl-shadow) !important;
}
html.compact-litters .ios-tab-bar { border-color: var(--pearl-edge); background: var(--pearl-face); background-color: var(--surface); box-shadow: inset 0 1px 0 var(--pearl-light), 0 -2px 12px var(--pearl-shadow); }
html.compact-litters .tab-item.active { border-color: var(--pearl-edge); background: var(--pearl-selected); box-shadow: inset 1px 1px 0 var(--pearl-light), inset -1px -1px 0 var(--pearl-shade); }
html.compact-litters .tab-item.active .tab-label { color: var(--accent) !important; }
/* Jednotná velikost písma na Vrzích (násobí se nastavením velikosti písma uživatele). */
html.compact-litters .cl-controls :is(button,.litter-roleta-btn) { font: 600 calc(12px * var(--fs-scale,1))/1.2 'IBM Plex Sans',sans-serif !important; }
html.compact-litters .cl-controls .litter-roleta-btn > span { font-size: inherit !important; opacity: 1; }
html.compact-litters .cl-fact-value { font-size: calc(12px * var(--fs-scale,1)) !important; }
html.compact-litters :is(.cl-stat span, .cl-fact-label, .cl-parent-label, .cl-fullname) { font-size: calc(9.5px * var(--fs-scale,1)) !important; }
html.compact-litters .cl-parent-name { font-size: calc(10px * var(--fs-scale,1)) !important; }
html.compact-litters .cl-date { font-size: calc(11.5px * var(--fs-scale,1)) !important; }
/* Filtr roků: stejná malá šipka dolů jako u Rodič / Řazení */
html.compact-litters #header-row2 select.cl-year { -webkit-appearance:none; appearance:none; padding-right:22px; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%236232d6'/%3E%3C/svg%3E"), var(--pearl-face) !important; background-repeat:no-repeat, no-repeat !important; background-position:right 10px center, 0 0 !important; background-size:8px 5px, 100% 100% !important; }
/* Telefon: počty v řádku s názvem vrhu, vedle fotek Matka a Otec (PC beze změny). */
@media (max-width:600px) {
  html.compact-litters #litters-sortable-container > [data-compact-litter] { height:auto; }
  html.compact-litters .cl-summary { grid-template-columns:84px minmax(0,1fr) 22px; grid-template-rows:26px 58px; gap:6px; padding:6px 8px 8px; }
  html.compact-litters .cl-title { grid-column:1 / 4; grid-row:1; padding-right:150px; min-width:0; }
  html.compact-litters .cl-date { display:none; }
  html.compact-litters .cl-facts { grid-column:1 / 4; grid-row:1; justify-self:end; align-self:center; display:flex; gap:0; width:auto; height:auto; border:0; background:none; box-shadow:none; pointer-events:none; }
  html.compact-litters .cl-fact { display:flex; flex-direction:row; gap:3px; padding:0; }
  html.compact-litters .cl-fact + .cl-fact::before { content:"·"; margin:0 4px; color:var(--text2); }
  html.compact-litters .cl-fact:first-child { grid-column:auto; }
  html.compact-litters .cl-portraits { grid-column:1; grid-row:2; height:58px; }
  html.compact-litters .cl-parents { display:flex; flex-direction:column; justify-content:space-between; grid-column:2; grid-row:2; height:58px; gap:0; min-width:0; }
  html.compact-litters .cl-parent { display:flex; flex-direction:row; align-items:center; gap:5px; height:26px; min-height:0; padding:0 8px; border:1.5px solid var(--pearl-edge); border-radius:6px; background:none; overflow:hidden; white-space:nowrap; }
  html.compact-litters .cl-parent-label { flex:none; height:auto; line-height:1; }
  html.compact-litters .cl-parent-name { display:block; flex:1; min-width:0; height:auto; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; -webkit-line-clamp:unset; line-height:1.2; }
  html.compact-litters .cl-fullname { display:none; }
  html.compact-litters .cl-phone-detail { grid-column:3; grid-row:2; width:22px; height:58px; min-height:44px; }
  html.compact-litters .cl-facts, html.compact-litters .cl-fact { background:none !important; box-shadow:none !important; border:0 !important; }
  html.compact-litters .cl-fact-value { font-weight:800; }
  html.compact-litters #litters-sortable-container .cl-summary .cl-facts { background:none !important; box-shadow:none !important; border:0 !important; }
  html.compact-litters .cl-title { padding-right:0; max-width:none; overflow:hidden; white-space:nowrap; }
  html.compact-litters .cl-title { text-overflow:ellipsis; }
  /* Název a údaje se nevejdou vedle sebe (dlouhé stáří, cizí jazyk, velké písmo): údaje pod názvem, nic se nepřekrývá. Třídu dává compact-litters.js. */
  html.compact-litters .cl-summary.cl-stack { grid-template-rows:26px auto 58px auto !important; }
  html.compact-litters .cl-summary.cl-stack .cl-facts { grid-row:2; justify-self:start; flex-wrap:wrap; row-gap:2px; }
  html.compact-litters .cl-summary.cl-stack :is(.cl-portraits,.cl-parents,.cl-phone-detail) { grid-row:3; }
  html.compact-litters .cl-summary.cl-stack .cl-extra { grid-row:4; }
}
/* Dlaždice počtu vrhů: bez popisku, číslo na středu (PC i telefon). */
html.compact-litters .cl-title-text { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
/* Bez nadpisu „Vrhy“ nad tlačítky. */
html.compact-litters .cl-heading { display:none !important; }
@media (max-width:600px) {
  html.compact-litters .cl-overview .cl-stat strong { font-size:calc(15px * var(--fs-scale,1)); line-height:22px; }
}
/* Tlačítka nad vrhy: každé má svůj pastelový odstín jako záložky ve spodní liště. */
html.compact-litters #header-row2 :is(#add-litter-btn,#global-search-btn,#litter-sort-bar button,#litter-parent-btn) {
  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-litters #header-row2 #add-litter-btn { --t:70,190,140; --td:18,110,76; }
html.compact-litters #header-row2 #global-search-btn { --t:90,150,230; --td:30,80,170; }
html.compact-litters #header-row2 #litter-sort-bar button { --t:116,198,157; --td:45,106,79; }
html.compact-litters #header-row2 #litter-parent-btn { --t:240,120,160; --td:170,40,90; }
html.compact-litters #header-row2 select.cl-year { --t:240,150,90; --td:160,70,15; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%23a04610'/%3E%3C/svg%3E"), linear-gradient(135deg, rgba(var(--t),.20), rgba(var(--t),.06)) !important; }
html.compact-litters.dark #header-row2 :is(#add-litter-btn,#global-search-btn,#litter-sort-bar button,#litter-parent-btn,select.cl-year) { color: rgb(var(--t)) !important; }
html.compact-litters #header-row2 select.cl-year { background-repeat:no-repeat, no-repeat !important; background-position:right 10px center, 0 0 !important; background-size:8px 5px, 100% 100% !important; }
html.compact-litters #header-row2 select.cl-year { border:1.5px solid rgba(var(--t),.45) !important; color:rgb(var(--td)) !important; box-shadow:none !important; }
/* Vrhy: všechny mezery 6 px. */
html.compact-litters header { gap:6px !important; }
html.compact-litters .cl-overview { gap:6px !important; margin:0 0 6px !important; }
html.compact-litters #litters-sortable-container { gap:6px !important; }
html.compact-litters #litters-sortable-container > [data-compact-litter] { height:auto !important; }
html.compact-litters .cl-summary { height:auto !important; gap:6px !important; padding:6px !important; }
html.compact-litters .cl-portraits, html.compact-litters .cl-parents, html.compact-litters .cl-controls { gap:6px !important; }
@media (min-width:601px) { html.compact-litters .cl-facts { gap:6px !important; } }

/* Vrhy: všechny mezery 4 px (PC i telefon); první řada tlačítek přes celou šířku. */
html.compact-litters header { gap:4px !important; margin-bottom:4px !important; }
html.compact-litters header .logo { gap:4px !important; }
html.compact-litters .compact-statuses { gap:4px !important; }
html.compact-litters #header-row2, html.compact-litters #header-row2 .header-left-group { gap:4px !important; }
html.compact-litters .cl-overview { gap:4px !important; margin:0 0 4px !important; }
html.compact-litters #litters-sortable-container { gap:4px !important; }
html.compact-litters .cl-summary { gap:4px !important; padding:4px !important; }
html.compact-litters .cl-title, html.compact-litters .cl-portraits, html.compact-litters .cl-parents, html.compact-litters .cl-facts, html.compact-litters .cl-controls { gap:4px !important; }
@media (min-width:601px) {
  html.compact-litters #header-row2 .header-left-group { grid-template-columns:repeat(5,minmax(0,1fr)) !important; }
  html.compact-litters #litters-sortable-container > [data-compact-litter] { height:264px !important; }
}
@media (max-width:600px) {
  html.compact-litters .logo, html.compact-litters .logo:has(#stanice-logo:not([style*="hidden"])) { gap:4px !important; }
  html.compact-litters .cl-summary { grid-template-rows:26px 56px !important; }
  html.compact-litters .cl-portraits, html.compact-litters .cl-parents { height:56px !important; }
  html.compact-litters .cl-parent, html.compact-litters .cl-fact { gap:4px !important; }
}
@media (max-width:600px) {
  html.compact-preview.compact-litters header .logo, html.compact-preview.compact-litters header .logo:has(#stanice-logo:not([style*="hidden"])) { gap:4px !important; column-gap:4px !important; row-gap:4px !important; }
}

/* Vrhy: písmo podle společného měřítka --ts (doplnění). */
html.compact-litters .cl-parent-label { font-size:calc(9px * var(--ts)) !important; }
@media (min-width:601px) {
  html.compact-litters .cl-overview .cl-stat { height:calc(60px * var(--ts)) !important; grid-template-rows:calc(24px * var(--ts)) calc(16px * var(--ts)) !important; }
  html.compact-litters .cl-overview .cl-stat strong { font-size:calc(20px * var(--ts)) !important; line-height:calc(24px * var(--ts)) !important; }
  html.compact-litters .cl-overview .cl-stat span { font-size:calc(11px * var(--ts)) !important; line-height:calc(16px * var(--ts)) !important; }
}

/* Nabídka „Možnosti vrhu“: barevné ikony ve sjednocených zaoblených dlaždicích (stejný styl jako dolní lišta) */
html.compact-litters .litter-roleta-item { gap:11px; padding:6px 14px; }
html.compact-litters .litter-roleta-item .item-ico { width:34px; height:34px; flex:0 0 34px; border-radius:10px; display:grid; place-items:center; font-size:19px; line-height:1; background:var(--surface); border:1px solid var(--border); box-shadow:0 2px 6px #35c87f24, inset 0 1px 0 #ffffffb0; }

/* Otevřená nabídka „Akce“ nesmí stáhnout okno vrhu pod horní lištu (karta s otevřenou nabídkou byla na z-index 200, lišta má 500–502) */
html.compact-litters .dog-card.litter-card.roleta-open { z-index:1550 !important; }

/* Čtyři údaje na kartě vrhu (21. 10. 2026): věk, koťata (♂/♀), volných, první krytí. */
@media (min-width:601px) { html.compact-litters .cl-facts.cl-facts-4 { grid-template-columns:repeat(4,minmax(0,1fr)) !important; } }
html.compact-litters .cl-extra { display:none; }
@media (max-width:600px) {
  html.compact-litters .cl-summary { grid-template-rows:26px 58px auto !important; }
  html.compact-litters .cl-extra { display:block; grid-column:1 / -1; grid-row:3; font-size:11px; line-height:16px; color:var(--text2); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
  html.compact-litters .cl-fact-mating, html.compact-litters .cl-sex { display:none !important; }
}

/* Okno vrhu (21. 10. 2026, odsouhlasený symetrický návrh): ✕ v rohu, název jednou, štítky, pět dlaždic a karty koťat. Ostré lemování 1 px, rohy 4 px, bez stínů. */
html.compact-litters .cl-panel:has(.cl-v-top) { position: relative; width: min(900px,100%); border: 1px solid var(--ak-line,#2a7a4f); border-radius: 5px; box-shadow: none; }
html.compact-litters .cl-panel:has(.cl-v-top) > .cl-panel-heading { display: block; padding: 16px 66px 2px 18px; }
html.compact-litters .cl-panel:has(.cl-v-top) > .cl-panel-heading h2 { font-size: calc(26px * var(--fs-scale,1)); font-weight: 800; line-height: 1.15; color: var(--ak-ink,#164829); }
html.compact-litters .cl-panel:has(.cl-v-top) > .cl-panel-heading .cl-close { position: absolute; top: 10px; right: 10px; min-width: 44px; width: 44px; padding: 0; font-size: 0; border: 1px solid var(--ak-edit-fg,#2fb07b); border-radius: 4px; background: var(--surface); color: var(--ak-edit-fg,#2fb07b); }
html.compact-litters .cl-panel:has(.cl-v-top) > .cl-panel-heading .cl-close::before { content: "✕"; font-size: 20px; line-height: 1; }
html.compact-litters .cl-panel:has(.cl-v-top) > .cl-panel-actions { display: none; }
html.compact-litters .cl-panel:has(.cl-v-top) .cl-original .dog-header { display: none !important; }
html.compact-litters .cl-panel:has(.cl-v-top) .cl-original .litter-card-body > :not(.cl-note) { display: none !important; }
html.compact-litters .cl-original .cl-note { margin: 0 18px 12px; padding: 6px 12px; border-left: 3px solid var(--ak-qr-fg,#1f5fb0); border-radius: 0 4px 4px 0; background: var(--ak-qr-bg,#e6f0fd); color: var(--text); font-size: 13.5px; line-height: 1.4; }
html.compact-litters .cl-v-top { --ak-bg: var(--ak-edit-bg); --ak-fg: var(--ak-edit-fg); }
html.compact-litters .cl-v-sub { padding: 0 66px 10px 18px; font-size: 14px; font-weight: 700; color: var(--text2); }
html.compact-litters .cl-v-chips { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 6px; padding: 0 18px 8px; }
html.compact-litters .cl-v-chip { display: flex; align-items: center; justify-content: center; min-height: 36px; padding: 6px 8px; box-sizing: border-box; border: 1px solid; border-radius: 4px; font-size: 13.5px; font-weight: 700; line-height: 1.25; text-align: center; overflow-wrap: anywhere; }
html.compact-litters .cl-v-chip.mother { color: var(--ak-mating-fg,#a02a5c); background: var(--ak-mating-bg,#fdeaf0); }
html.compact-litters .cl-v-chip.father { color: var(--ak-qr-fg,#1f5fb0); background: var(--ak-qr-bg,#e6f0fd); }
html.compact-litters .cl-v-chip.mating { color: var(--ak-edit-fg,#2fb07b); background: var(--ak-edit-bg,#e9fff4); }
html.compact-litters .cl-v-tiles { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 6px; padding: 0 18px 10px; }
html.compact-litters .cl-v-tile, html.compact-litters .cl-v-akce .litter-roleta-btn { box-sizing: border-box; width: 100%; min-width: 0; min-height: 68px; height: auto; padding: 4px; display: flex !important; flex-direction: column; align-items: center; justify-content: center; gap: 4px; border: 1px solid var(--tk-fg); border-radius: 4px; background: var(--tk-bg); color: var(--tk-fg); font-family: inherit; cursor: pointer; }
html.compact-litters .cl-v-tile { --tk-bg: var(--ak-mating-bg,#fdeaf0); --tk-fg: var(--ak-mating-fg,#a02a5c); }
html.compact-litters .cl-v-tile[data-k="weights"] { --tk-bg: var(--ak-qr-bg,#e6f0fd); --tk-fg: var(--ak-qr-fg,#1f5fb0); }
html.compact-litters .cl-v-tile[data-k="reserved"] { --tk-bg: var(--ak-reminders-bg,#fff6d9); --tk-fg: var(--ak-reminders-fg,#7a5a00); }
html.compact-litters .cl-v-akce { --tk-bg: var(--ak-edit-bg,#e9fff4); --tk-fg: var(--ak-edit-fg,#2fb07b); min-width: 0; }
html.compact-litters .cl-v-akce > * { width: 100%; }
html.compact-litters .cl-v-ico { position: relative; display: flex; }
html.compact-litters .cl-v-ico svg { width: 24px; height: 24px; }
html.compact-litters .cl-v-badge { position: absolute; top: -6px; right: -12px; min-width: 16px; height: 16px; padding: 0 4px; box-sizing: border-box; border-radius: 8px; background: var(--tk-fg); color: var(--tk-bg); font-size: 10px; line-height: 16px; text-align: center; }
html.compact-litters .cl-v-label, html.compact-litters .cl-v-akce .litter-roleta-btn > span:first-child { max-width: 100%; font-size: calc(12.5px * var(--fs-scale,1)); font-weight: 800; line-height: 1.1; text-align: center; overflow-wrap: anywhere; hyphens: auto; }
html.compact-litters .cl-v-akce .litter-roleta-btn > span:last-child { display: none; }
html.compact-litters .cl-v-akce .litter-roleta-btn::before { content: ""; width: 24px; height: 24px; background: currentColor; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'%3E%3Ccircle cx='5' cy='12' r='1.5'/%3E%3Ccircle cx='12' cy='12' r='1.5'/%3E%3Ccircle cx='19' cy='12' r='1.5'/%3E%3C/svg%3E") center/contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'%3E%3Ccircle cx='5' cy='12' r='1.5'/%3E%3Ccircle cx='12' cy='12' r='1.5'/%3E%3Ccircle cx='19' cy='12' r='1.5'/%3E%3C/svg%3E") center/contain no-repeat; }
/* Karty koťat: původní řádky, jen ostylované (nic se neztratí: obojek, účel, čip, vratky, zemřelá koťata). */
html.compact-litters .cl-original .cl-kit-wrap, html.compact-litters .cl-original .cl-kit-group { display: grid !important; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 8px; align-items: stretch; }
html.compact-litters .cl-original .cl-kit-wrap { padding: 0 18px 12px !important; background: transparent !important; }
html.compact-litters .cl-original .cl-kit-group { grid-column: 1 / -1; margin: 0 !important; padding: 0 !important; border: 0 !important; }
html.compact-litters .cl-original .cl-kit-group > :not(.cl-kit) { grid-column: 1 / -1; }
html.compact-litters .cl-original .cl-kit-wrap > :not(.cl-kit):not(.cl-kit-group) { grid-column: 1 / -1; }
html.compact-litters .cl-original .cl-kit { --kc: var(--ak-edit-fg,#2fb07b); --kb: var(--ak-edit-bg,#e9fff4); display: grid !important; grid-template-columns: minmax(0,1fr); grid-template-rows: 1fr auto; justify-content: stretch !important; align-items: stretch !important; gap: 8px; margin: 0; padding: 10px !important; box-sizing: border-box; border: 1px solid var(--kc) !important; border-radius: 4px; background: var(--kb); text-align: center; }
html.compact-litters .cl-original .cl-kit:has(.status-free) { --kc: var(--ak-health-fg,#420f6e); --kb: var(--ak-health-bg,#eae3f6); }
html.compact-litters .cl-original .cl-kit:has(.status-option) { --kc: var(--ak-reminders-fg,#7a5a00); --kb: var(--ak-reminders-bg,#fff6d9); }
html.compact-litters .cl-original .cl-kit:has(.status-reserved) { --kc: #a35200; --kb: #ffeedd; }
html.compact-litters.dark .cl-original .cl-kit:has(.status-reserved) { --kc: #f0a060; --kb: #3b2410; }
html.compact-litters .cl-original .cl-kit:has(.status-sold, .status-returned) { --kc: var(--ak-qr-fg,#1f5fb0); --kb: var(--ak-qr-bg,#e6f0fd); }
html.compact-litters .cl-original .cl-kit > .tap44 { flex: none !important; width: 100% !important; max-width: none !important; min-width: 0; padding: 0 !important; }
html.compact-litters .cl-original .cl-kit > .tap44 > strong { font-size: calc(19px * var(--fs-scale,1)); font-weight: 800; color: var(--text); }
html.compact-litters .cl-original .cl-kit > .tap44 > div { font-size: calc(13px * var(--fs-scale,1)) !important; margin-top: 4px !important; overflow-wrap: anywhere; }
html.compact-litters .cl-original .cl-kit .pup-status { margin-left: 0 !important; font-size: calc(11px * var(--fs-scale,1)); text-transform: uppercase; letter-spacing: .4px; }
html.compact-litters .cl-original .cl-kit > div:last-child { display: grid !important; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 5px !important; }
html.compact-litters .cl-original .cl-kit button[data-fn] { box-sizing: border-box; min-width: 0; min-height: 50px; padding: 4px 2px !important; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 2px; font-size: 0 !important; border: 1px solid var(--ak-line,#2a7a4f); border-radius: 4px; background: var(--surface); color: var(--ak-line,#2a7a4f); cursor: pointer; }
html.compact-litters .cl-original .cl-kit button[data-fn]::before { content: ""; width: 22px; height: 22px; background: currentColor; -webkit-mask: var(--ic) center/contain no-repeat; mask: var(--ic) center/contain no-repeat; }
html.compact-litters .cl-original .cl-kit button[data-short]::after { content: attr(data-short); font-size: calc(11px * var(--fs-scale,1)); font-weight: 800; line-height: 1.1; }
html.compact-litters .cl-original .cl-kit button[data-fn="showPaymentHistory"] { --ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2' y='5' width='20' height='14' rx='2'/%3E%3Cpath d='M2 10h20M6 15h4'/%3E%3C/svg%3E"); }
html.compact-litters .cl-original .cl-kit button[data-fn="openWeightModal"] { --ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3v18M7 21h10M5 7h14'/%3E%3Cpath d='M5 7l-3 7a3 3 0 0 0 6 0zM19 7l-3 7a3 3 0 0 0 6 0z'/%3E%3C/svg%3E"); }
html.compact-litters .cl-original .cl-kit button[data-fn="sharePuppy"] { --ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3v12M8 7l4-4 4 4'/%3E%3Cpath d='M5 12v7a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2v-7'/%3E%3C/svg%3E"); }
@media (max-width: 600px) {
  html.compact-litters .cl-panel:has(.cl-v-top) { width: calc(100% - 4px); }
  html.compact-litters .cl-panel:has(.cl-v-top) > .cl-panel-heading { padding: 12px 56px 2px 12px; }
  html.compact-litters .cl-panel:has(.cl-v-top) > .cl-panel-heading h2 { font-size: calc(22px * var(--fs-scale,1)); }
  html.compact-litters .cl-v-sub { padding: 0 56px 8px 12px; font-size: 13px; }
  html.compact-litters .cl-v-chips { grid-template-columns: minmax(0,1fr); padding: 0 12px 6px; }
  html.compact-litters .cl-v-chip { font-size: 12.5px; }
  html.compact-litters .cl-v-tiles { gap: 4px; padding: 0 12px 8px; }
  html.compact-litters .cl-v-tile, html.compact-litters .cl-v-akce .litter-roleta-btn { min-height: 58px; gap: 3px; padding: 4px 2px; }
  html.compact-litters .cl-v-ico svg { width: 22px; height: 22px; }
  html.compact-litters .cl-v-label, html.compact-litters .cl-v-akce .litter-roleta-btn > span:first-child { font-size: 10px; }
  html.compact-litters .cl-original .cl-kit-wrap, html.compact-litters .cl-original .cl-kit-group { grid-template-columns: minmax(0,1fr); }
  html.compact-litters .cl-original .cl-kit-wrap { padding: 0 12px 10px !important; }
  html.compact-litters .cl-original .cl-note { margin: 0 12px 10px; font-size: 12.5px; }
}
html.compact-litters .cl-original .cl-kit-group.cl-kit-flat { display: contents !important; }
html.compact-litters .cl-original .cl-kit-hide { display: none !important; }
html.compact-litters .cl-original .cl-kit button[data-fn] > * { display: none !important; }

/* Okno vrhu na telefonu, varianta C (21. 10. 2026): zhuštěná hlavička a koťata jako řádky s ikonami vpravo. Všechna tři koťata se vejdou na obrazovku. */
html.compact-litters .cl-v-parents { display: none; }
@media (max-width: 600px) {
  html.compact-litters .cl-panel:has(.cl-v-top) { width: calc(100% - 8px); }
  html.compact-litters .cl-panel:has(.cl-v-top) > .cl-panel-heading { padding: 8px 52px 0 12px; }
  html.compact-litters .cl-panel:has(.cl-v-top) > .cl-panel-heading h2 { font-size: calc(20px * var(--fs-scale,1)); }
  html.compact-litters .cl-panel:has(.cl-v-top) > .cl-panel-heading .cl-close { top: 4px; right: 4px; width: 44px; min-width: 44px; min-height: 44px; }
  html.compact-litters .cl-v-sub { padding: 0 52px 2px 12px; font-size: 12.5px; }
  html.compact-litters .cl-v-parents { display: block; padding: 0 12px 6px; font-size: 12px; font-weight: 600; line-height: 1.35; color: var(--text2); overflow-wrap: anywhere; }
  html.compact-litters .cl-v-chips { display: none; }
  html.compact-litters .cl-v-tiles { padding: 0 12px 6px; }
  html.compact-litters .cl-v-tile, html.compact-litters .cl-v-akce .litter-roleta-btn { min-height: 56px; gap: 2px; }
  html.compact-litters .cl-v-akce { display: flex; }
  html.compact-litters .cl-v-akce > * { height: auto; flex: 1; }
  html.compact-litters .cl-v-ico svg { width: 20px; height: 20px; }
  html.compact-litters .cl-original .cl-kit-wrap { padding: 0 12px 8px !important; gap: 6px !important; }
  html.compact-litters .cl-original .cl-note { margin: 0 12px 8px; }
  html.compact-litters .cl-original .cl-kit { grid-template-columns: minmax(0,1fr) auto; grid-template-rows: auto; text-align: left; padding: 8px 8px 8px 10px !important; gap: 8px; align-items: center !important; }
  html.compact-litters .cl-original .cl-kit > .tap44 { text-align: left; }
  html.compact-litters .cl-original .cl-kit > .tap44 > strong { font-size: calc(17px * var(--fs-scale,1)); }
  html.compact-litters .cl-original .cl-kit > .tap44 > div { text-align: left; font-size: calc(12px * var(--fs-scale,1)) !important; margin-top: 2px !important; }
  html.compact-litters .cl-original .cl-kit > div:last-child { grid-template-columns: repeat(3,44px); gap: 3px !important; }
  html.compact-litters .cl-original .cl-kit button[data-fn] { min-height: 44px; min-width: 44px; }
  html.compact-litters .cl-original .cl-kit button[data-short]::after { display: none; }
}
/* Tablet (601–900 px): karty koťat ve dvou sloupcích, aby se do úzkých tlačítek Platby / Váha / Sdílet vešly delší slova ve všech jazycích při velkém písmu */
@media (min-width: 601px) and (max-width: 900px) {
  html.compact-litters .cl-original .cl-kit-wrap, html.compact-litters .cl-original .cl-kit-group { grid-template-columns: repeat(2,minmax(0,1fr)) !important; }
}
/* Náklady vrhu (27. 10. 2026): řádek s ostrým lemem pod rodiči, tlačítko + Výdaj (44 px) */
html.compact-litters .cl-v-naklady { display: flex; align-items: center; justify-content: center; gap: 10px; flex-wrap: wrap; margin: 0 18px 8px; padding: 4px 4px 4px 12px; border: 1px solid #e39a94; border-radius: 4px; background: #fdecea; }
html.compact-litters .cl-v-naklady-txt { flex: 1 1 auto; text-align: center; font-size: 13.5px; font-weight: 800; color: #a1231b; overflow-wrap: anywhere; }
html.compact-litters .cl-v-naklady-btn { flex: 0 0 auto; min-height: 44px; min-width: 96px; padding: 0 12px; border: 1px solid #a1231b; border-radius: 4px; background: #fff; color: #a1231b; font: inherit; font-weight: 800; font-size: 13px; cursor: pointer; }
html.dark.compact-litters .cl-v-naklady { border-color: #8a3a35; background: #3a1715; }
html.dark.compact-litters .cl-v-naklady-txt { color: #ffb4ad; }
html.dark.compact-litters .cl-v-naklady-btn { background: transparent; border-color: #ffb4ad; color: #ffb4ad; }
@media (max-width: 600px) { html.compact-litters .cl-v-naklady { margin: 0 12px 6px; } }
/* Kotě, které zůstalo doma (29. 10. 2026): stejný rámeček jako ostatní koťata, jen bez tlačítek. */
html.compact-litters .cl-original .cl-kit.cl-doma > .tap44 { display: block !important; }
/* Věk vrhu („11 months, 2 weeks“) na tabletu: když se hodnota nevejde na jeden řádek, zalomí se a popisek posune dolů, místo aby přes něj přejela (31. 10. 2026). */
@media (min-width: 601px) { html.compact-litters .cl-fact-value { height: auto; min-height: 19px; line-height: 1.2; display: flex; align-items: center; justify-content: center; } }