/* Think Tanks Connect: the project picker (type to search). */
.ttcn-pick { position: relative; }
.ttcn-pick__input { width: 100%; padding: 0.8rem 0; background: transparent; border: none; border-bottom: 1px solid #D6D6D6; border-radius: 0; font: inherit; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 1.1rem; color: #111111; box-shadow: none; }
.ttcn-pick__input:focus { outline: none; border-bottom-color: #3A5F5F; }
.ttcn-pick__input::placeholder { color: #999999; }
.ttcn-pick__list { position: absolute; z-index: 30; left: 0; right: 0; top: 100%; margin: 4px 0 0; padding: 0; list-style: none; background: #FFFFFF; border: 1px solid #111111; max-height: 280px; overflow-y: auto; box-shadow: 0 12px 28px -18px rgba(17, 17, 17, .45); }
.ttcn-pick__opt { display: flex; align-items: baseline; gap: .75rem; padding: .7rem .9rem; cursor: pointer; border-bottom: 1px solid #EEEEEA; font-size: .98rem; color: #111111; }
.ttcn-pick__opt:last-child { border-bottom: 0; }
.ttcn-pick__opt.is-active, .ttcn-pick__opt:hover { background: #F1F4F4; box-shadow: inset 2px 0 0 #3A5F5F; }
.ttcn-pick__opt.is-none .ttcn-pick__title { color: #666666; font-style: italic; }
.ttcn-pick__code { font-family: "Menlo", Monaco, "Courier New", monospace; font-size: .78rem; color: #3A5F5F; flex: none; }
.ttcn-pick__title { flex: 1; min-width: 0; }
.ttcn-pick__status { font-family: "Menlo", Monaco, "Courier New", monospace; font-size: .72rem; color: #666666; flex: none; }
.ttcn-pick__empty { padding: .7rem .9rem; color: #666666; font-size: .9rem; }
.ttcn-pick__chip { display: inline-flex; align-items: center; gap: .6rem; margin: .5rem 0 .3rem; padding: .5rem .5rem .5rem .8rem; border: 1px solid #3A5F5F; background: #EEF3F3; color: #111111; font-size: .98rem; max-width: 100%; }
.ttcn-pick__chip-text { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ttcn-pick__chip-x { background: transparent; border: 0; border-left: 1px solid #A9BEBE; color: #3A5F5F; font-size: 1.1rem; line-height: 1; padding: 0 .3rem 0 .6rem; cursor: pointer; }
.ttcn-pick__chip-x:hover, .ttcn-pick__chip-x:focus-visible { color: #111111; outline: none; }
.ttcn-sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.ttcn-pick__chip[hidden], .ttcn-pick [hidden] { display: none !important; }