.k-detail-renderer{width:100%;height:100%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.k-detail-layout,.k-detail-renderer{display:-webkit-box;display:-ms-flexbox;display:flex}.k-detail-layout{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow:hidden}.k-detail-sidebar{width:320px;border-right:1px solid #ebeef5;-ms-flex-direction:column;flex-direction:column;background:#fafafa}.k-detail-sidebar,.k-detail-sidebar-scroll{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal}.k-detail-sidebar-scroll{-webkit-box-flex:1;-ms-flex:1;flex:1;padding:8px;-ms-flex-direction:column;flex-direction:column}.k-detail-sidebar-item{padding:12px;background:#fff;border-radius:6px;margin-bottom:8px;cursor:pointer;-webkit-transition:all .2s ease;transition:all .2s ease;border:1px solid transparent}.k-detail-sidebar-item:hover{background:#f5f7fa}.k-detail-sidebar-item.active{background:#ecf5ff;border-color:#409eff}.k-detail-sidebar-item-title{font-size:14px;font-weight:500;color:#303133;margin-bottom:4px}.k-detail-sidebar-item-time,.k-detail-sidebar-item-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.k-detail-sidebar-item-time{font-size:12px;color:#909399}.k-detail-sidebar-empty{-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.k-detail-sidebar-empty-icon{font-size:48px;color:#c0c4cc;margin-bottom:12px}.k-detail-sidebar-empty-text{font-size:14px;color:#909399}.k-detail-sidebar-loading{padding:16px;text-align:center}.k-detail-content{-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;background:#fff}.k-detail-content-scroll{-webkit-box-flex:1;-ms-flex:1;flex:1;padding:20px}.k-detail-content-card{background:#fff;border-radius:8px;-webkit-box-shadow:0 2px 8px rgba(0,0,0,.04);box-shadow:0 2px 8px rgba(0,0,0,.04)}.k-detail-content-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:16px 20px;border-bottom:1px solid #f0f0f0}.k-detail-content-title{font-size:18px;font-weight:600;color:#303133}.k-detail-content-actions{display:-webkit-box;display:-ms-flexbox;display:flex;gap:8px}.k-detail-content-body{padding:20px;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.k-detail-content-row{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:12px;background:#fafafa;border-radius:6px}.k-detail-content-row,.k-detail-content-row-label{display:-webkit-box;display:-ms-flexbox;display:flex}.k-detail-content-row-label{-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:13px;color:#606266;margin-bottom:6px;gap:6px}.k-detail-content-row-value{font-size:14px;color:#303133;word-break:break-all}.k-detail-content-footer{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:12px 20px;border-top:1px solid #f0f0f0;background:#fafafa;border-radius:0 0 8px 8px}.k-detail-content-time{font-size:12px;color:#909399}.k-detail-content-buttons{gap:8px}.k-detail-content-buttons,.k-detail-content-empty{display:-webkit-box;display:-ms-flexbox;display:flex}.k-detail-content-empty{-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.k-detail-content-empty-icon{font-size:64px;color:#c0c4cc;margin-bottom:16px}.k-detail-content-empty-text{font-size:16px;color:#909399}