.nav-favorite{
  position:relative;
}

.nav-favorite:hover{
  background:rgba(255,255,255,.11);
}

/* Chromium/Edge adds its own clear X to <input type="search">.
   BOS already provides menuSearchClear, so suppress the browser one. */
.sidebar-search::-webkit-search-cancel-button,
.sidebar-search::-webkit-search-decoration{
  -webkit-appearance:none;
  appearance:none;
  display:none;
}

.favorite-context-menu{
  position:fixed;
  z-index:1200;
  min-width:190px;
  padding:6px;
  border:1px solid var(--border);
  border-radius:9px;
  background:var(--surface);
  color:var(--text);
  box-shadow:0 12px 32px rgba(0,0,0,.28);
}

.favorite-context-menu[hidden]{
  display:none !important;
}

.favorite-context-menu button{
  width:100%;
  min-height:34px;
  display:flex;
  align-items:center;
  gap:9px;
  border:0;
  border-radius:6px;
  background:transparent;
  color:var(--text);
  padding:7px 9px;
  text-align:left;
  font-size:12px;
}

.favorite-context-menu button span:first-child{
  width:16px;
  text-align:center;
  flex:none;
  font-size:15px;
}

.favorite-context-menu button:hover:not(:disabled){
  background:var(--surface-2);
}

.favorite-context-menu button:disabled{
  opacity:.38;
  cursor:default;
}

.favorite-context-separator{
  height:1px;
  margin:5px 4px;
  background:var(--border);
}

.favorite-context-menu .favorite-context-remove{
  color:var(--danger);
}