.sop-dashboard{height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.sop-dashboard .filter-bar{background:#f7f9fa;border:1px solid #ebeef5;border-radius:4px;padding:10px 12px 0;-ms-flex-negative:0;flex-shrink:0}.sop-dashboard .dashboard-scroll{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow:auto;padding:12px 2px 20px}.sop-dashboard .dashboard-content{min-height:220px}.sop-dashboard .alert-content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;gap:10px}.sop-dashboard .context-card{background:#f5f7fa;border:1px solid #ebeef5;border-radius:4px;padding:10px 12px}.sop-dashboard .context-main{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:8px}.sop-dashboard .context-route{font-size:15px;font-weight:600}.sop-dashboard .context-date{color:#606266}.sop-dashboard .context-tag{font-size:12px;color:#2dacd1;background:#ecf7fa;border-radius:3px;padding:1px 6px}.sop-dashboard .context-meta{margin-top:7px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:4px 18px;color:#909399;font-size:12px}.sop-dashboard .section-title{margin:16px 0 8px;font-size:14px;font-weight:600;color:#303133}.sop-dashboard .section-hint{margin-left:8px;font-size:12px;font-weight:400;color:#909399}.sop-dashboard .kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:8px}.sop-dashboard .kpi-card{border:1px solid #ebeef5;border-radius:4px;padding:9px 11px;cursor:pointer;background:#fff;-webkit-transition:-webkit-box-shadow .15s;transition:-webkit-box-shadow .15s;transition:box-shadow .15s;transition:box-shadow .15s,-webkit-box-shadow .15s}.sop-dashboard .kpi-card:hover{-webkit-box-shadow:0 2px 8px rgba(0,0,0,.1);box-shadow:0 2px 8px rgba(0,0,0,.1)}.sop-dashboard .kpi-card .kpi-label{color:#606266;font-size:12px}.sop-dashboard .kpi-card .kpi-value{font-size:22px;font-weight:600;margin:3px 0;color:#303133}.sop-dashboard .kpi-card .kpi-hint{color:#a0a4ab;font-size:11px;line-height:15px}.sop-dashboard .tone-green{border-left:3px solid #67c23a}.sop-dashboard .tone-red{border-left:3px solid #f56c6c}.sop-dashboard .tone-orange{border-left:3px solid #e6a23c}.sop-dashboard .tone-blue{border-left:3px solid #409eff}.sop-dashboard .tone-gray{border-left:3px solid #909399}.sop-dashboard .empty-notice{margin-top:10px}.sop-dashboard .panel-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(330px,1fr);gap:12px;margin-top:16px}.sop-dashboard .panel{border:1px solid #ebeef5;border-radius:4px;padding:10px;min-width:0}.sop-dashboard .panel-head{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:8px;margin-bottom:8px}.sop-dashboard .panel-title{font-size:14px;font-weight:600}.sop-dashboard .panel-actions{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px}.sop-dashboard .panel-footnote{margin-top:8px;color:#909399;font-size:12px;line-height:18px}.sop-dashboard .clickable-table{cursor:pointer}.sop-dashboard .cell-link{color:#2dacd1;cursor:pointer}.sop-dashboard .cell-link:hover{text-decoration:underline}.sop-dashboard .cell-link.danger{color:#f56c6c}.sop-dashboard .wecom-name{font-weight:600}.sop-dashboard .wecom-id{color:#a0a4ab;font-size:11px}.sop-dashboard .unknown-reason{color:#e6a23c;font-weight:600}.sop-dashboard .reason-note{color:#a0a4ab;font-size:11px}.sop-dashboard .option-extra{float:right;color:#a0a4ab;font-size:12px}.sop-dashboard .drawer-wrap{padding:8px 18px 0}.sop-dashboard .drawer-head{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;gap:12px;padding:8px 0 10px;border-bottom:1px solid #ebeef5}.sop-dashboard .drawer-head>div:first-child{-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:0}.sop-dashboard .drawer-title{font-size:16px;font-weight:600;margin-right:12px}.sop-dashboard .drawer-filter{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:8px;padding:10px 0}.sop-dashboard .drawer-table{padding-bottom:10px}.sop-dashboard .strong{font-weight:600}.sop-dashboard .muted{color:#909399;font-size:11px}.sop-dashboard .status-reason{max-width:260px;white-space:normal;word-break:break-all;font-size:12px}.sop-dashboard .status-count{display:inline-block;min-width:18px;text-align:center}.sop-dashboard .detail-wrap{padding:0 20px 20px}.sop-dashboard .detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:9px 20px;font-size:13px;padding:12px;background:#f5f7fa;border-radius:4px;line-height:20px;word-break:break-all}.sop-dashboard .detail-grid>div{min-width:0}.sop-dashboard .detail-label{display:inline-block;min-width:62px;color:#909399;margin-right:6px}.sop-dashboard .reason-list{margin-top:10px;font-size:13px}.sop-dashboard .reason-tag{margin:0 4px 4px 0}.sop-dashboard .detail-section-title{margin:16px 0 8px;font-weight:600;font-size:14px}.sop-dashboard .detail-timeline{padding-left:2px}.sop-dashboard .timeline-title{font-weight:600;margin-bottom:3px}.sop-dashboard .timeline-detail{color:#606266;font-size:12px;line-height:18px;white-space:pre-wrap;word-break:break-all}.sop-dashboard .timeline-evidence{color:#a0a4ab;font-size:11px;margin-top:2px}@media(max-width:1200px){.sop-dashboard .panel-grid{grid-template-columns:1fr}}