/*! 
 * studio-manage.css 
 * Author:777
 * Date:2026/6/17
*/

/* redefine */
:root, [data-bs-theme=light]{
	--tblr-font-sans-serif:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; 
}
@media (min-width:992px){
    :host,
	:root{ margin-left:0; margin-right:0;}
}
@media (min-width:992px){
    .navbar-vertical.navbar-expand-lg{ overflow-y:auto;}
}
body{ background-color:#F3F5FA; font-size:1rem;}
a{ transition:all 0.4s ease 0s;}

/* page main*/
.page-wrapper{ margin-top:1rem; margin-bottom:0;}
.page-litsby-blk{ margin:0 0 0 1.5rem;}
.page-wrapper-sider{ padding:10px; border-radius:10px; background-color:#fff; overflow-y:scroll;}
.page-wrapper-bg{ margin:0 1.5rem; padding:0 10px; border-radius:10px; background-color:#fff;}
.page-min-height{ min-height:68vh;}

.spinner-container{ position:fixed; width:60px; height:60px; background-color:rgba(0, 0, 0, 0.4); display:flex; justify-content:center; align-items:center; top:50%; left:50%; transform:translate(-50%, -50%); z-index:1050;   border-radius:10%; display:none;}

/* 框架 */
@media (min-width:992px){
    .navbar-vertical.navbar-expand-lg{ width:13rem;}
    .navbar-expand-lg.navbar-vertical~.navbar,
	.navbar-expand-lg.navbar-vertical~.page-wrapper{ margin-left:13rem;}
}

.w-160{ width:150px !important;}
label.w-160{ color:#898989;}
@media (min-width:992px){
    .w-200{ width:200px;}
}

.rounded{ border-radius:0.375rem !important;}
.text-price{ color:#ff5000 !important;}
.text-red{ color:#ff5000 !important;}

/* 确认弹出框 */
.dialog-header{ display:flex; align-items:center; margin-bottom:20px;}
.dialog-icon{ display:inline-flex; align-items:center; justify-content:center; width:60px; height:60px; border-radius:50%; margin-right:20px;}

/* btns &input */
.btn{ --tblr-btn-font-size:1rem; padding-top:0.557rem; padding-bottom:0.557rem;}
.btn-grey{ background-color:var(--tblr-body-bg);}
.btn-tag{ border:none; background-color:var(--tblr-body-bg);}
.btn-tag.active{ background-color:var(--tblr-primary); color:var(--tblr-primary-fg);}

.form-select,
.form-control{ box-shadow:inset 0px 1px 3px rgba(0,0,0,.05); font-size:1rem;}
.input-group .form-input-price{ box-shadow:inset 0px 1px 3px rgba(0,0,0,.1);}


@media (min-width:1630px){
    .container, .container-lg, .container-md, .container-sm, .container-xl{ width:1610px;}
}
@media (min-width:2040px){
    .container, .container-lg, .container-md, .container-sm, .container-xl{ width:2000px;}
}


/* sidebar */
.navbar-brand-image{ width:108px; height:auto;}

	/* 一级菜单 */
	#sidebar-menu .nav-item .nav-link{ color:rgba(255, 255, 255, 0.9) !important;}
	#sidebar-menu .nav-item .nav-link .nav-link-icon svg{ stroke:rgba(255, 255, 255, 0.8) !important;}

	/* .active */
	#sidebar-menu .nav-item.active > .nav-link, 
	#sidebar-menu .nav-item .nav-link.active{ color:#fff !important; font-weight:600 !important; background:rgba(255, 255, 255, 0.15) !important;}

	/* 二级菜单 */
	#sidebar-menu .dropdown-menu .dropdown-item{ font-size:0.9375rem !important; color:rgba(255, 255, 255, 0.65) !important;}
	#sidebar-menu .dropdown-menu .dropdown-item.active,
	#sidebar-menu .dropdown-menu .dropdown-item:hover{ color:#fff !important; background:transparent !important;}

/* pages */
.page-link{ padding:0.5625rem 1rem; font-size:1rem; background-color:#f8f9fa; border:1px solid #dee2e6; border-radius:3px; color:#343a40; margin-right:10px;}
	
	/* 返回按钮 */
	.return-back{ display:block; width:28px; height:28px; border-radius:50%; background-color:rgba(210,220,220,.4);}
	.return-back:hover{ background-color:rgba(210,220,220,.9);}
	.page-title svg{ margin:0; width:20px; height:20px;}

	/* index */
	/* 统计图浮动层默认 Tooltip 外壳的背景 */
	.apexcharts-tooltip.apexcharts-theme-dark{ background:rgba(30, 41, 59, 0.3) !important; backdrop-filter:blur(4px) !important; -webkit-backdrop-filter:blur(4px) !important; border:none !important; text-shadow:0 1px 1px rgba(0,0,0,.5); box-shadow:0 4px 12px rgba(0, 0, 0, 0.1) !important;}

	/* 移除默认 Tooltip 的页眉/边框颜色 */
	.apexcharts-tooltip.apexcharts-theme-dark .apexcharts-tooltip-title{ background:transparent !important; border-bottom:none !important; font-size:11px; opacity:0.9; margin-bottom:-5px;}

	/* 屏蔽导致原生黑框显示的鼠标事件 */
	#chart-user-trend [aria-label], 
	#chart-user-trend [title]{ pointer-events:none;}
	
	/* 收入统计 */
	.num-income sup{ font-size:14px;}



	/* list table */
	.markdown>table, .table{--tblr-table-hover-bg:none;}
	.table>:not(caption)>*>.td-valign-top{ vertical-align:top;}

	.model-list-top{ flex-wrap:wrap; justify-content:space-between;}
		.input-icon{ width:100%;}
		.model-list-by{ width:100%;}
		.model-list-top-search{ margin-top:15px; width:100%;}

	/*.btn-upload{ background-color:rgba(255,155,85,1);}
	.btn-upload:hover{ background-color:rgba(255,135,55,1);}*/

	.markdown>table thead th,
	.table thead th{ font-size:.875rem; font-weight:normal;}
	.card-table tr td:first-child,
	.card-table tr th:first-child{ /*padding-left:0.75rem; padding-right:0.75rem; */}
	.card-table tr.selected td{ background-color:#F0F1F3;}

	.img-fluid{ border-radius:var(--tblr-border-radius);}
/*
	@media (min-width:768px){
		.model-list-top{ flex-wrap:nowrap;}
		.model-list-by{ width:35%;}
		.model-list-top-search{ margin-top:0; margin-left:30px; width:40%;}
	}
	@media (min-width:992px){
		.model-list-top-search{ width:44%;}
	}
*/
	/* 模型信息 */
	.model-info-block{ flex-direction:column; align-items:center; background-color:#f9fafb; transition:all 0.3s ease 0s;}
	.model-info-block:hover{ background-color:#F3F5FA;}
		.model-info-pic{ width:152px; /*height:114px; background:rgba(0,0,0,.05);*/}
			.model-info-pic svg{ width:152px;}
		.model-info-data{ min-width:150px; flex-grow:1;}
			.model-info-name{ text-align:center; color:#333;}

	@media (min-width:769px){
		.model-info-block{ flex-direction:row;}
		.model-info-name{ text-align:left;}
	}

	/*
	.model-print-block{ height:114px; background-color:#f9fafb;}
	.model-print-block:hover{ background-color:#F3F5FA;}
		.model-print-data{ min-width:120px; flex-grow:1;}*/

		/* 修改打印信息 
		.select-color-blk{ position:relative; margin-right:0.375rem;}
		.select-color-blk .btn-check:checked{ left:-4px; top:-8px; clip:auto; z-index:2;}
		.material-profile{ max-height:280px; overflow-y:auto;}*/

		/* 修改材料信息 
		.material-item{ border:solid 2px #F3F5FA;}
		.material-item.border-primary{ border-color:var(--tblr-primary);}*/

		/* 材料介绍页面 
		.material-profile-item{ flex-direction:column; align-items:center; border:solid 2px #F3F5FA;}
		.material-profile-title{ text-align:center;}
		.material-profile-pic img{ width:100px; height:100px;}

		@media (min-width:769px){
			.material-profile-item{ flex-direction:row; align-items:start;}
			.material-profile-title{ text-align:left;}
		}

		.input-num-set{ margin:0 auto; width:120px;}
			.input-group-sm>.btn,
			.input-group-sm>.form-control,
			.input-group-sm>.form-select,
			.input-group-sm>.input-group-text{font-size:1.2rem; border-radius:var(--tblr-border-radius);}
			.input-group-sm>.form-control{ font-size:1rem;}
		@media (min-width:769px){
			.input-num-set{ margin:0 0 0 auto;}
		}*/

	/* 项目对齐适用手机 */
	.model-align-item{ align-items:center;}

	@media (min-width:769px){
		.model-align-item{ align-items:end;}
	}

	/* edit 
	.form-switch{ padding-left:3rem; max-width:200px;}
	.form-switch .form-check-input{ margin-left:-3rem;}
	.form-check .form-check-label{ display:inline-block;}
	.model-img{ width:90px; aspect-ratio:4/3; object-fit:cover;}
	.form-input-price{ padding:.2rem .75rem; max-width:80px; font-size:1rem;}*/

	/* sort 
	.sortable-tbody tr{ user-select:none; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; cursor:move;}}
	.sortable-tbody tr:active{ cursor:move;}
	.sortable-tbody tr:hover td{ background-color:rgba(0,0,0,.02);}

	.table-active{ border:dashed 2px rgba(66,99,235,.7); background-color:rgba(66,99,235,.1);}
	.sortable-dragging{ background-color:rgba(66,99,235,.6);  box-shadow:0 4px 8px rgba(0, 0, 0, 1);}*/


/* footer */
footer .container-xl{ padding:0;}

/* modal dialog 
.dialog-icon{ display:inline-flex; align-items:center; justify-content:center; width:60px; height:60px; border-radius:50%; margin-right:20px;}
.dialog-success .dialog-icon{ background:rgba(47, 179, 68, 0.1); color:var(--dialog-success);}
.dialog-warning .dialog-icon{ background:rgba(247, 103, 7, 0.1); color:var(--dialog-warning);}
.dialog-danger .dialog-icon{ background:rgba(214, 57, 57, 0.1); color:var(--dialog-danger);}
.dialog-info .dialog-icon{ background:rgba(66, 153, 225, 0.1); color:var(--dialog-info);}
.dialog-header{ display:flex; align-items:center; margin-bottom:20px;}*/

 /* == login == */
.login-container{ background:#DDD; display:flex; flex-direction:column;}
	.login-card{ margin:0 auto; width:500px; box-shadow:0 1px 20px rgba(0,0,0,.1);}


	/* 模型信息 
	.model-info-block{ align-items:center; background-color:#f9fafb;}
	.model-info-block:hover{ background-color:#F3F5FA;}
		.model-info-pic{ width:152px; height:114px; background:rgba(0,0,0,.05);}
			.model-info-pic img{ width:152px; height:114px;}
			.model-info-pic .model-info-name{ background:linear-gradient(to bottom, rgba(0,0,0,0.2), transparent); color:#FFF;}
		.model-info-data{ min-width:150px; max-width:190px; flex-grow:1;}
	.model-print-block{ height:114px; background-color:#f9fafb;}
	.model-print-block:hover{ background-color:#F3F5FA;}
		.model-print-data{ min-width:120px; flex-grow:1;}*/