/* The site header uses the same catalog search and result cards as Dashboard. */
.app-header{gap:24px}
.app-header>.header-brand,.app-header>.header-utilities{flex:0 0 auto}
.app-header>.header-search{position:relative;flex:1 1 480px;min-width:0;max-width:720px;margin-inline:auto}
.header-search .dashboard-universal-search{width:100%;min-width:0}
.header-search .dashboard-universal-search input.dashboard-search-input,
.header-search .dashboard-universal-search input.dashboard-search-input:focus{box-sizing:border-box;width:100%;min-height:38px;padding:9px 14px;font-size:14px;line-height:20px;border:1px solid rgb(var(--text-rgb) / .12);border-radius:10px;color:var(--text);background:rgb(var(--text-rgb) / .045)}
.header-search .dashboard-search-input::placeholder{color:var(--muted)}
.header-search .dashboard-universal-search input.dashboard-search-input:focus-visible{outline:2px solid rgb(var(--text-rgb) / .35);outline-offset:2px}
.header-search .dashboard-search-reveal{position:absolute;top:calc(100% + 10px);left:0;right:0;z-index:120;min-width:0;border-radius:12px;background:var(--surface);box-shadow:0 14px 36px #0004}
.header-search .dashboard-search-panel{padding:0 12px;border-radius:12px}
.header-search .dashboard-search-reveal.is-open .dashboard-search-panel{border:1px solid rgb(var(--text-rgb) / .12)}
.header-search .dashboard-search-results{max-height:min(340px,calc(100dvh - var(--header-height) - 110px));overscroll-behavior:contain;margin-bottom:12px}
.header-search .dashboard-search-results .dashboard-search-result{min-width:0}
.header-search .dashboard-search-empty{overflow-wrap:anywhere}
.header-search .dashboard-search-types{gap:6px}
.app-sidebar .sidebar-appearance{padding:20px 12px}
.app-sidebar .sidebar-appearance .theme-toggle{display:flex;justify-content:flex-start;width:100%;padding:10px 12px;gap:10px}
.app-sidebar .sidebar-appearance .theme-toggle span{display:inline}
.app-sidebar.collapsed .sidebar-appearance{padding:60px 10px 12px}
.app-sidebar.collapsed .sidebar-appearance .theme-toggle{width:40px;height:40px;padding:0;justify-content:center}
.app-sidebar.collapsed .sidebar-appearance .theme-toggle span{display:none}
.app-sidebar .theme-toggle svg{fill:none;stroke:currentColor;flex-shrink:0}
@media(max-width:700px){
 .app-header{gap:10px;padding-inline:12px}
 .app-header .header-brand{min-width:28px;gap:0}
 .app-header .header-brand span{display:none}
 .app-header .header-utilities .account-toggle{max-width:90px;padding-inline:8px}
 .header-search .dashboard-search-reveal{position:fixed;top:calc(var(--header-height) + 6px);left:8px;right:8px;max-width:calc(100vw - 16px)}
 .header-search .dashboard-search-types button{font-size:12px;padding:7px 10px}
}