:root{--bg:#f4f5f2;--card:#fff;--ink:#1c2421;--muted:#6b7570;--line:#e3e6e2;--brand:#1f3b2d;--brand2:#2f6b4a;--hot:#d9482b;--warm:#e0a02c;--cold:#4b7fb3;--matt:#3b5bdb;--maya:#c2367d;--r:14px}
*{box-sizing:border-box}
html,body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.45 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;-webkit-text-size-adjust:100%}
a{color:var(--brand2)}
main{max-width:1100px;margin:0 auto;padding:12px 12px 80px}
h1{font-size:1.4rem;margin:.4rem 0 .6rem}h2{font-size:1.05rem;margin:0 0 .5rem;color:var(--brand)}h3{font-size:1rem;margin:.6rem 0 .3rem}
.muted{color:var(--muted)}.small{font-size:.85rem}.empty{text-align:center;padding:40px 0;color:var(--muted)}
.top{position:sticky;top:0;z-index:5;background:var(--brand);color:#fff;display:flex;align-items:center;gap:10px;padding:8px 12px;flex-wrap:wrap}
.top .brand{color:#fff;text-decoration:none;font-weight:700;font-size:1.1rem}
.top nav{display:flex;gap:2px;overflow-x:auto;flex:1;scrollbar-width:none}.top nav::-webkit-scrollbar{display:none}
.top nav a{color:#dfe8e2;text-decoration:none;padding:6px 10px;border-radius:8px;white-space:nowrap;font-size:.92rem}
.top nav a.on{background:rgba(255,255,255,.16);color:#fff}
.who{display:flex;align-items:center;gap:6px;margin:0}.who .link{background:none;border:0;color:#cfd9d2;text-decoration:underline;cursor:pointer;font-size:.85rem}
.card{background:var(--card);border-radius:var(--r);box-shadow:0 1px 2px rgba(0,0,0,.06);padding:14px;margin-bottom:12px}
.login{max-width:380px;margin:40px auto}.login input[type=password]{width:100%;padding:12px;border:1px solid var(--line);border-radius:10px;font-size:1rem;margin:10px 0}
.seg{display:flex;gap:8px}.seg label{flex:1;text-align:center;padding:10px;border:1px solid var(--line);border-radius:10px;cursor:pointer}.seg input{margin-right:6px}
.error{color:var(--hot)}
.btn{display:inline-block;padding:9px 13px;border:1px solid var(--line);background:#fff;color:var(--ink);border-radius:10px;text-decoration:none;font-size:.92rem;cursor:pointer;line-height:1.2}
.btn.primary{background:var(--brand2);border-color:var(--brand2);color:#fff}.btn.small{padding:6px 10px;font-size:.85rem}.btn.wide{width:100%}
.actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.pill{display:inline-block;font-size:.72rem;font-weight:700;letter-spacing:.02em;padding:2px 8px;border-radius:99px;color:#fff;background:var(--muted)}
.pill-matt{background:var(--matt)}.pill-maya{background:var(--maya)}
.toolbar{display:flex;flex-direction:column;gap:8px;margin-bottom:10px}.counts{color:var(--muted);font-size:.9rem}
.filters{background:var(--card);border-radius:var(--r);padding:10px 14px}.filters summary{cursor:pointer;font-weight:600}
.dot{display:inline-block;background:var(--brand2);color:#fff;border-radius:99px;font-size:.72rem;padding:1px 7px;margin-left:6px}
.filter-form{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px 12px;margin-top:10px;align-items:center}
.filter-form label{display:flex;flex-direction:column;font-size:.8rem;color:var(--muted)}.filter-form select{padding:8px;border:1px solid var(--line);border-radius:8px;font-size:.95rem;background:#fff}
.filter-form .chk{flex-direction:row;align-items:center;gap:6px;font-size:.9rem;color:var(--ink)}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px}
.listing{padding:0;overflow:hidden;display:flex;flex-direction:column}
.listing .photo{position:relative;display:block;aspect-ratio:16/10;background:#dde3de;overflow:hidden}
.listing .photo img{width:100%;height:100%;object-fit:cover;display:block}
.nophoto{display:flex;align-items:center;justify-content:center;height:100%;color:#7a8a80;font-weight:600;font-size:1.2rem;background:linear-gradient(135deg,#dfe7e1,#c9d6cd)}
.price{position:absolute;left:10px;bottom:10px;background:rgba(20,30,25,.85);color:#fff;font-weight:700;padding:4px 10px;border-radius:8px;font-size:1.05rem}
.listing .body{padding:12px;display:flex;flex-direction:column;gap:8px}
.title{color:var(--ink);text-decoration:none;font-weight:600;line-height:1.3}.area{color:var(--brand2)}
.facts{display:flex;flex-wrap:wrap;gap:6px 14px;color:var(--muted);font-size:.9rem}.facts.big{font-size:1rem;margin:8px 0}
.badges{display:flex;flex-wrap:wrap;gap:5px}
.badge{font-size:.72rem;font-weight:600;padding:2px 8px;border-radius:6px;background:#eef1ee;color:#41504a}
.badge.new{background:#dff5e6;color:#176b3a}.badge.annex{background:#e8f0fb;color:#24508c}.badge.drop{background:#fff1d6;color:#8a5a00}
.badge.uo{background:#fde7e0;color:#9b3418}.badge.poa{background:#f1e9fb;color:#5b3a8a}.badge.gone,.badge.sold{background:#e5e5e5;color:#555}.badge.sites{background:#eef1ee}.badge.land{background:#e6f4ea;color:#2b5e3a;border:1px solid #bfe0c8}
.listing.under_offer .photo img{filter:grayscale(.5)}.listing.gone,.listing.sold{opacity:.7}
.ratings{display:flex;flex-direction:column;gap:6px}
.rate-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.rate{border:1px solid var(--line);background:#fff;border-radius:99px;padding:4px 10px;font-size:.82rem;cursor:pointer;color:var(--ink)}
.rate.static{cursor:default}
.rate.hot.on{background:var(--hot);border-color:var(--hot);color:#fff}.rate.warm.on{background:var(--warm);border-color:var(--warm);color:#fff}.rate.cold.on{background:var(--cold);border-color:var(--cold);color:#fff}
.rate.none{color:var(--muted);border-style:dashed}
.back{display:inline-block;margin:4px 0 8px;text-decoration:none}
.detail{padding:0;overflow:hidden}.detail .hero{width:100%;max-height:420px;object-fit:cover;display:block}.detail .body{padding:14px}.detail h1{margin:0}.subtitle{margin:2px 0 8px;color:var(--muted)}
.agent{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:8px 0;border-bottom:1px solid var(--line)}.agent:last-of-type{border-bottom:0}
.agent-actions{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.inline{display:inline-flex;gap:6px;align-items:center;margin:0}.inline input{padding:8px;border:1px solid var(--line);border-radius:8px;font-size:.95rem;max-width:200px}.inline select{padding:6px;border:1px solid var(--line);border-radius:8px}
.composer select,.composer textarea,textarea{width:100%;padding:10px;border:1px solid var(--line);border-radius:10px;font:inherit;font-size:.95rem;background:#fff}
.composer select{margin-bottom:8px}.composer textarea{resize:vertical}
.two-col{display:grid;grid-template-columns:1fr;gap:16px}@media(min-width:720px){.two-col{grid-template-columns:1fr 1fr}}
.kv{display:grid;grid-template-columns:auto 1fr;gap:6px 14px;margin:0}.kv dt{color:var(--muted)}.kv dd{margin:0}
.hist{width:100%;border-collapse:collapse}.hist td{padding:6px 4px;border-bottom:1px solid var(--line)}.hist .r{text-align:right;font-weight:600}.hist tr.bad td{color:var(--hot)}
.plain{list-style:none;padding:0;margin:0}.plain li{padding:4px 0}
.note{margin:10px 0}.note form{margin-top:6px}.note textarea{margin-bottom:6px}.notetext{white-space:pre-wrap;margin:6px 0;background:#f7f8f6;border-radius:8px;padding:8px}
.desc{white-space:pre-wrap}
.uo-item textarea{margin-top:8px}
.feed{list-style:none;padding:0;margin:0}.ev{padding:8px 0;border-bottom:1px solid var(--line)}.ev .when{display:block;font-size:.78rem;color:var(--muted)}.ev a{text-decoration:none;font-weight:600;color:var(--ink)}
@media(max-width:600px){main{padding:10px 10px 70px}.grid{grid-template-columns:1fr}.top{padding:6px 10px}.top .brand{font-size:1rem}}