/* 复刻自 CRM 原后台样式（app / home / 页面 chunk css） */
*{margin:0;padding:0}
#app,.wrapper,body,html{width:100%;height:100%;overflow:hidden}
body{font-family:"PingFang SC","Helvetica Neue",Helvetica,"microsoft yahei",arial,STHeiTi,sans-serif;background:#f0f0f0}
a{text-decoration:none}
.wrapper{position:relative}
.content-box{position:absolute;top:70px;right:0;bottom:0;left:250px;padding-bottom:30px;transition:left .3s ease-in-out;background:#f0f0f0}
.content{width:auto;height:100%;padding:10px;overflow-y:scroll;box-sizing:border-box}
.content-collapse{left:65px}
.container{padding:30px;background:#fff;border:1px solid #ddd;border-radius:5px}
.el-table th{background-color:#f5f7fa!important}
.pagination{margin:20px 0;text-align:right}
.el-table tr:hover{background:#f6faff}
.header{position:relative;box-sizing:border-box;width:100%;height:70px;font-size:22px;color:#fff;background-color:#242f42}
.collapse-btn{float:left;padding:0 21px;cursor:pointer;line-height:70px}
.collapse-btn:hover{background:#283446}
.header .logo{float:left;width:250px;line-height:70px}
.header-right{float:right;padding-right:50px}
.header-user-con{display:flex;height:70px;align-items:center}
.user-name{margin-left:10px}
.user-avator{margin-left:20px}
.user-avator span{display:block;width:40px;height:40px;border-radius:50%;background:#8a7a6a}
.el-dropdown-link{color:#fff;cursor:pointer;font-size:14px}
.sidebar{display:block;position:absolute;left:0;top:70px;bottom:0;overflow-y:scroll;width:65px;background:#324157}
.sidebar::-webkit-scrollbar{width:0}
.sidebar>ul{height:100%}
.sidebar .el-menu{border-right:0}
.sidebar .el-menu-item{text-align:center;padding:0!important}
.sidebar.open{width:250px}
.sidebar.open .el-menu-item{text-align:left;padding:0 20px!important;height:56px;line-height:56px}
.sidebar.open .el-menu-item i{margin-right:16px;font-size:22px;vertical-align:middle}
.mlabel{color:#bfcbd9;font-size:15px}
.el-menu-item.is-active .mlabel{color:#20a0ff}
.sidebar .el-menu-item i{color:#bfcbd9;font-size:20px;margin:0}
.sidebar .el-menu-item.is-active i{color:#20a0ff}
.tags{position:relative;height:30px;overflow:hidden;background:#fff;padding-right:120px;box-shadow:0 5px 10px #ddd}
.tags ul{box-sizing:border-box;width:100%;height:100%}
.tags-li{float:left;margin:3px 5px 2px 3px;border-radius:3px;font-size:12px;overflow:hidden;cursor:pointer;height:23px;line-height:23px;border:1px solid #e9eaec;background:#fff;padding:0 5px 0 12px;vertical-align:middle;color:#666;transition:all .3s ease-in;list-style:none}
.tags-li:not(.active):hover{background:#f8f8f8}
.tags-li.active{color:#fff;border:1px solid #409eff;background-color:#409eff}
.tags-li-title{float:left;max-width:80px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-right:5px;color:#666}
.tags-li.active .tags-li-title{color:#fff}
.tags-li-icon{font-size:12px}
.tags-close-box{position:absolute;right:0;top:0;box-sizing:border-box;padding-top:1px;text-align:center;width:110px;height:30px;background:#fff;box-shadow:-3px 0 15px 3px rgba(0,0,0,.1);z-index:10}
.handle-box{margin-bottom:20px;display:flex;align-items:center;flex-wrap:wrap;row-gap:0}
.handle-box>*{margin-bottom:0}
.handle-top-count{display:inline-block;margin-bottom:20px;margin-right:30px;color:red;font-weight:900}
.table{width:100%;font-size:14px}
.rec-links div{line-height:20px}
.rec-links i{color:#409eff;margin-left:2px;cursor:pointer}
.badge-wei{display:inline-block;background:#e60012;color:#ffeb3b;font-size:11px;font-weight:700;line-height:16px;padding:0 3px;border:1px solid #ffeb3b;border-radius:2px;margin-left:2px;vertical-align:middle}

/* ===== 原型标注：红色虚线框 = 本次调整 ===== */
.chg{position:relative;display:inline-block;outline:2px dashed #f56c6c;outline-offset:2px;border-radius:2px}
.chg[data-chg]::after{content:attr(data-chg);position:absolute;top:-11px;right:-8px;background:#f56c6c;color:#fff;font-size:11px;line-height:16px;padding:0 5px;border-radius:3px;z-index:5;white-space:nowrap;font-weight:400}
.chg.block{display:block}
.chg.off{opacity:.55}
.chg.off>*{text-decoration:line-through}
.el-table th.chg-h{outline:2px dashed #f56c6c;outline-offset:-2px;background:#fef0f0!important}
.el-table th.chg-h .cell::after{content:"新增";margin-left:4px;background:#f56c6c;color:#fff;font-size:11px;line-height:15px;padding:0 4px;border-radius:3px;font-weight:400}
.el-table th.chg-h.adj .cell::after{content:"调整"}
.el-table td.chg-c{background:#fff7f7}
.ai-tag{display:inline-block;font-size:11px;line-height:14px;padding:0 4px;border-radius:3px;background:#ecf5ff;color:#409eff;border:1px solid #d9ecff;margin-left:4px;vertical-align:middle}
.ai-tag.lock{background:#f4f4f5;color:#909399;border-color:#e9e9eb}
.proto-note{font-size:12px;color:#f56c6c;margin:-10px 0 14px}
.thumb{display:inline-block;width:50px;height:50px;background:#e4e7ed linear-gradient(135deg,#f2f6fc 25%,#dcdfe6 100%);margin:2px;vertical-align:middle}

.proto-ctl{position:absolute;left:8px;bottom:6px;z-index:3000;background:rgba(48,49,51,.92);color:#fff;font-size:12px;padding:6px 10px;border-radius:6px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.proto-ctl b{color:#ffd04b;font-weight:600}
.noperm{text-align:center;padding:120px 0!important;color:#909399}
.noperm i{font-size:56px;color:#c0c4cc}
.noperm p{margin-top:16px;font-size:15px}
.form-tip{font-size:12px;color:#909399;line-height:20px;margin-top:4px}
.el-table th.chg-h.p0 .cell::after{content:"P0 新增"}
.el-table th.chg-h.p1 .cell::after{content:"P1 新增"}
.el-table th.chg-h.adj.p0 .cell::after{content:"P0 调整"}
.el-table th.chg-h.adj.p1 .cell::after{content:"P1 调整"}
.el-table th.chg-h .cell{white-space:normal;text-overflow:clip}
.el-table th.chg-h .cell::after{display:block;width:fit-content;margin:2px 0 0 0}
