/* FinnBets unified search UI. Scoped styling only; no changes to existing feed, cards, nav or widgets. */
body.fb-neo .fb-search-ui{font-family:inherit;color:#eef7f8;min-width:0;position:relative;z-index:20}
body.fb-neo .fb-search-top{display:flex;align-items:center;gap:9px;border:1px solid #294249;background:#10191f;border-radius:999px;padding:0 13px;min-height:49px}
body.fb-neo .fb-search-top:focus-within{border-color:#16d9d6;box-shadow:0 0 0 1px rgba(22,217,214,.2)}
body.fb-neo .fb-search-magnify{font-size:28px;color:#8babb2;font-weight:600;line-height:1}
body.fb-neo .fb-search-input{min-width:0;width:100%;display:block;padding:11px 1px;color:#eef7f8;background:transparent;border:0!important;outline:0!important;box-shadow:none!important;font:inherit;font-size:14px}
/* The site's global :focus-visible input rule was drawing a second cyan frame
   inside the pill. Keep the ONE accessible focus indicator on .fb-search-top. */
body.fb-neo .fb-search-top input.fb-search-input:focus,
body.fb-neo .fb-search-top input.fb-search-input:focus-visible{
 outline:none!important;outline-offset:0!important;box-shadow:none!important;
 border:0!important;border-color:transparent!important;
 background:transparent!important;border-radius:0!important;
}
body.fb-neo .fb-search-input::placeholder{color:#a2b1b8}
body.fb-neo .fb-search-input::-webkit-search-cancel-button{cursor:pointer}
body.fb-neo .fb-search-cancel{display:none;background:none;border:0;color:#edf7f7;white-space:nowrap;cursor:pointer;padding:10px 4px;font:inherit;font-weight:600}
body.fb-neo .fb-search-body{display:none;background:#080e14;border:1px solid #2c4148;border-radius:17px;overflow-y:auto;overscroll-behavior:contain;box-shadow:0 15px 36px rgba(0,0,0,.35)}
body.fb-neo .fb-search-ui.is-open .fb-search-body{display:block}
body.fb-neo .fb-search-tabs{display:flex;gap:4px;border-bottom:1px solid #26363c;padding:9px 12px 0}
body.fb-neo .fb-search-tab{padding:9px 11px 12px;min-height:39px;border:0;border-bottom:3px solid transparent;background:none;color:#a0b3bc;font:inherit;font-size:13px;font-weight:650;cursor:pointer}
body.fb-neo .fb-search-tab[aria-pressed="true"]{border-bottom-color:#16d9d6;color:#edfafa}
body.fb-neo .fb-search-state{font-size:12px;line-height:1.5;margin:0;padding:14px;color:#a6bdc5}
body.fb-neo .fb-search-items{min-height:40px}
body.fb-neo .fb-search-group-title{font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#79d4d4;margin:0;padding:12px 14px 7px}
body.fb-neo .fb-search-person,body.fb-neo .fb-search-post,body.fb-neo .fb-search-recent-item{display:flex;width:100%;align-items:center;gap:11px;padding:12px 13px;min-width:0;border:0;border-bottom:1px solid #1e3038;background:transparent;color:#f1f8fa;text-align:left;font:inherit;cursor:pointer}
body.fb-neo .fb-search-person:hover,body.fb-neo .fb-search-post:hover,body.fb-neo .fb-search-recent-item:hover{background:#11282d}
body.fb-neo .fb-search-row-copy{display:flex;flex:1;min-width:0;flex-direction:column;line-height:1.4;gap:3px;overflow-wrap:anywhere}
body.fb-neo .fb-search-row-copy strong{font-size:13px}
body.fb-neo .fb-search-row-copy small{font-size:12px;color:#a5b3bf}
body.fb-neo .fb-search-row-copy .fb-search-following{color:#16d9d6}
body.fb-neo .fb-search-row-arrow{color:#8bbbbb;font-size:23px}
body.fb-neo .fb-search-avatar{width:41px;height:41px;flex:0 0 41px;display:grid;place-items:center;border-radius:50%;background:#0e474b;color:#7ef4ee;font-weight:750;overflow:hidden}
body.fb-neo .fb-search-avatar img{width:100%;height:100%;object-fit:cover;display:block}
body.fb-neo .fb-search-post{display:flex;flex-direction:column;align-items:stretch;gap:8px}
body.fb-neo .fb-search-post-head{display:flex;gap:8px;align-items:center;font-size:13px}
body.fb-neo .fb-search-post-head .fb-search-avatar{width:30px;height:30px;flex-basis:30px}
body.fb-neo .fb-search-post-head small{font-size:11px;color:#9bb1bb;margin-left:auto}
body.fb-neo .fb-search-post-copy{font-size:13px;line-height:1.5;color:#cfdee4;white-space:pre-wrap;overflow-wrap:anywhere}
body.fb-neo .fb-search-recent-heading{display:flex;justify-content:space-between;align-items:center;padding-right:12px}
body.fb-neo .fb-search-clear{border:0;background:none;color:#16d9d6;font:inherit;font-size:12px;cursor:pointer}
body.fb-neo .fb-search-recent-item{font-size:13px}
body.fb-neo .fb-search-dismiss{background:none;border:0;color:#89ccd0;font-size:12px;padding:12px;cursor:pointer;width:100%}
@media(min-width:761px){
 /* The existing header magnifier is the closed state; on click it is replaced
    in the same header slot by the expanding search pill. */
 body.fb-neo.fb-clubhouse .fb-neo-header-tools{
  position:relative;display:flex;align-items:center;justify-content:flex-end;
  flex:0 1 auto;min-width:42px;max-width:100%;
 }
 body.fb-neo .fb-neo-header-tools .fb-search-ui:not(.is-open){display:none!important}
 body.fb-neo .fb-neo-header-tools:has(.fb-search-ui.is-open)
   >.fb-neo-header-tool[data-fb-search-trigger]{display:none!important}
 body.fb-neo .fb-neo-header-tools>.fb-search-ui.is-open{
  display:block!important;position:relative!important;
  width:clamp(230px,30vw,360px);max-width:100%;
  margin:0!important;z-index:520;
 }
 body.fb-neo .fb-neo-header-tools .fb-search-top{
  min-height:44px;gap:8px;padding:0 9px 0 12px;
 }
 body.fb-neo .fb-neo-header-tools .fb-search-cancel{
  display:block;font-size:12px;white-space:nowrap;color:#16d9d6;
 }
 body.fb-neo .fb-neo-header-tools .fb-search-body{
  position:absolute;left:0;right:0;top:calc(100% + 8px);
  z-index:530;max-height:min(67vh,640px);
 }
 body.fb-neo.fb-clubhouse .top.fb-73-header:has(#fbUnifiedSearch.is-open){
  z-index:710!important;overflow:visible!important;
 }
}
@media(min-width:761px) and (max-width:1000px){
 body.fb-neo .fb-neo-header-tools>.fb-search-ui.is-open{
  width:clamp(195px,29vw,290px);
 }
}
@media(max-width:760px){
 body.fb-neo.fb-search-active{overflow:hidden!important}
 body.fb-neo .fb-search-ui{display:none!important}
 body.fb-neo .fb-search-ui.is-open{
  display:flex!important;flex-direction:column;position:fixed!important;inset:0!important;z-index:9999!important;
  background:#05080d;padding:calc(10px + env(safe-area-inset-top)) 12px calc(9px + env(safe-area-inset-bottom));
  min-height:100dvh;max-height:100dvh;overflow:hidden;
 }
 body.fb-neo .fb-search-top{min-height:55px;padding:0 7px 0 12px;flex:0 0 auto;background:#11171d;border-radius:17px}
 body.fb-neo .fb-search-input{font-size:16px;padding:12px 0}
 body.fb-neo .fb-search-cancel{display:block}
 body.fb-neo .fb-search-body{display:none;flex:1;min-height:0;max-height:none;box-shadow:none;background:transparent;border:0;border-radius:0;overflow-y:auto}
 body.fb-neo .fb-search-ui.is-open .fb-search-body{display:block}
 body.fb-neo .fb-search-tabs{padding:14px 4px 0}
 body.fb-neo .fb-search-tab{flex:1;font-size:15px;padding:13px 8px}
 body.fb-neo .fb-search-state{padding:17px 10px;font-size:13px}
 body.fb-neo .fb-search-group-title{padding:15px 10px 8px;font-size:13px}
 body.fb-neo .fb-search-person,body.fb-neo .fb-search-post,body.fb-neo .fb-search-recent-item{padding:14px 10px}
 body.fb-neo .fb-search-row-copy strong{font-size:15px}
 body.fb-neo .fb-search-row-copy small{font-size:13px}
 body.fb-neo .fb-search-post-copy{font-size:14px}
 body.fb-neo .fb-search-dismiss{display:none}
}
