#accountsearch{display:flex;align-items:center;flex:1;max-width:440px;min-width:190px;height:29px;border:1px solid var(--tempo-line);border-radius:6px;background:var(--tempo-input);-webkit-app-region:no-drag;margin-left:auto;overflow:hidden}#accountsearch select{height:100%;border:0;border-right:1px solid var(--tempo-line);border-radius:0;background:transparent;font-size:11px;padding:0 6px;width:68px;flex-shrink:0;color:var(--tempo-text)}#accountsearch input{flex:1;min-width:0;width:100%;height:100%;padding:0 10px;background:transparent;border:0;font-size:12px;color:var(--tempo-text);outline:none}#accountsearch:focus-within{border-color:var(--tempo-teal);box-shadow:0 0 0 1px var(--tempo-teal)}#accountsearch button{display:grid;place-items:center;width:31px;height:27px;min-height:27px;padding:6px;flex-shrink:0;background:transparent;border:0;border-radius:0;color:var(--tempo-muted)}#accountsearch svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.5}.searchedcontext{display:flex;align-items:center;gap:12px;margin-bottom:18px;font-size:12px;color:var(--tempo-muted)}.searchedcontext button{font-size:11px;padding:6px 10px}.searchedcontext button:last-child{margin-left:auto}.searchedhero{display:flex;align-items:center;gap:20px;min-height:155px;margin-bottom:18px}.searchedhero h1{font-size:27px;margin:0 0 8px}.searchedhero h1 span{color:var(--tempo-muted);font-weight:400}.searchedregion{padding:3px 6px;background:var(--tempo-panel2);border:1px solid var(--tempo-line);border-radius:3px;font-size:10px}.searchedhero .tempo-refresh{margin-left:auto}.searchedlayout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:18px}.searchedlayout aside .panel{margin-bottom:14px}.searchedlayout>section{min-width:0}.searchedstatus{font-size:11px;color:var(--tempo-muted);margin:0 0 12px}.searchedmatchbody{display:flex;align-items:center;gap:12px;padding:18px}.searchedmatchbody .historyportrait img{width:48px;height:48px;border-radius:7px}.searchedmatchbody>span:nth-child(2){min-width:140px}.searchedmatchbody b{font-size:18px}.searchedmatchbody small{display:block;font-size:11px;margin-top:6px;color:var(--tempo-muted)}.searchedmatchbody>span:nth-child(3){display:flex;gap:3px;flex-wrap:wrap}.searchedmore{margin-left:auto}.searchedteams{border:1px solid var(--tempo-line);border-radius:8px;padding:16px;background:var(--tempo-panel);margin:-1px 0 16px}.searchedteams h3{font-size:13px;margin:8px 0}.searchedteams td{font-size:11px;padding:10px}.searchedplayer{display:flex;align-items:center;gap:9px}.searchedplayer>img{width:30px;height:30px;border-radius:5px}.searchedplayer small{display:block;font-size:10px;margin-top:3px}.searchedplayer b{font-size:11px}@media(max-width:1000px){#tempo-shell>header>small{display:none}#accountsearch{max-width:430px}}@media(max-width:700px){#accountsearch{min-width:150px}#accountsearch input{font-size:11px}#accountsearch select{width:59px}.searchedlayout{grid-template-columns:1fr}.searchedlayout aside{display:flex;gap:10px;flex-wrap:wrap}.searchedlayout aside .panel{flex:1;min-width:180px}.searchedhero h1{font-size:20px}.searchedmatchbody{gap:8px;padding:12px;flex-wrap:wrap}.searchedmatchbody>span:nth-child(3){flex-basis:100%}}

/* Account suggestions stay anchored to the permanent search control. */
#accountsearch{position:relative;overflow:visible;z-index:30}
#account-suggestions{position:absolute;top:calc(100% + 9px);left:0;right:0;min-width:320px;border:1px solid var(--tempo-line);border-radius:10px;background:var(--tempo-panel);box-shadow:0 14px 35px #0005;padding:8px;max-height:min(550px,75vh);overflow:auto}
#account-suggestions[hidden]{display:none}.suggestionheading{display:flex;justify-content:space-between;padding:8px;font-size:12px;font-weight:600;color:var(--tempo-text)}.suggestionheading small{font-size:10px;font-weight:400;color:var(--tempo-muted)}
#accountsearch #account-suggestion-list button{display:flex;width:100%;height:auto;min-height:51px;padding:7px 9px;border:1px solid transparent;border-radius:6px;gap:10px;text-align:left;color:var(--tempo-text);justify-content:flex-start;white-space:normal}
#accountsearch #account-suggestion-list button:hover,#accountsearch #account-suggestion-list button:focus-visible,#accountsearch #account-suggestion-list button[aria-selected=true]{background:var(--tempo-panel2);border-color:var(--tempo-line)}
#account-suggestion-list img,.suggestionavatar{width:32px;height:32px;border-radius:6px;object-fit:cover;display:grid;place-items:center;background:var(--tempo-input);flex-shrink:0}#account-suggestion-list b{font-size:13px}#account-suggestion-list small{font-size:12px;color:var(--tempo-muted);margin-left:2px}.suggestionmeta{display:block;margin-top:3px;font-size:11px;color:var(--tempo-muted)}#suggestion-status{padding:5px 8px;font-size:11px;line-height:1.5;color:var(--tempo-muted);margin:3px 0}
.releaseherotools[hidden]{display:none}.searchedcontext button:last-child:first-child{margin-left:0}
@media(max-width:600px){#account-suggestions{left:auto;min-width:290px;max-width:85vw}}

/* Explicit popup colors keep unselected server names legible in native menus. */
#accountsearch select option{color:#374151;background-color:#eef0f3}
