/* Zdraví ptáků – etapa B7: karty a dlaždice v rozložení Koček (ostrý styl: rámeček 1 px, rohy 6 px, bez stínů, mezery 6 px). */
#tab-lov, .of-modal { --zd-b-bg:#edf1f6; --zd-b-fg:#415572; --zd-g-bg:#e9ecf0; --zd-g-fg:#232f42; --zd-y-bg:#fff6d9; --zd-y-fg:#7a5a00; --zd-p-bg:#fdeaf0; --zd-p-fg:#a02a5c; --zd-o-bg:#ffe9d9; --zd-o-fg:#9a4514; --zd-l-bg:#f0f3f8; --zd-l-fg:#3b495e; --zd-n-bg:#f2f3f4; --zd-n-fg:#50565e; }
html.dark #tab-lov, html.dark .of-modal { --zd-b-bg:#212832; --zd-b-fg:#bdcade; --zd-g-bg:#21262d; --zd-g-fg:#b4bfd0; --zd-y-bg:#3b3210; --zd-y-fg:#f0d36a; --zd-p-bg:#3d1a2a; --zd-p-fg:#f6b5cf; --zd-o-bg:#40231a; --zd-o-fg:#f0b48a; --zd-l-bg:#2c333d; --zd-l-fg:#ced9e9; --zd-n-bg:#292c30; --zd-n-fg:#bfc4cb; }

/* Záhlaví (Přidat · Ptáci · Kategorie / Hledat · Export CSV) */
#health-export-btn { display:none; }
html.compact-supplies #health-export-btn { display:flex; }
html.compact-supplies #header-row2 { grid-template-columns:repeat(6,minmax(0,1fr)); }
html.compact-supplies #header-row2 :is(#add-health-btn, #health-dog-bar, #health-cat-bar) { grid-column:span 2; min-width:0; }
html.compact-supplies #header-row2 :is(#global-search-btn, #health-export-btn) { grid-column:span 3; }
html.compact-supplies #add-health-btn { order:1; } html.compact-supplies #health-dog-bar { order:2; } html.compact-supplies #health-cat-bar { order:3; }
html.compact-supplies #global-search-btn { order:4; } html.compact-supplies #health-export-btn { order:5; }
html.compact-supplies #health-dog-bar > div, html.compact-supplies #health-cat-bar > div { height:100%; }
html.compact-supplies #health-dog-bar .h-tile, html.compact-supplies #health-cat-bar .h-tile { width:100% !important; }
html.compact-supplies #header-row2 #health-export-btn { width:100% !important; min-width:0 !important; max-width:none !important; height:44px !important; box-sizing:border-box; border:1px solid var(--border) !important; border-radius:6px !important; background:var(--surface) !important; color:var(--text) !important; font-weight:600; align-items:center; justify-content:center; text-align:center; overflow-wrap:anywhere; line-height:1.15; padding:2px 6px; }
@media (min-width:1101px) {
  html.compact-supplies #header-row2 { grid-template-columns:repeat(5,minmax(0,1fr)); }
  html.compact-supplies #header-row2 :is(#add-health-btn, #health-dog-bar, #health-cat-bar, #global-search-btn, #health-export-btn) { grid-column:span 1; }
}

/* Obsah */
.zd-root { padding:0 0 90px; max-width:none; }
.zd-over { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:6px; margin:0 0 6px; }
.zd-ov { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:2px; min-width:0; height:68px; padding:4px; border:1px solid; border-radius:6px; text-align:center; box-sizing:border-box; }
.zd-ov b { font-size:22px; line-height:28px; font-weight:800; } .zd-ov span { font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:.3px; line-height:1.15; overflow-wrap:anywhere; }
.zd-ov-a { background:var(--zd-b-bg); color:var(--zd-b-fg); border-color:var(--zd-b-fg); }
.zd-ov-s { background:var(--zd-y-bg); color:var(--zd-y-fg); border-color:var(--zd-y-fg); }
.zd-ov-o { background:var(--zd-p-bg); color:var(--zd-p-fg); border-color:var(--zd-p-fg); }
.zd-tools { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:6px; margin:0 0 6px; }
.zd-tool { min-height:44px; padding:4px 8px; border:1px solid var(--zd-l-fg); border-radius:6px; background:var(--zd-l-bg); color:var(--zd-l-fg); font-family:inherit; font-size:13px; font-weight:700; text-align:center; line-height:1.15; overflow-wrap:anywhere; cursor:pointer; box-shadow:none; }
.zd-list { display:grid; grid-template-columns:minmax(0,1fr); gap:6px; }
@media (min-width:741px) { .zd-list { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (min-width:1101px) { .zd-list { grid-template-columns:repeat(3,minmax(0,1fr)); } }
.zd-card { display:flex; flex-direction:column; gap:6px; min-width:0; padding:8px; border:1px solid var(--zc); border-radius:6px; background:var(--surface); box-sizing:border-box; box-shadow:none; }
.zd-top { display:flex; align-items:center; justify-content:space-between; gap:6px; }
.zd-cat { flex:1; min-width:0; padding:3px 6px; border:1px solid var(--zc); border-radius:4px; background:var(--zb); color:var(--zc); font-size:13px; font-weight:800; text-align:center; line-height:1.2; overflow-wrap:anywhere; }
.zd-badge { flex:0 0 auto; max-width:50%; padding:3px 6px; border:1px solid; border-radius:4px; font-size:12px; font-weight:800; text-align:center; line-height:1.2; overflow-wrap:anywhere; }
.zd-badge.zd-over { background:var(--zd-p-bg); color:var(--zd-p-fg); border-color:var(--zd-p-fg); }
.zd-badge.zd-soon { background:var(--zd-y-bg); color:var(--zd-y-fg); border-color:var(--zd-y-fg); }
.zd-bird { display:flex; flex-direction:column; align-items:center; gap:1px; width:100%; min-height:44px; padding:4px 6px; border:1px solid var(--border); border-radius:4px; background:var(--surface2); color:var(--text); font-family:inherit; text-align:center; cursor:pointer; box-shadow:none; }
.zd-bname { font-size:14px; font-weight:800; line-height:1.2; overflow-wrap:anywhere; } .zd-bsub { font-size:11.5px; color:var(--text2); line-height:1.2; overflow-wrap:anywhere; }
.zd-dates { display:flex; flex-wrap:wrap; justify-content:center; gap:4px 12px; font-size:13px; font-weight:700; color:var(--text); text-align:center; }
.zd-next { color:var(--zd-y-fg); }
.zd-text { font-size:12.5px; line-height:1.4; color:var(--text); text-align:center; overflow-wrap:anywhere; } .zd-text i { color:var(--text2); }
.zd-btns { display:grid; grid-auto-flow:column; grid-auto-columns:minmax(0,1fr); gap:6px; margin-top:auto; }
.zd-btn { min-height:44px; min-width:0; padding:4px; border:1px solid var(--zd-b-fg); border-radius:6px; background:var(--zd-b-bg); color:var(--zd-b-fg); font-family:inherit; font-size:13px; font-weight:700; text-align:center; line-height:1.15; overflow-wrap:anywhere; cursor:pointer; box-shadow:none; }
.zd-btn.zd-del { border-color:var(--zd-p-fg); background:var(--zd-p-bg); color:var(--zd-p-fg); }
.zd-empty { padding:24px 12px; text-align:center; color:var(--text2); font-size:14px; }

/* Okno: dlaždice kategorií */
.zd-types { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:6px; }
@media (max-width:820px) { .zd-types { grid-template-columns:repeat(2,minmax(0,1fr)); } }
.zd-type { min-height:48px; padding:4px 6px; border:1px solid var(--zd-n-fg); border-radius:6px; background:var(--zd-n-bg); color:var(--zd-n-fg); font-family:inherit; font-size:14px; font-weight:700; text-align:center; line-height:1.15; overflow-wrap:anywhere; cursor:pointer; box-shadow:none; }
.zd-type.zd-c-b { background:var(--zd-b-bg); color:var(--zd-b-fg); border-color:var(--zd-b-fg); }
.zd-type.zd-c-g { background:var(--zd-g-bg); color:var(--zd-g-fg); border-color:var(--zd-g-fg); }
.zd-type.zd-c-y { background:var(--zd-y-bg); color:var(--zd-y-fg); border-color:var(--zd-y-fg); }
.zd-type.zd-c-p { background:var(--zd-p-bg); color:var(--zd-p-fg); border-color:var(--zd-p-fg); }
.zd-type.zd-c-o { background:var(--zd-o-bg); color:var(--zd-o-fg); border-color:var(--zd-o-fg); }
.zd-type.zd-c-l { background:var(--zd-l-bg); color:var(--zd-l-fg); border-color:var(--zd-l-fg); }
.zd-type.active { font-weight:800; background:color-mix(in srgb,currentColor 26%,var(--surface)); }
.zd-cp { padding:10px !important; gap:4px; }
html.compact-supplies #header-row2 :is(#add-health-btn, #health-dog-bar, #health-cat-bar) { width:100% !important; max-width:none !important; }