/* Výhradně místní Výstavy podle schváleného návrhu. */
html.compact-shows { zoom:1 !important; --cx-scale:1; --fs-scale:var(--cx-scale); }
html.compact-shows.font-small { --cx-scale:.9; }
html.compact-shows.font-large { --cx-scale:1.12; }
html.compact-shows.font-xlarge { --cx-scale:1.28; }
html.compact-shows:not(.dark) { --bg:#f6f9fc; --surface:#fff; --surface2:#fafffc; --text:#134624; --text2:#5c9d72; --text3:#79ac8d; --accent:#2D6A4F; --accent-light:#f0eaff; --border:#caffe4; }
html.compact-shows 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-shows .app { max-width:1320px; }
html.compact-shows header { padding:12px 0; margin:0 0 12px; border:0; gap:14px; }
html.compact-shows .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-shows #main-logo { width:48px; height:48px; border-radius:6px; }
html.compact-shows .logo-text-wrapper { min-width:0; height:48px; align-items:start; justify-content:center; }
html.compact-shows 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-shows #stanice-logo[style*="hidden"] { display:none; }
html.compact-shows #stanice-logo { grid-column:4; width:40px; height:40px; }
html.compact-shows .logo:has(#stanice-logo:not([style*="hidden"])) { grid-template-columns:48px minmax(130px,1.1fr) minmax(0,2.5fr) 40px auto auto; }
html.compact-shows .compact-statuses { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; height:46px; min-width:0; }
html.compact-shows #cloud-badge { display:contents !important; }
html.compact-shows #cloud-badge > .tap44 { 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-shows #cloud-badge svg { grid-row:1 / 3; align-self:center; width:18px; height:18px; }
html.compact-shows #cloud-badge span { font-size:inherit !important; overflow:visible !important; text-overflow:clip !important; }
html.compact-shows .compact-badge-state { grid-column:2; font-size:inherit; }
html.compact-shows #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-shows #header-backup-tile span { font-size:inherit !important; line-height:1.2; text-transform:none !important; letter-spacing:0 !important; }
html.compact-shows #header-backup-tile::after { inset:0; width:auto; height:auto; transform:none; }
html.compact-shows #header-version-tile { display:flex !important; width:auto; min-width:0; padding:0; background:transparent; border:0; box-shadow:none; height:44px; }
html.compact-shows #header-version-line1, html.compact-shows .ver-update-ico { display:none; }
html.compact-shows #header-version-line2 { font-size:10px !important; }
html.compact-shows #lang-pill-wrap { min-width:62px; z-index:502; }
html.compact-shows #lang-pill { height:44px; width:100%; border:1px solid var(--border); border-radius:5px; background:var(--surface); color:var(--accent); }
html.compact-shows .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-shows .tab-item { height:62px; min-height:0; border:1px solid transparent; border-radius:4px; }
html.compact-shows .tab-item.active { background:#eee2f8; border-color:#a876c9; }
html.compact-shows .tab-icon, html.compact-shows .tab-icon svg { width:30px; height:30px; }
html.compact-shows .tab-icon svg > rect { fill:transparent; stroke:none; }
html.compact-shows .tab-icon svg > text { font-size:36px !important; }
html.compact-shows .tab-item.active .tab-icon { transform:none; filter:none; }
html.compact-shows .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-shows .tab-item.active .tab-label { color:#491266 !important; }
html.compact-shows #header-row2 { display:block !important; width:100%; }
html.compact-shows .header-right-group { display:contents; }
html.compact-shows #header-row2 .header-left-group { display:grid !important; grid-template-columns:minmax(150px,1.4fr) repeat(3,minmax(0,1fr)); align-items:center; gap:8px; width:100%; }
html.compact-shows .cx-heading { order:0; margin:0; height:44px; display:flex; align-items:center; font-weight:700; }
html.compact-shows #add-trials-btn { order:1; }
html.compact-shows #global-search-btn { order:2; }
html.compact-shows .cx-titles { order:3; }
html.compact-shows #header-row2 .h-tile,html.compact-shows .cx-filters .h-tile { 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:4px; background:var(--surface) !important; color:var(--accent) !important; box-shadow:none !important; white-space:nowrap !important; text-overflow:clip !important; font-family:inherit; font-weight:600; line-height:1.2; transform:none !important; transition-property:background-color,border-color,color !important; }
html.compact-shows #header-row2 #add-trials-btn { background:#318043 !important; border-color:#318043 !important; color:#fff !important; }
html.compact-shows #header-row2 .h-tile > span { font-size:inherit !important; }
html.compact-shows #tab-zkousky { padding-bottom:90px; }
html.compact-shows .cx-filters { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; margin:0 0 12px; }
html.compact-shows :is(#trials-dog-bar,#trials-year-bar) { display:block !important; min-width:0 !important; }
html.compact-shows .cx-filter { display:flex; align-items:center; gap:5px; }
html.compact-shows .cx-filter-label { display:block; min-width:0; max-height:32px; overflow:hidden; overflow-wrap:anywhere; white-space:normal; line-height:16px; text-align:left; }
html.compact-shows .cx-arrow { flex:0 0 12px; }
html.compact-shows .cx-sort { display:grid; grid-template-columns:auto minmax(0,1fr); align-items:center; gap:8px; height:44px; min-width:0; padding:4px 8px; border:1px solid #74C69D; border-radius:4px; background:var(--surface); color:var(--accent); box-sizing:border-box; }
html.compact-shows .cx-sort-label { line-height:16px; font-size:12px; }
html.compact-shows .cx-sort select { min-width:0; width:100%; height:32px; border:0; margin:0; padding:0 16px 0 0; color:var(--accent); background:transparent; font-family:inherit; font-size:12px; border-radius:0; }
html.compact-shows :is(#trials-dog-dd,#trials-yr-dd) { width:100%; min-width:0 !important; max-width:100%; border-radius:4px !important; }
html.compact-shows :is(#trials-dog-dd,#trials-yr-dd) [onclick] { min-height:44px; display:flex; align-items:center; box-sizing:border-box; white-space:normal !important; overflow-wrap:anywhere; }
html.compact-shows .cx-root { padding:0 !important; max-width:none !important; width:100%; }
html.compact-shows .cx-tools { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; margin-bottom:16px; }
html.compact-shows .cx-tools button { min-width:0 !important; width:100% !important; height:44px !important; min-height:44px !important; padding:4px !important; margin:0; display:flex; align-items:center; justify-content:center; border:1px solid #74C69D !important; border-radius:4px !important; background:var(--surface) !important; color:var(--accent) !important; font:600 12px/1.2 'IBM Plex Sans',sans-serif; white-space:normal !important; text-overflow:clip !important; box-shadow:none !important; transform:none !important; }
html.compact-shows .cx-results-title { margin:0 0 10px; font-size:18px; line-height:26px; color:var(--text); }
html.compact-shows [data-cx-list] { border:1px solid var(--border); border-radius:4px; overflow:hidden; }
html.compact-shows .cx-table-head,html.compact-shows .cx-view { display:grid; grid-template-columns:minmax(70px,.85fr) minmax(110px,1.4fr) minmax(120px,1.7fr) minmax(100px,1.2fr) 142px; gap:8px; align-items:center; padding:0 8px; box-sizing:border-box; }
html.compact-shows .cx-table-head { height:38px; background:#e9fff3; border-bottom:1px solid var(--border); color:var(--text2); font-weight:600; font-size:12px; }
html.compact-shows .cx-table-head > * { min-width:0; line-height:16px; }
html.compact-shows .cx-card { height:72px; min-width:0; padding:0 !important; margin:0 !important; border:0 !important; border-bottom:1px solid var(--border) !important; border-radius:0 !important; background:var(--surface) !important; box-shadow:none !important; overflow:hidden; }
html.compact-shows .cx-card:nth-of-type(odd) { background:var(--surface2) !important; }
html.compact-shows .cx-card:last-child { border-bottom:0 !important; }
html.compact-shows .cx-view { height:100%; }
html.compact-shows .cx-view * { min-width:0; box-sizing:border-box; }
html.compact-shows .cx-when { display:flex; flex-direction:column; gap:3px; }
html.compact-shows .cx-date { font-size:12px; font-weight:600; line-height:17px; white-space:nowrap; }
html.compact-shows .cx-city { height:30px; font-size:11px; line-height:15px; overflow:hidden; overflow-wrap:anywhere; color:var(--text2); }
html.compact-shows .cx-show { width:100%; height:36px; padding:0; background:none; border:0; color:var(--text); text-align:left; font:600 13px/18px 'IBM Plex Sans',sans-serif; overflow:hidden; overflow-wrap:anywhere; cursor:pointer; }
html.compact-shows .cx-animal { display:grid; grid-template-columns:40px minmax(0,1fr); grid-template-rows:32px 16px; gap:1px 6px; align-items:center; }
html.compact-shows .cx-photo { grid-row:1 / 3; width:40px; height:46px; object-fit:cover; border-radius:3px; font-size:24px; display:flex; align-items:center; justify-content:center; }
html.compact-shows .cx-name { width:100%; height:32px; padding:0; border:0; background:none; color:var(--text); font:500 12px/16px 'IBM Plex Sans',sans-serif; text-align:left; overflow:hidden; overflow-wrap:anywhere; cursor:pointer; }
html.compact-shows .cx-full { height:16px; line-height:16px; padding:0; border:0; background:none; color:var(--accent); text-align:left; font-family:inherit; font-size:11px; cursor:pointer; }
html.compact-shows .cx-results { display:flex; align-content:center; align-items:center; flex-wrap:wrap; gap:3px; max-height:54px; overflow:hidden; }
html.compact-shows .cx-badge,html.compact-shows .cx-extra { display:flex; align-items:center; justify-content:center; min-width:26px; max-width:100%; height:22px; padding:1px 5px; border:1px solid #bfffe2; border-radius:3px; background:#ebfff6; color:var(--accent); font-family:inherit; font-size:11px; line-height:16px; white-space:nowrap; }
html.compact-shows .cx-badge:first-child { background:#fff2b7; border-color:#f3d86e; color:#644300; font-weight:700; }
html.compact-shows .cx-extra { cursor:pointer; }
html.compact-shows .cx-buttons { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:4px; }
html.compact-shows :is(.cx-detail,.cx-actions,.cx-more button,.cx-close) { height:44px; min-height:44px; min-width:0; padding:4px; border:1px solid var(--border); border-radius:4px; background:var(--surface2); color:var(--accent); font:600 12px/1.2 'IBM Plex Sans',sans-serif; white-space:nowrap; cursor:pointer; }
html.compact-shows .cx-more { display:flex; justify-content:center; gap:8px; margin-top:12px; }
html.compact-shows .cx-more button { width:min(280px,100%); background:#ece4f9; color:#491266; border-color:#b491d7; }
html.compact-shows :is(.cx-original,.cx-old-header,.cx-sort-original,.cx-more,.cx-card,[data-cx-tracker])[hidden] { display:none !important; }
html.compact-shows .cx-dialog { box-sizing:border-box; width:min(650px,calc(100% - 24px)); max-height:calc(100dvh - 24px); margin:auto; padding:16px; border:1px solid var(--border); border-radius:6px; background:var(--surface); color:var(--text); overflow:auto; }
html.compact-shows .cx-dialog::backdrop { background:#13462470; }
html.compact-shows .cx-dialog h2 { font-size:19px; line-height:1.3; margin:0 0 14px; max-height:26dvh; overflow:auto; overflow-wrap:anywhere; }
html.compact-shows .cx-dialog-body { max-height:52dvh; overflow:auto; overflow-wrap:anywhere; line-height:1.5; }
html.compact-shows .cx-close { width:100%; margin-top:14px; }
html.compact-shows .cx-dialog [data-cx-tracker] { border-radius:4px !important; margin:0 !important; }
html.compact-shows .cx-dialog [data-cx-tracker] > div { flex-wrap:wrap; gap:8px; }
html.compact-shows .cx-dialog [data-cx-tracker] button { min-height:44px; }
html.compact-shows .cx-original [style*="text-overflow"] { white-space:normal !important; text-overflow:clip !important; overflow:visible !important; overflow-wrap:anywhere; }
html.compact-shows .cx-original > div:first-child { flex-direction:column; align-items:stretch !important; }
html.compact-shows .cx-original [data-cx-cat-source] { flex-wrap:wrap; }
html.compact-shows .cx-actions-original { display:flex !important; flex-direction:column; align-items:stretch !important; gap:8px !important; }
html.compact-shows .cx-actions-original button { min-height:44px; padding:8px !important; background:var(--surface2) !important; border:1px solid var(--border) !important; border-radius:4px !important; color:var(--accent) !important; font:600 14px/1.3 'IBM Plex Sans',sans-serif !important; }
html.compact-shows .cx-picker-menu { display:block !important; position:static !important; width:100%; min-width:0 !important; max-height:none !important; border:0 !important; box-shadow:none !important; overflow:visible !important; }
html.compact-shows .cx-picker-all { display:none !important; }
html.compact-shows :is(button,select,[role="button"]):focus-visible { outline:2px solid var(--accent); outline-offset:2px; }
@media(max-width:1100px){
  html.compact-shows .logo { grid-template-columns:44px minmax(130px,1fr) auto auto; gap:8px; }
  html.compact-shows .compact-statuses { grid-column:1 / -1; grid-row:2; width:100%; }
}
@media(max-width:740px){
  html.compact-shows body { padding-inline:10px; }
  html.compact-shows header { gap:6px; padding:10px 0 6px; margin-bottom:6px; }
  html.compact-shows .logo,html.compact-shows .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-shows #main-logo { width:40px; height:40px; grid-row:1 / 3; }
  html.compact-shows .logo-text-wrapper { grid-column:2; grid-row:1; height:24px; }
  html.compact-shows header h1 { max-height:24px; }
  html.compact-shows #stanice-logo { grid-column:2; grid-row:2; width:18px; height:18px; justify-self:end; }
  html.compact-shows #header-version-tile { grid-column:2; grid-row:2; height:18px; justify-self:start; }
  html.compact-shows #lang-pill-wrap { grid-column:3; grid-row:1 / 3; min-width:0; }
  html.compact-shows .compact-statuses { grid-row:3; height:44px; gap:5px; }
  html.compact-shows :is(#cloud-badge > .tap44,#header-backup-tile) { height:44px !important; }
  html.compact-shows #cloud-badge svg { width:14px; height:14px; }
  html.compact-shows #header-row2 .header-left-group { grid-template-columns:repeat(3,minmax(0,1fr)); gap:5px; }
  html.compact-shows .cx-heading { grid-column:1 / -1; height:30px; }
  html.compact-shows .cx-filters { gap:5px; margin-bottom:8px; }
  html.compact-shows .cx-sort { grid-template-columns:minmax(0,1fr); gap:0; padding:2px 4px; }
  html.compact-shows .cx-sort-label { font-size:10px; line-height:12px; }
  html.compact-shows .cx-sort select { height:24px; }
  html.compact-shows .cx-tools { grid-template-columns:repeat(2,minmax(0,1fr)); gap:5px; margin-bottom:10px; }
  html.compact-shows .cx-results-title { font-size:16px; margin-bottom:8px; }
  html.compact-shows [data-cx-list] { border:0; overflow:visible; }
  html.compact-shows .cx-table-head { display:none; }
  html.compact-shows .cx-card { height:116px; margin-bottom:6px !important; border:1px solid var(--border) !important; border-radius:4px !important; }
  html.compact-shows .cx-view { grid-template-columns:34px minmax(0,1fr) 66px; grid-template-rows:16px 18px 34px 22px; align-content:center; gap:2px 5px; padding:6px; }
  html.compact-shows .cx-when { grid-area:1 / 1 / 2 / 3; flex-direction:row; align-items:center; gap:8px; }
  html.compact-shows .cx-date { line-height:16px; }
  html.compact-shows .cx-city { height:16px; line-height:16px; flex:1; white-space:nowrap; }
  html.compact-shows .cx-show-cell { grid-area:2 / 1 / 3 / 3; }
  html.compact-shows .cx-show { height:18px; line-height:18px; }
  html.compact-shows .cx-animal { display:contents; }
  html.compact-shows .cx-photo { grid-area:3 / 1; width:34px; height:34px; }
  html.compact-shows .cx-name { grid-area:3 / 2; height:32px; line-height:16px; }
  html.compact-shows .cx-full { display:none; }
  html.compact-shows .cx-results { grid-area:4 / 1 / 5 / 3; max-height:22px; flex-wrap:nowrap; }
  html.compact-shows .cx-badge { flex-shrink:1; }
  html.compact-shows .cx-buttons { grid-area:1 / 3 / -1 / 4; display:flex; flex-direction:column; justify-content:space-between; align-self:stretch; }
  html.compact-shows .cx-more { flex-wrap:wrap; }
  html.compact-shows .ios-tab-bar { width:100%; height:calc(68px + env(safe-area-inset-bottom)); border-radius:0; }
  html.compact-shows .tab-item { height:56px; }
  html.compact-shows .tab-icon,html.compact-shows .tab-icon svg { width:25px; height:25px; }
}
/* ===== Doladění Výstav: mezery, rohy 6 px, písmo, perleťové přechody (PC i telefon) ===== */
html.compact-shows header { padding:8px 0 0; margin:0 0 6px; gap:8px; }
html.compact-shows .cx-filters { margin:0 0 6px; }
html.compact-shows .cx-tools { margin-bottom:8px; }
html.compact-shows :is(#header-row2 .h-tile, #header-row2 button, .cx-sort, .cx-filter, .cx-filter button, .cx-filter select, .cx-tools button, .cx-table, .cx-detail, .cx-actions, .cx-actions button, .cx-badge, #cloud-badge > *, #header-backup-tile, #lang-pill, .ios-tab-bar .tab-item) { border-radius:6px !important; }
html.compact-shows .cx-table-head { border-radius:6px 6px 0 0; }
html.compact-shows .cx-tools button, html.compact-shows #header-row2 .h-tile { font-weight:600 !important; }
@media (min-width:1101px) { html.compact-shows #header-row2 .header-left-group { grid-template-columns:150px repeat(3,minmax(0,1fr)) 150px; } }
@media (max-width:600px) { html.compact-shows header { gap:5px; padding:8px 0 0; margin-bottom:4px; } }
html.compact-shows: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;
}
html.compact-shows.dark { --pearl-face:linear-gradient(135deg,#274337f5,#21352def 52%,#264139e8); --pearl-edge:#517f72; --pearl-light:#8cb3af2b; --pearl-shade:#0d241a2e; --pearl-shadow:#00000024; }
html.compact-shows: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-shows :is(#header-row2 #global-search-btn, .cx-sort, .cx-filter, .cx-tools button, #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-shows .cx-tools button:last-child { border-color:#9adfc6 !important; }
html.compact-shows 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-shows .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-shows .cx-tools button { margin:0 !important; }
html.compact-shows .cx-sort select { font-weight:600 !important; }
html.compact-shows .cx-sort-label { font-weight:600 !important; font-size:calc(11px * var(--fs-scale,1)) !important; }
html.compact-shows .cx-filter-label { font-weight:600 !important; }
/* Výstavy: karty s fotkou kočky, barevná tlačítka, pevná písma, mezery 6 px. */
html.compact-shows .cx-heading, html.compact-shows .cx-results-title, html.compact-shows .cx-table-head { display:none !important; }
html.compact-shows #header-row2 .header-left-group { grid-template-columns:repeat(3,minmax(0,1fr)) !important; gap:6px !important; }
html.compact-shows header { gap:6px !important; }
html.compact-shows #header-row2 :is(#add-trials-btn,#global-search-btn,.cx-titles).h-tile { background:linear-gradient(135deg, rgba(var(--t),.20), rgba(var(--t),.06)) !important; border:1px solid rgba(var(--t),.55) !important; color:rgb(var(--td)) !important; box-shadow:none !important; }
html.compact-shows #header-row2 #add-trials-btn { --t:70,190,140; --td:18,110,76; }
html.compact-shows #header-row2 #global-search-btn { --t:90,150,230; --td:30,80,170; }
html.compact-shows #header-row2 .cx-titles { --t:235,180,60; --td:140,95,10; }
html.compact-shows .cx-filters { gap:6px !important; margin:0 0 6px !important; }
html.compact-shows .cx-tools { gap:6px !important; margin-bottom:6px !important; }
html.compact-shows [data-cx-list] { display:grid !important; grid-template-columns:repeat(3,minmax(0,1fr)); gap:6px !important; border:0 !important; overflow:visible !important; }
html.compact-shows .cx-card, html.compact-shows .cx-card:nth-of-type(odd) { height:auto !important; border:1.5px solid var(--pearl-edge) !important; border-radius:6px !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; overflow:hidden; margin:0 !important; }
html.compact-shows .cx-view { display:grid !important; grid-template-columns:62px minmax(0,1fr) !important; grid-template-rows:auto !important; gap:6px !important; padding:6px !important; height:auto !important; align-items:start; }
html.compact-shows .cx-animal { display:contents !important; }
html.compact-shows .cx-photo { grid-area:1 / 1 / 6 / 2 !important; width:62px !important; height:100% !important; min-height:100px; object-fit:cover; border-radius:6px; }
html.compact-shows .cx-name { grid-area:1 / 2 !important; height:auto !important; font:800 14px/18px 'IBM Plex Sans',sans-serif !important; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
html.compact-shows .cx-full { display:none !important; }
html.compact-shows .cx-show-cell { grid-area:2 / 2 !important; }
html.compact-shows .cx-show { height:auto !important; font:600 12px/16px 'IBM Plex Sans',sans-serif !important; color:var(--text2) !important; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; display:block; }
html.compact-shows .cx-when { grid-area:3 / 2 !important; flex-direction:row !important; gap:6px !important; align-items:center; }
html.compact-shows .cx-date, html.compact-shows .cx-city { height:auto !important; font-size:11px !important; line-height:16px !important; color:var(--text2); white-space:nowrap; }
html.compact-shows .cx-results { grid-area:4 / 2 !important; max-height:22px !important; flex-wrap:nowrap !important; overflow:hidden; gap:3px !important; }
html.compact-shows .cx-buttons { grid-area:5 / 2 !important; display:grid !important; grid-template-columns:1fr 1fr !important; gap:6px !important; flex-direction:row; }
html.compact-shows .cx-detail, html.compact-shows .cx-actions { height:28px !important; min-height:0 !important; padding:0 !important; font-size:12px !important; }
html.compact-shows .cx-badge, html.compact-shows .cx-extra { font-size:11px !important; }
@media (min-width:601px) and (max-width:999px) { html.compact-shows [data-cx-list] { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:600px) { html.compact-shows [data-cx-list] { grid-template-columns:minmax(0,1fr); } html.compact-shows .cx-card { height:auto !important; margin-bottom:0 !important; } html.compact-shows .cx-view { grid-template-columns:62px minmax(0,1fr) !important; grid-template-rows:auto !important; } }
/* Filtry a Export jako rozbalovací dlaždice, filtry nahoře schované. */
html.compact-shows .cx-filters { display:none !important; }
html.compact-shows .cx-skryte { display:none !important; }
html.compact-shows .cx-tools { grid-template-columns:repeat(4,minmax(0,1fr)) !important; }
html.compact-shows .cx-tools .cx-export-btn, html.compact-shows .cx-tools .cx-filtry-btn { min-width:0; width:100%; height:44px; padding:4px; display:flex; align-items:center; justify-content:center; font:600 12px/1.2 'IBM Plex Sans',sans-serif; color:var(--accent); background:var(--pearl-face); border:1.5px solid var(--pearl-edge); border-radius:6px !important; cursor:pointer; }
html.compact-shows .cx-tools .cx-export-btn { order:3; }
html.compact-shows .cx-tools .cx-filtry-btn { order:4; }
html.compact-shows .cx-pop { position:fixed; z-index:1700; padding:4px; display:flex; flex-direction:column; background:#fff; border:1.5px solid #d9c9f4; border-radius:8px; box-shadow:0 8px 30px #13462430; box-sizing:border-box; max-height:70vh; overflow:auto; }
html.compact-shows .cx-pop[hidden] { display:none !important; }
html.compact-shows .cx-pop-row { min-height:44px; padding:6px 10px; border:0; border-radius:6px; background:none; color:var(--accent); font:600 14px/1.2 'IBM Plex Sans',sans-serif; text-align:left; cursor:pointer; }
html.compact-shows .cx-pop-row.ck { background:#e6fcf3; }
html.compact-shows .cx-pop-back { color:var(--text2); }
@media (max-width:600px) { html.compact-shows .cx-tools { grid-template-columns:repeat(2,minmax(0,1fr)) !important; } }
@media (max-width:600px) { html.compact-shows .cx-tools { grid-template-columns:repeat(4,minmax(0,1fr)) !important; gap:6px !important; } }

/* Výstavy: všechny mezery 4 px (PC i telefon). */
html.compact-shows header { gap:4px !important; margin-bottom:4px !important; }
html.compact-shows .logo, html.compact-shows .logo:has(#stanice-logo:not([style*="hidden"])), html.compact-preview.compact-shows header .logo, html.compact-preview.compact-shows header .logo:has(#stanice-logo:not([style*="hidden"])) { gap:4px !important; column-gap:4px !important; row-gap:4px !important; }
html.compact-shows .compact-statuses { gap:4px !important; }
html.compact-shows #header-row2, html.compact-shows #header-row2 .header-left-group { gap:4px !important; }
html.compact-shows .cx-root { gap:4px !important; }
html.compact-shows .cx-filters { gap:4px !important; margin:0 0 4px !important; }
html.compact-shows .cx-tools { gap:4px !important; margin-bottom:4px !important; }
html.compact-shows .cx-results-title { margin-bottom:4px !important; }
html.compact-shows [data-cx-list] { gap:4px !important; }
html.compact-shows .cx-card { margin-bottom:0 !important; }
html.compact-shows .cx-view { gap:4px !important; padding:4px !important; }
html.compact-shows .cx-when, html.compact-shows .cx-results, html.compact-shows .cx-buttons { gap:4px !important; }
html.compact-shows .cx-more { gap:4px !important; margin-top:4px !important; }

/* Výstavy: písmo podle společného měřítka --ts. */
html.compact-shows .cx-date, html.compact-shows .cx-city { font-size:calc(11px * var(--ts)) !important; line-height:calc(16px * var(--ts)) !important; }
html.compact-shows .cx-show { font-size:calc(12px * var(--ts)) !important; line-height:calc(16px * var(--ts)) !important; }
html.compact-shows .cx-name { font-size:calc(14px * var(--ts)) !important; line-height:calc(18px * var(--ts)) !important; }
html.compact-shows .cx-badge, html.compact-shows .cx-extra { font-size:calc(11px * var(--ts)) !important; }
html.compact-shows .cx-results { max-height:calc(22px * var(--ts)) !important; }
html.compact-shows .cx-detail, html.compact-shows .cx-actions { font-size:calc(12px * var(--ts)) !important; height:calc(28px * var(--ts)) !important; }

/* Karta výstavy: žlutý pruh s tituly nahoře, fotka, název, výstava, datum, rozhodčí, nižší tlačítka (návrh 3, 25. 10. 2026) */
html.compact-shows .cx-card.cx-card { height:auto !important; }
html.compact-shows .cx-card .cx-view { display:grid !important; grid-template-columns:62px minmax(0,1fr) !important; grid-template-rows:auto !important; gap:4px 8px !important; padding:6px !important; height:auto !important; align-items:start !important; }
html.compact-shows .cx-card .cx-animal { display:contents !important; }
html.compact-shows .cx-card .cx-full, html.compact-shows .cx-card .cx-extra { display:none !important; }
html.compact-shows .cx-card .cx-results { grid-area:1 / 1 / 2 / 3 !important; display:flex !important; flex-wrap:wrap !important; justify-content:flex-start !important; gap:4px !important; max-height:none !important; overflow:visible !important; padding:5px 6px !important; background:#fff6d1; border:1px solid #e0b100; border-radius:6px; }
html.compact-shows .cx-card .cx-badge { height:22px !important; max-width:none !important; white-space:nowrap !important; background:#fff !important; border-color:#e0b100 !important; color:#644300 !important; }
html.compact-shows .cx-card .cx-photo { grid-area:2 / 1 / 7 / 2 !important; width:62px !important; height:100% !important; min-height:100px; border-radius:6px; }
html.compact-shows .cx-card .cx-name { grid-area:2 / 2 !important; height:auto !important; font-size:15px !important; text-align:left !important; white-space:normal !important; }
html.compact-shows .cx-card .cx-show-cell { grid-area:3 / 2 !important; }
html.compact-shows .cx-card .cx-show { height:auto !important; text-align:left !important; white-space:normal !important; }
html.compact-shows .cx-card .cx-when { grid-area:4 / 2 !important; }
html.compact-shows .cx-card .cx-judge { grid-area:5 / 2 !important; font-size:12px; font-weight:600; color:var(--text2); }
html.compact-shows .cx-card .cx-judge[hidden] { display:none !important; }
html.compact-shows .cx-card .cx-buttons { grid-area:6 / 2 !important; display:grid !important; grid-template-columns:1fr 1fr !important; gap:6px !important; }
html.compact-shows .cx-card .cx-detail, html.compact-shows .cx-card .cx-actions { height:32px !important; min-height:32px !important; padding:0 8px !important; }
/* Detail a Akce: 44 px na výšku (dotyková plocha, test 25. 10. 2026; dřív 32 px) */
html.compact-shows .cx-card .cx-detail, html.compact-shows .cx-card .cx-actions { height: 44px !important; min-height: 44px !important; }
/* Bez FIFe (Profil chovatele → Organizace) není tlačítko Tituly FIFe – dvě tlačítka přes celou šířku */
html.compact-shows.bez-fife #header-row2 .header-left-group { grid-template-columns:repeat(2,minmax(0,1fr)) !important; }

/* Psi: tři nástroje v řadě (bez QR karty do klece) – řada zůstane plná */
html.compact-shows .cx-tools { grid-template-columns: repeat(3,minmax(0,1fr)) !important; }

/* Počítač: pět dlaždic v jedné řadě (Přidat · Hledat · Přihláška · Export · Filtry); jinde se nástroje v liště neukazují */
html:not(.compact-shows) #header-row2 .header-left-group > .cx-tools { display: none !important; }
@media (min-width: 1101px) {
  html.compact-shows.bez-fife #header-row2 .header-left-group { grid-template-columns: repeat(5,minmax(0,1fr)) !important; }
  html.compact-shows #header-row2 .header-left-group > .cx-tools { display: contents !important; }
  html.compact-shows #header-row2 #add-trials-btn { order: 1 !important; }
  html.compact-shows #header-row2 #global-search-btn { order: 2 !important; }
  html.compact-shows #header-row2 .header-left-group > .cx-tools > button { order: 3 !important; }
}

/* Prázdné Výstavy na telefonu a tabletu: Přihláška · Export · Filtry jako druhá řada pod Přidat · Hledat */
@media (max-width: 1100px) {
  html.compact-shows #header-row2 .header-left-group > .cx-tools.cx-empty { display:grid !important; grid-column:1 / -1; grid-template-columns:repeat(3,minmax(0,1fr)); gap:6px; order:9; }
  html.compact-shows #header-row2 .header-left-group > .cx-tools.cx-empty > button { width:100% !important; margin:0 !important; }
}

/* Výstavy na telefonu (2. 11. 2026): centrovani.css vnucuje skupině display:flex !important s vyšší specificitou, takže se mřížka výš nikdy neuplatnila
   a všech pět dlaždic (Přidat, Hledat, Přihláška, Export, Filtry) bylo v jedné řadě, tři poslední úzké a s přetékajícím textem. Zpět mřížka: 1. řada Přidat | Hledat, 2. řada Přihláška | Export | Filtry. */
@media (max-width:600px) {
  html.compact-preview.compact-shows:not(.compact-home) #header-row2 .header-left-group { display:grid !important; }
}
/* Tablet (601–1100 px): řádek Přihláška | Export | Filtry měl šířku jen podle obsahu (120 px, dlaždice 37 px) – natáhnout přes celou šířku. */
@media (max-width:1100px) {
  html.compact-shows #header-row2 .header-left-group > .cx-tools.cx-empty { width:100% !important; max-width:none !important; justify-self:stretch !important; }
}
