/* A qualified list becomes a reachable contact, without obscuring any rows. */
.prospect-list-scene.case-scene { padding: 0; min-height: 0; border: 0; border-radius: 0; overflow: visible; background: transparent; color: #1b3455; container-type: inline-size; }
.directory-controls { display: none; justify-content: flex-end; height: 38px; padding-right: 2%; color: #71829b; }
.has-js .directory-controls { display: flex; }
.directory-controls .scene-motion-toggle { font-size: 10px; border-color: #d4ddeb; }
.prospect-list-stage { position: relative; padding-top: 29px; min-height: 568px; isolation: isolate; }
.prospect-table { width: 50%; padding: 22px 0 0; border: 1px solid #d9e1eb; border-radius: 12px; background: #fffefb; box-shadow: 0 5px 14px #243b5c05,0 21px 45px #18345509; }
.prospect-table-heading { display: flex; justify-content: space-between; align-items: center; gap: 7px; padding: 0 17px; }
.prospect-table-heading>div { display: flex; gap: 7px; align-items: center; }
.list-brand-dot { width: 7px; height: 7px; border-radius: 50%; background: #f4d35b; flex-shrink: 0; }
.prospect-table-heading h4 { margin: 0; font: 600 18px/1.3 Manrope,sans-serif; letter-spacing: -.5px; }
.list-total { font-size: 8px; color: #95a1b2; white-space: nowrap; }
.prospect-table-filters { display: flex; gap: 4px; align-items: center; padding: 16px 17px 20px; }
.prospect-table-filters>span { font-size: 7px; line-height: 1.4; color: #587098; padding: 4px 5px; border: 1px solid #dce4f1; border-radius: 5px; background: #f7f9fc; }
.prospect-table-filters>i { display: none; }
.prospect-table-columns { display: grid; grid-template-columns: 1fr 60px; padding: 0 17px 12px; font-size: 7px; line-height: 1.4; letter-spacing: .3px; color: #8c9bad; }
.prospect-table-columns>span:last-child { text-align: right; }
.prospect-rows { padding: 0 9px; }
.prospect-row { width: 100%; display: grid; grid-template-columns: minmax(0,1fr) 60px; align-items: center; min-height: 60px; padding: 11px 8px; border: 0; border-top: 1px solid #e8edf2; border-radius: 0; background: transparent; color: inherit; text-align: left; font-family: Manrope,sans-serif; cursor: pointer; transition: background .45s,color .45s,box-shadow .45s; }
.prospect-row:disabled { cursor: default; opacity: 1; }
.row-person { display: flex; align-items: center; gap: 7px; min-width: 0; }
.row-marker { width: 5px; height: 5px; border-radius: 50%; background: #dce4ef; flex-shrink: 0; transition: background .45s,box-shadow .45s; }
.row-person>span:last-child { display: grid; gap: 4px; min-width: 0; }
.row-person strong { font-size: 12px; font-weight: 600; line-height: 1.3; }
.row-person>span:last-child>span { font-size: 7px; color: #8c9bae; line-height: 1.4; transition: color .45s; }
.row-channels { display: flex; align-items: center; justify-content: flex-end; gap: 7px; color: #6681ac; }
.row-channels>span { display: grid; place-items: center; }
.row-channels svg { width: 11px; height: 11px; fill: none; stroke: currentColor; stroke-width: 1.4; stroke-linecap: round; stroke-linejoin: round; }
.row-channels>b { font-size: 10px; line-height: 1; }
.row-channels>i { display: none; }
.prospect-row[aria-pressed='true'] { border-radius: 6px; border-color: transparent; background: #2853cb; color: #fffef7; box-shadow: 0 5px 12px #2046b520; }
.prospect-row[aria-pressed='true']+.prospect-row { border-top-color: transparent; }
.prospect-row[aria-pressed='true'] .row-person>span:last-child>span { color: #c5d4ff; }
.prospect-row[aria-pressed='true'] .row-channels { color: #e0e9ff; }
.prospect-row[aria-pressed='true'] .row-marker { background: #f4d35b; box-shadow: 0 0 0 3px #f4d35b18; }
.prospect-row:focus-visible { outline: 3px solid #d2ae3b; outline-offset: 2px; position: relative; z-index: 5; border-radius: 5px; }
.prospect-table-footer { display: flex; align-items: center; justify-content: space-between; padding: 16px 17px; margin-top: 5px; border-top: 1px solid #e3e9f1; font-size: 7px; color: #8b9cb5; line-height: 1.4; }
.prospect-table-footer>span:first-child { display: flex; align-items: center; gap: 6px; }
.prospect-table-footer i { width: 4px; height: 4px; background: #f4d35b; border-radius: 50%; }
.prospect-table-footer>span:last-child { font-size: 14px; }
.prospect-detail { position: absolute; z-index: 2; right: 0; top: 158px; width: 48%; border: 1px solid #d1dceb; border-radius: 12px; background: #fffef9; padding: 22px 21px 0; box-shadow: 0 22px 45px #1b3a6a1a,0 2px 5px #213e660a; transform: translate(0,0) scale(1); transform-origin: 10% 0; opacity: 1; visibility: visible; transition: transform .7s cubic-bezier(.2,.8,.2,1),opacity .4s,visibility .7s; }
.prospect-detail::before { content: ''; position: absolute; left: 24px; top: -2px; height: 3px; width: 45px; border-radius: 4px; background: #f4d35b; }
.detail-heading { display: flex; gap: 10px; align-items: center; }
.detail-avatar { width: 39px; height: 44px; flex-shrink: 0; display: grid; place-items: center; background: #eaf0fc; border: 1px solid #d9e3f4; border-radius: 11px; font-size: 13px; font-weight: 500; color: #3158ba; }
.detail-heading>div { min-width: 0; }
.detail-heading h4 { margin: 0; font: 600 20px/1.25 Manrope,sans-serif; letter-spacing: -.6px; }
.detail-heading p { font-size: 10px; line-height: 1.5; color: #71839c; margin: 4px 0 0; }
.detail-fit { display: none; }
.detail-company { margin: 17px 0 0; padding-bottom: 16px; border-bottom: 1px solid #e0e7ee; font-size: 10px; line-height: 1.4; color: #8a99ac; }
.detail-company strong { color: #526b8d; font-weight: 600; }
.profile-contact { display: flex; align-items: center; gap: 9px; padding: 13px 0; min-height: 61px; border-bottom: 1px solid #e5eaf0; }
.contact-symbol { width: 29px; height: 29px; display: grid; place-items: center; flex-shrink: 0; border: 1px solid #e0e7f0; border-radius: 8px; color: #345ebd; background: #f5f7fc; }
.contact-symbol svg { width: 17px; height: 17px; fill: none; stroke: currentColor; stroke-width: 1.4; stroke-linecap: round; stroke-linejoin: round; }
.contact-linkedin { font-size: 14px; font-weight: 700; line-height: 1; }
.profile-contact>div { display: grid; gap: 3px; min-width: 0; }
.contact-label { font-size: 8px; line-height: 1.4; color: #94a0b1; }
.profile-contact strong { color: #2c466a; font-size: 11px; font-weight: 500; line-height: 1.5; white-space: nowrap; }
.contact-phone strong { font-size: 13px; font-variant-numeric: tabular-nums; }
.contact-verification { display: grid; place-items: center; margin-left: auto; width: 17px; height: 17px; flex-shrink: 0; border-radius: 50%; background: #eef3fc; border: 1px solid #d2dff4; color: #315bc1; font-size: 8px; transform: scale(1); opacity: 1; transition: transform .5s cubic-bezier(.18,.8,.3,1.3),opacity .5s; }
.profile-contact:nth-child(2) .contact-verification { transition-delay: .2s; }
.profile-contact:nth-child(3) .contact-verification { transition-delay: .4s; }
.detail-ready { display: flex; align-items: center; gap: 7px; padding: 16px 0; font-size: 8px; line-height: 1.5; color: #7c8faa; }
.detail-ready>span:first-child { width: 5px; height: 5px; border-radius: 50%; background: #f4d35b; }
.detail-ready>span:last-child { font-size: 17px; color: #4770cc; margin-left: auto; line-height: 1; }
.prospect-list-scene[data-phase='0'] .prospect-detail,.prospect-list-scene[data-phase='1'] .prospect-detail { opacity: 0; visibility: hidden; transform: translate(-25px,-18px) scale(.92); pointer-events: none; }
.prospect-list-scene:not([data-phase='3']) .contact-verification { opacity: 0; transform: scale(.4); }
.prospect-list-scene:not([data-phase='3']) .detail-ready>span:first-child { background: #d3dceb; }
.prospect-list-scene figcaption { text-align: center; margin: 11px 0 0; font-size: 8px; line-height: 1.5; color: #98a5b5; }
@media(hover:hover) { .prospect-row:not([aria-pressed='true']):not(:disabled):hover { background: #f0f4fb; border-radius: 5px; } }
@container(max-width:620px) {
  .prospect-list-stage { min-height: 0; padding-top: 23px; }
  .prospect-table { width: 100%; padding-top: 23px; }
  .prospect-table-heading { padding-inline: 21px; gap: 8px; }
  .prospect-table-heading h4 { font-size: 22px; }
  .prospect-table-heading>div { gap: 8px; }
  .list-total { font-size: 10px; }
  .list-brand-dot { width: 8px; height: 8px; }
  .prospect-table-filters { padding: 17px 21px 21px; gap: 5px; }
  .prospect-table-filters>span { font-size: 9px; padding: 5px 7px; }
  .prospect-table-columns { grid-template-columns: 1fr 80px; padding: 0 21px 11px; font-size: 8px; }
  .prospect-row { grid-template-columns: minmax(0,1fr) 80px; min-height: 56px; padding: 10px 12px; }
  .row-person strong { font-size: 13px; }
  .row-person>span:last-child>span { font-size: 9px; }
  .row-channels { gap: 9px; }
  .row-channels svg { width: 13px; height: 13px; }
  .row-channels>b { font-size: 11px; }
  .prospect-table-footer { padding-inline: 21px; font-size: 8px; }
  .prospect-detail { position: relative; top: auto; right: auto; margin: 20px 0 0 auto; width: min(94%,396px); padding: 22px 23px 0; }
  .detail-heading h4 { font-size: 22px; }
  .detail-avatar { width: 42px; height: 46px; }
  .detail-heading { gap: 12px; }
  .detail-heading p { font-size: 11px; }
  .detail-fit { display: grid; place-items: center; margin-left: auto; width: 20px; height: 20px; flex-shrink: 0; border-radius: 50%; background: #edf2fb; border: 1px solid #ccdaef; color: #2d57bd; font-size: 10px; }
  .profile-contact { min-height: 64px; gap: 10px; }
  .profile-contact strong { font-size: 12px; }
  .contact-phone strong { font-size: 14px; }
  .contact-label { font-size: 9px; }
  .prospect-list-scene[data-phase='0'] .prospect-detail,.prospect-list-scene[data-phase='1'] .prospect-detail { transform: translateY(-15px) scale(.97); }
  .prospect-list-scene figcaption { margin-top: 18px; }
}
@container(max-width:380px) {
  .prospect-table-heading { padding-inline: 15px; }
  .prospect-table-heading h4 { font-size: 18px; }
  .list-total { font-size: 8px; }
  .prospect-table-filters { padding: 15px 15px 19px; gap: 4px; }
  .prospect-table-filters>span { font-size: 8px; padding: 4px 6px; }
  .prospect-table-columns { padding-inline: 17px; font-size: 7px; grid-template-columns: 1fr 75px; }
  .prospect-row { padding-inline: 9px; grid-template-columns: minmax(0,1fr) 75px; }
  .row-person strong { font-size: 12px; }
  .row-person>span:last-child>span { font-size: 8px; }
  .row-channels { gap: 8px; }
  .row-channels svg { width: 12px; height: 12px; }
  .row-channels>b { font-size: 10px; }
  .prospect-table-footer { padding: 14px 16px; font-size: 7px; }
  .prospect-detail { padding-inline: 21px; }
  .profile-contact strong { font-size: 11px; }
  .contact-phone strong { font-size: 13px; }
}
@container(max-width:315px) {
  .prospect-table-heading h4 { font-size: 16px; }
  .list-total { font-size: 7px; }
  .prospect-table-filters>span { font-size: 7px; }
  .prospect-detail { width: 98%; padding-inline: 17px; }
  .detail-heading h4 { font-size: 20px; }
  .profile-contact { gap: 8px; }
  .profile-contact strong { font-size: 10px; }
  .contact-phone strong { font-size: 12px; }
  .contact-symbol { width: 27px; }
}
@media(prefers-reduced-motion:reduce) { .prospect-list-scene * { transition: none!important; animation: none!important; } }