/* /evaluate — instant-valuation funnel. Rides on styles.css for the tokens
   and the shared form vocabulary (.card .field .opts .opt .btn .cc-* .done);
   this file adds only the page's own layout and funnel-specific widgets. */

.ev-main{max-width:760px;padding-top:6px}
.ev-head{text-align:center;margin:16px 0 28px}
.ev-head h1{font-size:clamp(38px,6vw,64px)}
.ev-head .sub{font-size:17px;color:var(--muted);max-width:56ch;margin:16px auto 0}
.ev-card{margin:0 auto;max-width:560px}
.ev-trust{display:flex;justify-content:center;gap:22px;flex-wrap:wrap;margin:22px 0 46px;font-size:13px;color:var(--muted)}
.ev-trust i{color:var(--cash);font-style:normal;margin-right:5px}

/* search + unit pickers */
.ev-results{margin-top:4px;border:1.5px solid var(--line);border-radius:10px;overflow:hidden;max-height:320px;overflow-y:auto;background:#fff}
.ev-hit{display:flex;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:12px 14px;background:#fff;border:none;border-bottom:1px solid var(--line);font-size:14.5px;font-weight:600;text-align:left;color:var(--ink)}
.ev-hit:last-child{border-bottom:none}
.ev-hit:hover{background:rgba(14,138,95,.06)}
.ev-hit small{display:block;font-weight:500;font-size:12px;color:var(--muted);text-transform:capitalize}
.ev-chip{flex-shrink:0;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);background:var(--sand);border-radius:20px;padding:3px 10px}
.ev-crumb{display:inline-flex;align-items:center;gap:6px;margin:0 0 10px;font-size:13px;color:var(--muted);background:none;border:none;font-weight:600;padding:0}
.ev-crumb:hover{color:var(--ink)}
.ev-note{font-size:13px;color:var(--muted);margin-top:12px}
.ev-link{background:none;border:none;padding:0;font:inherit;font-size:inherit;font-weight:700;color:var(--cash);text-decoration:underline;cursor:pointer}

/* confirm card */
.ev-prop{border:1.5px solid var(--line);border-radius:12px;padding:16px;margin-bottom:14px;background:#fff}
.ev-prop h3{font-size:17px;margin-bottom:12px}
.ev-prop-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px 16px;font-size:13.5px}
.ev-prop-grid span{color:var(--muted)}
.ev-prop-grid b{font-weight:700}

/* valuation reveal */
.ev-val{display:grid;grid-template-columns:1fr 1.15fr 1fr;gap:10px;margin:6px 0 4px}
.ev-vcard{border:1.5px solid var(--line);border-radius:12px;padding:14px 8px;text-align:center;background:#fff;transition:border-color .15s,background .15s;color:var(--ink);cursor:pointer}
.ev-vcard:hover{border-color:var(--cash)}
.ev-vcard.sel{border-color:var(--cash);background:rgba(14,138,95,.07)}
.ev-vcard small{display:block;font-size:10.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-bottom:6px}
.ev-vcard b{font-size:16px;font-weight:800;white-space:nowrap}
.ev-vcard.mid b{font-size:18px;color:var(--cash)}
.ev-conf{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:700;color:var(--cash);margin:6px 0 2px}
.ev-conf.med{color:var(--dirham)}
.ev-reveal{animation:evPop .45s ease}
@keyframes evPop{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.ev-skel{height:120px;border-radius:12px;background:linear-gradient(100deg,var(--sand) 40%,#fff 50%,var(--sand) 60%);background-size:200% 100%;animation:evShimmer 1.2s infinite}
@keyframes evShimmer{to{background-position:-200% 0}}

/* done + footer */
.ev-done{text-align:center;padding:18px 0 8px}
a.legal-link,a.agent-link{display:inline-block;text-decoration:none}
@media(max-width:640px){
  .ev-head{margin-top:4px}
  .ev-val{gap:6px}
  .ev-vcard b{font-size:14px}
  .ev-vcard.mid b{font-size:16px}
}
.ev-warn{font-size:12.5px;color:#8a5a0e;background:rgba(201,162,39,.12);border:1px solid rgba(201,162,39,.35);border-radius:8px;padding:8px 12px;margin:8px 0 2px}