/* Company-name typeahead lists (S8, 10/23/2026): every AjaxControlToolkit AutoCompleteExtender list on the site uses
   CompletionListCssClass="AutoExtender" (Company Lookup, the demo and register forms, CRM, pipeline, company search and
   more). One look for all of them, in both the classic and the new look, matching the Marketplace search dropdown
   (.mp2-suggest): white card, 8 px radius, soft shadow, roomy rows, the typed text bold, the active row in the brand
   green tint, the name on one line with an ellipsis and the address or UEI as a small grey second line. The toolkit sets
   inline styles on each row (padding 0, the lemonchiffon highlight), so these rules carry !important. The row's first
   child stays the toolkit's own text node (it reads it back on selection); js/tp-typeahead.js adds the formatted view
   after it. Greens from css/tp-tokens.css with fallbacks. Loaded by TPMaster.master and TPMasterV2.master. */
ul.AutoExtender, .AutoExtender {
    margin: 4px 0 0 !important; padding: 6px 0 !important; list-style: none !important;
    background: #fff !important; color: #334155 !important;
    border: 1px solid #e2e8f0 !important; border-radius: 8px !important;
    box-shadow: 0 12px 30px rgba(15, 23, 42, .14) !important;
    height: auto !important; max-height: 340px !important; overflow-y: auto !important; overflow-x: hidden !important;
    text-align: left !important; font-family: 'Lato', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 14px; line-height: 1.35;
    z-index: 99999 !important;
}
.AutoExtender > * {
    display: block; padding: 9px 16px !important; margin: 0 !important; cursor: pointer;
    background: transparent !important; color: #334155 !important;
    font-size: 0 !important; line-height: 0 !important;      /* hides the toolkit's raw text node; the view below carries the text */
    white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.AutoExtender > * .tp-ta { display: block; font-size: 14px; line-height: 1.35; pointer-events: none; } /* 10/24/2026: a mouse pick must land on the row, not on the name span or its <b>: the toolkit reads ev.target.firstChild.nodeValue back into the box, and an inner element gave it an empty string */
.AutoExtender > * .tp-ta-name { display: block; font-weight: 600; color: #0f172a; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.AutoExtender > * .tp-ta-name b { font-weight: 700; color: inherit; }
.AutoExtender > * .tp-ta-meta { display: block; font-weight: 400; font-size: 12.5px; color: #64748b; margin-top: 2px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
/* 10/27/2026 (handoff 27): the federal dollars line js/tp-typeahead.js adds on pickers marked data-tp-dollars="1"; its own line so the
   address and UEI line keeps its ellipsis */
.AutoExtender > * .tp-ta-dollars { display: block; font-weight: 600; color: var(--tp-green-ink, #047857); }
.AutoExtender > * .tp-ta-plain { display: block; font-weight: 400; color: #334155; white-space: normal; font-size: 13.5px; }
/* hover and keyboard-active row: the toolkit marks it with an inline lemonchiffon background */
.AutoExtender > *:hover, .AutoExtender > *[style*="lemonchiffon"] { background: var(--tp-green-soft, #ecfdf5) !important; }
.AutoExtender > *:hover .tp-ta-name, .AutoExtender > *[style*="lemonchiffon"] .tp-ta-name,
.AutoExtender > *:hover .tp-ta-name b, .AutoExtender > *[style*="lemonchiffon"] .tp-ta-name b,
.AutoExtender > *:hover .tp-ta-plain, .AutoExtender > *[style*="lemonchiffon"] .tp-ta-plain { color: var(--tp-green-ink, #047857); }
.AutoExtender > *:hover .tp-ta-meta, .AutoExtender > *[style*="lemonchiffon"] .tp-ta-meta { color: var(--tp-green-dark, #059669); }
@media (max-width: 760px) {
    .AutoExtender > * { padding: 10px 14px !important; }
    .AutoExtender > * .tp-ta-name { white-space: normal; }
}