/* ————————————————————侧栏面板———————————————————— */
.layout__dockl .block__icons ~div{
	padding-right: 5px!important;
}
.layout__dockr [data-type="wnd"]{
	padding-left: 5px!important;
}
.layout__dockl,.layout__dockr,.layout__dockb{
	transition: padding-top 0.3s cubic-bezier(0.4, 0, 0.2, 1),var(--b3-width-transition), height .2s cubic-bezier(0, 0, 0.2, 1) 0ms;
    .layout-tab-container{
        border-radius: var(--Sv-layout-radius);
		background-color: transparent;
        .layout__tab--active{
           /* background-color: var(--Sv-dock-item-activefocus-background)!important;
            box-shadow: 0px 0px 0px 2px rgba(235, 131, 131, 0.1) inset, 0px 0px 0px 2px rgba(235, 131, 131, 0.1) inset;*/
            .b3-list-item--focus{
                background-color: var(--Sv-list-focus-active)!important;
            }
        }
    >.fn__flex-column{
	/*面板标题*/
	.block__icons{
		padding: 0px 9px 0px 8px; 
		border-bottom: none;
		min-height: 33px;
		/*面板标题图标*/
		.block__logo{
			font-weight: 700;
			svg{
				display: none;
			}
		}
		/*面板功能按钮*/
		.block__icon{
			padding: 2px;
			margin:-3px;
			border-radius: 6px;
			svg{
				height: 12px;
				width: 12px;
				padding: 4px 1.5px;
				color: var(--Sv-block-icon-svg-color);
				margin:0px 2px
			}
			&:hover{
				background-color: var(--Sv-block-icon--background-hover);
                svg{
                    color: var(--Sv-block-icon-svg-color-hover);
                }
			}
            &.block__icon--active{
                background-color: var(--Sv-block-icon--background-hover);
                svg {
                    color: var(--Sv-block-icon-svg-color-hover);
                }
            }
		}
	}
	/*面板列表项*/.b3-list--background 
	.b3-list-item{
		border-radius:var(--Sv-list-item-radius);
		margin-left: 4px!important;
		margin-right: 0px!important;
        padding-right: 3px;
        &:hover:not(.b3-list-item--focus):not(.dragover):not(.dragover__current):not(.dragover__top):not(.dragover__bottom){
            background-color: var(--Sv-list-background);
            .b3-list-item__text{
                color: var(--Sv-list-focus-color);
            }
        }
        &.b3-list-item--focus{
            font-weight:600;
            background-color: var(--Sv-list-background);
            .b3-list-item__text{
                color: var(--Sv-list-focus-color);
            }
            &:hover{
                background-color: var(--Sv-list-focus-hover);
            }
        }
        .counter:not(:empty)/*引用数*/{
            height: 20px;
            line-height: 20px;
            text-align: center;
            min-width: 12px;
            border-radius: 6px;
            padding: 0 4px;
            margin-left: 4px;
			color: var(--Sv-list-counter-color);
			background-color: var(--Sv-list-counter);
			&:hover{
				background-color: var(--Sv-list-background);
			}
        }
	}
}
}
}
.sy__file .b3-list--background {
	transition: background-color 0.4s cubic-bezier(0.4,0,0.2,1), box-shadow 0.4s cubic-bezier(0.4,0,0.2,1);
}
.block__icon:hover:not([disabled]):not(.ft__primary):not(.block__icon--warning), .block__icon--active {
	background-color: var(--Sv-list-background);
}
.b3-list-item__toggle:hover{
    background-color: transparent;
}
.b3-list-item__arrow{
	color:var(--Sv-list-item-arrow);
	padding:6px;
	border-radius: 4px;
	margin:0 -4px;
    &:hover{
        background-color: var(--Sv-list-background);
    }
}
.b3-list-item__icon{
    border-radius: 4px;
    &:hover{
        background-color: var(--Sv-list-background);
    }
}
.b3-list-item__text{
	color:var(--Sv-list-item-color);
}
.b3-list-item--hide-action .b3-list-item__action{
	padding: 0 5px;
	margin-left: 2px;
	border-radius: 4px;
	svg{
		height: 12px;
    	width: 12px;
	}
    &:hover{
        background-color: var(--Sv-list-background);
    }
}

/*文档树*/
/*.sy__file [data-type="navigation-root"]>.b3-list-item__toggle,[data-type="toggle"]>.b3-list-item__toggle{
  
}*/

/*书签、标签树*/
.sy__bookmark,.sy__tag {
	.b3-list-item__graphic{
	width:12px;
	color: var(--Sv-list-item-color);
	margin-left: -4px;
	}
}

/*收集箱*/
.inboxDetails .block__logoicon{
    display: block!important;
}/*保留收集箱详情返回箭头*/



/*大纲面板数字*/
.sy__outline .b3-list-item__graphic{
	margin-left: 4px;
}
.sy__outline ul.b3-list.b3-list--background{
	& [data-subtype*="h"]{
	>span:first-child::after{
			visibility: visible!important;
			position:relative;
			left:8px;
			border-radius:4px;
			opacity:0.5;
			font-size:10px;
			pointer-events:none;
			font-family:"Segoe UI";
		}
		&:hover>span:first-child::after{
			opacity:1;
		}
	}
	& svg.b3-list-item__graphic{
		margin-left:-15px;
		margin-right:4px;
		color:transparent;
		width:17px!important;
		border-radius:5px;
		opacity:0.2;
	}
	& [data-subtype="h1"]>span:first-child{
		&::after{
		content:"❶";
		color:var(--h1-list-graphic);
		}
		&+svg.b3-list-item__graphic:hover{
			background-color:var(--h1-list-graphic);
		}
	}
	& [data-subtype="h2"]>span:first-child{
		&::after{
		content:"❷";
		color:var(--h2-list-graphic);
		}
		&+svg.b3-list-item__graphic:hover{
			background-color:var(--h2-list-graphic);
		}
	}
	& [data-subtype="h3"]>span:first-child{
		&::after{
		content:"❸";
		color:var(--h3-list-graphic);
		}
		&+svg.b3-list-item__graphic:hover{
			background-color:var(--h3-list-graphic);
		}
	}
	& [data-subtype="h4"]>span:first-child{
		&::after{
		content:"❹";
		color:var(--h4-list-graphic);
		}
		&+svg.b3-list-item__graphic:hover{
			background-color:var(--h4-list-graphic);
		}
	}
	& [data-subtype="h5"]>span:first-child{
		&::after{
		content:"❺";
		color:var(--h5-list-graphic);
		}
		&+svg.b3-list-item__graphic:hover{
			background-color:var(--h5-list-graphic);
		}
	}
	& [data-subtype="h6"]>span:first-child{
		&::after{
		content:"❻";
		color:var(--h6-list-graphic);
		}
		&+svg.b3-list-item__graphic:hover{
			background-color:var(--h6-list-graphic);
		}
	}
}




/* 反链面板 */
.sy__backlink .block__icons .counter{
	color: var(--Sv-block-logo-color);
    background-color: var(--Sv-block-logo-background);
}
.sy__backlink.layout__tab--active  .block__icons .counter{
	background-color: var(--Sv-block-icon-active);
}

/*.sy__backlink .protyle-wysiwyg [data-node-id].li>.list {
    padding-left: 0px!important;
}/*反链列表间距收窄*/

.sy__backlink{
    background-color: var(--Sv-backlink-background);
	overflow: hidden;
    .block__icons,.backlinkList,.backlinkMList{
        background-color: var(--Sv-backlink-list);
		border-radius:6px;
        &>.b3-list>.protyle{
	    margin:-4px 0px 5px 0px;	
	    border-radius:6px;
        box-shadow: rgba(15, 15, 15, 0.1) 0px 0px 0px 1px inset;
        }
    }
    .backlinkList,.backlinkMList{
        border-radius: 0 0 6px 6px;
		.b3-list-item{
			margin: 0px 0px 4px 0px !important;
		}
    }
    .protyle-breadcrumb__bar{
        font-size:80%;
        min-height: 24px;
		margin-left: -18px;
        &+div{
            font-size:90%;
        }
        &:not(:first-child) {
            padding-top:5px;
            border-top: 1px dashed var(--Sv-breadcrumb-border);
        }
        &>span:last-child{
            background-color: transparent;
            &:hover{
                background-color: var(--Sv-list-background); 
            }
        }
        .protyle-breadcrumb__item{
            &:hover{
                background-color: var(--Sv-list-background);
            }
            &>svg.popover__block {
            height: 10px;
            width: 10px;
            padding: 2px;
            border-radius: 4px;
            }
        }
    }
}



/*.layout__dockr .block__icons~.fn__flex-1 {
    padding-bottom: 22px!important;
}避开底栏间距*/
/*
.layout__dockr:not(.layout--float) .backlinkMList.fn__flex-1[style*="height:0px"] {
    min-height: 22px;
    .b3-list{
        display: none;
        padding: 0px;
    }
}*/


/* 关系图右侧筛选 */
.graph__panel{
	box-shadow: rgba(15, 15, 15, 0.05) 0px 0px 0px 1px, rgba(15, 15, 15, 0.1) 0px 3px 6px, rgba(15, 15, 15, 0.2) 0px 9px 24px;
    border-radius:6px 0 0 6px;
}


/* 侧栏浮动 */
.layout__dockl.layout--float{
	border-radius:0 8px 8px 0;
    border: 4px solid var(--Sv-float-background);
    background-color: var(--Sv-float-background);
    box-shadow:  rgba(15, 15, 15, 0.05) 1px 0 0 1px, rgba(15, 15, 15, 0.2) 10px 16px 20px -12px, rgba(15, 15, 15, 0.2)  10px -10px 20px -12px;
}

.layout__dockr.layout--float{
	border-radius:8px 0 0 8px;
	border: 4px solid var(--Sv-float-background);
    background-color: var(--Sv-float-background);
	box-shadow: rgba(15, 15, 15, 0.05) -1px 0 0 1px, rgba(15, 15, 15, 0.2) -10px 16px 20px -12px, rgba(15, 15, 15, 0.2)  -10px -10px 20px -12px; 
}
.layout__dockb.layout--float{
	border: 4px solid var(--Sv-float-background);
    background-color: var(--Sv-float-background);
}

.layout__dockb.layout--float[style*="bottom: 57px"],.layout__dockb.layout--float[style*="bottom: 33px"],.layout__dockb.layout--float[style*="bottom: 24px"]{
	bottom:37px!important;
	margin-left:37px;
	margin-right:37px;
	border-radius:6px;
	border: 4px solid var(--Sv-float-background);
	box-shadow: 0 4px 9px rgba(0,0,0,.05), 0 1.5px 2.8px rgba(0,0,0,.07), 0 0.3px 0.7px rgba(0,0,0,.12);
}
.layout__dockb.layout--float[style*="bottom: 24px"]{
	margin-left:6px;
	margin-right:6px;
}


.layout__dockl{
	margin-bottom: 5px;
	& + .layout__resize--lr{
		margin: 0 -11px 0 0;
	}
}
.layout__dockr{ 
    margin-right: 5px;
    margin-left: -5px;
	margin-bottom: 5px;
}