/* v2.9.14 — side-by-side breeder selection compare */
.selection-compare-toolbar{margin-left:auto;display:flex;align-items:center;gap:8px}
.selection-compare-toolbar button{min-height:38px;padding:0 14px;border:1px solid var(--line);border-radius:12px;background:var(--surface,#fff);color:var(--text);font-weight:800}
.selection-compare-toolbar button.primary{background:var(--text);color:var(--surface,#fff);border-color:var(--text)}
.selection-compare-toolbar button:disabled{opacity:.38}
.selection-compare-active{display:flex;align-items:center;gap:8px}
.selection-compare-active[hidden],#selectionCompareIdle[hidden]{display:none!important}
#selectionCompareCount{font-size:12px;font-weight:800;color:var(--muted)}
.selection-compare-mode .intel-rank-row{position:relative;outline:1px solid transparent;transition:.16s ease;cursor:copy}
.selection-compare-mode .intel-rank-row::after{content:"+";display:grid;place-items:center;width:24px;height:24px;border-radius:999px;border:1px solid var(--line);font-weight:900;margin-left:6px}
.selection-compare-mode .intel-rank-row.compare-selected{outline-color:rgba(125,190,255,.72);box-shadow:0 0 0 3px rgba(125,190,255,.12),inset 0 0 22px rgba(125,190,255,.06)}
.selection-compare-mode .intel-rank-row.compare-selected::after{content:"✓";background:rgba(125,190,255,.14);border-color:rgba(125,190,255,.55)}
body.selection-compare-open{overflow:hidden}
.selection-compare-overlay{position:fixed;inset:0;z-index:5000;background:rgba(8,10,12,.88);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);padding:max(18px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(22px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));overflow:auto;color:#eef2f5}
.selection-compare-head{max-width:1500px;margin:0 auto 16px;display:flex;align-items:flex-start;justify-content:space-between;gap:18px}
.selection-compare-head h2{margin:3px 0 4px;font-size:clamp(24px,4vw,42px);letter-spacing:-.04em}
.selection-compare-head p{margin:0;color:#a8b0b8}
.selection-compare-close{width:46px;height:46px;border-radius:14px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.07);color:#fff;font-size:28px}
.selection-compare-grid{max-width:1500px;margin:0 auto;display:grid;grid-template-columns:repeat(var(--compare-cols,4),minmax(0,1fr));gap:12px}
.selection-compare-card{min-width:0;border:1px solid rgba(255,255,255,.13);border-radius:20px;background:linear-gradient(180deg,rgba(255,255,255,.085),rgba(255,255,255,.045));overflow:hidden;box-shadow:0 18px 50px rgba(0,0,0,.24)}
.selection-compare-photo{aspect-ratio:4/3;background:rgba(255,255,255,.035);position:relative;display:grid;place-items:center;overflow:hidden;color:#8d969f;font-size:12px}
.selection-compare-photo img{width:100%;height:100%;object-fit:cover;display:block}
.selection-compare-photo>span{position:absolute;left:10px;bottom:10px;padding:5px 8px;border-radius:9px;background:rgba(0,0,0,.56);color:#fff;font-size:10px;backdrop-filter:blur(8px)}
.selection-compare-photo.no-photo>span{position:static;background:transparent;color:#7f8992}
.selection-compare-card-head{display:flex;justify-content:space-between;gap:10px;padding:14px 14px 8px}
.selection-compare-card-head h3{margin:3px 0 2px;font-size:18px;letter-spacing:-.025em}
.selection-compare-card-head small{color:#9da6ae;font-size:10px}
.selection-compare-score{font-size:24px;letter-spacing:-.04em}
.selection-compare-current{margin:0 14px 10px;display:flex;align-items:center;justify-content:space-between;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:8px 10px}
.selection-compare-current span,.selection-compare-decision>span{font-size:9px;text-transform:uppercase;letter-spacing:.12em;color:#8f99a3;font-weight:800}
.selection-compare-current b{font-size:12px}
.selection-compare-traits{padding:0 14px 10px}
.selection-compare-traits>div{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:7px 0;border-bottom:1px solid rgba(255,255,255,.075)}
.selection-compare-traits span{font-size:11px;color:#aab2ba}
.selection-compare-traits b{font-size:12px}
.selection-compare-decision{padding:4px 14px 12px}
.selection-compare-status{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-top:7px}
.selection-compare-status button{min-height:34px;padding:5px 7px;border-radius:9px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.045);color:#d6dde3;font-size:10px;font-weight:750}
.selection-compare-status button.active{border-color:rgba(151,211,255,.64);background:rgba(151,211,255,.15);color:#fff;box-shadow:inset 0 0 18px rgba(151,211,255,.08)}
.selection-compare-open-plant{margin:0 14px 14px;width:calc(100% - 28px);min-height:38px;border-radius:11px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.08);color:#fff;font-weight:800}
@media(max-width:1100px){.selection-compare-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){
  .section-head:has(#selectionCompareToolbar){align-items:flex-start;gap:10px}
  .selection-compare-toolbar{margin-left:0;width:100%}
  .selection-compare-active{width:100%}.selection-compare-active #selectionCompareCount{margin-right:auto}
  .selection-compare-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:8px}
  .selection-compare-card{flex:0 0:min(86vw,390px);scroll-snap-align:start}
  .selection-compare-head h2{font-size:28px}
}