/* R38 — Leads row adapts to the screen: phone = short forms, tablet = full row, desktop = extra columns in the same card height. Tokens only. */
.lx .x-w,.lx .lx-sub{display:none}
.lx .lx-st,.lx .lx-st1,.lx .lx-st2,.lx .lx-ow,.lx .lx-ow1,.lx .lx-ow2{display:contents}
.lx .x-s{display:none}

/* ---- phone ≤640: short forms, icon-only Assign, no feedback pill ---- */
@media(max-width:640px){
  .lx .x-s{display:inline}.lx .x-f{display:none}
  html body .lead.lx .lx-fb{display:none}
  html body .lead.lx .lx-head .lx-assign{width:30px;height:30px;padding:0;justify-content:center;border-radius:9px}
  html body .lead.lx .lx-head .lx-assign span{display:none}
  html body .lead.lx .lx-head .lx-assign .li,html body .lead.lx .lx-head .lx-assign svg{width:15px;height:15px}
  html body .lead.lx>.lx-head{column-gap:6px}
  html body .lead.lx .lx-top .lx-ln{display:none}
  html body .lead.lx .lx-who{font-size:11px}
}

/* ---- tablet 641–1023: current full row (full name / area / budget) ---- */
@media(min-width:641px){.lx .x-s{display:none}.lx .x-f{display:inline}}

/* ---- desktop ≥1024: five information columns in the same card ---- */
@media(min-width:1024px){
  html body .lead.lx>.lx-head{grid-template-columns:42px minmax(200px,1.1fr) minmax(190px,1fr) minmax(230px,1.25fr) minmax(170px,.95fr) auto 30px;grid-template-rows:auto auto;column-gap:18px;row-gap:2px;align-items:center;padding:10px 8px 10px 14px}
  html body .lead.lx .lx-av{grid-column:1;grid-row:1/3;width:40px;height:40px;font-size:13px;align-self:center}
  html body .lead.lx .lx-top{grid-column:2;grid-row:1;align-self:end}
  html body .lead.lx .lx-top .lx-ln{display:none}
  html body .lead.lx .lx-sub{display:flex;flex-wrap:nowrap;grid-column:2;grid-row:2;align-self:start;min-width:0;overflow:hidden;font-size:12px;line-height:1.3;color:var(--c-n600);white-space:nowrap}
  html body .lead.lx .lx-sub>span{overflow:hidden;text-overflow:ellipsis;min-width:0}
  html body .lead.lx .lx-sub>span+span::before{content:"·";margin:0 6px;color:var(--c-n300)}
  html body .lead.lx>.lx-head .l2{grid-column:3;grid-row:1/3;display:grid!important;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;align-content:center;gap:2px 6px;padding-inline-start:16px;border-inline-start:1px solid var(--c-n100);font-size:12.5px;white-space:normal;overflow:visible}
  html body .lead.lx .l2>span{display:block;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  html body .lead.lx .l2>span::after{display:none}
  html body .lead.lx .l2 .rq-b{grid-column:1/-1;grid-row:1;font:700 15px/1.25 'Josefin Sans','Source Sans 3',sans-serif;color:var(--navy)}
  html body .lead.lx .l2 .rq-b::after{display:inline;content:" QAR";font:600 10.5px 'Source Sans 3',sans-serif;color:var(--c-n500)}
  html body .lead.lx .l2 .rq-a{grid-column:1;grid-row:2}
  html body .lead.lx .l2 .rq-m{grid-column:2;grid-row:2}
  html body .lead.lx .l2 .rq-m::before{content:"· ";color:var(--c-n300)}
  html body .lead.lx .l2 .rq-a:only-of-type,html body .lead.lx .l2 .rq-b:only-child{grid-column:1/-1}
  html body .lead.lx .lx-meta{display:contents}
  html body .lead.lx .lx-st,html body .lead.lx .lx-ow{display:flex;flex-direction:column;justify-content:center;gap:5px;min-width:0;grid-row:1/3;padding-inline-start:16px;border-inline-start:1px solid var(--c-n100)}
  html body .lead.lx .lx-st{grid-column:4}
  html body .lead.lx .lx-ow{grid-column:5}
  html body .lead.lx .lx-st1,html body .lead.lx .lx-st2,html body .lead.lx .lx-ow1,html body .lead.lx .lx-ow2{display:flex;flex-wrap:wrap;align-items:center;gap:4px 6px;min-width:0}
  html body .lead.lx .lx-st2:empty,html body .lead.lx .lx-ow1:empty,html body .lead.lx .lx-ow2:empty{display:none}
  html body .lead.lx .lx-dt.x-w{display:inline-flex;align-items:center;gap:4px;font-size:11.5px;color:var(--c-n600);white-space:nowrap}
  html body .lead.lx .lx-dt .li{width:12px;height:12px}
  html body .lead.lx .lx-who{margin:0;font-size:13px;font-weight:650;color:var(--navy)}
  html body .lead.lx .lx-who.none.x-w{display:inline-flex;color:var(--c-n500);font-weight:600;font-style:italic}
  html body .lead.lx .lx-fb{max-width:100%;font-size:11.5px}
  html body .lead.lx .lx-meta .badge,html body .lead.lx .lx-meta .tag,html body .lead.lx .lx-meta .age,html body .lead.lx .lx-why{font-size:11.5px;padding:2px 9px}
  html body .lead.lx>.lx-head>.lx-acts{grid-column:6;grid-row:1/3;align-self:center}
  html body .lead.lx .lx-chev{grid-column:7;grid-row:1/3;align-self:center}
}
@media(min-width:1500px){html body .lead.lx>.lx-head{grid-template-columns:44px minmax(240px,1.1fr) minmax(220px,1fr) minmax(280px,1.3fr) minmax(220px,1fr) auto 30px;column-gap:24px}}
html body .lead.lx .lx-who>span+span::before{content:none;margin:0}
@media(min-width:1024px){
  html body .lead.lx>.lx-head .l2{grid-template-columns:minmax(0,max-content) minmax(0,1fr)}
  html body .lead.lx .lx-top .spec{margin-left:4px}
  html body .lead.lx .lx-top{justify-content:flex-start}
}
@media(min-width:1024px){html body .lead.lx .l1.lx-name{flex:0 1 auto}}