/* screens/leads.css, Leads (#/leads). Prefix .ld-. Sales mode, 2026-09-29.
   Everything leans on the shared layer (.card .table .pill .chip .seg .kv .bar
   .hint .empty .skel, conversations' .cv-ttl and .cv-bub); this file only
   places them and turns PANEL.modal into a right-side drawer. */

.ld-acts{display:flex;align-items:center;gap:var(--sp-10);min-width:0}
.ld-filters{display:flex;gap:var(--sp-6);min-width:0;flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;padding-block:var(--sp-2)}
.ld-filters::-webkit-scrollbar{display:none}
.ld-filters .chip{flex:none}
.ld-csv{flex:none}

.ld-card{overflow:hidden}
.ld-table th,.ld-table td{white-space:nowrap}
.ld-row{cursor:pointer}
.ld-row:focus-visible{outline:2px solid var(--focus-ring);outline-offset:-2px}
.ld-tier{gap:6px}
.ld-tier b{font-weight:800}
.ld-c--who b{display:block;font-weight:700;max-width:26ch;overflow:hidden;text-overflow:ellipsis}
.ld-c--who span{display:block;font-size:var(--fs-fine);font-weight:500;color:var(--muted);max-width:30ch;overflow:hidden;text-overflow:ellipsis}
.ld-c--contact{max-width:24ch;overflow:hidden;text-overflow:ellipsis;color:var(--muted)}
.ld-c--when{color:var(--muted-2);font-size:var(--fs-fine)}
.ld-st{font-size:var(--fs-sm);font-weight:600}
.ld-st[data-st="won"]{color:var(--ok)}
.ld-st[data-st="lost"]{color:var(--muted-2)}
.ld-dot{display:inline-block;margin-left:var(--sp-8);vertical-align:middle}
.ld-skel{height:18px;margin:var(--sp-10) 0}

/* the drawer: PANEL.modal, anchored right, full height */
.modal-overlay.ld-dw-overlay{place-items:stretch end;padding:0}
.ld-dw-overlay .modal{
  width:min(100%,560px);max-height:none;height:100dvh;border-radius:0;
  border-width:0 0 0 1px;padding:0;display:flex;flex-direction:column;
  animation:ld-slide .22s cubic-bezier(.2,0,0,1);
}
@keyframes ld-slide{from{transform:translateX(24px);opacity:0}}
.ld-dw{display:flex;flex-direction:column;min-height:100%}
.ld-dw__head{display:flex;align-items:flex-start;gap:var(--sp-12);padding:var(--sp-20) var(--sp-24) var(--sp-16);border-bottom:1px solid var(--line);position:sticky;top:0;background:var(--card);z-index:1}
.ld-dw__id{min-width:0;flex:1}
.ld-dw__id h2{font-size:var(--fs-lg);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ld-dw__sub{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-8);margin-top:var(--sp-8);font-size:var(--fs-sm);color:var(--muted);font-weight:500}
.ld-dw__x{flex:none}
.ld-dw__body{padding:var(--sp-16) var(--sp-24) var(--sp-24);display:flex;flex-direction:column;gap:var(--sp-20)}
.ld-sec__t{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-12);margin-bottom:var(--sp-10)}
.ld-sec__t h3{font-size:var(--fs-base)}
.ld-status{max-width:100%;overflow-x:auto;scrollbar-width:none}
.ld-status::-webkit-scrollbar{display:none}
.ld-status > button{flex:none}
.ld-sum{font-size:var(--fs-sm);line-height:var(--lh-body);font-weight:500}
.ld-parts{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-14) var(--sp-20)}
.ld-part__top{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:var(--sp-6);font-size:var(--fs-sm)}
.ld-part__k{font-weight:600}
.ld-part .hint{display:block;margin-top:var(--sp-6)}
.ld-kv .kv__v{font-weight:600}
.ld-kv .kv__v a{color:inherit;text-decoration:underline;text-underline-offset:2px}
.ld-kv--long{align-items:flex-start}
.ld-kv--long .kv__v{white-space:normal;text-align:right;max-width:65%}
.ld-vision{margin:var(--sp-8) 0 0;padding-left:1.1em;display:flex;flex-direction:column;gap:var(--sp-6);font-size:var(--fs-sm);font-weight:600}
.ld-chat{display:flex;flex-direction:column;gap:var(--sp-8)}
.ld-lab{font-size:var(--fs-micro);font-weight:700;color:var(--muted)}

@media (max-width:760px){
  .ld-acts{margin-left:0;width:100%}
  .ld-dw-overlay .modal{width:100%;border-left:0}
  .ld-dw__head,.ld-dw__body{padding-left:var(--sp-16);padding-right:var(--sp-16)}
  .ld-parts{grid-template-columns:1fr}
  .ld-c--timeline,.ld-c--contact,.ld-c--when{display:none}
}
.ld-chat .cv-bub p{white-space:pre-line}

/* the multi-step website form (2026-10-02): Partial pill, source + state filters, Source block */
.ld-c--score .ld-partial{margin-left:var(--sp-6)}
.ld-partial{font-size:var(--fs-micro)}
.ld-subfilters{display:flex;flex-wrap:wrap;gap:var(--sp-6) var(--sp-16);width:100%;margin-top:var(--sp-8)}
.ld-filters--sub .chip{flex:none}
.ld-mono{font-family:var(--font-mono,ui-monospace,SFMono-Regular,Menlo,monospace);font-size:var(--fs-fine)}
.ld-src .kv__v{word-break:break-all}