/* Profil dospělé kočky: záložky místo rozbalovacích sekcí (js/cat-tabs.js).
   Ostré lemování 1 px, zaoblení 6 px a barvy jako dlaždice na úvodní obrazovce. Název je vždy přesně uprostřed dlaždice,
   ikonka visí vlevo vedle něj a na střed nemá vliv. */
html.compact-preview #cat-overlay.has-tabs .apple-sec-row { display: none !important; }
html.compact-preview #cat-overlay.has-tabs .apple-sec-group { border: 0 !important; background: none !important; box-shadow: none !important; overflow: visible; }
html.compact-preview #cat-overlay.has-tabs .apple-sec-content { border: 1px solid var(--ak-line); border-radius: 6px; margin-top: 8px; padding: 10px; background: var(--surface, #fff); }
html.compact-preview #cat-overlay .cat-tabs { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 6px; margin: 14px 0 4px; }
html.compact-preview #cat-overlay .cat-tab { grid-column: span 2; }
html.compact-preview #cat-overlay .cat-tab { position: relative; display: flex; align-items: center; justify-content: center; min-height: 44px; padding: 6px 4px; border: 1px solid var(--ct-fg) !important; border-radius: 6px !important; background: var(--ct-bg) !important; color: var(--ct-fg) !important; font-family: inherit; font-weight: 700; font-size: var(--ct-size, 13px); line-height: 1.2; cursor: pointer; box-shadow: none !important; }
html.compact-preview #cat-overlay .cat-tab.on { background: color-mix(in srgb, var(--ct-fg) 22%, var(--ct-bg)) !important; font-weight: 800; }
html.compact-preview #cat-overlay .cat-tab .ct-tx { position: relative; white-space: nowrap; }
html.compact-preview #cat-overlay .cat-tab .ct-ic { position: absolute; right: calc(100% + 5px); top: 50%; transform: translateY(-50%); font-size: 14px; line-height: 1; }
html.compact-preview #cat-overlay .cat-tab .ct-dot { position: absolute; top: 5px; right: 5px; width: 7px; height: 7px; border-radius: 50%; background: #10b981; display: none; }
@media (max-width: 600px) {
  html.compact-preview #cat-overlay .cat-tabs { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  html.compact-preview #cat-overlay .cat-tab { font-size: var(--ct-size, 13px); }
}
/* Spodní lišta: tlačítka stejně široká vedle sebe (Smazat | Zavřít | Uložit), skrytá se nepočítají */
html.compact-preview #cat-overlay .modal-footer { display: grid !important; grid-auto-flow: column; grid-auto-columns: 1fr; gap: 8px; }
html.compact-preview #cat-overlay .modal-footer > div { display: contents !important; }
html.compact-preview #cat-overlay .modal-footer .btn { width: 100%; margin: 0; min-height: 44px; }
/* Záznamy v sekcích: ikonky už nesedí na okraji — odsazení 10 × 12 px a rámeček seznamu */
html.compact-preview #cat-overlay .apple-sec-content [style*="padding:8px 0"] { padding: 10px 12px !important; }
html.compact-preview #cat-overlay .apple-sec-content :is(#d-health-records,#d-health-tests,#d-cat-weights,#d-shows-list,#d-litters-list,#d-reminders-list,#d-attachments,#d-heats-list):has(button) { border: 1px solid var(--ak-line); border-radius: 6px; overflow: hidden; }
html.compact-preview #cat-overlay .apple-sec-content :is(#d-health-records,#d-health-tests,#d-cat-weights,#d-shows-list,#d-litters-list,#d-reminders-list,#d-attachments,#d-heats-list) > div:last-child { border-bottom: 0 !important; }
/* Všechno ve stejném zaoblení 6 px, i tlačítko × u data */
html.compact-preview #cat-overlay .modal :is(input:not([type=checkbox]):not([type=radio]):not([type=range]), select, textarea, .btn, .modal-close) { border-radius: 6px !important; }
/* Pole, tlačítka a náhled fotky v profilu kočky: ostré lemování 1 px jako dlaždice na úvodní obrazovce */
html.compact-preview #cat-overlay .modal :is(input:not([type=checkbox]):not([type=radio]):not([type=range]), select, textarea) { border: 1px solid var(--ak-line) !important; box-shadow: none !important; }
html.compact-preview #cat-overlay .modal .btn { border: 1px solid currentColor !important; box-shadow: none !important; }
html.compact-preview #cat-overlay .modal { border-radius: 6px !important; }
html.compact-preview #cat-overlay .modal #d-img-preview { width: 84px !important; height: 118px !important; border: 1px solid var(--ak-line) !important; border-radius: 6px !important; background-size: cover !important; background-position: center !important; }
/* Rodokmen v sekci Původ: barvy jako dlaždice Původ */
html.compact-preview #cat-overlay .cat-puvod-ped { min-height: 44px; border: 1px solid var(--ak-edit-fg) !important; border-radius: 6px !important; background: var(--ak-edit-bg) !important; color: var(--ak-edit-fg) !important; font-weight: 700; box-shadow: none !important; }