/* ============================================================================
   SITE MENU SEARCH (site-crumb disclosure menu + .sitemenubtn site picker)
   ============================================================================ */

.menu > .b-menu-search {
	padding: 8px 10px;
	margin-bottom: 6px;
	border-bottom: 1px solid var(--hairline-color, #e3e5e8);
	position: sticky;
	top: 0;
	background: var(--menu-bg-color, #fff);
	z-index: 1;
}

/* ============================================================================
   USERS SIDEBAR SEARCH
   ============================================================================ */

.b-sidebar-search {
	padding: 4px 0 8px;
}

/* ============================================================================
   SHARED INPUT STYLING (both menu and sidebar)
   ============================================================================ */

.b-menu-search-input {
	width: 100%;
	padding: 6px 10px;
	border: 1px solid var(--ui-control-border-color, #d0d5dd);
	border-radius: 4px;
	font-size: 13px;
	background: var(--ui-control-bg-color, #fff);
	color: var(--text-color, inherit);
	box-sizing: border-box;
}

.b-menu-search-input:focus {
	outline: none;
	border-color: var(--focus-ring-color, #0d78f2);
	box-shadow: 0 0 0 1px var(--focus-ring-color, #0d78f2);
}