/* L80 — Leads on desktop: denser lead rows (more leads per screen) + expanded panel laid out in columns.
   >=1024px only; phones/tablets keep their own layout. Tokens only; wins over L77 by specificity, not by !important. */
@media(min-width:1024px){
  /* ---- collapsed row: tighter ---- */
  html body main .list .lead.lx>.lx-head{padding:8px 10px 8px 14px;row-gap:1px}
  html body main .list .lead.lx .lx-av{width:38px;height:38px;font-size:var(--fs-sm)}
  html body main .list .lead.lx .lx-top .lx-name{font-size:var(--fs-md)}
  html body main .list .lead.lx>.lx-head .l2{gap:6px 16px}
  html body main .list .lead.lx>.lx-head .l2 .rq-b{font-size:var(--fs-md)}
  html body main .list .lead.lx .lx-st,html body main .list .lead.lx .lx-ow{gap:3px}
  html body main .list .lead.lx>.lx-head>.lx-acts{gap:5px}
  html body main .list .lead.lx>.lx-head>.lx-acts .btn,html body main .list .lead.lx>.lx-head>.lx-acts .lx-assign{height:32px;min-height:32px}
  html body main .list .lead.lx{margin-bottom:6px}
  html body main .list .lg{margin-bottom:8px}

  /* ---- expanded panel: follow-up + note on the left, matches in columns on the right ---- */
  html body main .list .lead.lx .lx-panel{position:relative;padding:12px 16px 14px;gap:10px 18px}
  html body main .list .lead.lx .lx-panel::before{content:"";position:absolute;inset-block:12px;inset-inline-start:0;width:3px;border-radius:3px;background:linear-gradient(180deg,var(--c-sand-light),var(--c-sand-dark));transform-origin:top;animation:lcRail .55s var(--ease) both}
  html body main .list .lead.lx .lx-panel>.lx-mt{display:block;min-width:0}
  html body main .list .lead.lx .lx-mrows{max-width:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  html body main .list .lead.lx .lx-mrows>.bm-h,html body main .list .lead.lx .lx-mrows>.bm-tip,html body main .list .lead.lx .lx-mrows>.lm-empty,html body main .list .lead.lx .lx-mrows>.bm-f{grid-column:1/-1}
  html body main .list .lead.lx .lx-mrows>.bm-h{display:flex;align-items:baseline;gap:10px}
  html body main .list .lead.lx .lx-mrows>.bm-f{max-width:440px}
  html body main .list .lead.lx .lx-mrows .bm-r{padding:6px 10px 6px 2px;transition:transform var(--dur-md) var(--ease),box-shadow var(--dur-md),border-color var(--dur-md)}
  html body main .list .lead.lx .lx-mrows .bm-r:hover{transform:translateY(-2px);box-shadow:var(--sh-2);border-color:var(--c-sand)}
  html body main .list .lead.lx .lx-mrows .bm-h+.bm-r{border-color:rgba(var(--c-sand-rgb),.8);background:linear-gradient(90deg,rgba(var(--c-sand-rgb),.14),var(--bg-tint) 60%)}
  html body main .list .lead.lx .lx-mrows .bm-f .btn{min-height:38px}
}
@media(min-width:1100px){
  html body main .list .lead.lx .lx-panel{grid-template-columns:minmax(320px,.8fr) minmax(0,2.2fr);align-items:start}
  html body main .list .lead.lx .lx-panel>.gd,html body main .list .lead.lx .lx-panel>.lb-info{grid-column:1}
  html body main .list .lead.lx .lx-panel>.lx-mt{grid-column:2;grid-row:1/span 3}
  html body main .list .lead.lx .lx-panel>.lb-info{margin:0}
  html body main .list .lead.lx .lx-panel>.gd{flex-wrap:wrap}
}
/* wide screens: one-line request, icon-only secondary actions, three match columns */
@media(min-width:1360px){
  html body main .list .lead.lx>.lx-head{grid-template-columns:40px minmax(200px,1fr) minmax(430px,2.3fr) minmax(170px,.95fr) minmax(150px,.8fr) auto 26px;column-gap:16px}
  html body main .list .lead.lx>.lx-head .l2{grid-template-columns:auto auto minmax(0,1fr) auto;grid-template-rows:auto;align-content:center}
  html body main .list .lead.lx>.lx-head .l2 .rq-s,html body main .list .lead.lx>.lx-head .l2 .rq-b,html body main .list .lead.lx>.lx-head .l2 .rq-a,html body main .list .lead.lx>.lx-head .l2 .rq-m{grid-row:1}
  html body main .list .lead.lx>.lx-head .l2 .rq-s{grid-column:1}
  html body main .list .lead.lx>.lx-head .l2 .rq-b{grid-column:2}
  html body main .list .lead.lx>.lx-head .l2 .rq-a{grid-column:3}
  html body main .list .lead.lx>.lx-head .l2 .rq-m{grid-column:4}
  html body main .list .lead.lx .lx-sub>span:first-child{flex:0 0 auto;margin-inline-end:10px}
  html body main .list .lead.lx>.lx-head>.lx-acts{display:flex;align-items:center;justify-content:flex-end;width:auto}
  html body main .list .lead.lx>.lx-head>.lx-acts .btn.call,html body main .list .lead.lx>.lx-head>.lx-acts .btn.wa{width:auto;min-width:92px;padding:0 12px}
  html body main .list .lead.lx>.lx-head>.lx-acts .lx-assign,html body main .list .lead.lx>.lx-head>.lx-acts .lx-edit{width:34px;min-width:34px;padding:0}
  html body main .list .lead.lx>.lx-head>.lx-acts .lx-assign span,html body main .list .lead.lx>.lx-head>.lx-acts .lx-edit .lx-bl{display:none}
  html body main .list .lead.lx .lx-mrows{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@keyframes lcRail{from{transform:scaleY(0)}to{transform:scaleY(1)}}
@keyframes lcRise{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@media(min-width:1024px){
  .lead.lx.open .lx-mrows>.bm-r{animation:lcRise .42s var(--ease) both}
  .lead.lx.open .lx-mrows>.bm-r:nth-of-type(2){animation-delay:.07s}.lead.lx.open .lx-mrows>.bm-r:nth-of-type(3){animation-delay:.14s}
  .lead.lx.open .lx-mrows>.bm-f{animation:lcRise .42s var(--ease) .22s both}
}
@media(prefers-reduced-motion:reduce){.lead.lx .lx-panel::before,.lead.lx.open .lx-mrows>.bm-r,.lead.lx.open .lx-mrows>.bm-f{animation:none!important}.lead.lx .lx-mrows .bm-r:hover{transform:none}}
body.motion-reduced .lead.lx .lx-panel::before,body.motion-reduced .lead.lx.open .lx-mrows>.bm-r,body.motion-reduced .lead.lx.open .lx-mrows>.bm-f{animation:none!important}