/* Mobile search expands over its own header row; desktop search is unchanged. */
#appShell .mobile-search-toggle,#appShell .mobile-search-close{display:none}
@media(max-width:820px){
 #appShell #sidebarSearchWrap{width:36px!important;min-width:36px!important;max-width:36px!important;height:36px!important;justify-self:start!important;padding:0!important;gap:0!important;background:transparent!important;border-color:transparent!important;box-shadow:none!important}
 #appShell #sidebarSearchWrap>svg,#appShell #sidebarSearchWrap :is(input,kbd,.topbar-ai-chip,.mobile-search-close){display:none!important}
 #appShell #sidebarSearchWrap .mobile-search-toggle{display:inline-grid!important;place-items:center;width:36px;height:36px;flex:0 0 36px;border:0;border-radius:8px;padding:0;background:transparent;color:#536b92;cursor:pointer}
 #appShell #sidebarSearchWrap .mobile-search-toggle svg{display:block;width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8}
 #appShell .topbar.is-mobile-search-open #sidebarSearchWrap{position:absolute!important;inset-inline:8px!important;top:50%!important;transform:translateY(-50%);width:calc(100% - 16px)!important;max-width:none!important;min-width:0!important;display:flex!important;gap:6px!important;padding:0 7px!important;border:1px solid #dce5f1!important;border-radius:9px!important;background:#fff!important;z-index:3;animation:mobile-header-search-in 460ms cubic-bezier(.2,.8,.2,1) both;transform-origin:left center}
 #appShell .topbar.is-mobile-search-open #globalSearchInput{display:block!important;min-width:0!important;width:100%!important;flex:1;font-size:16px!important;height:32px!important}
 #appShell .topbar.is-mobile-search-open #sidebarSearchWrap .mobile-search-close{display:inline-grid!important;place-items:center;flex:0 0 30px;width:30px;height:30px;padding:0;border:0;border-radius:7px;background:#f4f6fb;color:#536b92;font-size:22px;line-height:1;cursor:pointer}
 #appShell .topbar.is-mobile-search-open :is(.topbar-left,.topbar-actions){visibility:hidden;pointer-events:none}
 #appShell .topbar.is-mobile-search-open #searchResults{inset-inline:8px!important;top:calc(100% + 6px)!important;max-height:calc(100dvh - 90px)!important;z-index:4}
 #appShell #sidebarSearchWrap :is(.mobile-search-toggle,.mobile-search-close):focus-visible{outline:2px solid #168775;outline-offset:1px}
}
@keyframes mobile-header-search-in{0%{opacity:.25;transform:translateY(-50%) scaleX(.12)}70%{opacity:1;transform:translateY(-50%) scaleX(1.006)}100%{opacity:1;transform:translateY(-50%) scaleX(1)}}
@media(max-width:820px) and (prefers-reduced-motion:reduce){#appShell .topbar.is-mobile-search-open #sidebarSearchWrap{animation:none}}
