.pm-pf-record-view{max-width:1540px}
.pm-pf-record-layout{display:grid;grid-template-columns:minmax(260px,30fr) minmax(0,70fr);gap:18px;align-items:start;transition:grid-template-columns .2s ease}
.pm-pf-record-layout.is-pedigree{grid-template-columns:minmax(220px,20fr) minmax(0,80fr)}
.pm-pf-record-sidebar{min-width:0;position:sticky;top:18px;display:grid;gap:12px}
.pm-pf-side-animal,.pm-pf-record-details,.pm-pf-record-tabs,.pm-pf-panel-card{border:1px solid var(--line);border-radius:12px;background:#fff}
.pm-pf-side-animal{display:grid;grid-template-columns:112px minmax(0,1fr);gap:14px;align-items:center;padding:12px}
.pm-pf-record-layout.is-pedigree .pm-pf-side-animal{grid-template-columns:78px minmax(0,1fr);gap:10px}
.pm-pf-side-photo{width:112px;height:112px;border-radius:10px;overflow:hidden;background:#f4f7f9;display:flex;align-items:center;justify-content:center}
.pm-pf-record-layout.is-pedigree .pm-pf-side-photo{width:78px;height:78px}
.pm-pf-side-photo img{width:100%;height:100%;object-fit:contain}
.pm-pf-side-copy{min-width:0}
.pm-pf-side-copy h1{margin:0;color:var(--navy);font-size:23px;line-height:1.13;overflow-wrap:anywhere}
.pm-pf-record-layout.is-pedigree .pm-pf-side-copy h1{font-size:17px}
.pm-pf-side-copy p{margin:7px 0 0;color:var(--muted);font-size:12px}
.pm-pf-side-copy>span{display:block;margin-top:14px;color:#718096;font-size:11px;font-weight:700}
.pm-pf-record-details{padding:17px}
.pm-pf-record-details h2{margin:0 0 12px;color:var(--navy);font-size:22px}
.pm-pf-record-details dl{margin:0}
.pm-pf-record-details dl>div{display:grid;grid-template-columns:44% minmax(0,56%);gap:10px;padding:10px 0;border-bottom:1px solid #edf1f4}
.pm-pf-record-details dl>div:last-child{border-bottom:0}
.pm-pf-record-details dt{color:var(--muted);font-size:11px}
.pm-pf-record-details dd{margin:0;color:var(--navy);font-size:11px;font-weight:800;overflow-wrap:anywhere}
.pm-pf-record-main{min-width:0}
.pm-pf-record-tabs{display:flex;align-items:center;gap:6px;padding:5px;background:var(--tint);overflow:auto}
.pm-pf-record-tabs button{min-width:104px;border:0;border-radius:8px;background:transparent;color:#53657a;padding:12px 16px;cursor:pointer;font-weight:600;white-space:nowrap;position:relative}
.pm-pf-record-tabs button:hover{color:#0da999;background:rgba(255,255,255,.65)}
.pm-pf-record-tabs button.is-active{background:#fff;color:#0da999;box-shadow:0 1px 4px rgba(23,50,77,.08)}
.pm-pf-record-tabs button.is-active:after{content:"";position:absolute;left:18px;right:18px;bottom:0;height:2px;border-radius:2px;background:#0da999}
.pm-pf-record-panel{margin-top:14px;min-width:0}
.pm-pf-panel-card{padding:18px;margin-bottom:14px}
.pm-pf-panel-title h2{margin:0;color:var(--navy);font-size:18px}
.pm-pf-panel-title p{margin:5px 0 0;color:var(--muted);font-size:12px}
.pm-pf-panel-title-row{display:flex;justify-content:space-between;align-items:center;gap:16px}
.pm-pf-panel-empty-text{margin:14px 0 0;color:var(--muted);font-size:14px}
.pm-pf-view-pedigree{border:1px solid #b8ded9;background:#fff;color:#0da999;border-radius:9px;padding:10px 14px;font-weight:700;cursor:pointer}
.pm-pf-view-pedigree:hover{background:#eefaf8}
.pm-pf-title-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.pm-pf-title-list span{padding:7px 10px;border:1px solid #d7e2e8;border-radius:999px;color:var(--navy);font-size:11px;font-weight:700}
.pm-pf-quick-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:14px}
.pm-pf-quick-card{min-width:0;display:grid;grid-template-columns:92px minmax(0,1fr);gap:12px;align-items:center;padding:12px;border:1px solid var(--line);border-radius:12px;color:inherit;text-decoration:none;min-height:120px}
.pm-pf-quick-card.is-male{background:var(--sire);border-color:var(--sire-line)}
.pm-pf-quick-card.is-female{background:var(--dam);border-color:var(--dam-line)}
.pm-pf-quick-card.is-subject{background:#eef8f6;border-color:#b9ddd7}
.pm-pf-quick-card.is-empty{opacity:.72;border-style:dashed}
.pm-pf-quick-photo{width:92px;height:92px;border-radius:9px;overflow:hidden;background:rgba(255,255,255,.72);display:flex;align-items:center;justify-content:center}
.pm-pf-quick-photo img{width:100%;height:100%;object-fit:contain}
.pm-pf-quick-copy{min-width:0}
.pm-pf-quick-copy em,.pm-pf-quick-copy strong,.pm-pf-quick-copy span,.pm-pf-quick-copy small{display:block}
.pm-pf-quick-copy em{font-style:normal;color:#0da999;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.06em}
.pm-pf-quick-card.is-male .pm-pf-quick-copy em{color:#397eb5}
.pm-pf-quick-card.is-female .pm-pf-quick-copy em{color:#cc6680}
.pm-pf-quick-copy strong{margin-top:3px;color:var(--navy);font-size:15px}
.pm-pf-quick-copy span{margin-top:3px;color:#53657a;font-size:10px;line-height:1.35}
.pm-pf-quick-copy small{margin-top:3px;color:#718096;font-size:9px;font-weight:700}
.pm-pf-credential-list{display:grid;gap:10px;margin-top:14px}
.pm-pf-credential-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,1.3fr);gap:20px;padding:14px;border:1px solid var(--line);border-radius:9px}
.pm-pf-credential-row>div>span{color:#0da999;font-size:9px;font-weight:800;text-transform:uppercase}
.pm-pf-credential-row h3{margin:3px 0 0;color:var(--navy);font-size:15px}
.pm-pf-credential-row dl{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:0}
.pm-pf-credential-row dt{font-size:8px;color:var(--muted);text-transform:uppercase}
.pm-pf-credential-row dd{margin:2px 0 0;color:var(--navy);font-size:10px;font-weight:700}
.pm-pf-history-list{display:grid;gap:0;margin-top:12px}
.pm-pf-history-list>div{display:grid;grid-template-columns:160px 1fr;gap:15px;padding:11px 0;border-bottom:1px solid var(--line)}
.pm-pf-history-list>div:last-child{border-bottom:0}
.pm-pf-history-list time{color:var(--muted);font-size:11px}.pm-pf-history-list strong{color:var(--navy);font-size:12px}
@media(max-width:1050px){.pm-pf-record-layout,.pm-pf-record-layout.is-pedigree{grid-template-columns:minmax(220px,28fr) minmax(0,72fr)}.pm-pf-quick-grid{grid-template-columns:1fr}.pm-pf-record-sidebar{position:static}}
@media(max-width:760px){.pm-pf-record-layout,.pm-pf-record-layout.is-pedigree{grid-template-columns:1fr}.pm-pf-record-sidebar{grid-template-columns:1fr}.pm-pf-side-animal,.pm-pf-record-layout.is-pedigree .pm-pf-side-animal{grid-template-columns:78px 1fr}.pm-pf-side-photo,.pm-pf-record-layout.is-pedigree .pm-pf-side-photo{width:78px;height:78px}.pm-pf-record-tabs button{min-width:auto}.pm-pf-panel-title-row{align-items:flex-start;flex-direction:column}.pm-pf-credential-row{grid-template-columns:1fr}.pm-pf-history-list>div{grid-template-columns:1fr;gap:4px}}

/* Sidebar animal card: full-width image above the name. */
.pm-pf-side-animal,
.pm-pf-record-layout.is-pedigree .pm-pf-side-animal{
  display:block;
  padding:0;
  overflow:hidden;
}
.pm-pf-side-photo,
.pm-pf-record-layout.is-pedigree .pm-pf-side-photo{
  width:100%;
  height:auto;
  aspect-ratio:4/3;
  border-radius:0;
  background:#f4f7f9;
}
.pm-pf-side-photo img{
  width:100%;
  height:100%;
  object-fit:contain;
  display:block;
}
.pm-pf-side-copy{
  padding:16px 18px 18px;
}
.pm-pf-record-layout.is-pedigree .pm-pf-side-copy{
  padding:14px 15px 16px;
}