/* Find's approved visual reference; shared search remains owned by _seek. */
.ehopto-find-design { --find-pink:light-dark(#b50d6d,#ff3ca6); --ground:light-dark(#f5f8ff,#020e20); --raise:light-dark(#fff,#07172b); --ink:light-dark(#142443,#f0f4ff); --ink-dim:light-dark(#526582,#b4c7e8); --hair:light-dark(#b7cce6,#20476d); }
.ehopto-find-design .wrap { max-width:1120px; }
.ehopto-find-design .find-heading { text-align:left; margin:12px 0 10px; }
.ehopto-find-design .find-heading h1 { font-size:clamp(25px,3vw,34px); letter-spacing:-.035em; }
.ehopto-find-design .find-heading h1 span { color:light-dark(#0961be,#4da6ff); }
.ehopto-find-design .find-heading p { margin:6px 0 0; }
.ehopto-find-design .find-online-line { display:flex!important; flex-wrap:wrap; gap:8px; margin:12px 0; font-size:12px; }
.find-online-line>a { padding:8px 12px; border:1px solid var(--hair); border-radius:7px; background:var(--raise); }
.ehopto-find-design .find-filterbar { justify-content:flex-start; gap:8px; overflow-x:auto; padding:4px 2px 8px; }
.ehopto-find-design .find-filterbar .radios { display:flex!important; flex:0 0 auto; flex-wrap:nowrap; justify-content:flex-start; gap:8px; margin:8px 0!important; }
.ehopto-find-design .find-filterbar .radios label,
.ehopto-find-design .find-refine-toggle { display:inline-flex!important; align-items:center; flex:none; white-space:nowrap; min-height:38px; padding:8px 12px!important; margin:0!important; border:1px solid var(--hair)!important; border-radius:7px!important; background:var(--raise); color:var(--ink); font-size:12px; }
.ehopto-find-design .radios label:has(input:checked) { background:light-dark(#e2efff,#063e89)!important; border-color:#399aff!important; box-shadow:inset 0 0 0 1px #399aff,0 0 9px #208dff35; }
.ehopto-find-design .radios label { position:relative; }
.ehopto-find-design .wrap { position:relative; min-width:0; }
.ehopto-find-design .find-filterbar { width:100%; max-width:100%; }
body.ehopto-find-design .find-refine-toggle { display:inline-flex!important; }
body.ehopto-find-design[data-find-method="search"] #list>.row { padding:0!important; margin-bottom:0!important; border:1px solid var(--hair)!important; border-radius:8px!important; background:var(--raise)!important; }
.find-more-panel { display:grid; gap:14px; max-width:380px; padding:16px; margin:0 0 12px auto; border:1px solid var(--hair); border-radius:8px; background:var(--raise); color:var(--ink); box-shadow:0 12px 32px #0002; }
.find-more-panel[hidden] { display:none; }
.find-more-panel { position:absolute; right:0; width:min(380px,100%); z-index:120; }
.find-more-heading { display:flex; align-items:center; justify-content:space-between; }
.find-more-heading button { border:0; background:transparent; color:var(--ink-dim); font:inherit; font-size:23px; cursor:pointer; min-width:32px; min-height:32px; }
.find-more-panel>label { display:flex; gap:9px; align-items:center; font-size:13px; }
.find-more-panel small { color:var(--ink-dim); font-size:11px; }
.find-more-panel input { accent-color:var(--find-pink); }
.ehopto-find-design .find-more-panel .nearrow { display:flex!important; margin:0; }
.ehopto-find-design .find-more-panel .whenrow { margin:0; }
.ehopto-find-design .status { text-align:left; }
body.ehopto-find-design[data-find-method="search"] #list { grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin-top:12px; }
body.ehopto-find-design[data-find-method="search"] #list>.row { display:grid; grid-template-columns:minmax(110px,42%) minmax(0,1fr); align-content:start; min-height:210px; padding:0; gap:8px 12px; border-radius:8px; background:var(--raise); }
body.ehopto-find-design[data-find-method="search"] #list>.row .face { grid-column:1; grid-row:1/5; width:100%; height:100%; min-height:180px; margin:0; border-radius:7px 0 0 0; object-fit:cover; }
body.ehopto-find-design[data-find-method="search"] #list>.row .find-result-media { grid-column:1; grid-row:1/5; width:100%; min-height:180px; }
body.ehopto-find-design[data-find-method="search"] #list>.row .find-result-media .face { display:block; height:100%; border-radius:7px 0 0 0; }
body.ehopto-find-design[data-find-method="search"] #list>.row span.face:empty { display:none; }
body.ehopto-find-design[data-find-method="search"] #list>.row>span:not(.face):not(.dist) { grid-column:2; padding:10px 10px 0 0; }
body.ehopto-find-design[data-find-method="search"] #list>.row:not(:has(img.face)) { grid-template-columns:1fr; }
body.ehopto-find-design[data-find-method="search"] #list>.row:not(:has(img.face))>span:not(.dist) { grid-column:1; padding-left:12px; }
body.ehopto-find-design[data-find-method="search"] #list>.row>.dist { grid-column:2; margin:0; padding-right:10px; }
.find-result-source { color:var(--ink-dim); font-size:11px; padding-right:10px; grid-column:2; }
.find-card-actions { display:flex; gap:7px; grid-column:2; padding:0 10px 8px 0; }
.find-card-actions>a,.find-card-actions>button { display:flex; align-items:center; justify-content:center; flex:1; min-height:34px; padding:6px 10px; border:1px solid var(--hair); border-radius:6px; background:transparent; color:var(--ink); font:600 12px var(--e-font); cursor:pointer; text-decoration:none; }
.find-card-actions>:first-child:not(:only-child) { background:#4ba7ff; color:#03142a; border-color:#4ba7ff; }
.find-card-feedback { grid-column:1/-1; min-height:36px; border:0; border-top:1px solid var(--hair); background:transparent; color:var(--find-pink); font:500 11px var(--e-font); padding:8px; cursor:pointer; }
.row[data-rejected="true"] { border-color:var(--find-pink)!important; }
.row:not(:has(img.face)) .find-card-actions,.row:not(:has(img.face)) .find-result-source,.row:not(:has(img.face))>.dist { grid-column:1!important; padding-left:12px!important; }
.ehopto-find-design .row .snippet { display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical; overflow:hidden; line-height:1.5; color:var(--ink-dim); }
.ehopto-find-design .find-search-actions { display:block; }
.ehopto-find-design .find-search-actions>.find-plant-secondary:last-child { width:100%; border:2px solid var(--find-pink); border-radius:7px; color:var(--find-pink); }
.ehopto-find-design .find-plant-dialog { border:1px solid var(--find-pink); border-radius:10px; background:var(--raise); color:var(--ink); }
.ehopto-find-design .find-plant-field select,.ehopto-find-design .find-plant-field textarea { border-color:var(--hair); border-radius:7px; background:var(--ground); color:var(--ink); }
.ehopto-find-design .find-plant-shell header p,.ehopto-find-design .find-plant-help,.ehopto-find-design .find-photo-label,.ehopto-find-design .find-plant-cancel { color:var(--ink-dim); }
.ehopto-find-design .find-plant-primary { border-radius:7px; background:var(--find-pink); color:light-dark(#fff,#12051c); min-height:44px; }
.find-keep-looking { display:flex; align-items:flex-start; gap:10px; color:var(--ink-dim); font-size:12px; line-height:1.5; }
.find-keep-looking input { accent-color:var(--find-pink); margin-top:3px; }
.ehopto-find-design button:focus-visible,.ehopto-find-design a:focus-visible { outline:2px solid #399aff; outline-offset:3px; }
.ehopto-find-design .find-plant-receipt { max-width:none; padding:0; border:0; border-radius:0; background:transparent; }
.ehopto-find-design .find-planted-heading { font-size:17px; }
.ehopto-find-design .find-plant-sources { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin-top:14px; }
.ehopto-find-design .find-planted-candidate { display:grid; grid-template-columns:minmax(110px,42%) minmax(0,1fr); align-items:stretch; gap:0; padding:0; overflow:hidden; border-radius:8px; }
.find-planted-photo { display:block; min-height:190px; background:var(--ground); }
.find-planted-photo img { display:block; width:100%; height:100%; max-height:270px; object-fit:cover; }
.ehopto-find-design .find-planted-candidate-details { display:flex; flex-direction:column; align-items:stretch; padding:12px; gap:5px; }
.find-planted-candidate:not(:has(.find-planted-photo)) { grid-template-columns:1fr; }
.ehopto-find-design .find-planted-candidate-details .find-card-actions { padding:4px 0 0; margin-top:auto; }
.ehopto-find-design .find-planted-candidate-details .find-card-actions a { color:#03142a; }
.ehopto-find-design .find-planted-candidate-details .find-planted-reject { border-radius:6px; }
.find-planted-credit { font-size:10px; line-height:1.4; color:var(--ink-dim); overflow-wrap:anywhere; }
.find-planted-candidate>.find-card-feedback { grid-column:1/-1; width:100%; }
@media(max-width:700px) {
 .ehopto-find-design .find-plant-sources { grid-template-columns:1fr; }
 .ehopto-find-design .find-planted-candidate { grid-template-columns:1fr; }
 .find-planted-photo { height:190px; min-height:0; }
 .ehopto-find-design { padding:14px 12px 90px; }
 .ehopto-find-design .find-heading p { font-size:13px; line-height:1.5; }
 .find-online-line>a { padding:6px 9px; }
 body.ehopto-find-design[data-find-method="search"] #list { grid-template-columns:1fr; }
 body.ehopto-find-design[data-find-method="search"] #list>.row { grid-template-columns:1fr; }
 body.ehopto-find-design[data-find-method="search"] #list>.row .face { grid-column:1; grid-row:auto; height:180px; min-height:0; border-radius:7px 7px 0 0; }
 body.ehopto-find-design[data-find-method="search"] #list>.row .find-result-media { grid-column:1; grid-row:auto; height:180px; min-height:0; }
 body.ehopto-find-design[data-find-method="search"] #list>.row>span:not(.face):not(.dist) { grid-column:1; padding:4px 12px 0; }
 body.ehopto-find-design[data-find-method="search"] #list>.row>.dist,
 body.ehopto-find-design[data-find-method="search"] #list>.row .find-result-source,
 body.ehopto-find-design[data-find-method="search"] #list>.row .find-card-actions { grid-column:1; padding-left:12px; padding-right:12px; }
 .ehopto-find-design .find-plant-shell { padding:18px; }
}


/* Find opening: the shared suspended search bar is the only search heading.
   Real image-backed public Ecodes make the initial page worth visiting.
   Keep the old radio inputs for deep-link/radar JS, but not as a second UI. */
body.ehopto-find-design:not([data-find-method]) .find-filterbar,
body.ehopto-find-design:not([data-find-method]) .find-refine-toggle {
  display:none!important;
}
body.ehopto-find-design:not([data-find-method="radar"]) #find-kind-filters {
  display:none!important;
}
body.ehopto-find-design[data-find-method="search"] .find-filterbar {
  overflow:visible;justify-content:flex-end;margin:2px 0 6px;
  padding:0;
}
body.ehopto-find-design[data-find-method="search"] .find-refine-toggle {
  display:inline-flex!important;min-height:37px;margin:0!important;
  font-size:12px!important;border:1px solid var(--hair)!important;
  background:transparent!important;border-radius:9px!important;
  padding:8px 11px!important;
}
body.ehopto-find-design:not([data-find-method="radar"]) #find-kind-filters label{
  display:none!important;
}
body.ehopto-find-design[data-find-method] .find-welcome{display:none!important}