/* Popisky vycentrované a symetrické (Petr 1. 11. 2026): nálezy robotu Docasne/popisky-stred.mjs – text uprostřed tlačítek a dlaždic, osamocená dlaždice v řadě
   na středu místo vlevo. Ikonka + text se centrují jako celek. Soubor se načítá poslední; každé pravidlo má poznámku, čeho se týká. */

/* Karta vrhu: Matka / Otec uprostřed dlaždice */
html.compact-litters .cl-parent { text-align:center !important; justify-items:center; }
html.compact-litters .cl-parent-name, html.compact-litters .cl-parent-label { text-align:center !important; }

/* Okno Řazení / Filtry: volby ve sloupci (roky, plemena, seznamy) uprostřed; řádek „Upravit pořadí“ zůstává štítek vlevo + nápověda vpravo */
#razeni-okno .or-r:not(.or-row) { justify-content:center !important; text-align:center !important; }
#razeni-okno .or-g2 { display:flex !important; flex-wrap:wrap; justify-content:center; gap:6px; }
#razeni-okno .or-g2 > * { flex:0 0 calc(50% - 3px); min-width:0; }

/* Formulář štěněte: tlačítka vrhu, dlaždice Základ (osamocená dlaždice na střed), spodní tlačítka */
#pup-overlay .pt-lbtns .pt-bt:not([hidden]):not([style*="display:none"]):not([style*="display: none"]), #pup-overlay .pt-ft .pt-bt:not([hidden]):not([style*="display:none"]):not([style*="display: none"]) { display:flex !important; align-items:center; justify-content:center; text-align:center; }
#pup-overlay .pt-g3 { display:flex !important; flex-wrap:wrap; justify-content:center; gap:8px; }
#pup-overlay .pt-g3 > * { flex:0 0 calc(50% - 4px); min-width:0; box-sizing:border-box; }
#pup-overlay .pt-g3 > .pt-full { flex:0 0 100%; }
@media (min-width: 901px) { #pup-overlay .pt-g3 { gap:10px; } #pup-overlay .pt-g3 > * { flex:0 0 calc((100% - 20px) / 3); } #pup-overlay .pt-g3 > .pt-full { flex:0 0 calc((100% - 10px) * 2 / 3 + 10px); } }

/* Přílohy a pomocná tlačítka v oknech psa a štěněte */
.att-sort { justify-content:center; }
.att-year-tabs { justify-content:center; }
.att-year-tab { justify-content:center !important; text-align:center; }
#dog-overlay .field > div:has(> .btn), #pup-overlay .field > div:has(> .btn) { justify-content:center; }
#dog-overlay .field > div > .btn, #pup-overlay .field > div > .btn { text-align:center; }

/* Nastavení: dlaždice ikonka + název vcentrované svisle */
.settings-tile.settings-tile-lg { justify-content:center !important; }

/* Zásoby: dlaždice Hledat / Export v hlavičce jako ostatní (ikonka + text jako celek na středu) */
html.compact-supplies #header-row2 :is(#supply-export-btn, #global-search-btn) { display:flex !important; align-items:center; justify-content:center; gap:5px; }

/* Výstavy na telefonu: osamocená dlaždice (lichý počet) uprostřed */
@media (max-width: 700px) {
  html.compact-shows .cx-tools { display:flex !important; flex-wrap:wrap; justify-content:center; gap:5px; }
  html.compact-shows .cx-tools > button, html.compact-shows .cx-tools > .btn { flex:0 0 calc(50% - 2.5px); width:auto !important; min-width:0 !important; box-sizing:border-box; }
}

/* Karta vrhu: label a jméno rodiče vedle sebe uprostřed (rodiče jsou flex s libovolným rozložením) */
html.compact-litters .cl-parent { justify-content:center !important; }

/* Dlaždice s počty (21 dospělých…): číslo a popisek svisle uprostřed – dřív větší mezera dole (12 px) než nahoře (5 px) posunula obsah o 5 px nahoru */
@media (max-width: 600px) { html.compact-home #stats .stat { padding-top:8px !important; padding-bottom:8px !important; } }

/* Zásoby: Hledat / Export – vyšší specificita (tlačítka mají grid z kompaktní hlavičky) */
html.compact-supplies #header-row2#header-row2 :is(#supply-export-btn, #global-search-btn) { display:flex !important; align-items:center; justify-content:center; gap:5px; }

/* Dlaždice s počty: přepínač zobrazení (sz-tile) nemění odsazení */
@media (max-width: 600px) { html.compact-home #stats .stat.sz-tile { padding-top:0 !important; padding-bottom:0 !important; } }   /* stejná mezera kolem tlačítek jako ve Vrzích (Petr 1. 11. 2026) */

/* Hlavička ostatních záložek na telefonu (Vrhy, Finance, Kalendář, Výstavy, Zásoby): tlačítka v řadách po třech, poslední řada se roztáhne na celou šířku,
   žádná osamocená dlaždice vlevo ani různě široké dlaždice (Petr 1. 11. 2026) */
@media (max-width: 600px) {
  html.compact-preview:not(.compact-home) #header-row2 .header-left-group { display:flex !important; flex-wrap:wrap; justify-content:center; align-items:stretch; gap:6px; }
  html.compact-preview:not(.compact-home) #header-row2 .header-left-group > * { flex:1 1 calc(33.333% - 6px) !important; width:auto !important; min-width:0 !important; max-width:none !important; box-sizing:border-box; }
}

/* Přepínač zobrazení: tlačítka mají min. 44 px, dlaždice byla o 1 px nižší a useknula dolní okraj (Petr 1. 11. 2026) */
#stats .sz-tile, .cl-overview .sz-tile { min-height: 46px; box-sizing: border-box; }
/* Čísla v dlaždicích: stejné horní/dolní odsazení na všech šířkách (kromě přepínače) */
html.compact-home #stats .stat:not(.sz-tile) { padding-top: 8px !important; padding-bottom: 8px !important; }
/* Zásoby: tlačítko Řazení se středí jako ostatní */
html.compact-supplies #header-row2 #supply-sort-btn { display: flex; align-items: center; justify-content: center; }
/* Finance na PC: osamocená dlaždice (Filtry) v poslední řadě se vycentruje, šířka dlaždic zůstává stejná jako nahoře. Mezera 4 px jako ve zbytku Financí (compact-finance.css), 5 dlaždic + 4 mezery = přesně celá šířka, aby Příjem i Filtry lícovaly s dlaždicemi pod nimi. */
@media (min-width: 601px) {
  html.compact-finance.compact-finance #header-row2 .header-left-group { display:flex !important; flex-wrap:wrap; justify-content:center; gap:4px; }
  html.compact-finance.compact-finance #header-row2 .header-left-group > :not([hidden]) { flex:0 0 calc((100% - 16px) / 5) !important; width:auto !important; min-width:0 !important; max-width:none !important; box-sizing:border-box; }
}

/* Nastavení: lišta s mottem – text a odkaz jako jedna skupina uprostřed, stejné odsazení vlevo i vpravo (Petr 1. 11. 2026) */
#settings-motto-banner { justify-content:center !important; gap:12px; width:100% !important; flex:1 1 100% !important; max-width:none !important; padding-left:10px !important; padding-right:10px !important; }
/* Nastavení: hlavička je mřížka o třech sloupcích, skupina s lištou zabírala jen první (na telefonu ~60 px chybělo vpravo) – natáhnout přes všechny */
html:has(#tab-nastaveni.active) #header-row2 > .header-left-group { grid-column: 1 / -1 !important; }

/* Okno vrhu: tlačítka pod názvem (+ Štěně, + Štěňata, Váhy, Akce) – když je jich míň než pět, ležela vlevo; teď jsou uprostřed (Petr 1. 11. 2026) */
html.compact-litters.compact-litters .cl-v-tiles { display:flex !important; flex-wrap:wrap; justify-content:center; gap:6px; }
html.compact-litters.compact-litters .cl-v-tiles > * { flex:0 0 calc((100% - 24px) / 5); min-width:0; }
/* Okno vrhu na iPhonu: horní lišta s názvem a křížkem byla pod stavovým řádkem – okno respektuje horní i dolní okraj displeje */
html.compact-litters.compact-litters .cl-overlay { padding-top:max(16px, env(safe-area-inset-top,0px)); padding-bottom:max(16px, env(safe-area-inset-bottom,0px)); }
html.compact-litters.compact-litters .cl-panel { max-height:calc(100dvh - max(16px, env(safe-area-inset-top,0px)) - max(16px, env(safe-area-inset-bottom,0px))); }
/* Vrhy: přepínač zobrazení – dlaždice 46 px byla těsná na tlačítka 44 px s odsazením 3 px, spodní okraj se useknul; 50 px = stejná mezera nahoře i dole */
.cl-overview .sz-tile { min-height: 50px !important; }
.cl-overview > * { min-height: 50px; }