/* Club area: clean, institutional, muted (CLAUDE.md, "Design direction").
   Deliberately a different visual language from the warm buyer-facing site. */
.bh-admin {
	/* Pepi.dog club mode tokens. */
	--bh-ink: #1F2A37; --bh-muted: #636873; --bh-line: #E4DDD2; --bh-panel: #fff;
	--bh-accent: #2F5D50; --bh-attn: #D9774B; --bh-warn: #B3261E;
	color: var(--bh-ink); max-width: 1200px;
}
.bh-admin h1 { font-size: 1.6rem; font-weight: 600; margin: 0; padding: 0; }
.bh-admin h2 { font-size: 1rem; font-weight: 600; margin: 0 0 0.75rem; }
.bh-admin-head { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-end; gap: 1rem; margin: 1rem 0 1.25rem; padding-bottom: 1rem; border-bottom: 1px solid var(--bh-line); }
.bh-eyebrow { margin: 0 0 0.25rem; color: var(--bh-muted); font-size: 0.8rem; letter-spacing: 0.04em; text-transform: uppercase; }
.bh-head-actions { display: flex; gap: 0.5rem; align-items: center; }
.bh-switcher select { min-width: 16rem; }

.bh-stats { display: grid; grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)); gap: 0.75rem; margin-bottom: 1.25rem; }
.bh-stat { display: flex; flex-direction: column; gap: 0.2rem; background: var(--bh-panel); border: 1px solid var(--bh-line); border-radius: 4px; padding: 1rem 1.1rem; text-decoration: none; color: var(--bh-muted); }
.bh-stat:hover { border-color: var(--bh-accent); color: var(--bh-ink); }
.bh-stat-n { font-size: 1.9rem; font-weight: 600; color: var(--bh-ink); line-height: 1.1; font-variant-numeric: tabular-nums; }
.bh-stat-attn { border-left: 3px solid var(--bh-attn); }

.bh-columns { display: grid; gap: 1rem; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); }
.bh-box { background: var(--bh-panel); border: 1px solid var(--bh-line); border-radius: 4px; padding: 1.1rem 1.25rem; margin-bottom: 1rem; }
.bh-links { margin: 0; }
.bh-links li { margin: 0.4rem 0; }
.bh-quiet { color: var(--bh-muted); }
.bh-warn { color: var(--bh-warn); font-size: 0.85em; }

.bh-tabs { display: flex; gap: 0.25rem; border-bottom: 1px solid var(--bh-line); margin-bottom: 1rem; }
.bh-tabs a { padding: 0.55rem 0.9rem; text-decoration: none; color: var(--bh-muted); border-bottom: 2px solid transparent; margin-bottom: -1px; }
.bh-tabs a.is-active { color: var(--bh-ink); border-bottom-color: var(--bh-accent); font-weight: 600; }
.bh-count { display: inline-block; min-width: 1.4em; padding: 0 0.4em; border-radius: 3px; background: #eef1f3; font-size: 0.8em; text-align: center; }

.bh-search { display: flex; gap: 0.5rem; margin-bottom: 0.75rem; }
.bh-search input[type=search] { min-width: 18rem; }
.bh-table td, .bh-table th { vertical-align: middle; }
.bh-table tbody tr:nth-child(odd) { background: #fafbfc; }
.bh-row-link { font-size: 0.8rem; }
.bh-actions-col { text-align: right; white-space: nowrap; }
.bh-inline { display: inline; margin-left: 0.25rem; }
.bh-button-quiet { color: var(--bh-muted) !important; }
.bh-pager { display: flex; gap: 0.75rem; align-items: center; justify-content: flex-end; margin: 1rem 0; color: var(--bh-muted); }

.bh-pill { display: inline-block; padding: 0.1rem 0.5rem; border-radius: 3px; font-size: 0.8rem; background: #eef1f3; color: var(--bh-ink); }
.bh-pill-available { background: #E3ECE8; color: #23473D; font-weight: 600; }
.bh-pill-expected, .bh-pill-born { background: #e6ebf1; color: var(--bh-accent); }
.bh-pill-reserved_all, .bh-pill-closed { color: var(--bh-muted); }

.bh-form .bh-grid { display: grid; gap: 0.9rem 1.25rem; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); margin-bottom: 0.5rem; }
.bh-label { display: block; font-weight: 600; margin-bottom: 0.3rem; }
.bh-form input:not([type=checkbox]):not([type=radio]), .bh-form select { width: 100%; max-width: 100%; }
.bh-wide { width: 100%; max-width: 100%; }
.bh-fieldset { border: 0; padding: 0; margin: 0.75rem 0; }
.bh-fieldset legend { font-weight: 600; margin-bottom: 0.4rem; }
.bh-check { display: inline-flex; align-items: center; gap: 0.35rem; margin: 0.2rem 1rem 0.2rem 0; }
.bh-breed-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); margin-top: 0.75rem; max-height: 22rem; overflow: auto; border: 1px solid var(--bh-line); padding: 0.5rem 0.75rem; }
.bh-submit { display: flex; justify-content: space-between; align-items: center; }

/* Rasseprofile */
.bh-num { text-align: center; font-variant-numeric: tabular-nums; }
.bh-trait-table th { font-size: 0.8rem; }
.bh-basis-seed { background: #F7F1E8; color: #1F2A37; }
.bh-basis-blended { background: #E3ECE8; color: #23473D; }
.bh-basis-breeder_avg { background: #E3ECE8; color: #23473D; }
.bh-basis-override { background: #2F5D50; color: #fff; }

/* Edit screens of the bh_* post types */
.post-type-bh_breeder .postbox .bh-grid, .post-type-bh_litter .postbox .bh-grid, .post-type-bh_breed .postbox .bh-grid, .post-type-bh_club .postbox .bh-grid,
.bh-admin .bh-grid { display: grid; gap: 0.8rem 1.2rem; grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)); margin: 0.5rem 0; }
.postbox .bh-field input:not([type=checkbox]):not([type=radio]), .postbox .bh-field select { width: 100%; max-width: 100%; }
.postbox .bh-label { display: block; font-weight: 600; margin-bottom: 0.25rem; }
.postbox .bh-field-wide { grid-column: 1 / -1; margin: 0.5rem 0; }
.postbox .bh-quiet, .column-bh_flags { color: #5f6b76; }
.postbox .bh-warn, .wp-list-table .bh-warn { color: #8a3b2e; }
.postbox .bh-check { display: inline-flex; align-items: center; gap: 0.35rem; margin: 0.2rem 1rem 0.2rem 0; }
.postbox .bh-table { margin: 0.5rem 0; }
.postbox .bh-add-row { display: grid; gap: 0.8rem; grid-template-columns: 2fr 1fr; align-items: end; margin-top: 0.75rem; padding: 0.75rem; background: #f6f7f7; border: 1px solid #dcdcde; }
.postbox .bh-breed-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); margin-top: 0.75rem; max-height: 22rem; overflow: auto; border: 1px solid #dcdcde; padding: 0.5rem 0.75rem; }
.bh-dl { margin: 0; } .bh-dl dt { color: #5f6b76; margin-top: 0.5rem; } .bh-dl dd { margin: 0; overflow-wrap: anywhere; }
.bh-side-list { margin: 0; } .bh-side-list li { margin: 0.35rem 0; }
.bh-wide { width: 100%; max-width: 100%; }
.wp-list-table .bh-pill, .postbox .bh-pill { display: inline-block; padding: 0 0.45rem; border-radius: 3px; font-size: 0.8rem; background: #eef1f3; }
.wp-list-table .bh-pill-available, .postbox .bh-pill-available { background: #E3ECE8; color: #23473D; }
.bh-diff { font-size: 0.8rem; color: #5f6b76; max-width: 34rem; }

/* Rassefragen */
.bh-trait-questions td { vertical-align: middle; padding: 0.8rem 0.6rem; }
.bh-trait-questions .bh-q { width: 38%; }
.bh-scale { display: flex; flex-wrap: wrap; align-items: center; gap: 0.35rem; }
.bh-scale-end { font-size: 0.8rem; color: #5f6b76; max-width: 9rem; }
.bh-scale-opt { display: inline-flex; }
.bh-scale-opt input { position: absolute; opacity: 0; }
.bh-scale-opt span { display: inline-flex; width: 2.1rem; height: 2.1rem; align-items: center; justify-content: center; border: 1px solid #c3c9ce; border-radius: 3px; cursor: pointer; font-variant-numeric: tabular-nums; }
.bh-scale-opt input:checked + span { background: #2F5D50; border-color: #2F5D50; color: #fff; }
.bh-scale-opt input:focus-visible + span { outline: 2px solid #2F5D50; outline-offset: 2px; }
.bh-scale-skip { margin-left: 0.75rem; font-size: 0.8rem; color: #5f6b76; }

/* Photos in wp-admin meta boxes */
.bh-photo-grid { list-style: none; margin: 0 0 0.75rem; padding: 0; display: grid; gap: 0.6rem; grid-template-columns: repeat(auto-fill, minmax(110px, 1fr)); }
.bh-photo-grid li { position: relative; margin: 0; }
.bh-photo-grid img { width: 100%; aspect-ratio: 1; object-fit: cover; border-radius: 3px; }
.bh-photo-tag { position: absolute; top: 4px; left: 4px; background: #2F5D50; color: #fff; font-size: 11px; padding: 0 5px; border-radius: 2px; }

/* ── Zuchtordner (Crm\Pages) ── */
.bh-section-title { margin: 2rem 0 0.75rem; font-size: 1.35rem; border-top: 1px solid var(--bh-line); padding-top: 1.5rem; }
.bh-scroll { overflow-x: auto; }
.bh-list-plain { margin: 0.5rem 0 1rem; padding-left: 1.1rem; }
.bh-list-plain li { margin: 0.35rem 0; }
.bh-row-past td { color: var(--bh-muted); }
.bh-late td, li.bh-late { color: var(--bh-warn); }
.bh-subform { border-top: 1px solid var(--bh-line); margin-top: 1rem; padding-top: 1rem; }
.bh-subform h3 { margin-top: 0; }
.bh-inline { display: inline; margin: 0; }
.bh-danger { margin-top: 0.75rem; }
.bh-pill-puppy-available { background: #E3ECE8; color: #23473D; font-weight: 600; }
.bh-pill-puppy-reserved { background: #F6E2D6; }
.bh-pill-puppy-sold, .bh-pill-puppy-kept { background: #eef1f3; }
.bh-pill-puppy-deceased { color: var(--bh-muted); }
.bh-pedigree { border-collapse: collapse; width: 100%; margin-bottom: 1rem; }
.bh-pedigree th { text-align: left; font-size: 0.8rem; color: var(--bh-muted); font-weight: 600; padding: 0 0.4rem 0.3rem; }
.bh-pedigree td { border: 1px solid var(--bh-line); padding: 0.35rem 0.45rem; vertical-align: middle; width: 33%; }
.bh-pedigree label { display: block; font-size: 0.72rem; }
.bh-pedigree input { width: 100%; border: 0; padding: 0.2rem 0; font: inherit; background: transparent; }
.bh-pedigree input:focus { outline: 2px solid var(--bh-accent); outline-offset: 1px; }
.bh-weight-grid th, .bh-weight-grid td { white-space: nowrap; text-align: center; }
.bh-weight-grid th[scope=row] { text-align: left; }
.bh-weight-grid input { width: 5.2rem; text-align: right; }
.bh-chart { margin: 1.25rem 0 0; max-width: 680px; }
.bh-weight-chart { width: 100%; height: auto; display: block; }
.bh-chart-legend { display: flex; flex-wrap: wrap; gap: 0.35rem 1rem; font-size: 0.85rem; margin-top: 0.4rem; }
.bh-chart-legend i { display: inline-block; width: 0.8rem; height: 0.8rem; border-radius: 2px; margin-right: 0.35rem; vertical-align: -1px; }
.bh-chronicle th, .bh-chronicle td { text-align: center; }
.bh-chronicle td:nth-child(-n+4), .bh-chronicle thead tr:first-child th:nth-child(-n+4) { text-align: left; }

.bh-tab-title { margin: 0 0 0.75rem; font-size: 1.2rem; }
.bh-filter { display: flex; flex-wrap: wrap; gap: 0.25rem 0.9rem; margin: 0 0 0.75rem; font-size: 0.9rem; }
.bh-filter a { text-decoration: none; color: var(--bh-muted); }
.bh-filter a.is-active { color: var(--bh-ink); font-weight: 600; }
.bh-row-new td { font-weight: 600; }
.bh-pill-lead-new { background: #F6E2D6; }
.bh-pill-lead-waitlist { background: #e6ebf1; color: var(--bh-accent); }
.bh-pill-lead-reserved, .bh-pill-lead-placed { background: #E3ECE8; color: #23473D; }
.bh-pill-lead-closed { color: var(--bh-muted); }
.bh-message { margin: 0.75rem 0 1rem; padding: 0.75rem 1rem; border-left: 3px solid var(--bh-line); background: #fafbfc; white-space: normal; }
.bh-tabs .bh-nav-badge { margin-left: 0.25rem; }

/* Zuchtordner hints (portal: breeder pages, club overview). */
.bh-teaser { display: flex; flex-wrap: wrap; gap: 1rem 1.5rem; align-items: center; justify-content: space-between; border: 1px solid var(--bh-line); border-left: 4px solid var(--bh-accent); background: #fff; border-radius: 6px; padding: 1.1rem 1.3rem; margin: 0 0 1.25rem; }
.bh-teaser > div:first-child { flex: 1 1 28rem; }
.bh-teaser h2 { margin: 0.1rem 0 0.35rem; font-size: 1.15rem; }
.bh-teaser p { margin: 0; max-width: 70ch; }
.bh-teaser.is-ready { background: #E3ECE8; border-color: #c9dad3; border-left-color: var(--bh-accent); }
.bh-teaser-actions { display: flex; flex-direction: column; align-items: flex-end; gap: 0.4rem; }
.bh-teaser .bh-ask-kicker { font-size: 0.72rem; font-weight: 600; text-transform: uppercase; letter-spacing: 0.06em; color: var(--bh-accent); margin: 0; }