/* Marketplace round 9 (10/22/2026): the nav search box stands out (Chris: easy to miss). Own file, loaded after marketplace8.css. */
.tp-mp-nav .tp-mp-nav-search { position: relative; }
.tp-mp-nav .tp-mp-nav-search .form-control { height: 38px; width: 320px; padding-left: 36px; border: 2px solid #10b981; border-radius: 8px; background: #ecfdf5; color: #0f172a; font-size: 14px; box-shadow: none; }
.tp-mp-nav .tp-mp-nav-search .form-control::placeholder { color: #047857; opacity: .85; }
.tp-mp-nav .tp-mp-nav-search .form-control:focus { background: #fff; border-color: #059669; box-shadow: 0 0 0 3px rgba(16,185,129,.2); }
/* The magnifier sits inside the box on the left; it is still the click-to-search button. */
.tp-mp-nav a.tp-mp-nav-search-go { position: absolute; left: 5px; top: 50%; transform: translateY(-50%); width: 28px; height: 28px; line-height: 28px; padding: 0; background: transparent; color: #047857; font-size: 15px; z-index: 2; }
.tp-mp-nav a.tp-mp-nav-search-go:hover { background: #d1fae5; color: #065f46; }
@media (max-width: 767px) { .tp-mp-nav .tp-mp-nav-search .form-control { width: auto; } }

/* Header round 12a (10/22/2026): the sub-nav BETA tag in the same quiet outlined look as the top menu's. */
.tp-mp-nav .tp-mp-beta { font-size: 9.5px; font-weight: 700; color: #0d9488; background: transparent; border: 1px solid #5eead4; border-radius: 6px; padding: 2px 4px; vertical-align: 4px; letter-spacing: .04em; }

/* Round 17b (10/22/2026): the sign-in pill a visitor sees in place of the comment box and under a comment after Reply. */
.tp-mp-signin { display: inline-flex; align-items: center; gap: 8px; font-size: 13.5px; font-weight: 600; line-height: 1; padding: 9px 14px; border-radius: 999px; border: 1px solid #99f6e4; background: #f0fdfa; color: #115e59; margin: 6px 0; }
.tp-mp-signin i { color: #0d9488; }
.tp-mp-signin a { color: #047857; text-decoration: underline; font-weight: 700; }
.tp-mp-signin a:hover, .tp-mp-signin a:focus { color: #065f46; }
.tp-mp-signin.flash { animation: tp-mp-signin-flash 1.2s ease-out 1; }
@keyframes tp-mp-signin-flash { 0% { box-shadow: 0 0 0 0 rgba(13, 148, 136, 0.55); } 100% { box-shadow: 0 0 0 10px rgba(13, 148, 136, 0); } }