/* One pill-shaped search control, with results sized and aligned to their content. */
:root[data-theme] #global-search::before{content:none}
:root[data-theme] #global-search-field{box-sizing:border-box;padding:0;border:1px solid var(--control-line);border-radius:9999px!important;background:var(--surface);box-shadow:none}
:root[data-theme] #global-search-field:focus-within{border-color:var(--focus);outline:2px solid var(--focus);outline-offset:2px}
:root[data-theme] #global-search-input{display:block;box-sizing:border-box;width:100%;height:44px;padding:0 76px 0 44px;border:0!important;border-radius:inherit!important;background:transparent!important;box-shadow:none!important;font-size:13px}
:root[data-theme] #global-search-input:focus-visible{outline:none!important}
:root[data-theme] #global-search-field>.global-search-mark{left:8px;top:50%;width:28px;height:28px;background:transparent;box-shadow:none}
:root[data-theme] #global-search-field>kbd{right:10px;padding:3px 6px;border-bottom-width:1px;font:11px/1.2 var(--font-ui);letter-spacing:0}
:root[data-theme][data-interface] #global-search-results{box-sizing:border-box;width:min(760px,var(--workspace-search-popup-width,100%));max-height:min(620px,calc(100dvh - var(--workspace-header-height,64px) - 24px));padding:12px;overscroll-behavior:contain}
:root[data-theme][data-interface] #global-search-results .global-search-group{gap:0}
:root[data-theme][data-interface] #global-search-results .global-search-group>h2{margin:4px 12px 10px}
:root[data-theme][data-interface] #global-search-results .global-search-item{grid-template-columns:34px minmax(0,1fr) auto;align-items:start;gap:12px;padding:12px;min-width:0}
:root[data-theme][data-interface] #global-search-results .global-search-item+.global-search-item{border-top-color:var(--line)}
:root[data-theme][data-interface] #global-search-results .global-search-item>:is(.global-search-icon,.asset-operational-beacon){align-self:start;justify-self:start}
:root[data-theme][data-interface] #global-search-results .global-search-copy{align-self:start;min-width:0}
:root[data-theme][data-interface] #global-search-results .global-search-name{min-height:28px;font-weight:650}
:root[data-theme][data-interface] #global-search-results .global-search-actions{align-self:start;justify-self:end;justify-content:flex-end;gap:4px}
@container nv-global-search (max-width:600px){
 :root[data-theme][data-interface] #global-search-results .global-search-item{grid-template-columns:28px minmax(0,1fr);gap:8px;padding:10px}
 :root[data-theme][data-interface] #global-search-results .global-search-actions{--nv-search-compact:1;grid-column:2;grid-row:2;justify-self:start;justify-content:flex-start;flex-wrap:wrap;max-width:100%;gap:6px}
 :root[data-theme][data-interface] #global-search-results .global-search-actions>button{min-width:44px;min-height:44px}
 :root[data-theme][data-interface] #global-search-results .global-search-actions>button.nv-icon-action{flex-basis:44px;width:44px;min-width:44px;min-height:44px}
 :root[data-theme][data-interface] #global-search-results .global-search-name{min-height:36px}
}
@media(min-width:601px) and (max-width:1000px){
 :root[data-theme][data-interface] main>header{display:grid!important}
 :root[data-theme][data-interface] main>header #global-search{grid-column:1/-1!important;grid-row:2!important;max-width:none;justify-self:stretch}
}
@media(max-width:600px){
 :root[data-theme][data-interface] #global-search-input{font-size:16px;padding-right:48px}
 :root[data-theme][data-interface] #global-search-input::-webkit-search-cancel-button{display:none}
 :root[data-theme][data-interface] #global-search-close{top:50%;right:2px;transform:translateY(-50%)}
 :root[data-theme][data-interface] #global-search-results{width:var(--workspace-toolbar-width);max-height:min(620px,calc(100dvh - var(--workspace-header-height,60px) - 80px));padding:8px}
}
