/* L85 — Lead card, desktop only (>=1024px). Professional rebuild: calm neutral surface, one navy accent, semantic colours only for status.
   Phones and tablets (<1024px) are untouched: every rule below lives inside the media query. Tokens only. Loaded last. */
@media(min-width:1024px){
  /* ===== card shell ===== */
  html body main .list .lead.lx.lx{--sc:var(--c-n300);background:var(--c-white);border:1px solid var(--c-n200);border-inline-start:3px solid var(--sc);border-radius:12px;box-shadow:0 1px 2px rgba(var(--c-starlight-rgb),.06);transform:none;overflow:visible}
  html body main .list .lead.lx.lx.st-none{--sc:var(--c-danger)}
  html body main .list .lead.lx.lx.st-once{--sc:var(--c-sand-dark)}
  html body main .list .lead.lx.lx.st-twice{--sc:var(--c-success)}
  html body main .list .lead.lx.lx.st-unassigned{--sc:var(--c-blue)}
  html body main .list .lead.lx.lx:hover{background:var(--c-white);transform:none;border-color:var(--c-n300);border-inline-start-color:var(--sc);box-shadow:0 4px 14px rgba(var(--c-starlight-rgb),.08)}
  [dir=rtl] html body main .list .lead.lx.lx:hover{transform:none}
  html body main .list .lead.lx.lx.open{border-color:var(--c-n300);border-inline-start-color:var(--sc);box-shadow:0 8px 24px rgba(var(--c-starlight-rgb),.10)}
  html body main .list .lead.lx.lx.open>.lx-head{background:var(--c-white);border-bottom:1px solid var(--c-n100);border-radius:12px 12px 0 0}

  /* ===== header grid: avatar · client · request · status · assignment · actions · chevron ===== */
  html body main .list .lead.lx.lx>.lx-head{display:grid;grid-template-columns:40px minmax(190px,1.05fr) minmax(330px,2fr) minmax(170px,.95fr) minmax(170px,.9fr) auto 24px;grid-template-rows:max-content minmax(0,1fr);column-gap:20px;row-gap:2px;align-items:stretch;padding:14px 14px 14px 18px;min-height:76px}
  html body main .list .lead.lx.lx>.lx-head>.lx-main{display:contents}
  html body main .list .lead.lx.lx .lx-ph{display:none}
  html body main .list .lead.lx.lx .lx-start,html body main .list .lead.lx.lx .lx-startpill{font-weight:700}

  /* avatar */
  html body main .list .lead.lx.lx .lx-av{grid-column:1;grid-row:1/3;align-self:start;justify-self:start;margin-top:8px;width:40px;height:40px;border-radius:50%;background:var(--c-n100);border:1px solid var(--c-n200);color:var(--c-starlight);font:700 var(--fs-sm)/1 var(--font-body);letter-spacing:.02em;display:grid;place-items:center;box-shadow:none}

  /* client */
  html body main .list .lead.lx.lx>.lx-head .lx-top{grid-column:2;grid-row:1;align-self:start;padding-top:17px;display:flex;align-items:center;flex-wrap:wrap;gap:4px 8px;min-width:0}
  html body main .list .lead.lx.lx>.lx-head .lx-top .spec,html body main .list .lead.lx.lx>.lx-head .lx-top .lx-ln{display:none}
  html body main .list .lead.lx.lx>.lx-head .lx-name{font:700 var(--fs-md)/1.3 var(--font-body);color:var(--c-starlight);cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}
  html body main .list .lead.lx.lx>.lx-head .lx-name:hover{color:var(--c-blue);text-decoration:underline;text-underline-offset:3px}
  html body main .list .lead.lx.lx>.lx-head .lx-name .x-s{display:none}
  html body main .list .lead.lx.lx>.lx-head .lx-name .x-f{display:inline}
  html body main .list .lead.lx.lx>.lx-head .lx-sub{grid-column:2;grid-row:2;align-self:start;margin-bottom:auto;display:flex;flex-wrap:wrap;align-items:center;gap:1px 10px;margin:0;font:500 var(--fs-sm)/1.4 var(--font-body);color:var(--tx-muted);white-space:normal;overflow:visible}
  html body main .list .lead.lx.lx>.lx-head .lx-sub>span{flex:0 0 auto;flex-basis:auto;white-space:nowrap;overflow:visible}
  html body main .list .lead.lx.lx>.lx-head .lx-sub>span:nth-child(2){color:var(--tx-body);font-variant-numeric:tabular-nums;letter-spacing:.01em}
  html body main .list .lead.lx.lx>.lx-head .lx-sub>span::before,html body main .list .lead.lx.lx>.lx-head .lx-sub>span::after{content:none;margin:0}

  /* column labels (one tiny uppercase style everywhere) */
  html body main .list .lead.lx.lx>.lx-head .l2>span::before,html body main .list .lead.lx.lx>.lx-head .lx-st::before,html body main .list .lead.lx.lx>.lx-head .lx-ow::before{display:block;margin:0;font:700 10.5px/1.2 var(--font-body);letter-spacing:.07em;text-transform:uppercase;color:var(--c-n500)}

  /* request: 4 labelled fields in one row */
  html body main .list .lead.lx.lx>.lx-head .l2{grid-column:3;grid-row:1/3;align-self:stretch;display:grid!important;grid-template-columns:minmax(104px,1fr) minmax(96px,.9fr) minmax(0,1.9fr) minmax(76px,.8fr);grid-template-rows:auto;gap:0 18px;align-content:start;align-items:start;padding-block:0;padding-inline:20px 0;border-inline-start:1px solid var(--c-n100);white-space:normal;overflow:visible;color:var(--tx-body)}
  html body main .list .lead.lx.lx>.lx-head .l2>span{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:5px;min-width:0;grid-row:1;white-space:normal;overflow:visible;text-overflow:clip;font:600 var(--fs-md)/1.3 var(--font-body);color:var(--tx-strong)}
  html body main .list .lead.lx.lx>.lx-head .l2>span::after{display:none}
  html body main .list .lead.lx.lx>.lx-head .l2 .x-s{display:none}
  html body main .list .lead.lx.lx>.lx-head .l2 .x-f{display:inline}
  html body main .list .lead.lx.lx>.lx-head .l2 .rq-s{grid-column:1;display:flex}
  html body main .list .lead.lx.lx>.lx-head .l2 .rq-b{grid-column:2}
  html body main .list .lead.lx.lx>.lx-head .l2 .rq-a{grid-column:3}
  html body main .list .lead.lx.lx>.lx-head .l2 .rq-m{grid-column:4}
  html body main .list .lead.lx.lx>.lx-head .l2 .rq-a:only-of-type,html body main .list .lead.lx.lx>.lx-head .l2 .rq-b:only-child{grid-column:auto}
  html body main .list .lead.lx.lx>.lx-head .l2 .rq-m::before{content:"Move-in"}
  html body main .list .lead.lx.lx>.lx-head .l2 .rq-s::before{content:"Unit type"}
  html body main .list .lead.lx.lx>.lx-head .l2 .rq-b::before{content:"Budget"}
  html body main .list .lead.lx.lx>.lx-head .l2 .rq-a::before{content:"Area"}
  html body main .list .lead.lx.lx>.lx-head .l2 .rq-s b{display:inline-block;padding:2px 9px;border-radius:6px;border:1px solid var(--c-n200);background:var(--c-n100);color:var(--c-starlight);font:700 var(--fs-sm)/1.45 var(--font-body);white-space:nowrap}
  html body main .list .lead.lx.lx>.lx-head .l2 .rq-s small{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;font:500 var(--fs-xs)/1.35 var(--font-body);color:var(--tx-muted)}
  html body main .list .lead.lx.lx>.lx-head .l2 .rq-b{font:700 var(--fs-md)/1.3 var(--font-body);color:var(--c-starlight);font-variant-numeric:tabular-nums;white-space:nowrap}
  html body main .list .lead.lx.lx>.lx-head .l2 .rq-b .x-f::after{content:" QAR";font:600 var(--fs-xs) var(--font-body);color:var(--tx-faint)}
  html body main .list .lead.lx.lx>.lx-head .l2 .rq-b::after{display:none}
  html body main .list .lead.lx.lx>.lx-head .l2 .rq-a .x-f{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;overflow-wrap:anywhere}
  html body main .list .lead.lx.lx>.lx-head .l2 .rq-m,html body main .list .lead.lx.lx>.lx-head .l2 .rq-m .x-f{color:var(--tx-body);white-space:nowrap}
  html body main .list .lead.lx.lx>.lx-head .l2 .rq-m::before{color:var(--c-n500)}

  /* status */
  html body main .list .lead.lx.lx>.lx-head .lx-meta{display:contents}
  html body main .list .lead.lx.lx>.lx-head .lx-st{grid-column:4;grid-row:1/3;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:6px;min-width:0;padding-block:0;padding-inline:20px 0;border-inline-start:1px solid var(--c-n100)}
  html body main .list .lead.lx.lx>.lx-head .lx-st::before{content:"Status"}
  html body main .list .lead.lx.lx>.lx-head .lx-st1,html body main .list .lead.lx.lx>.lx-head .lx-st2{display:flex;flex-wrap:wrap;align-items:center;gap:5px 6px;min-width:0}
  html body main .list .lead.lx.lx>.lx-head .lx-st .badge,html body main .list .lead.lx.lx>.lx-head .lx-st .tag,html body main .list .lead.lx.lx>.lx-head .lx-st .age,html body main .list .lead.lx.lx>.lx-head .lx-st .lx-why,html body main .list .lead.lx.lx>.lx-head .lx-st .lx-dt,html body main .list .lead.lx.lx>.lx-head .lx-st .sla-chip,html body main .list .lead.lx.lx>.lx-head .lx-ow .lx-fb,html body main .list .lead.lx.lx>.lx-head .lx-ow .lx-mc{display:inline-flex;align-items:center;gap:5px;flex:none;max-width:100%;padding:2px 9px;border-radius:6px;font:600 var(--fs-xs)/1.5 var(--font-body);letter-spacing:0;text-transform:none;white-space:nowrap}
  html body main .list .lead.lx.lx>.lx-head .lx-st .age{background:var(--c-n50);border:1px solid var(--c-n200);color:var(--c-n600)}
  html body main .list .lead.lx.lx>.lx-head .lx-st .age.old{background:var(--c-danger-soft);border-color:transparent;color:var(--c-danger)}
  html body main .list .lead.lx.lx>.lx-head .lx-st .lx-dt{background:var(--c-blue-soft);color:var(--c-starlight)}
  html body main .list .lead.lx.lx>.lx-head .lx-st .lx-why{background:var(--c-warning-soft);color:var(--c-warning)}
  html body main .list .lead.lx.lx>.lx-head .lx-st .li,html body main .list .lead.lx.lx>.lx-head .lx-ow .li{width:13px;height:13px;flex:none}

  /* assignment: owner · assigned on · matches · feedback */
  html body main .list .lead.lx.lx>.lx-head .lx-ow{grid-column:5;grid-row:1/3;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:6px;min-width:0;padding-block:0;padding-inline:20px 0;border-inline-start:1px solid var(--c-n100)}
  html body main .list .lead.lx.lx>.lx-head .lx-ow::before{content:"Assignment"}
  html body main .list .lead.lx.lx>.lx-head .lx-ow1,html body main .list .lead.lx.lx>.lx-head .lx-ow2{display:flex;flex-wrap:wrap;align-items:center;gap:5px 6px;min-width:0}
  html body main .list .lead.lx.lx>.lx-head .lx-ow1:empty,html body main .list .lead.lx.lx>.lx-head .lx-ow2:empty{display:none}
  html body main .list .lead.lx.lx>.lx-head .lx-who{font:700 var(--fs-sm)/1.3 var(--font-body);color:var(--tx-strong);white-space:nowrap}
  html body main .list .lead.lx.lx>.lx-head .lx-who .x-s{display:none}
  html body main .list .lead.lx.lx>.lx-head .lx-who .x-f{display:inline}
  html body main .list .lead.lx.lx>.lx-head .lx-who.none{font-style:normal;font-weight:600;color:var(--tx-muted)}
  html body main .list .lead.lx.lx>.lx-head .lx-ow .lx-mt{display:flex;flex-wrap:wrap;align-items:center;gap:5px 8px}
  html body main .list .lead.lx.lx>.lx-head .lx-ow .lx-mt .mt-as{display:inline-flex;align-items:center;gap:5px;font:500 var(--fs-xs)/1.3 var(--font-body);color:var(--tx-muted);white-space:nowrap}
  html body main .list .lead.lx.lx>.lx-head .lx-ow .lx-mc{border:0;background:var(--c-n100);color:var(--c-n600)}
  html body main .list .lead.lx.lx>.lx-head .lx-ow .lx-mc[data-lv="0"]{background:var(--c-danger-soft);color:var(--c-danger)}
  html body main .list .lead.lx.lx>.lx-head .lx-ow .lx-mc[data-lv="l"]{background:var(--c-warning-soft);color:var(--c-warning)}
  html body main .list .lead.lx.lx>.lx-head .lx-ow .lx-mc[data-lv="m"]{background:var(--c-blue-soft);color:var(--c-starlight)}
  html body main .list .lead.lx.lx>.lx-head .lx-ow .lx-mc[data-lv="h"]{background:var(--c-success-soft);color:var(--c-success)}
  html body main .list .lead.lx.lx>.lx-head .lx-ow .lx-fb{background:var(--c-n50);border:1px solid var(--c-n200);color:var(--c-n700);overflow:hidden;text-overflow:ellipsis}
  html body main .list .lead.lx.lx>.lx-head .lx-ow .lx-fb .x-s{display:none}
  html body main .list .lead.lx.lx>.lx-head .lx-ow .lx-fb .x-f{display:inline;overflow:hidden;text-overflow:ellipsis}

  /* actions: Call (primary) · WhatsApp · icon tools */
  html body main .list .lead.lx.lx>.lx-head>.lx-acts{grid-column:6;grid-row:1/3;align-self:center;position:relative;display:flex;flex-wrap:nowrap;align-items:center;justify-content:flex-end;gap:8px;width:auto;padding:0}
  html body main .list .lead.lx.lx>.lx-head>.lx-acts .btn,html body main .list .lead.lx.lx>.lx-head>.lx-acts .lx-assign{display:inline-flex;align-items:center;justify-content:center;gap:7px;flex:none;width:auto;min-width:0;height:36px;min-height:36px;padding:0 14px;border-radius:8px;font:600 var(--fs-sm)/1 var(--font-body);letter-spacing:0;white-space:nowrap;box-shadow:none;background-image:none;transition:background var(--dur-md) var(--ease),border-color var(--dur-md),color var(--dur-md),box-shadow var(--dur-md)}
  html body main .list .lead.lx.lx>.lx-head>.lx-acts .btn svg,html body main .list .lead.lx.lx>.lx-head>.lx-acts .btn .li,html body main .list .lead.lx.lx>.lx-head>.lx-acts .lx-assign svg,html body main .list .lead.lx.lx>.lx-head>.lx-acts .lx-assign .li{width:16px;height:16px;flex:none}
  html body main .list .lead.lx.lx>.lx-head>.lx-acts .btn.call{order:1;background:var(--c-starlight);border:1px solid var(--c-starlight);color:var(--c-white)}
  html body main .list .lead.lx.lx>.lx-head>.lx-acts .btn.call:hover{background:var(--c-starlight-dark);border-color:var(--c-starlight-dark)}
  html body main .list .lead.lx.lx>.lx-head>.lx-acts .btn.wa{order:2;background:var(--c-success-soft);border:1px solid transparent;color:var(--c-success)}
  html body main .list .lead.lx.lx>.lx-head>.lx-acts .btn.wa:hover{background:var(--c-success);border-color:var(--c-success);color:var(--c-white)}
  /* icon-only tools */
  html body main .list .lead.lx.lx>.lx-head>.lx-acts .lx-assign,html body main .list .lead.lx.lx>.lx-head>.lx-acts .btn.lv-out,html body main .list .lead.lx.lx>.lx-head>.lx-acts .btn.lx-edit{width:36px;padding:0;background:var(--c-white);border:1px solid var(--c-n200);color:var(--c-n700)}
  html body main .list .lead.lx.lx>.lx-head>.lx-acts .lx-assign:hover,html body main .list .lead.lx.lx>.lx-head>.lx-acts .btn.lv-out:hover,html body main .list .lead.lx.lx>.lx-head>.lx-acts .btn.lx-edit:hover{background:var(--c-n50);border-color:var(--c-n300);color:var(--c-starlight)}
  html body main .list .lead.lx.lx>.lx-head>.lx-acts .lx-assign{order:3}
  html body main .list .lead.lx.lx>.lx-head>.lx-acts .btn.lv-out{order:4;position:static;top:auto;inset-inline-end:auto;max-width:none;min-width:36px;border-radius:8px;opacity:1}
  html body main .list .lead.lx.lx>.lx-head>.lx-acts .btn.lx-edit{order:5;display:inline-flex;grid-column:auto}
  html body main .list .lead.lx.lx>.lx-head>.lx-acts .lx-assign:not(.re){background:var(--c-blue-soft);border-color:var(--c-blue);color:var(--c-starlight)}
  html body main .list .lead.lx.lx>.lx-head>.lx-acts .lx-assign span,html body main .list .lead.lx.lx>.lx-head>.lx-acts .btn.lv-out .lx-bl,html body main .list .lead.lx.lx>.lx-head>.lx-acts .btn.lx-edit .lx-bl{display:none}
  html body main .list .lead.lx.lx>.lx-head>.lx-acts .btn:focus-visible,html body main .list .lead.lx.lx>.lx-head>.lx-acts .lx-assign:focus-visible{outline:2px solid var(--c-blue);outline-offset:2px}
  html body main .list .lead.lx.lx>.lx-head>.lx-chev{grid-column:7;grid-row:1/3;align-self:center;justify-self:center;width:28px;height:28px;border-radius:50%;color:var(--c-n500)}
  html body main .list .lead.lx.lx>.lx-head>.lx-chev:hover{background:var(--c-n100);color:var(--c-starlight)}

  /* ===== expanded panel ===== */
  html body main .list .lead.lx.lx .lx-panel{position:relative;display:grid;grid-template-columns:minmax(300px,.75fr) minmax(0,2.25fr);gap:16px 20px;align-items:start;padding:18px 20px 20px;border-top:0;background:var(--c-n50);border-radius:0 0 11px 11px}
  html body main .list .lead.lx.lx .lx-panel::before{display:none}
  html body main .list .lead.lx.lx .lx-panel>.gd,html body main .list .lead.lx.lx .lx-panel>.lb-info{grid-column:1;margin:0}
  html body main .list .lead.lx.lx .lx-panel>.lx-mt{grid-column:2;grid-row:1/span 4;display:block;min-width:0;padding:16px 18px 18px;background:var(--c-white);border:1px solid var(--c-n200);border-radius:12px}
  /* guidance banner */
  html body main .list .lead.lx.lx .gd{display:flex;align-items:center;gap:10px;padding:11px 14px;border-radius:10px;background:var(--c-white);border:1px solid var(--c-n200);border-inline-start:3px solid var(--c-n400);color:var(--c-starlight);font:600 var(--fs-sm)/1.4 var(--font-body)}
  html body main .list .lead.lx.lx .gd .li{width:18px;height:18px;flex:none;color:var(--c-n500)}
  html body main .list .lead.lx.lx .gd.now{background:var(--c-blue-soft);border-color:var(--c-n200);border-inline-start-color:var(--c-blue);color:var(--c-starlight)}
  html body main .list .lead.lx.lx .gd.now .li{color:var(--c-blue)}
  html body main .list .lead.lx.lx .gd.late{background:var(--c-danger-soft);border-color:transparent;border-inline-start-color:var(--c-danger);color:var(--c-danger)}
  html body main .list .lead.lx.lx .gd.late .li{color:var(--c-danger)}
  html body main .list .lead.lx.lx .gd.warn{background:var(--c-warning-soft);border-color:transparent;border-inline-start-color:var(--c-warning);color:var(--c-warning)}
  html body main .list .lead.lx.lx .gd.warn .li{color:var(--c-warning)}
  html body main .list .lead.lx.lx .gd-act{border-radius:6px}
  /* contact details */
  html body main .list .lead.lx.lx .lb-info{border:1px solid var(--c-n200);border-radius:10px;background:var(--c-white);box-shadow:none}
  html body main .list .lead.lx.lx .lx-ir{grid-template-columns:76px minmax(0,1fr);padding:9px 14px}
  html body main .list .lead.lx.lx .lx-ir>b{font:700 10.5px/1.9 var(--font-body);letter-spacing:.07em;text-transform:uppercase;color:var(--c-n500)}
  html body main .list .lead.lx.lx .lx-iv .lx-it .li{color:var(--c-n500)}

  /* ===== best matches ===== */
  html body main .list .lead.lx.lx .lx-mrows{max-width:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  html body main .list .lead.lx.lx .lx-mrows>.bm-h,html body main .list .lead.lx.lx .lx-mrows>.bm-tip,html body main .list .lead.lx.lx .lx-mrows>.lm-empty,html body main .list .lead.lx.lx .lx-mrows>.bm-f{grid-column:1/-1}
  html body main .list .lead.lx.lx .lx-mrows>.bm-h{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding-bottom:12px;border-bottom:1px solid var(--c-n100);font:700 var(--fs-md)/1.3 var(--font-body);color:var(--c-starlight)}
  html body main .list .lead.lx.lx .lx-mrows>.bm-h small{font:600 var(--fs-xs)/1.3 var(--font-body);color:var(--tx-muted)}
  html body main .list .lead.lx.lx .lx-mrows .bm-r,html body main .list .lead.lx.lx .lx-mrows .bm-h+.bm-r{padding:12px 14px 12px 2px;border:1px solid var(--c-n200);border-radius:10px;background:var(--c-white);color:var(--c-starlight);transform:none;box-shadow:none}
  html body main .list .lead.lx.lx .lx-mrows .bm-r:hover{transform:none;border-color:var(--c-n300);box-shadow:0 2px 8px rgba(var(--c-starlight-rgb),.07)}
  html body main .list .lead.lx.lx .lx-mrows .bm-r.on{border-color:var(--c-blue);background:var(--c-blue-soft);box-shadow:0 0 0 1px var(--c-blue)}
  html body main .list .lead.lx.lx .lx-mrows .bm-l1 b{font:700 var(--fs-md)/1.3 var(--font-body);letter-spacing:0;color:var(--c-starlight)}
  html body main .list .lead.lx.lx .lx-mrows .bm-p{font:700 var(--fs-md)/1.3 var(--font-body);color:var(--c-starlight)}
  html body main .list .lead.lx.lx .lx-mrows .bm-dir,html body main .list .lead.lx.lx .lx-mrows .bm-tier,html body main .list .lead.lx.lx .lx-mrows .bm-st,html body main .list .lead.lx.lx .lx-mrows .bm-t{border-radius:6px;letter-spacing:0;text-transform:none}
  html body main .list .lead.lx.lx .lx-mrows .bm-l1{flex-wrap:wrap;row-gap:4px}
  html body main .list .lead.lx.lx .lx-mrows .bm-l1 .bm-dir,html body main .list .lead.lx.lx .lx-mrows .bm-l1 .bm-tier{flex:none;overflow:visible;text-overflow:clip}
  html body main .list .lead.lx.lx .lx-mrows .bm-d-go{background:var(--c-success-soft);color:var(--c-success)}
  html body main .list .lead.lx.lx .lx-mrows .bm-d-deal{background:var(--c-n100);color:var(--c-n700)}
  html body main .list .lead.lx.lx .lx-mrows .bm-ck i{border-color:var(--c-n300);border-radius:5px}
  html body main .list .lead.lx.lx .lx-mrows .bm-ck input:checked+i{background:var(--c-starlight);border-color:var(--c-starlight)}
  html body main .list .lead.lx.lx .lx-mrows .bm-y{font-weight:600}
  html body main .list .lead.lx.lx .lx-mrows>.bm-f{display:flex;flex-wrap:wrap;gap:10px;max-width:none;padding-top:4px}
  html body main .list .lead.lx.lx .lx-mrows>.bm-f .btn{flex:0 0 auto;min-width:168px;min-height:38px;padding:0 18px;border-radius:8px;font:600 var(--fs-sm)/1 var(--font-body);box-shadow:none;background-image:none}
  html body main .list .lead.lx.lx .lx-mrows>.bm-f .btn.wa{background:var(--c-success);border:1px solid var(--c-success);color:var(--c-white)}
  html body main .list .lead.lx.lx .lx-mrows>.bm-f .btn.wa:hover{background:var(--c-starlight);border-color:var(--c-starlight)}
  html body main .list .lead.lx.lx .lx-mrows>.bm-f .btn[disabled]{background:var(--c-n100);border:1px solid var(--c-n200);color:var(--c-n400)}
  html body main .list .lead.lx.lx .lx-mrows>.bm-f .btn:not(.wa){background:var(--c-white);border:1px solid var(--c-n300);color:var(--c-starlight)}
  html body main .list .lead.lx.lx .lx-mrows>.bm-f .btn:not(.wa):hover{background:var(--c-n50);border-color:var(--c-n400)}
}

/* laptops (<1640px): assignment drops under status so nothing is cramped */
@media(min-width:1024px) and (max-width:1639px){
  html body main .list .lead.lx.lx>.lx-head{grid-template-columns:40px minmax(150px,.8fr) minmax(380px,2fr) minmax(190px,.9fr) auto 24px;grid-template-rows:max-content max-content minmax(0,1fr) auto;column-gap:16px}
  html body main .list .lead.lx.lx>.lx-head .lx-av,html body main .list .lead.lx.lx>.lx-head .l2,html body main .list .lead.lx.lx>.lx-head>.lx-acts,html body main .list .lead.lx.lx>.lx-head>.lx-chev{grid-row:1/5}
  html body main .list .lead.lx.lx>.lx-head .l2{gap:0 14px;grid-template-columns:minmax(104px,1fr) minmax(80px,.8fr) minmax(0,1.8fr) minmax(78px,.8fr);padding-inline-start:16px}
  html body main .list .lead.lx.lx>.lx-head .lx-st{grid-column:4;grid-row:1/4;padding-inline-start:16px;padding-bottom:4px;gap:5px}
  html body main .list .lead.lx.lx>.lx-head .lx-st{flex-direction:row;flex-wrap:wrap;align-content:flex-start;gap:5px 6px}
  html body main .list .lead.lx.lx>.lx-head .lx-st::before{flex:0 0 100%}
  html body main .list .lead.lx.lx>.lx-head .lx-st1,html body main .list .lead.lx.lx>.lx-head .lx-st2{display:contents}
  html body main .list .lead.lx.lx>.lx-head .lx-ow{grid-column:4;grid-row:4;padding-inline-start:16px;gap:5px}
  html body main .list .lead.lx.lx>.lx-head .lx-ow::before{display:none}
  html body main .list .lead.lx.lx>.lx-head>.lx-acts{grid-column:5;gap:6px}
  html body main .list .lead.lx.lx>.lx-head>.lx-chev{grid-column:6}
  html body main .list .lead.lx.lx>.lx-head>.lx-acts .btn.call,html body main .list .lead.lx.lx>.lx-head>.lx-acts .btn.wa{padding:0 12px}
}
/* small laptops: Call and WhatsApp become icon buttons (tooltips keep the names) */
@media(min-width:1024px) and (max-width:1259px){
  html body main .list .lead.lx.lx>.lx-head{grid-template-columns:40px minmax(120px,.8fr) minmax(290px,1.8fr) minmax(165px,.9fr) auto 24px;column-gap:12px;padding-inline-end:10px}
  html body main .list .lead.lx.lx>.lx-head .l2{gap:0 10px;padding-inline-start:12px}
  html body main .list .lead.lx.lx>.lx-head .lx-st,html body main .list .lead.lx.lx>.lx-head .lx-ow{padding-inline-start:12px}
  html body main .list .lead.lx.lx .lx-panel{grid-template-columns:minmax(200px,.55fr) minmax(0,2.45fr);padding:16px}
  html body main .list .lead.lx.lx .lx-mrows .bm-r{min-width:0}
  html body main .list .lead.lx.lx .lx-panel>.lx-mt{padding:14px}
  html body main .list .lead.lx.lx>.lx-head>.lx-acts .btn.call .lx-bl,html body main .list .lead.lx.lx>.lx-head>.lx-acts .btn.wa .lx-bl{display:none}
  html body main .list .lead.lx.lx>.lx-head>.lx-acts .btn.call,html body main .list .lead.lx.lx>.lx-head>.lx-acts .btn.wa{width:36px;padding:0}
}
@media(min-width:1280px){html body main .list .lead.lx.lx .lx-mrows{grid-template-columns:repeat(3,minmax(0,1fr))}}
/* large screens: three match cards side by side, more breathing room */
@media(min-width:1640px){
  html body main .list .lead.lx.lx>.lx-head{grid-template-columns:44px minmax(220px,1fr) minmax(380px,2fr) minmax(200px,1fr) minmax(190px,.9fr) auto 28px;column-gap:24px;padding-block:16px}
  html body main .list .lead.lx.lx .lx-mrows{grid-template-columns:repeat(3,minmax(0,1fr))}
  html body main .list .lead.lx.lx .lx-panel{grid-template-columns:minmax(320px,.7fr) minmax(0,2.3fr)}
}
@media(min-width:1024px) and (prefers-reduced-motion:reduce){
  html body main .list .lead.lx.lx,html body main .list .lead.lx.lx .lx-mrows .bm-r{transition:none}
}

/* L86 — month popup: Select all + Unselect side by side */
html body main .lf-mo-pop .mo-bar{display:flex;gap:var(--sp-2);position:sticky;top:0;z-index:1;margin:0 0 var(--sp-2);padding-bottom:var(--sp-2);background:var(--bg-surface)}
html body main .lf-mo-pop .mo-bar .mo-all{position:static;flex:1 1 0;width:auto;margin:0}
html body main .lf-mo-pop .mo-none{flex:1 1 0;display:flex;align-items:center;justify-content:center;min-height:36px;border:1px solid var(--ln-strong);border-radius:10px;background:var(--bg-surface);color:var(--tx-strong);font:var(--fw-bold,700) var(--fs-sm) var(--font-body,inherit);cursor:pointer;transition:background var(--dur-md) var(--ease),border-color var(--dur-md),opacity var(--dur-md)}
html body main .lf-mo-pop .mo-none:hover:not(:disabled){background:var(--bg-sunken);border-color:var(--c-n400)}
html body main .lf-mo-pop .mo-none:disabled{opacity:.45;cursor:not-allowed}

/* L86 — lead counter shows a spinner while the leads are still loading */
.lf-dk .lf-cnt.busy b{position:relative;min-width:2.4ch;color:transparent}
.lf-dk .lf-cnt.busy b::after{content:"";position:absolute;inset-block-start:50%;inset-inline-start:50%;width:20px;height:20px;margin:-10px 0 0 -10px;border:3px solid rgba(var(--c-white-rgb),.25);border-top-color:var(--c-sand-light);border-radius:50%;animation:lfCntSpin .8s linear infinite}
.lf-dk .lf-cnt.busy span{font-size:0}
.lf-dk .lf-cnt.busy span::after{content:"counting\2026";font-size:var(--fs-sm)}
@keyframes lfCntSpin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.lf-dk .lf-cnt.busy b::after{animation-duration:2.4s}}

/* L86 — headings, tabs and menus are not text: no I-beam cursor, no text selection (clickable ones keep the hand) */
:is(h1,h2,h3,h4,h5,h6,[role=tab],[role=tablist],.td-tabs,.ix-tabs,.ui-tabs,.al-tab,.lg-h,.lf-cnt,.lf-mo,.pv-chip,.bm-h,header.top,.coach b,.sbd,.badge,.tag,.lx-av){-webkit-user-select:none;user-select:none;cursor:default}
:is(h1,h2,h3,h4,h5,h6,[role=tab],[role=tablist],.td-tabs,.ix-tabs,.ui-tabs,.lg-h,.lf-cnt,.pv-chip,header.top,.bm-h) :is(*){-webkit-user-select:none;user-select:none;cursor:inherit}
:is(button,a[href],[role=tab],[role=button],[data-act],.lg-h,.lf-mo,.pv-chip,label,summary,select),:is(button,a[href],[role=tab],[role=button],[data-act],.lg-h,label,summary) *{cursor:pointer}